h1,h2,h3,h4,h5,h6,
.grve-h1,
.grve-h2,
.grve-h3,
.grve-h4,
.grve-h5,
.grve-h6,
.grve-subtitle,
.grve-subtitle-text {
margin-bottom: 0.692em;
}
.grve-small-title {
font-size: 18px;
line-height: 24px;
}
.grve-small-text {
line-height: 1.2;
}
.grve-list-divider {
font-size: 0;
}
.grve-list-divider li {
margin: 0 !important;
display: inline-block;
vertical-align: middle;
}
.grve-list-divider li:after {
content: '/';
margin: 0 0.455em;
opacity: 0.5;
}
.grve-list-divider li:last-child:after {
display: none;
} #grve-theme-wrapper input[type="text"],
#grve-theme-wrapper input[type="input"],
#grve-theme-wrapper input[type="password"],
#grve-theme-wrapper input[type="number"],
#grve-theme-wrapper input[type="email"],
#grve-theme-wrapper input[type="number"],
#grve-theme-wrapper input[type="url"],
#grve-theme-wrapper input[type="tel"],
#grve-theme-wrapper input[type="search"],
#grve-theme-wrapper input[type="date"],
#grve-theme-wrapper textarea,
#grve-theme-wrapper select,
#grve-theme-wrapper .select2-choice {
-webkit-appearance: none;
-moz-appearance:    none;
border: 1px solid;
padding: 12px 14px;
outline: none;
color: inherit;
margin: 0;
width: 100%;
font-size: 14px;
margin-bottom: 20px;
background: transparent;
border-radius: 0;
border-color: inherit;
min-height: 44px;
}
#grve-theme-wrapper input[type="number"] {
-moz-appearance:textfield;
}
#grve-theme-wrapper input::-webkit-outer-spin-button,
#grve-theme-wrapper input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#grve-theme-wrapper input[type="text"]:focus,
#grve-theme-wrapper input[type="password"]:focus,
#grve-theme-wrapper input[type="email"]:focus,
#grve-theme-wrapper input[type="number"]:focus,
#grve-theme-wrapper input[type="url"]:focus,
#grve-theme-wrapper input[type="tel"]:focus,
#grve-theme-wrapper input[type="search"]:focus,
#grve-theme-wrapper input[type="date"]:focus,
#grve-theme-wrapper textarea:focus {
color: inherit;
} #grve-theme-wrapper input[type="date"] {
line-height: 15px;
}
::-webkit-inner-spin-button {
display: none;
}
::-webkit-calendar-picker-indicator {
background: none;
}
#grve-theme-wrapper .select2-choice {
padding: 5px 14px;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.5;
}
:-moz-placeholder { color: inherit;
opacity: 0.5;
}
::-moz-placeholder { color: inherit;
opacity: 0.5;
}
:-ms-input-placeholder {
color: inherit;
opacity: 0.5;
}
#grve-theme-wrapper select  {
background-image: url(//cdn.simplyceram.com/themes/blade/images/graphics/select-icon.png);
background-position: center right;
background-repeat: no-repeat;
text-indent: 0;
min-height: 30px;
}
#grve-theme-wrapper select[multiple] {
background-image: none;
} .grve-search {
position: relative;
display: block;
max-width: 430px;
margin: 0 auto;
}
#grve-theme-wrapper .grve-search input[type='text'] {
width: 100%;
height: 45px;
padding-right: 45px;
margin-bottom: 0;
}
#grve-theme-wrapper .grve-search button[type='submit'] {
width: 45px;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0);
border: none;
top: 0;
right: 0;
padding: 0;
cursor: pointer;
z-index: 3;
outline: 0;
margin-top: 2px;
} #grve-top-bar {
position: relative;
z-index: 1000;
}
#grve-top-bar ul {
margin: 0;
list-style: none;
line-height: 1.2;
}
#grve-top-bar ul p {
font-size: 13px;
line-height: 1.2;
}
#grve-top-bar .grve-top-bar-menu {
font-size: 10px;
}
#grve-top-bar ul.grve-left-side {
float: left;
text-align: left;
width: 50%;
}
#grve-top-bar ul.grve-right-side {
float: right;
text-align: right;
width: 50%;
}
#grve-top-bar ul li.grve-topbar-item,
#grve-top-bar ul li.grve-topbar-item li,
#grve-top-bar ul li.grve-topbar-item > a {
display: inline-block;
vertical-align: middle;
}
#grve-top-bar ul.grve-left-side li.grve-topbar-item {
margin-right: 15px;
}
#grve-top-bar ul.grve-left-side li.grve-topbar-item ul li {
margin-right: 15px;
}
#grve-top-bar ul.grve-left-side li.grve-topbar-item:last-child,
#grve-top-bar ul.grve-left-side li.grve-topbar-item ul li:last-child {
margin-right: 0;
}
#grve-top-bar ul.grve-right-side li.grve-topbar-item {
margin-left: 15px;
}
#grve-top-bar ul.grve-right-side li.grve-topbar-item ul li {
margin-left: 15px;
}
#grve-top-bar ul.grve-right-side li.grve-topbar-item:first-child,
#grve-top-bar ul.grve-right-side li.grve-topbar-item ul li:first-child {
margin-left: 0;
}
#grve-top-bar.grve-fullwidth .grve-container {
padding-left: 15px;
padding-right: 15px;
} #grve-top-bar .grve-language > li {
position: relative;
font-size: 10px;
}
#grve-top-bar .grve-language > li > ul {
position: absolute;
z-index: 5;
min-width: 160px;
padding: 10px 0;
top: 100%;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
-webkit-animation-duration: .15s;
-moz-animation-duration: .15s;
-o-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: menu_animation;
-moz-animation-name: menu_animation;
-o-animation-name: menu_animation;
animation-name: menu_animation;
display: none;
}
#grve-top-bar .grve-language > li:hover > ul {
display: block;
}
#grve-top-bar .grve-left-side .grve-language > li > ul {
left: -15px;
}
#grve-top-bar .grve-right-side .grve-language > li > ul {
right: -15px;
}
#grve-top-bar .grve-language img,
#grve-top-bar .grve-language span {
vertical-align: middle;
display: inline-block;
}
#grve-top-bar .grve-language img {
margin-right: 5px;
margin-top: -4px;
}
#grve-top-bar .grve-language > li > ul li {
display: block;
}
#grve-top-bar .grve-language > li > ul li a {
display: block;
padding: 15px;
} #grve-top-bar .grve-top-bar-menu li {
position: relative;
}
#grve-top-bar .grve-top-bar-menu ul.sub-menu {
position: absolute;
z-index: 5;
min-width: 180px;
padding: 10px 0;
top: 100%;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
-webkit-animation-duration: .15s;
-moz-animation-duration: .15s;
-o-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: menu_animation;
-moz-animation-name: menu_animation;
-o-animation-name: menu_animation;
animation-name: menu_animation;
display: none;
}
#grve-top-bar .grve-top-bar-menu > ul > li:hover > ul.sub-menu {
display: block;
}
#grve-top-bar .grve-left-side .grve-top-bar-menu ul.sub-menu {
left: -15px;
}
#grve-top-bar .grve-right-side .grve-top-bar-menu ul.sub-menu {
right: -15px;
}
#grve-top-bar .grve-top-bar-menu ul.sub-menu li {
display: block;
}
#grve-top-bar .grve-top-bar-menu ul.sub-menu li:after {
display: none;
}
#grve-top-bar .grve-top-bar-menu ul.sub-menu li a {
display: block;
padding: 15px;
}
@media only screen and (max-width: 767px) {
#grve-top-bar ul.grve-left-side,
#grve-top-bar ul.grve-right-side {
float: none;
width: auto;
text-align: center;
}
#grve-top-bar ul li.grve-topbar-item + li.grve-topbar-item {
margin-top: 5px;
}
} #grve-header {
position: relative;
z-index: 999;
} #grve-header.grve-fullwidth #grve-main-header.grve-header-default .grve-container,
#grve-header.grve-fullwidth #grve-responsive-header .grve-container {
padding-left: 15px;
padding-right: 15px;
position: static;
}
@media only screen and (max-width: 1200px) {
#grve-main-header.grve-header-default  .grve-container {
position: static;
}
}
#grve-main-header {
width: 100%;
top: 0;
left: auto;
position: relative;
z-index: 4;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
#grve-top-header,
#grve-bottom-header {
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
} #grve-responsive-header {
display: none;
}
#grve-responsive-header > .grve-wrapper {
width: 100%;
top: 0;
left: auto;
position: relative;
z-index: 4;
} #grve-header.grve-fixed #grve-main-header {
position: fixed;
}
#grve-body.grve-boxed #grve-header.grve-fixed #grve-main-header {
max-width: 1220px;
}
#grve-responsive-header.grve-fixed > .grve-wrapper {
position: fixed;
}
#grve-body.grve-boxed #grve-responsive-header.grve-fixed > .grve-wrapper {
max-width: 90%;
} @media only screen and (min-width: 960px) {
#grve-theme-wrapper.grve-header-side .grve-container,
#grve-theme-wrapper.grve-header-side #grve-content.grve-left-sidebar .grve-content-wrapper,
#grve-theme-wrapper.grve-header-side #grve-content.grve-right-sidebar .grve-content-wrapper {
width: 90%;
max-width: 1170px;
}
}
#grve-theme-wrapper.grve-header-side .grve-header-element {
float: none;
display: inline-block;
}
#grve-main-header.grve-header-side {
position: fixed;
width: 280px;
top: 0;
left: 0;
height: 100%;
z-index: 100;
overflow: hidden;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
#grve-main-header.grve-header-side .grve-main-header-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 95%;
height: calc(100% - 120px);
padding-right: 30px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 5;
}
#grve-main-header.grve-header-side .grve-wrapper {
position: relative;
z-index: 5;
}
#grve-main-header.grve-header-side ul.grve-menu li.grve-hidden-menu-item ul {
display: block;
}
#grve-main-header.grve-header-side #grve-main-menu .grve-menu-no-link > a {
cursor: pointer;
} #grve-main-header.grve-header-side .grve-logo {
float: none;
}
#grve-main-header.grve-header-side .grve-logo .grve-wrapper {
position: relative;
display: inline-block;
}
#grve-main-header.grve-header-side .grve-logo.grve-position-left {
float: none;
text-align: left;
}
#grve-main-header.grve-header-side .grve-logo.grve-position-right {
float: none;
text-align: right;
}
#grve-main-header.grve-header-side .grve-logo.grve-position-center {
position: relative;
height: auto;
z-index: 10
} body.grve-boxed #grve-theme-wrapper.grve-header-side #grve-main-header.grve-header-side {
left: auto;
margin-left: -280px;
}
body.grve-boxed #grve-theme-wrapper.grve-header-side .grve-container {
max-width: 80%;
}
#grve-main-header.grve-header-side .grve-content {
position: relative;
}
#grve-main-header.grve-header-side .grve-header-elements-wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 0;
min-height: 100px;
z-index: 5;
}
#grve-main-header.grve-header-side .grve-header-elements {
display: block;
overflow: hidden;
border-top: 1px solid;
padding: 15px 0;
}
#grve-main-header.grve-header-side li.grve-header-element {
height: 25px;
line-height: 25px;
}  .grve-logo {
display: block;
}
.grve-header-default .grve-logo {
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
.grve-header-logo-top .grve-logo a {
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
.grve-shrink .grve-header-logo-top .grve-logo.grve-position-center a img {
margin: 0 auto;
}
.grve-shrink .grve-header-logo-top .grve-logo.grve-position-right a img {
margin: 0 0 0 auto;
}
.grve-logo .grve-wrapper {
position: relative;
top: 50%;
z-index: 2;
}
.grve-logo .grve-wrapper a {
position: relative;
display: block;
}
.grve-logo .grve-wrapper img {
display: block;
position: relative;
height: 100%;
top: -50%;
width: auto !important;
max-width: none;
} #grve-main-header.grve-header-side .grve-logo .grve-wrapper,
#grve-main-header.grve-header-side .grve-logo .grve-wrapper img {
top: 0px;
}
.grve-logo .grve-wrapper img.grve-light,
.grve-logo .grve-wrapper img.grve-dark,
.grve-logo .grve-wrapper img.grve-sticky {
display: none;
} #grve-main-header.grve-light .grve-logo .grve-wrapper img.grve-light {
display: block;
}
#grve-main-header.grve-light .grve-logo .grve-wrapper img.grve-default,
#grve-main-header.grve-light .grve-logo .grve-wrapper img.grve-dark,
#grve-main-header.grve-light .grve-logo .grve-wrapper img.grve-sticky {
display: none;
} #grve-main-header.grve-dark .grve-logo .grve-wrapper img.grve-dark {
display: block;
}
#grve-main-header.grve-dark .grve-logo .grve-wrapper img.grve-default,
#grve-main-header.grve-dark .grve-logo .grve-wrapper img.grve-light,
#grve-main-header.grve-dark .grve-logo .grve-wrapper img.grve-sticky {
display: none;
} #grve-header.grve-sticky-header #grve-main-header .grve-logo .grve-wrapper img.grve-sticky {
display: block;
}
#grve-header.grve-sticky-header #grve-main-header .grve-logo .grve-wrapper img.grve-default,
#grve-header.grve-sticky-header #grve-main-header .grve-logo .grve-wrapper img.grve-light,
#grve-header.grve-sticky-header #grve-main-header .grve-logo .grve-wrapper img.grve-dark {
display: none;
} #grve-main-menu ul {
list-style: none;
margin: 0;
}
#grve-main-menu.grve-horizontal-menu.grve-position-left {
margin-left: 30px;
}
#grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li {
float: left;
line-height: inherit;
}
#grve-main-menu .grve-wrapper ul li a {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li > a {
display: block;
white-space: nowrap;
padding-left: 15px;
padding-right: 15px;
} #grve-main-menu ul li {
position: relative;
text-align: left;
}
@-webkit-keyframes menu_animation {
from {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes menu_animation {
from {
opacity: 0;
}
50% {
opacity: 1;
}
} #grve-main-menu.grve-horizontal-menu li ul {
position: absolute;
width: 250px;
left: 0;
top: 100%;
margin-top: 1px;
visibility: hidden;
display: none;
padding: 15px 0;
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.20);
box-shadow: 0px 3px 5px rgba(0,0,0,0.20);
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: none;
-moz-animation-fill-mode: none;
-o-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-name: menu_animation;
-moz-animation-name: menu_animation;
-o-animation-name: menu_animation;
animation-name: menu_animation;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
#grve-main-menu.grve-horizontal-menu li.mHover > ul {
visibility: visible;
display: block;
} #grve-main-menu.grve-horizontal-menu ul.sub-menu ul {
left: 252px;
top: -16px;
z-index: 100;
}
#grve-main-menu.grve-horizontal-menu ul.sub-menu li a {
position: relative;
display: block;
padding: 10px;
margin: 0 15px;
line-height: 1.2em;
} #grve-main-menu.grve-horizontal-menu.grve-arrow ul li.menu-item-has-children > a {
position: relative;
padding-right: 20px;
}
#grve-main-menu.grve-horizontal-menu.grve-arrow ul li.menu-item-has-children > a:after {
content: '\f105';
font-family: FontAwesome;
font-size: 10px;
position: absolute;
top: 50%;
right: 5px;
line-height: 1.2;
margin-top: -6px;
}
#grve-main-menu.grve-horizontal-menu.grve-arrow .grve-wrapper > ul > li.menu-item-has-children > a:after {
content: '\f107';
}
#grve-main-menu.grve-horizontal-menu.grve-arrow li.megamenu ul li a:after {
display: none;
} #grve-main-menu .grve-item .label,
#grve-hidden-menu .grve-item .label {
float: right;
display: inline-block;
vertical-align: top;
font-size: 9px;
margin-left: 8px;
position: relative;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px 5px;
background-color: #454545;
color: #ffffff;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#grve-hidden-menu .grve-item .label {
margin-top: 4px;
float: none;
} #grve-main-menu .grve-menu-icon,
#grve-hidden-menu .grve-menu-icon {
margin-right: 5px;
width: 1em;
text-align: center;
} #grve-main-menu .grve-menu-no-link > a {
cursor: default;
} #grve-main-menu .grve-menu-description,
#grve-hidden-menu .grve-menu-description {
display: block;
max-width: 300px;
line-height: 1.2;
}
#grve-main-menu .sub-menu .grve-menu-description {
margin-top: 10px;
margin-bottom: 15px;
padding-right: 30px;
} .grve-no-assigned-menu a {
line-height: 36px;
padding: 0 20px;
background-color: #000000;
color: #ffffff;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
display: inline-block;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-left: 15px;
}
.grve-header-side .grve-no-assigned-menu {
text-align: center;
display: block;
line-height: 20px;
}
.grve-header-side .grve-no-assigned-menu a {
margin-left: 0;
margin-top: 15px;
}  #grve-main-menu.grve-menu-type-button .grve-wrapper > ul > li > a {
padding: 0 3px;
}
#grve-main-menu.grve-menu-type-button .grve-wrapper > ul > li > a .grve-item {
border: 1px solid;
border-color: transparent;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition : border-color .3s;
-moz-transition    : border-color .3s;
-ms-transition     : border-color .3s;
-o-transition      : border-color .3s;
transition         : border-color .3s;
}
.grve-menu-type-button > a .grve-item {
padding: 12px 15px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.sub-menu .grve-menu-type-button > a .grve-item {
padding: 8px 9px;
display: inline-block;
}
#grve-main-menu.grve-menu-type-button .grve-wrapper > ul > li > a .grve-item {
padding: 4px 12px;
} #grve-main-menu.grve-menu-type-underline .grve-wrapper > ul > li > a .grve-item {
position: relative;
}
#grve-main-menu.grve-menu-type-underline .grve-wrapper > ul > li > a .grve-item:after {
content: '';
opacity: 0;
width: 0;
height: 2px;
left: 0;
bottom: -4px;
position: absolute;
-webkit-transition : opacity .4s ease, width .4s ease;
-moz-transition :    opacity .4s ease, width .4s ease;
-ms-transition :     opacity .4s ease, width .4s ease;
-o-transition :      opacity .4s ease, width .4s ease;
transition :         opacity .4s ease, width .4s ease;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
#grve-main-menu.grve-menu-type-underline .grve-wrapper > ul > li.current-menu-item > a .grve-item:after,
#grve-main-menu.grve-menu-type-underline .grve-wrapper > ul > li.current-menu-ancestor > a .grve-item:after,
#grve-main-menu.grve-menu-type-underline .grve-wrapper > ul > li:hover > a .grve-item:after,
#grve-main-menu.grve-menu-type-underline .grve-wrapper > ul > li.active > a .grve-item:after {
opacity: 1;
width: 100%;
} #grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li.megamenu.mHover > ul {
display: table;
}
#grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li.megamenu {
position: static;
}
#grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li.megamenu ul {
padding-top: 20px;
padding-bottom: 20px;
}
#grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li.megamenu > ul > li {
border-right: 1px solid;
display: table-cell;
float: none;
}
#grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li.megamenu > ul > li:last-child {
border-right: none;
} #grve-main-menu.grve-horizontal-menu ul li.megamenu > ul {
width: 100%;
padding: 30px 10px;
}
#grve-main-menu.grve-horizontal-menu ul li.megamenu ul ul {
padding: 0;
width: 100%;
left: 0;
top: 100%;
position: relative;
}
#grve-main-menu.grve-horizontal-menu li.megamenu ul.sub-menu ul {
display: block;
visibility: visible;
opacity: 1;
padding: 0;
position: static;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
animation-name: none;
}
#grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li.megamenu > ul {
left: 0;
} #grve-main-menu.grve-horizontal-menu .megamenu.column-6 > ul > li {
width: 16.66666667%;
} #grve-main-menu.grve-horizontal-menu .megamenu.column-5 > ul > li {
width: 20%;
} #grve-main-menu.grve-horizontal-menu .megamenu.column-4 > ul > li {
width: 25%;
} #grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li.megamenu.column-2 {
position: relative;
}
#grve-main-menu.grve-horizontal-menu .megamenu.column-2 > ul {
width: 500px;
}
#grve-main-menu.grve-horizontal-menu .megamenu.column-2 > ul > li {
width: 50%;
} #grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li.megamenu.column-3 {
position: relative;
}
#grve-main-menu.grve-horizontal-menu .megamenu.column-3 > ul {
width: 650px;
}
#grve-main-menu.grve-horizontal-menu .megamenu.column-3 > ul > li {
width: 33.33333333%;
} #grve-main-menu.grve-horizontal-menu .grve-wrapper > ul > li > ul.grve-position-right {
left: auto;
right: 0;
}
#grve-main-menu.grve-horizontal-menu .grve-wrapper ul li ul .grve-position-right {
left: auto;
right: 252px;
}  #grve-hidden-menu ul.grve-menu li.grve-hidden-menu-item ul {
display: block;
}
.grve-menu-wrapper {
margin-bottom: 6.000em;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}  .grve-toggle-menu ul {
list-style: none;
margin: 0;
}
.grve-toggle-menu ul.grve-menu ul,
#grve-main-header.grve-toggle-menu ul.grve-menu ul {
margin-left: 20px;
}
.grve-toggle-menu ul.grve-menu li a {
padding-top: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
display: block;
position: relative;
overflow: hidden;
}
.grve-toggle-menu ul.grve-menu li.grve-hidden-menu-item > a {
display: none !important;
}
.grve-toggle-menu ul.grve-menu li.menu-item-has-children a {
padding-right: 40px;
}
.grve-toggle-menu ul.grve-menu li ul {
display: none;
} .grve-toggle-menu ul.grve-menu li a .grve-arrow {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
display: inline-block;
line-height: inherit;
text-align: right;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.grve-toggle-menu ul.grve-menu li a .grve-arrow:after,
.grve-toggle-menu ul.grve-menu li a .grve-arrow:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: rotate(0deg);
-moz-transform:    rotate(0deg);
-ms-transform:     rotate(0deg);
-o-transform:      rotate(0deg);
transform:         rotate(0deg);
-webkit-transition : all .3s ease .3s;
-moz-transition    : all .3s ease .3s;
-ms-transition     : all .3s ease .3s;
-o-transition      : all .3s ease .3s;
transition         : all .3s ease .3s;
background-color: #333333;
}
.grve-toggle-menu ul.grve-menu li a .grve-arrow:after {
width: 9px;
height: 1px;
margin-left: -5px;
margin-top: -1px;
}
.grve-toggle-menu ul.grve-menu li a .grve-arrow:before {
width: 1px;
height: 9px;
margin-left: -1px;
margin-top: -5px;
}
.grve-toggle-menu ul.grve-menu li.open > a .grve-arrow:after,
.grve-toggle-menu ul.grve-menu li.open > a .grve-arrow:before {
-webkit-transform: rotate(45deg);
-moz-transform:    rotate(45deg);
-ms-transform:     rotate(45deg);
-o-transform:      rotate(45deg);
transform:         rotate(45deg);
}
.grve-toggle-menu #grve-main-menu.grve-align-center ul li {
text-align: center;
}
.grve-toggle-menu #grve-main-menu.grve-align-center li.menu-item-has-children a {
padding-left: 20px;
padding-right: 20px;
}
#grve-main-header.grve-toggle-menu .grve-align-center ul.grve-menu ul {
margin-right: 10px;
margin-left: 10px;
} .grve-slide-menu #grve-main-menu .sub-menu .grve-menu-description {
margin-top: 0;
}
.grve-slide-menu #grve-main-menu > .grve-wrapper {
overflow: hidden;
}
.grve-slide-menu ul.grve-menu li a {
padding-top: 1.154em;
padding-bottom: 1.154em;
border-bottom: 1px solid;
display: block;
position: relative;
overflow: hidden;
}
.grve-slide-menu ul.grve-menu .sub-menu a {
padding-left: 30px;
}
.grve-slide-menu ul.grve-menu,
.grve-slide-menu ul.grve-menu ul {
display: inline-block;
position: relative;
height: auto;
width: 100%;
vertical-align: top;
margin: 0;
}
.grve-slide-menu ul.grve-menu li {
position: relative;
display: inline-block;
width: 100%;
padding: 0;
margin: 0;
vertical-align: top;
}
.grve-slide-menu ul.grve-menu li.grve-hidden-menu-item {
display: block !important;
}
.grve-slide-menu ul.grve-menu {
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
.grve-slide-menu ul.grve-menu ul {
position: absolute;
display: none;
top: 0;
left: 100%;
right: 0;
margin: 0;
opacity: 0;
-webkit-animation-duration: .3s;
-moz-animation-duration: .3s;
-o-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slide_menu_animation;
-moz-animation-name: slide_menu_animation;
-o-animation-name: slide_menu_animation;
animation-name: slide_menu_animation;
}
.grve-slide-menu ul.grve-menu ul.show {
display: block;
z-index: 1;
}
@-webkit-keyframes slide_menu_animation {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes slide_menu_animation {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes slide_menu_animation {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes slide_menu_animation {
0% { opacity: 0; }
100% { opacity: 1; }
}
.grve-slide-menu ul.grve-menu .grve-goback a {
padding-left: 30px;
}
.grve-slide-menu ul.grve-menu .grve-arrow {
position: absolute;
top: 50%;
right: 0;
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: right;
margin-top: -15px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.grve-slide-menu ul.grve-menu .grve-goback .grve-arrow {
right: auto;
left: 0;
text-align: left;
}
.grve-slide-menu ul.grve-menu .grve-arrow:after {
content: '\e60b';
font-family: 'blade-icons' !important;
font-size: 14px;
}
.grve-slide-menu ul.grve-menu .grve-goback .grve-arrow:after {
content: '\e60c';
} .grve-header-elements,
.grve-hidden-menu-btn {
position: relative;
z-index: 2;
}
.grve-header-elements ul {
list-style: none;
margin: 0;
}
.grve-header-element {
float: left;
font-size: 0;
}
.grve-header-element > a {
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
.grve-header-element > a {
display: inline-block;
padding: 0 10px;
}
.grve-header-element > a span.grve-label,
.grve-hidden-menu-btn a span.grve-label {
margin-left: 5px;
}
.grve-header-element .grve-item {
line-height: inherit;
display: inline-block;
vertical-align: middle;
}
.grve-header-element .grve-item i {
display: block;
font-size: 18px;
}
.grve-header-element .grve-item i[class^="grve-icon-"] {
font-size: 20px;
} .grve-header-element .grve-purchased-items {
font-size: 12px;
display: inline-block;
line-height: 20px;
margin-left: -7px;
margin-right: 5px;
} #grve-main-header.grve-header-default .grve-header-elements-wrapper {
padding-left: 15px;
margin-left: 15px;
position: relative;
}
#grve-main-header.grve-header-default .grve-header-elements-wrapper:before {
content: '';
height: 100%;
width: 1px;
position: absolute;
top: 0;
left: 0;
display: inline-block;
}
#grve-main-header.grve-header-default {
border-bottom: 1px solid #f00;
} @media only screen and (min-width: 960px) {
.grve-header-responsive-elements {
display: none;
}
}
.grve-header-responsive-elements {
margin-bottom: 3.077em;
}
.grve-header-responsive-elements ul {
margin: 0;
display: block;
list-style: none;
}
.grve-header-responsive-element {
height: 25px;
line-height: 25px;
float: left;
font-size: 0;
}
.grve-header-responsive-element > a {
display: inline-block;
padding: 0 10px;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
.grve-header-responsive-element .grve-item {
line-height: inherit;
display: inline-block;
vertical-align: middle;
}
.grve-header-responsive-element .grve-item i {
display: block;
font-size: 18px;
} .grve-page-title,
#grve-feature-section {
position: relative;
overflow: hidden;
z-index: 5;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-page-title .grve-content,
#grve-feature-section .grve-content {
opacity: 0;
}
.grve-page-title .grve-content.show,
#grve-feature-section .grve-content.show {
opacity: 1;
}
.grve-page-title .grve-wrapper,
#grve-feature-section .grve-wrapper {
display: table;
width: 100%;
position: relative;
z-index: 5;
}
.grve-page-title .grve-content,
#grve-feature-section .grve-content {
display: table-cell;
width: 100%;
}
.grve-page-title .grve-title,
#grve-feature-section .grve-title {
margin-bottom: 0.188em;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-page-title .grve-subheading,
.grve-page-title .grve-title,
.grve-page-title .grve-description,
#grve-feature-section .grve-subheading,
#grve-feature-section .grve-title,
#grve-feature-section .grve-description {
display: block;
}
.grve-page-title .grve-subheading.grve-text-light,
.grve-page-title .grve-title.grve-text-light,
.grve-page-title .grve-description.grve-text-light,
#grve-feature-section .grve-subheading.grve-text-light,
#grve-feature-section .grve-title.grve-text-light,
#grve-feature-section .grve-description.grve-text-light {
color: #ffffff;
}
.grve-page-title .grve-subheading.grve-text-dark,
.grve-page-title .grve-title.grve-text-dark,
.grve-page-title .grve-description.grve-text-dark,
#grve-feature-section .grve-subheading.grve-text-dark,
#grve-feature-section .grve-title.grve-text-dark,
#grve-feature-section .grve-description.grve-text-dark {
color: #000000;
} .grve-page-title.grve-fullscreen .grve-wrapper,
#grve-feature-section.grve-fullscreen .grve-wrapper {
height: 100vh;
} .grve-content.grve-align-left-center,
.grve-content.grve-align-center-center,
.grve-content.grve-align-right-center {
vertical-align: middle;
}
.grve-content.grve-align-left-top,
.grve-content.grve-align-center-top,
.grve-content.grve-align-right-top {
vertical-align: top;
padding-top: 30px;
}
.grve-content.grve-align-left-bottom,
.grve-content.grve-align-center-bottom,
.grve-content.grve-align-right-bottom {
vertical-align: bottom;
padding-bottom: 30px;
}
.grve-content.grve-align-left-center,
.grve-content.grve-align-left-top,
.grve-content.grve-align-left-bottom {
text-align: left;
}
.grve-content.grve-align-right-center,
.grve-content.grve-align-right-top,
.grve-content.grve-align-right-bottom {
text-align: right;
}
.grve-content.grve-align-center-center,
.grve-content.grve-align-center-top,
.grve-content.grve-align-center-bottom {
text-align: center;
} #grve-feature-section .grve-button-wrapper {
margin-top: 40px;
}
.grve-align-left-center .grve-btn,
.grve-align-left-top .grve-btn,
.grve-align-left-bottom .grve-btn {
margin-right: 30px;
}
.grve-align-right-center .grve-btn,
.grve-align-right-top .grve-btn,
.grve-align-right-bottom .grve-btn {
margin-left: 30px;
}
.grve-align-center-center .grve-btn,
.grve-align-center-top .grve-btn,
.grve-align-center-bottom .grve-btn {
margin-left: 15px;
margin-right: 15px;
} .grve-graphic {
margin-bottom: 40px;
display: inline-block;
vertical-align: top;
}
.grve-circle-graphic .grve-graphic img {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.grve-content .grve-graphic img {
max-height: 150px;
width: auto;
display: block;
position: relative;
} .grve-page-title .grve-graphic,
#grve-feature-section .grve-graphic,
.grve-page-title .grve-subheading,
#grve-feature-section .grve-subheading,
.grve-page-title .grve-title,
#grve-feature-section .grve-title,
.grve-page-title .grve-description,
#grve-feature-section .grve-description,
.grve-page-title .grve-btn,
#grve-feature-section .grve-btn {
opacity: 0;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
-webkit-animation-duration : .5s;
-moz-animation-duration    : .5s;
-o-animation-duration      : .5s;
animation-duration         : .5s;
-webkit-animation-fill-mode : both;
-moz-animation-fill-mode    : both;
-o-animation-fill-mode      : both;
animation-fill-mode         : both;
-webkit-animation-timing-function : ease-out;
-moz-animation-timing-function    : ease-out;
-o-animation-timing-function      : ease-out;
animation-timing-function         : ease-out;
}
html.ie9 .grve-page-title .grve-graphic,
html.ie9 #grve-feature-section .grve-graphic,
html.ie9 .grve-page-title .grve-subheading,
html.ie9 #grve-feature-section .grve-subheading,
html.ie9 .grve-page-title .grve-title,
html.ie9 #grve-feature-section .grve-title,
html.ie9 .grve-page-title .grve-description,
html.ie9 #grve-feature-section .grve-description,
html.ie9 .grve-page-title .grve-btn,
html.ie9 #grve-feature-section .grve-btn {
opacity: 1;
} @-webkit-keyframes content_fade_in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes content_fade_in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes content_fade_in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes content_fade_in {
0% { opacity: 0; }
100% { opacity: 1; }
} @-webkit-keyframes content_fade_up {
0% { opacity: 0; -webkit-transform: translateY(100px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes content_fade_up {
0% { opacity: 0; -moz-transform: translateY(100px); }
100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes content_fade_up {
0% { opacity: 0; -o-transform: translateY(100px); }
100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes content_fade_up {
0% { opacity: 0; transform: translateY(100px); }
100% { opacity: 1; transform: translateY(0); }
} @-webkit-keyframes content_fade_down {
0% { opacity: 0; -webkit-transform: translateY(-100px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes content_fade_down {
0% { opacity: 0; -moz-transform: translateY(-100px); }
100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes content_fade_down {
0% { opacity: 0; -o-transform: translateY(-100px); }
100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes content_fade_down {
0% { opacity: 0; transform: translateY(-100px); }
100% { opacity: 1; transform: translateY(0); }
} @-webkit-keyframes content_fade_left {
0% { opacity: 0; -webkit-transform: translateX(-100px); }
100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes content_fade_left {
0% { opacity: 0; -moz-transform: translateX(-100px); }
100% { opacity: 1; -moz-transform: translateX(0); }
}
@-o-keyframes content_fade_left {
0% { opacity: 0; -o-transform: translateX(-100px); }
100% { opacity: 1; -o-transform: translateX(0); }
}
@keyframes content_fade_left {
0% { opacity: 0; transform: translateX(-100px); }
100% { opacity: 1; transform: translateX(0); }
} @-webkit-keyframes content_fade_right {
0% { opacity: 0; -webkit-transform: translateX(100px); }
100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes content_fade_right {
0% { opacity: 0; -moz-transform: translateX(100px); }
100% { opacity: 1; -moz-transform: translateX(0); }
}
@-o-keyframes content_fade_right {
0% { opacity: 0; -o-transform: translateX(100px); }
100% { opacity: 1; -o-transform: translateX(0); }
}
@keyframes content_fade_right {
0% { opacity: 0; transform: translateX(100px); }
100% { opacity: 1; transform: translateX(0); }
} @-webkit-keyframes content_zoom_in {
from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
100% { opacity: 1; }
}
@keyframes content_zoom_in {
from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
100% { opacity: 1; }
} @-webkit-keyframes content_zoom_out {
from { opacity: 0; -webkit-transform: scale3d(1.6, 1.6, 1.6); transform: scale3d(1.6, 1.6, 1.6); }
100% { opacity: 1; }
}
@keyframes content_zoom_out {
from { opacity: 0; -webkit-transform: scale3d(1.6, 1.6, 1.6); transform: scale3d(1.6, 1.6, 1.6); }
100% { opacity: 1; }
}
.grve-page-title .animate-fade-in,
#grve-feature-section .animate-fade-in {
-webkit-animation-name: content_fade_in;
-moz-animation-name: content_fade_in;
-o-animation-name: content_fade_in;
animation-name: content_fade_in;
}
.grve-page-title .animate-fade-in-up,
#grve-feature-section .animate-fade-in-up {
-webkit-animation-name: content_fade_up;
-moz-animation-name: content_fade_up;
-o-animation-name: content_fade_up;
animation-name: content_fade_up;
}
.grve-page-title .animate-fade-in-down,
#grve-feature-section .animate-fade-in-down {
-webkit-animation-name: content_fade_down;
-moz-animation-name: content_fade_down;
-o-animation-name: content_fade_down;
animation-name: content_fade_down;
}
.grve-page-title .animate-fade-in-left,
#grve-feature-section .animate-fade-in-left {
-webkit-animation-name: content_fade_left;
-moz-animation-name: content_fade_left;
-o-animation-name: content_fade_left;
animation-name: content_fade_left;
}
.grve-page-title .animate-fade-in-right,
#grve-feature-section .animate-fade-in-right {
-webkit-animation-name: content_fade_right;
-moz-animation-name: content_fade_right;
-o-animation-name: content_fade_right;
animation-name: content_fade_right;
}
.grve-page-title .animate-zoom-in,
#grve-feature-section .animate-zoom-in {
-webkit-animation-name: content_zoom_in;
-moz-animation-name: content_zoom_in;
-o-animation-name: content_zoom_in;
animation-name: content_zoom_in;
}
.grve-page-title .animate-zoom-out,
#grve-feature-section .animate-zoom-out {
-webkit-animation-name: content_zoom_out;
-moz-animation-name: content_zoom_out;
-o-animation-name: content_zoom_out;
animation-name: content_zoom_out;
} ul.grve-title-meta {
list-style: none;
margin: 0;
} #grve-post-title-simple {
margin-bottom: 30px;
}
ul.grve-title-meta .grve-author a {
color: inherit;
}
ul.grve-title-meta .grve-author a:hover {
text-decoration: underline;
} .single-post #grve-content:not(.grve-right-sidebar):not(.grve-left-sidebar) .grve-container {
max-width: 990px;
} .grve-single-wrapper {
position: relative;
z-index: 5;
}
.grve-single-wrapper:before,
.grve-single-wrapper:after {
display: table;
content: " ";
}
.grve-single-wrapper:after {
clear: both;
} #grve-single-post-meta-bar ul {
list-style: none;
margin: 0;
}
#grve-single-post-meta-bar ul li {
display: inline-block;
}
#grve-single-post-meta-bar .grve-categories {
margin-bottom: 0;
}
#grve-single-post-meta-bar .grve-categories + .grve-tags {
margin-top: 18px;
margin-bottom: 0;
}
#grve-single-post-meta-bar ul li a {
opacity: 0.6;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
#grve-single-post-meta-bar ul li a:hover {
opacity: 1;
text-decoration: underline;
}
#grve-single-post-meta-bar ul li {
margin: 0 8px;
}
#grve-single-post-meta-bar .grve-tags ul li:before {
content: '#';
margin-right: 2px;
} #grve-post-bar + .grve-singular-section .grve-container,
#grve-portfolio-bar + .grve-singular-section .grve-container,
#grve-related-post + .grve-singular-section .grve-container {
border-top: none;
} #grve-single-media {
margin-bottom: 2.500em;
}
#grve-single-media img {
width: 100%;
opacity: 0;
}
#grve-single-media .grve-gallery {
margin: 0;
list-style: none;
}
#grve-single-media .grve-gallery.grve-vertical-gallery li {
margin-bottom: 10px;
}
#grve-single-media .grve-gallery.grve-vertical-gallery li:last-child {
margin-bottom: 0;
} ul.grve-post-gallery {
margin: 0 -15px -30px -15px;
list-style: none;
}
ul.grve-post-gallery:before,
ul.grve-post-gallery:after {
display: table;
content: " ";
}
ul.grve-post-gallery:after {
clear: both;
}
ul.grve-post-gallery li {
float: left;
padding: 0 15px;
margin-bottom: 30px;
width: 33.33333333%;
}
ul.grve-post-gallery li a {
display: block;
}
ul.grve-post-gallery li {
opacity: 1;
-webkit-transition : opacity .3s;
-moz-transition    : opacity .3s;
-ms-transition     : opacity .3s;
-o-transition      : opacity .3s;
transition         : opacity .3s;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
ul.grve-post-gallery li.hover {
opacity: 0.7;
} ul.grve-post-gallery.grve-vertical-style {
margin: 0;
list-style: none;
}
ul.grve-post-gallery.grve-vertical-style li {
float: left;
padding: 0;
width: 100%;
}
ul.grve-post-gallery.grve-vertical-style li:last-child {
margin-bottom: 0;
} .grve-navigation-bar {
position: relative;
padding: 90px 0;
border-top: 1px solid;
border-bottom: 1px solid;
}
.grve-navigation-bar .grve-wrapper {
display: table;
width: 100%;
}
.grve-navigation-bar + .grve-border {
border: none;
}
.grve-navigation-bar .grve-post-bar-item {
display: table-cell;
vertical-align: middle;
width: 33.33333%;
} .grve-navigation-bar .grve-title {
margin-top: 0.45em;
margin-bottom: 0;
}
.grve-navigation-bar .grve-nav-item.grve-prev {
text-align: left;
float: left;
}
.grve-navigation-bar .grve-nav-item.grve-next {
text-align: right;
float: right;
}
@media only screen and (min-width: 1201px) {
.grve-navigation-bar .grve-nav-item .grve-arrow {
display: inline-block;
visibility: hidden;
opacity: 0;
position: absolute;
top: 50%;
font-size: 24px;
margin-top: 1px;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-navigation-bar .grve-nav-item.grve-prev .grve-arrow {
left: 0;
-webkit-transform: translate(30px, -50%);
-moz-transform:    translate(30px, -50%);
-ms-transform:     translate(30px, -50%);
-o-transform:      translate(30px, -50%);
transform:         translate(30px, -50%);
-webkit-transition-delay: 0;
transition-delay: 0;
}
.grve-navigation-bar .grve-nav-item.grve-prev:hover .grve-arrow {
visibility: visible;
opacity: 1;
-webkit-transform: translate(15px, -50%);
-moz-transform:    translate(15px, -50%);
-ms-transform:     translate(15px, -50%);
-o-transform:      translate(15px, -50%);
transform:         translate(15px, -50%);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.grve-navigation-bar .grve-nav-item.grve-next .grve-arrow {
right: 0;
-webkit-transform: translate(-30px, -50%);
-moz-transform:    translate(-30px, -50%);
-ms-transform:     translate(-30px, -50%);
-o-transform:      translate(-30px, -50%);
transform:         translate(-30px, -50%);
-webkit-transition-delay: 0;
transition-delay: 0;
}
.grve-navigation-bar .grve-nav-item.grve-next:hover .grve-arrow {
visibility: visible;
opacity: 1;
-webkit-transform: translate(-15px, -50%);
-moz-transform:    translate(-15px, -50%);
-ms-transform:     translate(-15px, -50%);
-o-transform:      translate(-15px, -50%);
transform:         translate(-15px, -50%);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.grve-navigation-bar .grve-nav-item .grve-nav-content {
display: inline-block;
padding: 0 30px;
-webkit-transform: translate(0, 0);
-moz-transform:    translate(0, 0);
-ms-transform:     translate(0, 0);
-o-transform:      translate(0, 0);
transform:         translate(0, 0);
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.grve-navigation-bar .grve-nav-item.grve-prev:hover .grve-nav-content {
-webkit-transform: translate(30px, 0);
-moz-transform:    translate(30px, 0);
-ms-transform:     translate(30px, 0);
-o-transform:      translate(30px, 0);
transform:         translate(30px, 0);
-webkit-transition-delay: 0;
transition-delay: 0;
}
.grve-navigation-bar .grve-nav-item.grve-next:hover .grve-nav-content {
-webkit-transform: translate(-30px, 0);
-moz-transform:    translate(-30px, 0);
-ms-transform:     translate(-30px, 0);
-o-transform:      translate(-30px, 0);
transform:         translate(-30px, 0);
-webkit-transition-delay: 0;
transition-delay: 0;
}
.grve-navigation-bar .grve-nav-item {
display: block;
max-width: 60%;
}
} @media only screen and (max-width: 1200px) {
.grve-navigation-bar .grve-title {
display: none;
}
.grve-navigation-bar .grve-post-bar-item {
width: 25%;
}
.grve-navigation-bar .grve-post-bar-item.grve-post-socials {
width: 50%;
}
.grve-navigation-bar .grve-arrow,
.grve-navigation-bar .grve-nav-content {
display: inline-block;
vertical-align: middle;
}
.grve-navigation-bar .grve-nav-item {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (max-width: 959px) {
.grve-navigation-bar .grve-nav-title {
display: none;
}
.grve-navigation-bar .grve-post-bar-item {
width: 10%;
}
.grve-navigation-bar .grve-post-bar-item.grve-post-socials {
width: 80%;
}
.grve-navigation-bar .grve-nav-content {
display: none;
}
}
@media only screen and (max-width: 479px) {
.grve-navigation-bar .grve-post-socials li {
display: block;
text-align: center;
}
.grve-navigation-bar .grve-post-socials li:after {
display: none;
}
} .grve-navigation-bar .grve-bar-socials {
margin: 0;
padding: 0;
list-style: none;
}
.grve-navigation-bar .grve-post-socials a {
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
.grve-navigation-bar .grve-backlink {
display: inline-block;
vertical-align: top;
height: 24px;
opacity: 0.4;
}
.grve-navigation-bar .grve-backlink + .grve-bar-socials {
margin-top: 24px;
}
.grve-navigation-bar .grve-backlink:hover {
opacity: 1;
}
.grve-navigation-bar .grve-backlink i {
font-size: 24px;
}
.grve-navigation-bar .grve-like-counter-link i {
margin-right: 3px;
} #grve-about-author .grve-author-image {
text-align: center;
margin-bottom: 40px;
}
img.avatar {
-webkit-border-radius : 100%;
border-radius: 100%;
}
#grve-about-author .grve-author-info .grve-title {
display: block;
text-transform: capitalize;
} #grve-related-post .grve-subtitle {
text-align: center;
}
#grve-related-post .grve-related-title {
text-align: center;
margin-bottom: 40px;
}
.grve-related-post-wrapper {
display: block;
overflow: hidden;
white-space:nowrap;
font-size: 0;
letter-spacing: 0;
}
.grve-related-item .grve-content {
position: relative;
z-index: 9;
padding: 60px 40px;
text-align: center;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-related-item .grve-content .grve-title {
margin-bottom: 0;
}
.grve-related-item .grve-content .grve-title,
.grve-related-item .grve-content .grve-caption {
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
color: #ffffff;
}
.grve-related-item .grve-content .grve-caption {
opacity: 0.6;
}
#grve-related-post .grve-related-item a {
z-index: 10;
display: block;
text-align: center;
}
#grve-related-post .grve-related-item a:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.6;
z-index: 8;
-webkit-transition : all .5s ease;
-moz-transition    : all .5s ease;
-ms-transition     : all .5s ease;
-o-transition      : all .5s ease;
transition         : all .5s ease;
}
#grve-related-post .grve-related-item a:hover:before {
opacity: 0.2;
}
.grve-related-item {
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
overflow: hidden;
width: 33.33333%;
} .grve-related-column-1 .grve-related-item {
width: 100%;
} .grve-related-column-2 .grve-related-item {
width: 50%;
}
.grve-bg-image {
opacity: 1;
} @media only screen and (min-width: 1280px) {
.grve-related-item .grve-content {
padding: 90px;
}
} @media only screen and (max-width: 1023px) {
#grve-related-post {
margin-bottom: 5.000em;
}
.grve-related-item {
display: block;
width: auto;
margin-right: 0;
}
.grve-related-item .grve-content {
padding: 40px;
}
} #grve-comments .grve-comments-header {
margin-bottom: 40px;
overflow: hidden;
display: block;
}
#grve-comments .grve-comments-number {
float: left;
margin-bottom: 0;
font-weight: normal;
}
#grve-comments .grve-comment-nav {
float: right;
}
#grve-comments .grve-comment-nav li {
display: inline-block;
margin-bottom: 0;
margin-right: 1.154em;
}
#grve-comments .grve-comment-text {
margin-bottom: 18px;
}
#grve-comments ul {
margin: 0;
list-style: none;
}
#grve-comments ul ul {
margin-left: 2.778em;
margin-top: 3.333em;
}
#grve-comments ul li {
margin-bottom: 3.333em;
}
#grve-comments ul li:last-child {
margin-bottom: 0;
}
#grve-comments li.grve-comment-item {
overflow: hidden;
display: block;
}
#grve-comments li.grve-comment-item img.avatar {
float: left;
}
#grve-comments li.grve-comment-item .grve-comment-content {
overflow: hidden;
padding-left: 30px;
min-height: 50px;
position: relative;
}
#grve-comments .grve-author {
margin-bottom: -2px;
text-transform: capitalize;
}
#grve-comments .grve-author:after {
content: '';
display: table;
clear: both;
}
#grve-comments .grve-comment-date {
display: inline-block;
margin-bottom: 20px;
}
#grve-comments .grve-comment-reply + .grve-comment-edit {
margin-left: 1.154em;
}
#grve-comments .comment + #respond {
margin-top: 30px;
} #commentform {
margin-right: -5px;
margin-left: -5px;
}
#commentform .grve-form-textarea,
#commentform .grve-form-input{
padding: 0 5px;
}
#grve-comment-form .grve-form-input {
width: 33.333333%;
float: left;
}
#grve-comment-form #reply-title {
text-align: center;
text-transform: uppercase;
}
#grve-comment-form .logged-in-as {
margin-top: -31px;
margin-bottom: 40px;
text-align: center;
}
#grve-comment-form #reply-title + #commentform {
margin-top: 40px;
}
#grve-comment-form p.form-submit {
text-align: center;
clear: both;
}
#disqus_thread {
margin-left: auto;
margin-right: auto;
max-width: 1170px;
padding: 15px;
} #grve-single-media.grve-portfolio-media {
margin-top: 5.000em;
margin-bottom: 0;
} .grve-portfolio-info {
border-bottom: 1px solid;
margin-bottom: 30px;
padding-bottom: 30px;
}
.grve-portfolio-info:last-child {
border-bottom: none;
margin-bottom: 0;
}
.grve-portfolio-description {
border-bottom: 1px solid;
padding-bottom: 30px;
margin-bottom: 30px;
}
.grve-portfolio-description:last-child {
border-bottom: none;
margin-bottom: 0;
}
ul.grve-portfolio-fields {
list-style: none;
margin: 0;
}
ul.grve-portfolio-fields li {
padding: 5px 0;
}
ul.grve-portfolio-fields li i {
font-size: 10px;
margin-right: 5px;
} .grve-search-item {
border-bottom: 1px solid;
padding-bottom: 5.000em;
margin-bottom: 5.000em;
} .grve-pagination ul {
list-style: none;
margin: 0;
text-align: center;
}
.grve-pagination ul li {
display: inline-block;
}
.grve-pagination ul li a,
.grve-pagination ul li span {
padding: 10px;
opacity: 0.5;
color: inherit;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
.grve-pagination ul li a:hover,
.grve-pagination ul li span.current {
opacity: 1;
}
.grve-pagination ul li i {
font-size: 0.750em;
} .grve-breadcrumbs {
border-top: 1px solid;
border-bottom: 1px solid;
position: relative;
z-index: 5;
}
.grve-breadcrumbs.grve-fullwidth {
padding: 0 20px;
}
.grve-breadcrumbs ul {
list-style: none;
margin: 0;
}
.grve-breadcrumbs ul li {
display: inline-block;
}
.grve-breadcrumbs ul li a:hover {
text-decoration: underline;
} #grve-content.grve-left-sidebar .grve-content-wrapper,
#grve-content.grve-right-sidebar .grve-content-wrapper {
max-width: 1170px;
margin-right: auto;
margin-left: auto;
position: relative;
}
#grve-content.grve-right-sidebar .grve-content-wrapper:before,
#grve-content.grve-right-sidebar .grve-content-wrapper:after,
#grve-content.grve-left-sidebar .grve-content-wrapper:before,
#grve-content.grve-left-sidebar .grve-content-wrapper:after {
display: table;
content: " ";
}
#grve-content.grve-right-sidebar .grve-content-wrapper:after,
#grve-content.grve-left-sidebar .grve-content-wrapper:after {
clear: both;
}
#grve-content.grve-left-sidebar .grve-container,
#grve-content.grve-right-sidebar .grve-container {
padding-left: 0;
padding-right: 0;
width: 100%;
}
#grve-content.grve-left-sidebar #grve-main-content {
width: 70%;
margin-left: 5%;
float: right;
}
#grve-content.grve-right-sidebar #grve-main-content {
width: 70%;
margin-right: 5%;
float: left;
}
#grve-sidebar {
position: relative;
z-index: 5;
}
#grve-content.grve-left-sidebar #grve-sidebar {
width: 25%;
float: left;
}
#grve-content.grve-right-sidebar #grve-sidebar {
width: 25%;
float: right;
}
#grve-content.grve-left-sidebar #grve-sidebar,
#grve-content.grve-right-sidebar #grve-sidebar {
padding: 5.000em 0;
} .grve-hidden-area {
display: none;
position: fixed;
width: 650px;
height: 100%;
top: 0;
right: -30px;
bottom: 0;
z-index: 9999;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform:    translate3d(100%, 0, 0);
-ms-transform:     translate3d(100%, 0, 0);
-o-transform:      translate3d(100%, 0, 0);
transform:         translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform 0.5s ease-in-out;
-moz-transition:    -moz-transform 0.5s ease-in-out;
-o-transition:      -o-transform 0.5s ease-in-out;
transition:         transform 0.5s ease-in-out;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-hidden-area.open {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform:    translate3d(0, 0, 0);
-ms-transform:     translate3d(0, 0, 0);
-o-transform:      translate3d(0, 0, 0);
transform:         translate3d(0, 0, 0);
}
.grve-hiddenarea-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
padding-right: 30px;
padding-bottom: 90px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.grve-hidden-area.prepare-anim {
display: block;
}
.grve-hidden-area .grve-hiddenarea-content {
width: 350px;
margin: 0 auto;
display: block;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.grve-hidden-area .grve-hiddenarea-content {
width: 280px;
}
}
.grve-hidden-area .grve-scroller {
padding: 0 30px 0 0;
}
.grve-toggle-sidearea {
cursor: pointer;
}
.grve-scroller {
overflow: auto;
position: relative;
}
.grve-hidden-area .grve-close-btn {
-webkit-transform: translate3d(0, -200%, 0);
-moz-transform:    translate3d(0, -200%, 0);
-ms-transform:     translate3d(0, -200%, 0);
-o-transform:      translate3d(0, -200%, 0);
transform:         translate3d(0, -200%, 0);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
-moz-transition:    -moz-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
-o-transition:      -o-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
transition:         transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
}
.grve-hidden-area.open .grve-close-btn {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform:    translate3d(0, 0, 0);
-ms-transform:     translate3d(0, 0, 0);
-o-transform:      translate3d(0, 0, 0);
transform:         translate3d(0, 0, 0);
} .grve-close-btn-wrapper {
display: block;
padding: 0 10px;
margin: 30px auto 60px auto;
width: 350px;
}
.grve-close-btn {
width: 30px;
height: 30px;
position: relative;
display: inline-block;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.grve-close-btn span {
width: 0;
height: 2px;
position: absolute;
top: 50%;
left: 0;
-webkit-transition : width .1s;
transition         : width .1s;
background-color: #212121;
}
.grve-close-btn:after,
.grve-close-btn:before {
content: '';
width: 40px;
height: 2px;
position: absolute;
top: 50%;
left: 0;
margin-left: -5px;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
-webkit-transform-origin : center center;
-ms-transform-origin     : center center;
transform-origin         : center center;
background-color: #212121;
}
.grve-close-btn:before {
-webkit-transform: translateX(0px) translateY(0px) rotate(135deg);
-moz-transform:    translateX(0px) translateY(0px) rotate(135deg);
-ms-transform:     translateX(0px) translateY(0px) rotate(135deg);
-o-transform:      translateX(0px) translateY(0px) rotate(135deg);
transform:         translateX(0px) translateY(0px) rotate(135deg);
}
.grve-close-btn:after {
-webkit-transform: translateX(0px) translateY(0px) rotate(45deg);
-moz-transform:    translateX(0px) translateY(0px) rotate(45deg);
-ms-transform:     translateX(0px) translateY(0px) rotate(45deg);
-o-transform:      translateX(0px) translateY(0px) rotate(45deg);
transform:         translateX(0px) translateY(0px) rotate(45deg);
} .grve-close-btn.grve-close-arrow:hover span {
width: 40px;
}
.grve-close-btn.grve-close-arrow:hover:before {
width: 15px;
-webkit-transform: translateX(2px) translateY(-5px) rotate(-45deg);
-moz-transform:    translateX(2px) translateY(-5px) rotate(-45deg);
-ms-transform:     translateX(2px) translateY(-5px) rotate(-45deg);
-o-transform:      translateX(2px) translateY(-5px) rotate(-45deg);
transform:         translateX(2px) translateY(-5px) rotate(-45deg);
}
.grve-close-btn.grve-close-arrow:hover:after {
width: 15px;
-webkit-transform: translateX(2px) translateY(5px) rotate(-135deg);
-moz-transform:    translateX(2px) translateY(5px) rotate(-135deg);
-ms-transform:     translateX(2px) translateY(5px) rotate(-135deg);
-o-transform:      translateX(2px) translateY(5px) rotate(-135deg);
transform:         translateX(2px) translateY(5px) rotate(-135deg);
} .grve-close-btn.grve-close-line:hover:before {
-webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
-moz-transform:    translateX(0px) translateY(0px) rotate(0deg);
-ms-transform:     translateX(0px) translateY(0px) rotate(0deg);
-o-transform:      translateX(0px) translateY(0px) rotate(0deg);
transform:         translateX(0px) translateY(0px) rotate(0deg);
}
.grve-close-btn.grve-close-line:hover:after {
-webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
-moz-transform:    translateX(0px) translateY(0px) rotate(0deg);
-ms-transform:     translateX(0px) translateY(0px) rotate(0deg);
-o-transform:      translateX(0px) translateY(0px) rotate(0deg);
transform:         translateX(0px) translateY(0px) rotate(0deg);
} .grve-close-modal {
width: 30px;
height: 30px;
display: inline-block;
position: fixed;
top: 20px;
right: 20px;
z-index: 9999;
}
.grve-modal {
display: none;
visibility: hidden;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
overflow-x: hidden;
overflow-y: auto;
-webkit-filter: blur(0);
-webkit-overflow-scrolling: touch;
outline: 0;
height: 100%;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-modal-wrapper {
position: relative;
max-width: 600px;
height: 100%;
display: table;
margin: 0 auto;
}
.grve-modal-content {
position: relative;
display: table-cell;
vertical-align: middle;
padding: 100px 15px;
}
.grve-modal.prepare-anim {
display: block;
}
.grve-modal.animate {
display: block;
visibility: visible;
opacity: 1;
} #grve-search-modal .grve-search {
max-width: 100%;
position: relative;
}
#grve-theme-wrapper .grve-modal .grve-search input[type='text'] {
border: none;
border-bottom: 1px solid;
border-color: inherit;
height: auto;
margin-bottom: 0;
}
#grve-theme-wrapper .grve-modal .grve-search button[type='submit'] i {
font-size: 24px;
} #grve-socials-modal ul {
display: block;
list-style: none;
margin: 0;
}
#grve-socials-modal ul li {
display: inline-block;
}
#grve-socials-modal ul li a {
display: block;
padding: 10px 14px;
margin: 10px;
border: 2px solid;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
#grve-socials-modal ul li a:hover {
padding: 10px 18px;
} #grve-language-modal {
text-align: center;
}
#grve-language-modal ul {
display: block;
list-style: none;
margin: 0;
}
#grve-language-modal ul li {
display: inline-block;
}
#grve-language-modal ul li a {
display: block;
padding: 10px 14px;
margin: 10px;
border: 2px solid;
opacity: 0.5;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
#grve-language-modal ul li a:hover {
opacity: 1;
padding: 10px 18px;
}
#grve-language-modal ul li a.active {
opacity: 1;
} span.wpcf7-form-control-wrap {
overflow: hidden;
display: block;
}
span.wpcf7-not-valid-tip {
padding: 0 15px;
}
div.wpcf7-validation-errors {
border: none;
margin: 30px 0 0 0;
padding: 5px 15px;
background-color: #f00;
color: #ffffff !important;
}
.grve-modal-title {
margin-bottom: 1.600em;
} .grve-one-third {
width: 33.33333333%;
float: left;
}
.grve-one-half {
width: 50%;
float: left;
}
.grve-last-column + * {
clear: both;
}
#grve-theme-wrapper .grve-modal p,
#grve-theme-wrapper .grve-modal input[type='text'],
#grve-theme-wrapper .grve-modal input[type='input'],
#grve-theme-wrapper .grve-modal input[type='password'],
#grve-theme-wrapper .grve-modal input[type='email'],
#grve-theme-wrapper .grve-modal input[type='number'],
#grve-theme-wrapper .grve-modal input[type='url'],
#grve-theme-wrapper .grve-modal input[type='tel'],
#grve-theme-wrapper .grve-modal input[type='search'],
#grve-theme-wrapper .grve-modal textarea,
#grve-theme-wrapper .grve-modal select {
color: inherit;
border-color: inherit;
} .wpb_column .grve-form-style-1 {
margin-left: -15px;
margin-right: -15px;
}
.grve-form-style-1 div {
padding: 0 15px;
}
.grve-form-style-1:before,
.grve-form-style-1:after {
display: table;
content: " ";
}
.grve-form-style-1:after {
clear: both;
} .grve-form-style-2,
.grve-form-style-2 div {
border: 1px solid;
border-color: inherit;
position: relative;
}
.grve-form-style-2.grve-form-dark,
.grve-form-style-2.grve-form-dark div {
border-color: #000000;
}
.grve-form-style-2.grve-form-light,
.grve-form-style-2.grve-form-light div {
border-color: #ffffff;
}
#grve-theme-wrapper .grve-form-style-2.grve-form-dark input,
#grve-theme-wrapper .grve-form-style-2.grve-form-dark textarea {
color: #000000;
}
#grve-theme-wrapper .grve-form-style-2.grve-form-light input,
#grve-theme-wrapper .grve-form-style-2.grve-form-light textarea {
color: #ffffff;
}
#grve-theme-wrapper .grve-form-style-2 input[type="text"],
#grve-theme-wrapper .grve-form-style-2 input[type='email'],
#grve-theme-wrapper .grve-form-style-2 textarea {
display: block;
margin-bottom: 0;
border: none;
background-color: transparent;
padding: 20px;
}
#grve-theme-wrapper .grve-form-style-2 input[type="submit"] {
display: block;
line-height: 60px;
width: 100%;
background-color: transparent;
outline: none;
}
#grve-theme-wrapper .grve-form-style-2 input[type="text"]:focus,
#grve-theme-wrapper .grve-form-style-2 input[type="email"]:focus,
#grve-theme-wrapper .grve-form-style-2 input[type="submit"]:focus,
#grve-theme-wrapper .grve-form-style-2 textarea:focus {
box-shadow:0 0 0 0 rgba(0,0,0,0);
}
.grve-form-style-2 .ajax-loader {
position: absolute;
bottom: 23px;
right: 23px;
}
.grve-form-style-2:before,
.grve-form-style-2:after {
display: table;
content: " ";
}
.grve-form-style-2:after {
clear: both;
} .wpb_column .grve-form-style-3 {
margin-left: -5px;
margin-right: -5px;
}
.grve-form-style-3 div {
padding: 0 5px;
}
.grve-form-style-3:before,
.grve-form-style-3:after {
display: table;
content: " ";
}
.grve-form-style-3:after {
clear: both;
}
#grve-body #grve-theme-wrapper .grve-form-style-3 input[type='submit'] {
-webkit-border-radius: 0;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
line-height: 41px;
width: 100%;
} .wpcf7-form .grve-with-icon {
position: relative;
}
.wpcf7-form .grve-with-icon i {
position: absolute;
top: 14px;
left: 16px;
width: 40px;
text-align: center;
}
#grve-theme-wrapper .wpcf7-form .grve-with-icon input {
padding-left: 40px;
} #grve-body #grve-theme-wrapper .grve-form-style-newsletter span {
float: left;
width: 70%;
}
#grve-body #grve-theme-wrapper .grve-form-style-newsletter input[type='submit'] {
-webkit-border-radius: 0;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
line-height: 42px;
width: 30%;
margin-left: -1px;
} @media only screen and (max-width: 767px) {
#grve-body #grve-theme-wrapper .grve-form-style-newsletter span,
#grve-body #grve-theme-wrapper .grve-form-style-newsletter input[type='submit'] {
width: 100%;
float: none;
}
} .grve-hidden-area .grve-one-third,
.grve-hidden-area .grve-one-half {
width: 100%;
float: none;
} .wpcf7 .grve-white-bg {
background-color: #ffffff;
padding: 12%;
text-align: center;
position: relative;
}
.wpcf7 .grve-white-bg .ajax-loader {
position: absolute;
top: 30px;
right: 30px;
} @media only screen and (max-width: 959px) {
.grve-one-third,
.grve-one-half {
width: 100%;
float: none;
}
#grve-theme-wrapper .grve-form-style-3 input[type='submit'] {
width: 100%;
}
} .grve-anchor-menu .grve-anchor-wrapper {
width: 100%;
z-index: 99;
position: relative;
}
.grve-anchor-menu .grve-container,
.grve-anchor-menu > ul > li {
line-height: inherit;
}
.grve-anchor-menu ul {
margin: 0;
list-style: none;
font-size: 0;
}
.grve-anchor-menu ul li {
text-align: left;
}
.grve-anchor-menu .grve-container ul.sub-menu li {
display: block;
}
.grve-anchor-menu .grve-container a {
position: relative;
}
.grve-anchor-menu .grve-container ul.sub-menu li a {
padding: 15px 20px;
display: block;
}
.grve-anchor-menu .grve-anchor-btn {
text-align: center;
vertical-align: top;
font-size: 18px;
display: inline-block;
}
.grve-anchor-menu .grve-anchor-btn i {
display: inline-block;
vertical-align: top;
}
.grve-anchor-menu .grve-container > ul > li > a {
display: block;
padding: 0 20px;
}
.grve-anchor-menu .grve-container ul.sub-menu {
line-height: 1.4;
display: none;
} .grve-anchor-menu a .grve-arrow {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
z-index: 10;
margin-top: 1px;
display: inline-block;
line-height: inherit;
text-align: right;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.grve-anchor-menu a .grve-arrow:after,
.grve-anchor-menu a .grve-arrow:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: rotate(0deg);
-moz-transform:    rotate(0deg);
-ms-transform:     rotate(0deg);
-o-transform:      rotate(0deg);
transform:         rotate(0deg);
-webkit-transition : all .3s ease .3s;
-moz-transition    : all .3s ease .3s;
-ms-transition     : all .3s ease .3s;
-o-transition      : all .3s ease .3s;
transition         : all .3s ease .3s;
background-color: #333333;
}
.grve-anchor-menu a .grve-arrow:after {
width: 9px;
height: 1px;
margin-left: -5px;
margin-top: -1px;
}
.grve-anchor-menu a .grve-arrow:before {
width: 1px;
height: 9px;
margin-left: -1px;
margin-top: -5px;
}
.grve-anchor-menu .open > a .grve-arrow:after,
.grve-anchor-menu .open > a .grve-arrow:before {
-webkit-transform: rotate(45deg);
-moz-transform:    rotate(45deg);
-ms-transform:     rotate(45deg);
-o-transform:      rotate(45deg);
transform:         rotate(45deg);
} @media only screen and (min-width: 1024px) {
.grve-anchor-menu .grve-anchor-btn {
display: none;
}
.grve-anchor-menu ul li {
display: inline-block;
vertical-align: top;
position: relative;
}
.grve-anchor-menu a .grve-arrow {
display: none;
}
.grve-anchor-menu .grve-container > ul > li > a {
border-left: 1px solid;
}
.grve-anchor-menu .grve-container > ul > li:last-child > a {
border-right: 1px solid;
}
.grve-anchor-menu .grve-container ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
-webkit-animation-duration: .15s;
-moz-animation-duration: .15s;
-o-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: menu_animation;
-moz-animation-name: menu_animation;
-o-animation-name: menu_animation;
animation-name: menu_animation;
}
.grve-anchor-menu .grve-container li:hover > ul.sub-menu {
display: block;
}
.grve-anchor-menu .grve-container ul.sub-menu ul {
top: 0;
left: 100%;
}
}
@media only screen and (max-width: 1023px) {
.grve-anchor-menu .grve-container ul li a {
border-bottom: 1px solid;
}
.grve-anchor-menu .grve-container > ul {
display: none;
}
.grve-anchor-menu .grve-container ul.sub-menu li a {
padding-left: 40px;
}
.grve-anchor-menu .grve-container {
padding-left: 0;
padding-right: 0;
}
} .grve-anchor-menu .grve-anchor-wrapper.grve-sticky {
position: fixed;
left: auto;
width: 100%;
-webkit-transition : top .3s;
-moz-transition    : top .3s;
-ms-transition     : top .3s;
-o-transition      : top .3s;
transition         : top .3s;
}
#grve-body.grve-boxed .grve-anchor-menu .grve-anchor-wrapper.grve-sticky {
max-width: 1220px;
} #grve-content {
position: relative;
z-index: 5;
}
#grve-main-content .grve-main-content-wrapper {
padding: 5.000em 0;
}
#grve-main-content .grve-feature-header {
margin-top: -5.000em !important;
}
#grve-main-content .grve-feature-footer {
margin-bottom: -5.000em !important;
overflow: hidden;
} #grve-footer {
position: relative;
}
#grve-footer.grve-fixed-footer {
position: fixed;
z-index: 1;
width: 100%;
bottom: 0;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
#grve-body.grve-boxed #grve-footer.grve-fixed-footer {
max-width: 1220px;
} #grve-footer .grve-footer-bar ul {
margin: 0;
text-align: right;
list-style: none;
}
#grve-footer .grve-footer-bar ul li {
display: inline-block;
margin-right: 15px;
}
#grve-footer .grve-footer-bar .grve-left-side {
float: left;
text-align: left;
width: 50%;
padding: 0 25px;
}
#grve-footer .grve-footer-bar .grve-right-side {
float: right;
text-align: right;
width: 50%;
padding: 0 25px;
}
#grve-footer .grve-footer-bar[data-align-center="yes"] .grve-left-side,
#grve-footer .grve-footer-bar[data-align-center="yes"] .grve-right-side {
float: none;
text-align: center;
width: 100%;
}
#grve-footer .grve-footer-bar[data-align-center="yes"] ul {
margin: 0 8px;
text-align: center;
}
#grve-footer .grve-footer-bar[data-align-center="yes"] .grve-left-side + .grve-right-side {
margin-top: 25px;
} @media only screen and (max-width: 959px) {
#grve-footer .grve-footer-bar .grve-left-side,
#grve-footer .grve-footer-bar .grve-right-side {
float: none;
text-align: center;
width: 100%;
padding: 0;
}
#grve-footer .grve-footer-bar ul {
margin: 0 8px;
text-align: center;
}
#grve-footer .grve-footer-bar .grve-left-side + .grve-right-side {
margin-top: 25px;
}
} .grve-background-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.grve-bg-image {
position: relative;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-with-spinner .grve-bg-image {
-webkit-transition : opacity 0.50s ease;
-moz-transition    : opacity 0.50s ease;
-ms-transition     : opacity 0.50s ease;
-o-transition      : opacity 0.50s ease;
transition         : opacity 0.50s ease;
} .grve-bg-pattern .grve-bg-image {
background-repeat: repeat;
background-size: contain;
} .grve-bg-animated .grve-bg-image,
.grve-bg-animated .grve-bg-video {
-webkit-transform : scale(1.0);
-moz-transform    : scale(1.0);
-o-transform      : scale(1.0);
transform         : scale(1.0);
-webkit-transition : -webkit-transform 20s ease, opacity 0.4s;
-moz-transition    : -moz-transform 20s ease, opacity 0.4s;
-ms-transition     : -ms-transform 20s ease, opacity 0.4s;
-o-transition      : -o-transform 20s ease, opacity 0.4s;
transition         : transform 20s ease, opacity 0.4s;
}
.grve-bg-animated.zoom .grve-bg-image,
.grve-bg-animated.zoom .grve-bg-video {
-webkit-transform : scale(1.4);
-moz-transform    : scale(1.4);
-o-transform      : scale(1.4);
transform         : scale(1.4);
}
.grve-bg-horizontal .grve-bg-image {
background-size: contain;
}
.grve-bg-image.show {
opacity: 1;
} .grve-bg-image.grve-bg-left-top {
background-position: left top;
}
.grve-bg-image.grve-bg-left-center {
background-position: left center;
}
.grve-bg-image.grve-bg-left-bottom {
background-position: left bottom;
}
.grve-bg-image.grve-bg-center-top {
background-position: center top;
}
.grve-bg-image.grve-bg-center-center {
background-position: center center;
}
.grve-bg-image.grve-bg-center-bottom {
background-position: center bottom;
}
.grve-bg-image.grve-bg-right-top {
background-position: right top;
}
.grve-bg-image.grve-bg-right-center {
background-position: right center;
}
.grve-bg-image.grve-bg-right-bottom {
background-position: right bottom;
} .grve-bg-video {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 2;
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.50s ease;
-moz-transition: opacity 0.50s ease;
-ms-transition: opacity 0.50s ease;
-o-transition: opacity 0.50s ease;
transition: opacity 0.50s ease;
}
.grve-section .grve-bg-video,
.grve-bg-video.show {
opacity: 1;
}
.grve-bg-video video {
position: absolute;
max-width: none;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.grve-bg-video + .grve-bg-image.show {
opacity: 0 !important;
} .grve-bg-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-page-title .grve-bg-overlay,
#grve-feature-section .grve-bg-overlay,
.grve-hover-style-3.grve-image-hover.hover .grve-hover-overlay,
.grve-hover-style-5.grve-image-hover.hover .grve-hover-overlay {
opacity: 0;
}
.grve-page-title .grve-bg-overlay.show,
#grve-feature-section .grve-bg-overlay.show {
opacity: 1;
}
.grve-opacity-10,
.grve-image-hover.hover .grve-opacity-10,
.grve-hover-style-3.grve-image-hover .grve-opacity-10,
.grve-hover-style-5.grve-image-hover .grve-opacity-10 {
opacity: 0.1;
}
.grve-opacity-20,
.grve-image-hover.hover .grve-opacity-20,
.grve-hover-style-3.grve-image-hover .grve-opacity-20,
.grve-hover-style-5.grve-image-hover .grve-opacity-20 {
opacity: 0.2;
}
.grve-opacity-30,
.grve-image-hover.hover .grve-opacity-30,
.grve-hover-style-3.grve-image-hover .grve-opacity-30,
.grve-hover-style-5.grve-image-hover .grve-opacity-30 {
opacity: 0.3;
}
.grve-opacity-40,
.grve-image-hover.hover .grve-opacity-40,
.grve-hover-style-3.grve-image-hover .grve-opacity-40,
.grve-hover-style-5.grve-image-hover .grve-opacity-40 {
opacity: 0.4;
}
.grve-opacity-50,
.grve-image-hover.hover .grve-opacity-50,
.grve-hover-style-3.grve-image-hover .grve-opacity-50,
.grve-hover-style-5.grve-image-hover .grve-opacity-50 {
opacity: 0.5;
}
.grve-opacity-60,
.grve-image-hover.hover .grve-opacity-60,
.grve-hover-style-3.grve-image-hover .grve-opacity-60,
.grve-hover-style-5.grve-image-hover .grve-opacity-60 {
opacity: 0.6;
}
.grve-opacity-70,
.grve-image-hover.hover .grve-opacity-70,
.grve-hover-style-3.grve-image-hover .grve-opacity-70,
.grve-hover-style-5.grve-image-hover .grve-opacity-70 {
opacity: 0.7;
}
.grve-opacity-80,
.grve-image-hover.hover .grve-opacity-80,
.grve-hover-style-3.grve-image-hover .grve-opacity-80,
.grve-hover-style-5.grve-image-hover .grve-opacity-80 {
opacity: 0.8;
}
.grve-opacity-90,
.grve-image-hover.hover .grve-opacity-90,
.grve-hover-style-3.grve-image-hover .grve-opacity-90,
.grve-hover-style-5.grve-image-hover .grve-opacity-90 {
opacity: 0.9;
}
.grve-opacity-100,
.grve-image-hover.hover .grve-opacity-100,
.grve-hover-style-3.grve-image-hover .grve-opacity-100,
.grve-hover-style-5.grve-image-hover .grve-opacity-100 {
opacity: 1;
} .grve-pattern {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 4;
background-image: url(//cdn.simplyceram.com/themes/blade/images/graphics/pattern-1.png);
background-repeat: repeat;
} .grve-body-overlay {
background-color: #000000;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: none;
cursor: pointer;
z-index: 9998;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
} .grve-image-hover,
.grve-media {
position: relative;
overflow: hidden;
}
.grve-image-hover .grve-hover-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}  .grve-image-hover img {
position: relative;
display: block;
max-width: none;
width: 100%;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-image-hover img {
-webkit-transition : -webkit-transform 0.35s;
-moz-transition    : -moz-transform 0.35s;
-ms-transition     : -ms-transform 0.35s;
-o-transition      : -o-transform 0.35s;
transition         : transform 0.35s;
} .grve-image-hover.grve-zoom-in img {
-webkit-transform: scale(1);
transform: scale(1);
}
.grve-image-hover.grve-zoom-in.hover img {
-webkit-transform: scale(1.12);
transform: scale(1.12);
} .grve-image-landscape .grve-image-hover.grve-zoom-in img {
-webkit-transform: scale(1) translate(0, -50%);
-moz-transform:    scale(1) translate(0, -50%);
-ms-transform:     scale(1) translate(0, -50%);
-o-transform:      scale(1) translate(0, -50%);
transform:         scale(1) translate(0, -50%);
-webkit-transform-origin: 50% 0;
-moz-transform-origin:    50% 0;
-ms-transform-origin:     50% 0;
-o-transform-origin:      50% 0;
transform-origin:         50% 0;
}
.grve-image-landscape .grve-image-hover.grve-zoom-in.hover img {
-webkit-transform: scale(1.12) translate(0, -50%);
-moz-transform:    scale(1.12) translate(0, -50%);
-ms-transform:     scale(1.12) translate(0, -50%);
-o-transform:      scale(1.12) translate(0, -50%);
transform:         scale(1.12) translate(0, -50%);
} .grve-image-portrait .grve-image-hover.grve-zoom-in img {
-webkit-transform: scale(1) translate(-50%, 0);
-moz-transform:    scale(1) translate(-50%, 0);
-ms-transform:     scale(1) translate(-50%, 0);
-o-transform:      scale(1) translate(-50%, 0);
transform:         scale(1) translate(-50%, 0);
-webkit-transform-origin: 0 50%;
-moz-transform-origin:    0 50%;
-ms-transform-origin:     0 50%;
-o-transform-origin:      0 50%;
transform-origin:         0 50%;
}
.grve-image-portrait .grve-image-hover.grve-zoom-in.hover img {
-webkit-transform: scale(1.12) translate(-50%, 0);
-moz-transform:    scale(1.12) translate(-50%, 0);
-ms-transform:     scale(1.12) translate(-50%, 0);
-o-transform:      scale(1.12) translate(-50%, 0);
transform:         scale(1.12) translate(-50%, 0);
} .grve-image-hover.grve-zoom-out img {
-webkit-transform: scale(1.12);
transform: scale(1.12);
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.grve-image-hover.grve-zoom-out.hover img {
-webkit-transform: scale(1);
transform: scale(1);
} .grve-image-landscape .grve-image-hover.grve-zoom-out img {
-webkit-transform: scale(1.12) translate(0, -50%);
-moz-transform:    scale(1.12) translate(0, -50%);
-ms-transform:     scale(1.12) translate(0, -50%);
-o-transform:      scale(1.12) translate(0, -50%);
transform:         scale(1.12) translate(0, -50%);
-webkit-transform-origin: 50% 0;
-moz-transform-origin:    50% 0;
-ms-transform-origin:     50% 0;
-o-transform-origin:      50% 0;
transform-origin:         50% 0;
}
.grve-image-landscape .grve-image-hover.grve-zoom-out.hover img {
-webkit-transform: scale(1) translate(0, -50%);
-moz-transform:    scale(1) translate(0, -50%);
-ms-transform:     scale(1) translate(0, -50%);
-o-transform:      scale(1) translate(0, -50%);
transform:         scale(1) translate(0, -50%);
} .grve-image-portrait  .grve-image-hover.grve-zoom-out img {
-webkit-transform: scale(1.12) translate(-50%, 0);
-moz-transform:    scale(1.12) translate(-50%, 0);
-ms-transform:     scale(1.12) translate(-50%, 0);
-o-transform:      scale(1.12) translate(-50%, 0);
transform:         scale(1.12) translate(-50%, 0);
-webkit-transform-origin: 0 50%;
-moz-transform-origin:    0 50%;
-ms-transform-origin:     0 50%;
-o-transform-origin:      0 50%;
transform-origin:         0 50%;
}
.grve-image-portrait  .grve-image-hover.grve-zoom-out.hover img {
-webkit-transform: scale(1) translate(-50%, 0);
-moz-transform:    scale(1) translate(-50%, 0);
-ms-transform:     scale(1) translate(-50%, 0);
-o-transform:      scale(1) translate(-50%, 0);
transform:         scale(1) translate(-50%, 0);
} #grve-loader-overflow {
display:block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #fefefe;
z-index: 99999;
} .grve-zoom-effect {
overflow: hidden;
}
.grve-zoom-effect img {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition:    -moz-transform 0.3s;
-ms-transition:     -ms-transform 0.3s;
-o-transition:      -o-transform 0.3s;
transition:         transform 0.3s;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
.grve-zoom-effect:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
} #grve-goto-section-wrapper {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
height: 24px;
z-index: 100;
}
#grve-goto-section {
cursor: pointer;
font-size: 24px;
-webkit-animation-name: goto-animation;
-moz-animation-name: goto-animation;
-o-animation-name: goto-animation;
animation-name: goto-animation;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
}
@-webkit-keyframes goto-animation {
0%, 20%, 50%, 80%, 100% { -webkit-transform: translate( 0, 0 ); }
40% { -webkit-transform: translate( 0, -15px ); }
60% { -webkit-transform: translate( 0, -5px ); }
}
@-moz-keyframes goto-animation {
0%, 20%, 50%, 80%, 100% { -moz-transform: translate( 0, 0 ); }
40% { -moz-transform: translate( 0, -15px ); }
60% { -moz-transform: translate( 0, -5px ); }
}
@-o-keyframes goto-animation {
0%, 20%, 50%, 80%, 100% { -o-transform: translate( 0, 0 ); }
40% { -o-transform: translate( 0, -15px ); }
60% { -o-transform: translate( 0, -5px ); }
}
@keyframes goto-animation {
0%, 20%, 50%, 80%, 100% { transform: translate( 0, 0 ); }
40% { transform: translate( 0, -15px ); }
60% { transform: translate( 0, -5px ); }
}
@media only screen and (max-width: 959px) {
#grve-goto-section-wrapper {
display: none;
}
} .grve-back-top {
position: fixed;
width: 48px;
height: 48px;
bottom: -60px;
right: 20px;
text-align: center;
z-index: 900;
cursor: pointer;
-webkit-backface-visibility : hidden;
-moz-backface-visibility    : hidden;
-ms-backface-visibility     : hidden;
-webkit-transition : all .3s ease;
-moz-transition    : all .3s ease;
-ms-transition     : all .3s ease;
-o-transition      : all .3s ease;
transition         : all .3s ease;
}
.grve-back-top i {
font-size: 24px;
line-height: 48px;
}
.grve-back-top.show {
-webkit-transform: translate(0, -70px);
-moz-transform:    translate(0, -70px);
-ms-transform:     translate(0, -70px);
-o-transform:      translate(0, -70px);
transform:         translate(0, -70px);
} .grve-round {
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}
.grve-extra-round {
-webkit-border-radius: 50px !important;
border-radius: 50px !important;
}
.grve-circle {
-webkit-border-radius: 50% !important;
border-radius: 50% !important;
} .ps-container {
-ms-touch-action:none;
overflow:hidden!important
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,.ps-container.ps-active-y > .ps-scrollbar-y-rail {
display:block
}
.ps-container.ps-in-scrolling {
pointer-events:none
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color:#eee;
opacity:.9
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color:#999
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color:#eee;
opacity:.9
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color:#999
}
.ps-container > .ps-scrollbar-x-rail {
display:none;
position:absolute; -webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
opacity:0;
-webkit-transition:background-color .2s linear,opacity .2s linear;
-moz-transition:background-color .2s linear,opacity .2s linear;
-o-transition:background-color .2s linear,opacity .2s linear;
transition:background-color .2s linear,opacity .2s linear;
bottom:3px; height:8px
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position:absolute; background-color:#aaa;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
-webkit-transition:background-color .2s linear;
-moz-transition:background-color .2s linear;
-o-transition:background-color .2s linear;
transition:background-color .2s linear;
bottom:0; height:8px
}
.ps-container > .ps-scrollbar-y-rail {
display:none;
position:absolute; -webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
opacity:0;
-webkit-transition:background-color .2s linear,opacity .2s linear;
-moz-transition:background-color .2s linear,opacity .2s linear;
-o-transition:background-color .2s linear,opacity .2s linear;
transition:background-color .2s linear,opacity .2s linear;
right: 0; width: 8px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position:absolute; background-color:#aaa;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
-webkit-transition:background-color .2s linear;
-moz-transition:background-color .2s linear;
-o-transition:background-color .2s linear;
transition:background-color .2s linear;
right:0; width:3px
}
.ps-container:hover.ps-in-scrolling {
pointer-events:none
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color:#eee;
opacity:.9
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color:#999
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color:#eee;
opacity:.9
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color:#999
}
.ps-container:hover > .ps-scrollbar-x-rail,.ps-container:hover > .ps-scrollbar-y-rail {
opacity:.6
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color:#eee;
opacity:.9
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color:#999
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
background-color:#eee;
opacity:.9
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color:#999
} @font-face {
font-family: 'blade-icons';
src:url(//cdn.simplyceram.com/themes/blade/fonts/blade-fonts/blade-icons.eot?v=1.0.0);
src:url(//cdn.simplyceram.com/themes/blade/fonts/blade-fonts/blade-icons.eot?#iefix&v=1.0.0) format('embedded-opentype'),
url(//cdn.simplyceram.com/themes/blade/fonts/blade-fonts/blade-icons.woff?v=1.0.0) format('woff'),
url(//cdn.simplyceram.com/themes/blade/fonts/blade-fonts/blade-icons.ttf?v=1.0.0) format('truetype'),
url(//cdn.simplyceram.com/themes/blade/fonts/blade-fonts/blade-icons.svg?v=1.0.0#blade-icons) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="grve-icon-"], [class*=" grve-icon-"] {
font-family: 'blade-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 16px; text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.grve-icon-menu:before {
content: "\e600";
}
.grve-icon-search:before {
content: "\e601";
}
.grve-icon-envelope:before {
content: "\e602";
}
.grve-icon-globe:before {
content: "\e604";
}
.grve-icon-cart:before {
content: "\e603";
}
.grve-icon-socials:before {
content: "\e618";
}
.grve-icon-arrow-bottom:before {
content: "\e609";
}
.grve-icon-arrow-top:before {
content: "\e60a";
}
.grve-icon-arrow-right:before {
content: "\e60b";
}
.grve-icon-arrow-left:before {
content: "\e60c";
}
.grve-icon-arrow-bottom-alt:before {
content: "\e60d";
}
.grve-icon-arrow-top-alt:before {
content: "\e60e";
}
.grve-icon-arrow-right-alt:before {
content: "\e60f";
}
.grve-icon-arrow-left-alt:before {
content: "\e610";
}
.grve-icon-arrow-bottom-lg-alt:before {
content: "\e611";
}
.grve-icon-arrow-top-lg-alt:before {
content: "\e615";
}
.grve-icon-arrow-right-lg-alt:before {
content: "\e616";
}
.grve-icon-arrow-left-lg-alt:before {
content: "\e617";
}
.grve-icon-backlink:before {
content: "\e605";
}
.grve-icon-bullets-v:before {
content: "\e606";
}
.grve-icon-bullets-h:before {
content: "\e607";
}
.grve-icon-close:before {
content: "\e608";
}
.grve-icon-close-sm:before {
content: "\e612";
}
.grve-icon-plus:before {
content: "\e613";
}
.grve-icon-plus-sm:before {
content: "\e614";
} .mfp-container {
opacity: 0;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #000000;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
cursor: pointer !important;
}
.mfp-close:hover,
.mfp-close:focus {
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
margin: 0;
top: 50%;
margin-top: -25px;
padding: 0;
width: 50px;
height: 50px;
}
button.mfp-arrow {
width: 50px;
height: 50px;
margin-top: -25px;
font-size: 24px;
-webkit-transition : all .3s;
-moz-transition    : all .3s;
-ms-transition     : all .3s;
-o-transition      : all .3s;
transition         : all .3s;
}
button.mfp-arrow:before {
font-family: 'blade-icons' !important;
}
.mfp-arrow-left {
left: 20px;
}
.mfp-arrow-right {
right: 20px;
}
.mfp-arrow-left:before {
content: '\e60c';
}
.mfp-arrow-right:before {
content: '\e60b';
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 100px 0 70px;
margin: 0 auto;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -55px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 24px;
color: #ffffff;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
} .grve-animated-item {
opacity: 0;
}
html.ie9 .grve-animated-item {
opacity: 1;
}
.animated {
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:.8s;
-moz-animation-duration:.8s;
-ms-animation-duration:.8s;
-o-animation-duration:.8s;
animation-duration:.8s;
opacity: 1;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn.animated {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translateY(100px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInUp {
0% { opacity: 0; -moz-transform: translateY(100px); }
100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInUp {
0% { opacity: 0; -o-transform: translateY(100px); }
100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(100px); }
100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp.animated {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(-100px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInDown {
0% { opacity: 0; -moz-transform: translateY(-100px); }
100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInDown {
0% { opacity: 0; -o-transform: translateY(-100px); }
100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes fadeInDown {
0% { opacity: 0; transform: translateY(-100px); }
100% { opacity: 1; transform: translateY(0); }
}
.fadeInDown.animated {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% { opacity: 0; -webkit-transform: translateX(-100px); }
100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes fadeInLeft {
0% { opacity: 0; -moz-transform: translateX(-100px); }
100% { opacity: 1; -moz-transform: translateX(0); }
}
@-o-keyframes fadeInLeft {
0% { opacity: 0; -o-transform: translateX(-100px); }
100% { opacity: 1; -o-transform: translateX(0); }
}
@keyframes fadeInLeft {
0% { opacity: 0; transform: translateX(-100px); }
100% { opacity: 1; transform: translateX(0); }
}
.fadeInLeft.animated {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% { opacity: 0; -webkit-transform: translateX(100px); }
100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes fadeInRight {
0% { opacity: 0; -moz-transform: translateX(100px); }
100% { opacity: 1; -moz-transform: translateX(0); }
}
@-o-keyframes fadeInRight {
0% { opacity: 0; -o-transform: translateX(100px); }
100% { opacity: 1; -o-transform: translateX(0); }
}
@keyframes fadeInRight {
0% { opacity: 0; transform: translateX(100px); }
100% { opacity: 1; transform: translateX(0); }
}
.fadeInRight.animated {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 1;
}
}
.zoomIn.animated {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration:.5s;
-moz-animation-duration:.5s;
-ms-animation-duration:.5s;
-o-animation-duration:.5s;
animation-duration:.5s;
} #grve-fullpage { }
#grve-fullpage .grve-section {
height: 100vh;
}
#grve-fullpage .grve-section {
margin-bottom: 0;
}
#grve-fullpage .grve-section > div {
visibility: hidden;
}
html.fp-enabled,
.fp-enabled body {
margin: 0;
padding: 0;
overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
height: 100%;
position: relative; -ms-touch-action: none; touch-action: none;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout:fixed;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: scroll;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
right: 17px;
}
#fp-nav.left {
left: 17px;
}
.fp-slidesNav{
position: absolute;
z-index: 4;
left: 50%;
opacity: 1;
}
.fp-slidesNav.bottom {
bottom: 17px;
}
.fp-slidesNav.top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position:relative;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #000000;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav.grve-dark ul li a span {
background-color: #000000;
}
#fp-nav.grve-light ul li a span {
background-color: #ffffff;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
height: auto !important;
}
#fp-nav .fp-tooltip {
background-color: rgba(0,0,0,0.8);
color: #ffffff;
font-size: 11px;
line-height: 1.2em;
padding: 5px 8px;
-webkit-border-radius: 3px;
border-radius: 3px;
}