/* =========================================================================== */

/* General
/* Title
/* Media Box
/* Message Box
/* Divider
/* Buttons
/* Slogan
/* Single Icon
/* Icon Box
/* Social Share
/* Image Sizes ( square - landscape - portrait )
/* Isotope
/* Isotope Filters
/* Gallery
/* Portfolio
/* Call Out
/* Quote
/* Advanced Promo
/* Socials
/* Team
/* DropCap
/* Pricing Tables
/* Pie Charts
/* Progress Bars
/* Counters
/* Carousel & Sliders
/* Testimonial
/* Owl Carousel
/* Vc Tabs
/* Vc Accordion
/* Single Image
/* Image Text
/* Sticky Post
/* Large Blog
/* Small Blog
/* Columns Blog
/* Carousel Blog
/* Post Link & Quote Format
/* Post Custom Audio Format
/* Post Quote Format
/* Blog with Shadow
/* Blog Style 2
/* Slider & Carousel Navigations
/* Countdown
/* Widgets
	/* - Menu Widgets Arrow
	/* - Menu Widget
	/* - Page Widget
	/* - Archive Widget
	/* - Categories Widget
	/* - Meta Widget
	/* - Recent Comments Widget
	/* - Recent Post Widget
	/* - RSS Widget
	/* - Calendar Widget
	/* - Tag Cloud
	/* - Latest News (Greatives)
	/* - Latest Comments (Greatives)
	/* - Latest Portfolio (Greatives)
	/* - Contact Info (Greatives)
	/* - Instagram (Greatives)


/* =========================================================================== */

/* General
============================================================================= */
.grve-element {
    margin-bottom: 7px;
    position: relative;
    height: 100%;
}

.hidden .grve-element {
    overflow: hidden;

}

.grve-element:last-child {
    margin-bottom: 5px !important;
}

/* Title
============================================================================= */
.grve-title > span {
    display: inline-block;
}

.grve-title-line {
    width: 50px;
    height: 3px;
    display: block;
    clear: both;
    margin-top: 18px;
    background-color: #000;
}

.grve-align-center .grve-title-line,
.grve-align-center.grve-title-line {
    margin-left: auto;
    margin-right: auto;
}

.grve-align-left .grve-title-line,
.grve-align-left.grve-title-line {
    margin-right: auto;
}

.grve-align-right .grve-title-line,
.grve-align-right.grve-title-line {
    margin-left: auto;
}

/* Media Box
============================================================================= */
.grve-box .grve-media {
    margin-bottom: 20px;
    position: relative;
}

.grve-box .grve-box-content .grve-read-more {
    display: inline-block;
}

.grve-box .grve-media img {
    opacity: 0;
}

.grve-box .grve-media .grve-map img {
    opacity: 1;
}

.grve-box .grve-box-content p {
    margin-bottom: 0px;
}

.grve-box .grve-box-content p + .grve-read-more {
    margin-top: 20px;
}

/* Media Icon */
.grve-media-box-icon {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: -15px;
    right: -15px;
    background-color: #333;
    z-index: 10;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.grve-media-box-icon i {
    font-size: 26px;
    line-height: inherit;
    width: inherit;
    height: inherit;
}

/* Message Box
============================================================================= */
.grve-message {
    padding: 25px;
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.grve-message .grve-message-icon {
    float: left;
    font-size: 2.250em;
    line-height: 1.200em;
    margin-right: 15px;
}

.grve-message p {
    margin-bottom: 0;
    font-size: 0.9em;
    min-height: 40px;
}

.grve-message .grve-close {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: inherit;
    text-align: right;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grve-message .grve-close:after,
.grve-message .grve-close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #ffffff;
}

.grve-message .grve-close:after {
    width: 10px;
    height: 2px;
    margin-left: -5px;
    margin-top: -1px;
}

.grve-message .grve-close:before {
    width: 2px;
    height: 10px;
    margin-left: -1px;
    margin-top: -5px;
}

/* Divider
============================================================================= */
hr {
    margin-bottom: 30px;
    display: block;
    border: none;
    border-top: 1px solid;
}

.grve-hr.grve-element {
    margin-bottom: 0;
    display: block;
    border: none;
}

/* Line Divider */
.grve-hr .grve-line-divider {
    border-top: 1px solid;
}

/* Dashed Divider */
.grve-hr .grve-dashed-line-divider {
    border-top: 1px dashed;
}

/* Double Line */
.grve-hr .grve-double-line-divider {
    height: 5px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

/* Double Line */
.grve-hr .grve-top-line-divider {
    height: auto;
    border-bottom: 1px solid;
    text-align: right;
}

.grve-hr .grve-divider-backtotop {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.grve-hr .grve-divider-backtotop:after {
    content: "\f106";
    font-family: FontAwesome;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

/* Buttons
============================================================================= */
a.grve-btn,
#grve-theme-wrapper button:not(.grve-custom-btn),
#grve-theme-wrapper button[type="button"]:not(.grve-custom-btn),
#grve-theme-wrapper button[type="submit"]:not(.grve-custom-btn),
#grve-theme-wrapper button[type="reset"]:not(.grve-custom-btn),
#grve-theme-wrapper input[type="button"]:not(.grve-custom-btn),
#grve-theme-wrapper input[type="submit"]:not(.grve-custom-btn),
#grve-theme-wrapper input[type="reset"]:not(.grve-custom-btn) {
    display: inline-block;
    padding: 1.154em 1.538em;
    position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
    z-index: 2;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 3px;
    outline: 0;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: color .5s ease, background-color .5s ease, border-color .5s ease;
    -moz-transition: color .5s ease, background-color .5s ease, border-color .5s ease;
    -o-transition: color .5s ease, background-color .5s ease, border-color .5s ease;
    -ms-transition: color .5s ease, background-color .5s ease, border-color .5s ease;
    transition: color .5s ease, background-color .5s ease, border-color .5s ease;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

a.grve-btn.grve-btn-line {
    border: 1px solid;
    background-color: transparent;
    background-image: none;
}

.grve-fullwidth-btn {
    width: 100%;
}

/* Extra Small Size */
.grve-btn.grve-btn-extrasmall {
    padding: 0.556em 1.667em;
}

/* Small Size */
.grve-btn.grve-btn-small {
    padding: 0.818em 1.636em;
}

/* Large Size */
.grve-btn.grve-btn-large {
    padding: 1.125em 1.500em;
}

/* Extra Large Size */
.grve-btn.grve-btn-extralarge {
    padding: 1.538em 2.308em;
}

/* Button with icon */
a.grve-btn i {
    display: inline-block;
    margin-right: 0.923em;
    padding: 2px;
    vertical-align: middle;
    -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: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

a.grve-btn:hover i {
    -webkit-transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
}

/* Button Margins */
.grve-align-left .grve-btn {
    margin-right: 30px;
}

.grve-align-center .grve-btn {
    margin-left: 15px;
    margin-right: 15px;
}

.grve-align-right .grve-btn {
    margin-left: 30px;
}

#grve-theme-wrapper .grve-fullwidth-btn.grve-btn {
    margin: 0;
    padding: 0 1.538em;
    line-height: 60px;
}

#grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-medium {
    line-height: 120px;
}

#grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-tall {
    line-height: 180px;
}

@media only screen and (max-width: 1200px) {
    #grve-theme-wrapper .grve-fullwidth-btn.grve-btn {
        line-height: 50px;
    }

    #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-medium {
        line-height: 80px;
    }

    #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-tall {
        line-height: 100px;
    }
}

@media only screen and (max-width: 767px) {
    #grve-theme-wrapper .grve-fullwidth-btn.grve-btn {
        line-height: 40px;
    }

    #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-medium {
        line-height: 50px;
    }

    #grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-tall {
        line-height: 80px;
    }
}

/* Slogan
============================================================================= */
.grve-slogan .grve-slogan-title {
    margin-bottom: 18px;
}

.grve-slogan p {
    margin-bottom: 28px;
}

.grve-slogan p:last-child {
    margin-bottom: 0;
}

/* Single Icon
============================================================================= */
.grve-single-icon .grve-wrapper-icon {
    border: 1px solid transparent;
    display: inline-block;
}

.grve-single-icon .grve-wrapper-icon.grve-outline {
    border: 1px solid;
}

/* Icons With Shape */
.grve-single-icon.grve-with-shape .grve-wrapper-icon {
    width: 2.500em;
    height: 2.500em;
    line-height: 2.500em;
    display: inline-block;
    text-align: center;
}

/* Icons With Out Shape */
.grve-single-icon .grve-no-shape.grve-wrapper-icon {
    width: 1.000em;
    height: 1.000em;
    line-height: 1.000em;
    display: inline-block;
    position: relative;
}

/* Small Icons With Out Shape */
.grve-single-icon.grve-small .grve-no-shape.grve-wrapper-icon {
    font-size: 32px;
}

/* Small Icons With Shape */
.grve-single-icon.grve-small.grve-with-shape .grve-wrapper-icon {
    font-size: 24px;
}

/* Medium Icons With Out Shape */
.grve-single-icon.grve-medium .grve-no-shape.grve-wrapper-icon {
    font-size: 48px;
}

/* Medium Icons With Shape */
.grve-single-icon.grve-medium.grve-with-shape .grve-wrapper-icon {
    font-size: 32px;
}

/* Large Icons With Out Shape */
.grve-single-icon.grve-large .grve-no-shape.grve-wrapper-icon {
    font-size: 72px;
}

/* Large Icons With Shape */
.grve-single-icon.grve-large.grve-with-shape .grve-wrapper-icon {
    font-size: 40px;
}

.grve-single-icon .grve-wrapper-icon i:before {
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
}

/* Icon Animation */
.grve-hover-effect .grve-wrapper-icon {
    position: relative;
}

.grve-hover-effect .grve-wrapper-icon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: inherit;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    -o-animation-duration: .6s;
    animation-duration: .6s;

    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: icon_box_animation;
    -moz-animation-name: icon_box_animation;
    -o-animation-name: icon_box_animation;
    animation-name: icon_box_animation;

    display: none;
}

.grve-wrapper-icon.grve-circle:after {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.grve-wrapper-icon.grve-round:after {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.grve-hover-effect .grve-wrapper-icon.grve-outline:after {
    background-color: transparent;
    border: 1px solid;
    border-color: inherit;
    top: -1px;
    left: -1px;
}

@-webkit-keyframes icon_box_animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4);
    }
}

@-moz-keyframes icon_box_animation {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1.4);
    }
}

@-o-keyframes icon_box_animation {
    0% {
        opacity: 1;
        -o-transform: scale(1);
    }
    100% {
        opacity: 0;
        -o-transform: scale(1.4);
    }
}

@keyframes icon_box_animation {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.4);
    }
}

.grve-hover-effect:hover .grve-wrapper-icon:after {
    display: block;
}

/* Icon Box
============================================================================= */
.grve-column-1-4 > .grve-box-icon {
    overflow: visible;
}

.grve-box-icon .grve-box-content {
    position: relative;
}

.grve-box-icon .grve-wrapper-icon {
    border: 1px solid transparent;
    display: inline-block;
    overflow: visible;
}

.grve-box-icon .grve-wrapper-icon.grve-outline {
    border: 1px solid;
}

.grve-wrapper-icon i {
    line-height: inherit;
}

.grve-box-icon a,
.grve-box-icon a:hover {
    display: inline-block;
    clear: both;
    color: inherit;
}

/* Align Left */
.grve-box-icon.grve-align-left .grve-wrapper-icon,
.grve-box-icon.grve-align-left .grve-image-icon {
    position: relative;
    /*top: 2px;*/
    float: left;
    margin-right: 0.469em;
}

.grve-box-icon.grve-align-left.grve-with-shape .grve-wrapper-icon {
    margin-right: 0.750em;
}

/* Align Right */
.grve-box-icon.grve-align-right .grve-wrapper-icon,
.grve-box-icon.grve-align-right .grve-image-icon {
    position: relative;
    top: 2px;
    float: right;
    margin-left: 0.469em;
}

.grve-box-icon.grve-align-left.grve-with-shape .grve-wrapper-icon {
    margin-left: 0.750em;
}

.grve-box-icon.grve-align-left .grve-box-content,
.grve-box-icon.grve-align-right .grve-box-content {
    overflow: hidden;
}

/* Tablet Portrait */
@media only screen and (max-width: 1023px) {

    .grve-box-icon.grve-align-left.grve-with-shape .grve-wrapper-icon,
    .grve-box-icon.grve-align-left .grve-wrapper-icon,
    .grve-box-icon.grve-align-left .grve-image-icon,
    .grve-box-icon.grve-align-right.grve-with-shape .grve-wrapper-icon,
    .grve-box-icon.grve-align-right .grve-wrapper-icon,
    .grve-box-icon.grve-align-right .grve-image-icon {
        /*float: none;*/
        /*margin: 0;*/
        /*margin-bottom: 0.600em;*/
    }

    .grve-box-icon.grve-align-left .grve-wrapper-icon,
    .grve-box-icon.grve-align-right .grve-wrapper-icon {
        margin: 0;
        margin-bottom: 0.250em;
    }

}

/* Align Center */
.grve-box-icon.grve-with-shape.grve-align-center .grve-wrapper-icon,
.grve-box-icon.grve-align-center .grve-image-icon {
    margin-bottom: 20px;
    position: relative;
}

.grve-box-icon.grve-align-center .grve-wrapper-icon {
    margin-bottom: 20px;
    position: relative;
}

/* Icons With Shape */
.grve-box-icon.grve-with-shape .grve-wrapper-icon {
    width: 2.500em;
    height: 2.500em;
    line-height: 2.500em;
    display: inline-block;
    text-align: center;
}

/* Icons With Out Shape */
.grve-box-icon .grve-no-shape.grve-wrapper-icon {
    width: 1.000em;
    height: 1.000em;
    line-height: 1.000em;
    display: inline-block;
}

/* Icons With Image */
.grve-box-icon.grve-align-center img {
    height: 2.500em;
    width: auto;
}

.grve-box-icon.grve-align-left img,
.grve-box-icon.grve-align-right img {
    width: 1.000em;
    height: auto;
}

/* Extra Small Icons With Out Shape */
.grve-box-icon.grve-extra-small .grve-no-shape.grve-wrapper-icon,
.grve-box-icon.grve-extra-small.grve-align-left .grve-image-icon,
.grve-box-icon.grve-extra-small.grve-align-right .grve-image-icon {
    font-size: 24px;
}

/* Extra Small Icons With Shape */
.grve-box-icon.grve-extra-small.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-extra-small.grve-align-center .grve-image-icon {
    font-size: 15px;
}

/* Small Icons With Out Shape */
.grve-box-icon.grve-small .grve-no-shape.grve-wrapper-icon,
.grve-box-icon.grve-small.grve-align-left .grve-image-icon,
.grve-box-icon.grve-small.grve-align-right .grve-image-icon {
    font-size: 32px;
}

/* Small Icons With Shape */
.grve-box-icon.grve-small.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-small.grve-align-center .grve-image-icon {
    font-size: 24px;
}

/* Medium Icons With Out Shape */
.grve-box-icon.grve-medium .grve-no-shape.grve-wrapper-icon,
.grve-box-icon.grve-medium.grve-align-left .grve-image-icon,
.grve-box-icon.grve-medium.grve-align-right .grve-image-icon {
    font-size: 48px;
}

/* Medium Icons With Shape */
.grve-box-icon.grve-medium.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-medium.grve-align-center .grve-image-icon {
    font-size: 32px;
}

/* Large Icons With Out Shape */
.grve-box-icon.grve-large .grve-no-shape.grve-wrapper-icon,
.grve-box-icon.grve-large.grve-align-left .grve-image-icon,
.grve-box-icon.grve-large.grve-align-right .grve-image-icon {
    font-size: 72px;
}

/* Large Icons With Shape */
.grve-box-icon.grve-large.grve-with-shape .grve-wrapper-icon,
.grve-box-icon.grve-large.grve-align-center .grve-image-icon {
    font-size: 40px;
}

.grve-box-icon .grve-wrapper-icon i:before {
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}

/* Advanced Hover */
.grve-box-icon.grve-advanced-hover {
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.grve-box-icon.grve-advanced-hover.active,
.grve-box-icon.grve-advanced-hover.active p {
    visibility: visible;
    -webkit-transition: padding 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.8s;
    transition: padding 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.8s;
}

.grve-box-icon.grve-advanced-hover p {
    opacity: 0;
}

.grve-box-icon.grve-advanced-hover.hover,
.grve-box-icon.grve-advanced-hover.hover p {
    padding-top: 0px !important;
    opacity: 1;
}

/* Social Share
============================================================================= */
.grve-element.grve-social ul {
    margin: 0 auto -8px auto;
    list-style: none;
    display: inline-block;
}

.grve-element.grve-social ul li {
    display: inline-block;
    margin: 10px;
    position: relative;
}

.grve-element.grve-social ul li a {
    display: block;
    width: 2.188em;
    height: 2.188em;
    line-height: 2.188em;
    text-align: center;
    font-size: 1em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.grve-element.grve-social ul li a i {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    padding: 3px;
}

.grve-element.grve-social ul li a:hover i {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.grve-element.grve-social ul li a {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.grve-element.grve-social ul li a.grve-with-shape.grve-outline {
    border: 1px solid;
    background-color: transparent;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.4, 1.4, 1.4);
        transform: scale3d(1.4, 1.4, 1.4);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.4, 1.4, 1.4);
        transform: scale3d(1.4, 1.4, 1.4);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/* Icons With Shape */
.grve-element.grve-social ul li a.grve-with-shape {
    width: 2.500em;
    height: 2.500em;
    line-height: 2.500em;
    display: inline-block;
    text-align: center;
}

/* Icons With Out Shape */
.grve-element.grve-social ul li a.grve-no-shape {
    width: 1.000em;
    height: 1.000em;
    line-height: 1.000em;
    display: inline-block;
    text-align: center;
}

.grve-element.grve-social ul li a.grve-no-shape.grve-social-share-googleplus {
    width: 1.300em;
}

/* Small Icons With Out Shape */
.grve-element.grve-social ul li a.grve-no-shape.grve-small {
    font-size: 32px;
}

/* Small Icons With Shape */
.grve-element.grve-social ul li a.grve-with-shape.grve-small {
    font-size: 24px;
}

/* Medium Icons With Out Shape */
.grve-element.grve-social ul li a.grve-no-shape.grve-medium {
    font-size: 48px;
}

/* Medium Icons With Shape */
.grve-element.grve-social ul li a.grve-with-shape.grve-medium {
    font-size: 32px;
}

/* Large Icons With Out Shape */
.grve-element.grve-social ul li a.grve-no-shape.grve-large {
    font-size: 72px;
}

/* Large Icons With Shape */
.grve-element.grve-social ul li a.grve-with-shape.grve-large {
    font-size: 40px;
}

.grve-element.grve-social.grve-align-left li {
    margin-left: 0;
}

.grve-element.grve-social.grve-align-right li {
    margin-right: 0;
}

.grve-element.grve-social li a span.grve-like-counter {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    background-color: #202020;
    color: #ffffff;
    min-width: 30px;
    text-align: center;
    padding: 6px 8px;
    position: absolute;
    bottom: 180%;
    left: 50%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.grve-element.grve-social li a span.grve-like-counter:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #202020;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
}

.grve-element.grve-social li a:hover span.grve-like-counter {
    bottom: 120%;
    visibility: visible;
    opacity: 1;
}

/* Image Sizes ( square - landscape - portrait )
============================================================================= */
.grve-image-square img {
    width: 100%;
    height: auto;
    max-width: none;
}

.grve-image-landscape img {
    width: 100%;
    height: auto;
    max-width: none;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.grve-image-portrait img {
    width: auto;
    height: 100%;
    max-width: none;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

/* Isotope
============================================================================= */
.grve-section.grve-fullwidth .grve-isotope {
    overflow: hidden;
}

.grve-isotope-container {
    opacity: 0;
    overflow: hidden;
}

.grve-isotope.grve-with-gap .grve-isotope-container {
    margin-left: -20px;
    margin-right: -20px;
}

.grve-section[data-section-type="fullwidth-element"] .grve-isotope.grve-with-gap .grve-isotope-container {
    margin-left: 20px;
    margin-right: 20px;
}

.grve-isotope.grve-with-gap .grve-isotope-item {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

/* Full width with gaps */
.grve-section.grve-fullwidth .grve-isotope.grve-with-gap {
    padding: 0 40px;
}

/* Animated Isotpe */
.grve-isotope-item-inner.grve-fadeIn,
.grve-isotope-item-inner.grve-fadeInUp,
.grve-isotope-item-inner.grve-fadeInDown,
.grve-isotope-item-inner.grve-fadeInLeft,
.grve-isotope-item-inner.grve-fadeInRight,
.grve-isotope-item-inner.grve-zoomIn {
    opacity: 0;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
}

html.ie9 .grve-isotope-item-inner.grve-fadeIn,
html.ie9 .grve-isotope-item-inner.grve-fadeInUp,
html.ie9 .grve-isotope-item-inner.grve-fadeInDown,
html.ie9 .grve-isotope-item-inner.grve-fadeInLeft,
html.ie9 .grve-isotope-item-inner.grve-fadeInRight,
html.ie9 .grve-isotope-item-inner.grve-zoomIn {
    opacity: 1;
}

/* Isotope Filters
============================================================================= */
.grve-filter {
    margin-bottom: 40px;
}

.grve-filter ul {
    margin: 0;
    list-style: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.grve-filter ul li {
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.grve-filter ul li:hover,
.grve-filter ul li.selected {
    opacity: 1;
}

.grve-section.grve-fullwidth .grve-isotope:not(.grve-with-gap) .grve-filter {
    padding-left: 40px;
    padding-right: 40px;
}

/* Gallery
============================================================================= */
.grve-gallery-item > a {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.grve-gallery-item figure .grve-title {
    margin-bottom: 3px;
}

.grve-gallery-item figure .grve-caption {
    margin-bottom: 0;
    font-size: 14px;
}

/* Style 1 & 3 */
.grve-gallery-item figure.grve-hover-style-1 figcaption,
.grve-gallery-item figure.grve-hover-style-3 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

.grve-gallery-item figure.grve-hover-style-1 .grve-gallery-content,
.grve-gallery-item figure.grve-hover-style-3 .grve-gallery-content {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.grve-gallery-item figure.grve-hover-style-1 .grve-title:last-child,
.grve-gallery-item figure.grve-hover-style-3 .grve-title:last-child {
    margin-bottom: 0;
}

/* Style 2 */
.grve-gallery-item figure.grve-hover-style-2 .grve-gallery-content {
    text-align: center;
    margin-top: 30px;
}

.grve-gallery-item figure.grve-hover-style-2 .grve-title {
    margin-bottom: 0.3em;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.grve-gallery-item figure.grve-hover-style-2 .grve-title:last-child {
    margin-bottom: 0;
}

/* Animation Hover Style 1 */
.grve-gallery-item figure.grve-hover-style-1 .grve-title,
.grve-gallery-item figure.grve-hover-style-1 .grve-caption {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    -ms-transition: -ms-transform .2s, opacity .2s;
    -o-transition: -o-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-gallery-item figure.grve-hover-style-1.hover .grve-title,
.grve-gallery-item figure.grve-hover-style-1.hover .grve-caption {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.grve-gallery-item figure.grve-hover-style-1.hover .grve-caption {
    opacity: 0.7;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

/* Animation Hover Style 3 */
.grve-gallery-item figure.grve-hover-style-3 .grve-title,
.grve-gallery-item figure.grve-hover-style-3 .grve-caption {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    -ms-transition: -ms-transform .2s, opacity .2s;
    -o-transition: -o-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-gallery-item figure.grve-hover-style-3.hover .grve-title,
.grve-gallery-item figure.grve-hover-style-3.hover .grve-caption {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.grve-gallery-item figure.grve-hover-style-3 .grve-caption {
    opacity: 0.7;
}

/* Portfolio
============================================================================= */
.grve-portfolio-item > a {
    position: relative;
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.grve-portfolio-item figure .grve-title {
    margin-bottom: 3px;
    line-height: 1.4;
}

.grve-portfolio-item figure .grve-caption {
    margin-bottom: 0;
    font-size: 14px;
}

.grve-portfolio-item figure .grve-like-counter {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 3;
}

.grve-portfolio-item figure .grve-like-counter i {
    margin-right: 2px;
    padding: 2px;
}

/* Style 1 & 3 */
.grve-portfolio-item figure.grve-hover-style-1 figcaption,
.grve-portfolio-item figure.grve-hover-style-3 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

.grve-portfolio-item figure.grve-hover-style-1 .grve-portfolio-content,
.grve-portfolio-item figure.grve-hover-style-3 .grve-portfolio-content {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.grve-portfolio-item figure.grve-hover-style-1 .grve-title:last-child,
.grve-portfolio-item figure.grve-hover-style-3 .grve-title:last-child {
    margin-bottom: 0;
}

/* Style 2 */
.grve-portfolio-item figure.grve-hover-style-2 .grve-portfolio-content {
    text-align: center;
    margin-top: 30px;
}

.grve-portfolio-item figure.grve-hover-style-2 .grve-title {
    margin-bottom: 0.3em;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.grve-portfolio-item figure.grve-hover-style-2 .grve-title:last-child {
    margin-bottom: 0;
}

/* Style 4 & 5 */
.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter,
.grve-portfolio-item figure.grve-hover-style-5 .grve-like-counter {
    position: relative;
    display: inline-block;
    left: auto;
    top: 0;
    z-index: 3;
    margin-bottom: 15px;
}

.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter i,
.grve-portfolio-item figure.grve-hover-style-5 .grve-like-counter i {
    font-size: 30px;
    margin: 0;
}

.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter span,
.grve-portfolio-item figure.grve-hover-style-5 .grve-like-counter span {
    position: absolute;
    left: 80%;
    bottom: 0;
}

.grve-portfolio-item figure.grve-hover-style-4 figcaption,
.grve-portfolio-item figure.grve-hover-style-5 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 40px;
    z-index: 3;
}

.grve-portfolio-item figure.grve-hover-style-4 .grve-portfolio-content,
.grve-portfolio-item figure.grve-hover-style-5 .grve-portfolio-content {
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.grve-portfolio-item figure.grve-hover-style-4 .grve-title:last-child,
.grve-portfolio-item figure.grve-hover-style-5 .grve-title:last-child {
    margin-bottom: 0;
}

/* Animation Hover Style 1 */
.grve-portfolio-item figure.grve-hover-style-1 .grve-like-counter {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-portfolio-item figure.grve-hover-style-1.hover .grve-like-counter {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.grve-portfolio-item figure.grve-hover-style-1 .grve-title,
.grve-portfolio-item figure.grve-hover-style-1 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-1 .grve-portfolio-btn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    -ms-transition: -ms-transform .2s, opacity .2s;
    -o-transition: -o-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-portfolio-item figure.grve-hover-style-1.hover .grve-title,
.grve-portfolio-item figure.grve-hover-style-1.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-1.hover .grve-portfolio-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.grve-portfolio-item figure.grve-hover-style-1.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-1.hover .grve-portfolio-btn {
    opacity: 0.7;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.grve-portfolio-item figure.grve-hover-style-1.hover .grve-portfolio-btn:hover {
    opacity: 1;
}

/* Animation Hover Style 3 */
.grve-portfolio-item figure.grve-hover-style-3 .grve-like-counter {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-portfolio-item figure.grve-hover-style-3.hover .grve-like-counter {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.grve-portfolio-item figure.grve-hover-style-3 .grve-title,
.grve-portfolio-item figure.grve-hover-style-3 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-3 .grve-portfolio-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    -ms-transition: -ms-transform .2s, opacity .2s;
    -o-transition: -o-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-portfolio-item figure.grve-hover-style-3.hover .grve-title,
.grve-portfolio-item figure.grve-hover-style-3.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-3.hover .grve-portfolio-btn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.grve-portfolio-item figure.grve-hover-style-3 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-3 .grve-portfolio-btn {
    opacity: 0.7;
}

.grve-portfolio-item figure.grve-hover-style-3 .grve-portfolio-btn:hover {
    opacity: 1;
}

/* Animation Hover Style 4 */
.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-portfolio-item figure.grve-hover-style-4.hover .grve-like-counter {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.grve-portfolio-item figure.grve-hover-style-4 .grve-title,
.grve-portfolio-item figure.grve-hover-style-4 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-4 .grve-portfolio-btn {
    opacity: 0;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -moz-transition: -moz-transform .5s, opacity .5s;
    -ms-transition: -ms-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-portfolio-item figure.grve-hover-style-4.hover .grve-title,
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-portfolio-btn {
    opacity: 1;
}

.grve-portfolio-item figure.grve-hover-style-4.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-4.hover .grve-portfolio-btn {
    opacity: 0.7;
}

.grve-portfolio-item figure.grve-hover-style-4.hover .grve-portfolio-btn:hover {
    opacity: 1;
}

/* Animation Hover Style 5 */
.grve-portfolio-item figure.grve-hover-style-5 .grve-like-counter {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-portfolio-item figure.grve-hover-style-5.hover .grve-like-counter {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.grve-portfolio-item figure.grve-hover-style-5 .grve-title,
.grve-portfolio-item figure.grve-hover-style-5 .grve-caption,
.grve-portfolio-item figure.grve-hover-style-5 .grve-portfolio-btn {
    opacity: 1;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -moz-transition: -moz-transform .5s, opacity .5s;
    -ms-transition: -ms-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-portfolio-item figure.grve-hover-style-5.hover .grve-title,
.grve-portfolio-item figure.grve-hover-style-5.hover .grve-caption,
.grve-portfolio-item figure.grve-hover-style-5.hover .grve-portfolio-btn {
    opacity: 0;
}

/* Portfolio Bg Overview */
.grve-bg-overview.grve-portfolio-item figure.grve-hover-style-4 .grve-title,
.grve-bg-overview.grve-portfolio-item figure.grve-hover-style-5.hover .grve-title {
    opacity: 1;
}

.grve-bg-overview.grve-portfolio-item figure.grve-hover-style-4 .grve-like-counter,
.grve-bg-overview.grve-portfolio-item figure.grve-hover-style-5.hover .grve-like-counter {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Call Out
============================================================================= */
.grve-callout.grve-btn-right {
    position: relative;
    display: table;
}

.grve-callout.grve-btn-right .grve-callout-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-right: 30px;
}

.grve-callout.grve-btn-right .grve-button-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    max-width: 25%;
    text-align: right;
    white-space: nowrap;
}

.grve-callout.grve-btn-bottom .grve-button-wrapper {
    margin: 30px 0 0 0;
}

.grve-callout .grve-callout-content {
    margin-bottom: 0;
}

.grve-callout .grve-callout-content + p {
    margin-top: 0.45em;
}

/* Quote
============================================================================= */
blockquote {
    margin-bottom: 30px;
    padding-left: 1.154em;
    position: relative;
}

blockquote:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
}

/* Advanced Promo
============================================================================= */
.grve-section.grve-pointer-cursor {
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    -ms-transition: padding .3s;
    -o-transition: padding .3s;
    transition: padding .3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.grve-expandable-info .grve-expandable-info-space {
    height: 30px;
}

.grve-expandable-info .grve-expandable-info-content {
    display: none;
    opacity: 0;
    -webkit-transition: opacity .5s, -webkit-transform .3s;
    -moz-transition: opacity .5s, -moz-transform .3s;
    -ms-transition: opacity .5s, -ms-transform .3s;
    -o-transition: opacity .5s, -o-transform .3s;
    transition: opacity .5s, transform .3s;
    -webkit-transform: translate(0, 200px);
    -moz-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    -o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.grve-expandable-info .grve-expandable-info-content.grve-show {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* Socials
============================================================================= */
ul.grve-socials {
    margin: 0;
    list-style: none;
}

ul.grve-socials li {
    display: inline-block;
    margin: 5px;
}

ul.grve-socials li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

/* Tooltip */
ul.grve-socials li a .grve-tooltip {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    background-color: #202020;
    color: #ffffff;
    min-width: 30px;
    text-align: center;
    padding: 6px 8px;
    position: absolute;
    bottom: 180%;
    left: 50%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

ul.grve-socials li a .grve-tooltip:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #202020;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
}

ul.grve-socials li a:hover .grve-tooltip {
    bottom: 120%;
    visibility: visible;
    opacity: 1;
}

/* Team
============================================================================= */
.grve-team .grve-media {
    position: relative;
}

.grve-team .grve-media img {
    position: static;
}

.grve-team.grve-style-1 .grve-media {
    margin-bottom: 28px;
}

.grve-team .grve-media a {
    display: block;
}

.grve-team .grve-team-name {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.grve-team p {
    margin-top: 24px;
}

.grve-team .grve-team-description + .grve-team-social {
    margin-top: 24px;
}

.grve-team .grve-team-social ul {
    margin: 0;
}

/* Style 2 */
.grve-team.grve-style-2 figure {
    position: relative;
}

.grve-team.grve-style-2 figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 15px;
}

.grve-team.grve-style-2 .grve-team-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.grve-team.grve-style-2 .grve-team-identity {
    opacity: 0;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
}

.grve-team.grve-style-2 .grve-team-identity,
.grve-team.grve-style-2 .grve-team-name,
.grve-team.grve-style-2 .grve-team-social {
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.grve-team.grve-style-2 .grve-team-social {
    opacity: 0;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
}

.grve-team.grve-style-2 .hover .grve-team-identity,
.grve-team.grve-style-2 .hover .grve-team-name,
.grve-team.grve-style-2 .hover .grve-team-social {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.grve-team.grve-style-2 .hover .grve-team-identity {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.grve-team.grve-style-2 .hover .grve-team-social {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

/* DropCap
============================================================================= */
.grve-dropcap.grve-element span {
    float: left;
    font-size: 55px;
    line-height: 1em;
    padding: 0px 18px 0px 0px;
    margin-bottom: 0;
}

.grve-dropcap span.grve-style-2 {
    font-size: 40px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 10px;
    padding: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
}

/* Pricing Tables
============================================================================= */
/* Style 1 */
.grve-pricing-table.grve-style-1 {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.09);
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
}

.grve-pricing-table.grve-style-1 ul {
    list-style: none;
    margin: 0;
}

.grve-pricing-table.grve-style-1 ul li {
    padding: 20px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.grve-pricing-table.grve-style-1 ul li:nth-child(2n+0) {
    background: #FBFBFB;
}

.grve-pricing-table.grve-style-1 .grve-pricing-title {
    margin: 0px;
    padding: 0.729em 10px;
    position: relative;
}

.grve-pricing-table.grve-style-1 .grve-pricing-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    opacity: 0.12;
}

#grve-main-content .grve-pricing-table.grve-style-1 .grve-price,
#grve-main-content .grve-pricing-table.grve-style-1 .grve-pricing-title {
    color: #ffffff;
}

.grve-pricing-table.grve-style-1 .grve-price {
    padding: 35px 10px;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.grve-pricing-table.grve-style-1 .grve-btn {
    margin: 30px 0px;
}

/* Style 2 */
.grve-pricing-table.grve-style-2 {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    padding: 40px;
    text-align: center;
    background-color: #ffffff;
}

.grve-pricing-table.grve-style-2 .grve-pricing-title {
    margin-bottom: 5px;
}

.grve-pricing-table.grve-style-2 .grve-pricing-content {
    margin-top: 40px;
    margin-bottom: 40px;
}

.grve-pricing-table.grve-style-2 .grve-price {
    margin-bottom: 0;
}

.grve-pricing-table.grve-style-2 .grve-pricing-content span {
    font-size: 0.415em;
    opacity: 0.5;
}

.grve-pricing-table.grve-style-2 ul {
    list-style: none;
    margin: 0 0 40px 0;
}

.grve-pricing-table.grve-style-2 a.grve-btn {
    width: 100%;
}

/* Pie Charts
============================================================================= */
.grve-pie-chart {
    text-align: center;
}

.grve-chart-number {
    position: relative;
}

.grve-chart-number canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.grve-chart-number {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 18px auto;
}

.grve-pie-chart.grve-small .grve-chart-number {
    font-size: 18px;
}

.grve-pie-chart.grve-large .grve-chart-number {
    font-size: 32px;
}

.grve-chart-number:last-child {
    margin-bottom: 0;
}

.grve-pie-chart .grve-counter {
    float: none;
    margin: 0;
}

.grve-pie-chart .grve-title {
    display: block;
    margin-bottom: 12px;
}

/* Progress Bars
============================================================================= */
.grve-progress-bars.grve-line-round .grve-bar {
    -webkit-border-radius: 200px;
    border-radius: 200px;
}

.grve-progress-bar {
    margin-bottom: 20px;
}

.grve-bar-line {
    width: 0px;
    height: 35px;
}

/* Style 1 */
.grve-progress-bars.grve-style-1 .grve-bar {
    display: block;
    overflow: hidden;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.1);
}

.grve-progress-bars.grve-style-1 .grve-bar-title {
    position: absolute;
    top: 50%;
    left: 0px;
    line-height: 1;
    color: #fff !important;
    margin-left: 30px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.grve-progress-bars.grve-style-1 .grve-percentage {
    position: absolute;
    top: 50%;
    left: 0px;
    line-height: 1;
    color: #fff;
    margin-left: -50px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

/* Style 2 */
.grve-progress-bars.grve-style-2 .grve-bar {
    display: block;
    z-index: 1;
    margin-top: 6px;
    background-color: rgba(0, 0, 0, 0.1);
}

.grve-progress-bars.grve-style-2 .grve-percentage {
    float: right;
}

.grve-progress-bars.grve-line-round.grve-style-2 .grve-bar-line {
    -webkit-border-radius: 200px 0 0 200px;
    border-radius: 200px 0 0 200px;
}

/* Counters
============================================================================= */
.grve-counter .grve-counter-icon {
    margin-bottom: 12px;
}

.grve-counter .grve-counter-icon i.grve-large {
    font-size: 72px;
    line-height: 72px;
}

.grve-counter .grve-counter-icon i.grve-medium {
    font-size: 48px;
    line-height: 48px;
}

.grve-counter .grve-counter-icon i.grve-small {
    font-size: 32px;
    line-height: 32px;
}

.grve-counter .grve-counter-item {
    margin-bottom: 6px;
}

.grve-counter .grve-counter-item.grve-large {
    font-size: 60px;
    line-height: 70px;
}

.grve-counter .grve-counter-item.grve-medium {
    font-size: 48px;
    line-height: 56px;
}

.grve-counter .grve-counter-item.grve-small {
    font-size: 36px;
    line-height: 48px;
}

/* Carousel & Sliders
============================================================================= */
.grve-carousel-wrapper,
.grve-slider-wrapper {
    position: relative;
    z-index: 3;
}

.grve-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.grve-slider img {
    width: 100%;
    display: block;
}

.grve-slider .grve-slider-item .grve-graphic img {
    height: auto;
    line-height: 0;
    max-width: 100%;
    width: auto;
}

.grve-slider .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.grve-slider .owl-wrapper {
    position: relative;
}

.grve-slider .owl-wrapper-outer {
    position: relative;
    width: 100%;
    z-index: 1;
}

.grve-slider .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.grve-slider .owl-item {
    float: left;
}

/* Carousel */
.grve-carousel.grve-carousel-element,
.grve-flexible-carousel.grve-carousel-element {
    overflow: hidden;
    visibility: hidden;
}

.grve-carousel.grve-carousel-element .owl-item,
.grve-flexible-carousel.grve-carousel-element .owl-item {
    float: left;
}

/* Carousel with Gap */
.grve-carousel-wrapper.grve-with-gap .grve-carousel.grve-carousel-element,
.grve-carousel-wrapper.grve-with-gap .grve-flexible-carousel.grve-carousel-element {
    margin-left: -15px;
    margin-right: -15px;
}

.grve-carousel-wrapper.grve-with-gap .grve-carousel.grve-carousel-element .owl-item,
.grve-carousel-wrapper.grve-with-gap .grve-flexible-carousel.grve-carousel-element .owl-item {
    padding-left: 15px;
    padding-right: 15px;
}

.grve-section.grve-fullwidth .grve-carousel-wrapper.grve-with-gap .grve-carousel.grve-carousel-element,
.grve-section.grve-fullwidth .grve-carousel-wrapper.grve-with-gap .grve-flexible-carousel.grve-carousel-element {
    margin-left: 15px;
    margin-right: 15px;
}

.grve-slider .owl-wrapper,
.grve-slider .owl-item,
.grve-carousel-element .owl-wrapper,
.grve-carousel-element .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    position: relative;
    overflow: hidden;
}

/* Testimonial
============================================================================= */
.grve-testimonial .owl-item {
    float: left;
}

.grve-testimonial {
    overflow: hidden;
    visibility: hidden;
}

.grve-testimonial-element {
    display: inline-block;
    width: 100%;
}

.grve-testimonial-element p {
    margin-bottom: 20px;
}

.grve-testimonial-element .grve-container {
    padding-left: 0;
    padding-right: 0;
}

/* Thumb */
.grve-testimonial-thumb img {
    width: 100px;
    margin-bottom: 30px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

/* Testimonial Style 2 */
.grve-testimonial-grid.grve-with-shadow .grve-testimonial-element.grve-style-2 {
    padding: 30px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    background-color: #ffffff;
}

.grve-testimonial-grid .grve-isotope-container {
    padding-top: 3px;
}

.grve-testimonial-element.grve-style-2 .grve-testimonial-author {
    display: table;
    width: 100%;
    padding-top: 24px;
}

.grve-testimonial-element.grve-style-2 .grve-testimonial-thumb {
    display: table-cell;
    width: 40px;
}

.grve-testimonial-element.grve-style-2 .grve-testimonial-thumb img {
    width: 40px;
    margin-bottom: 0;
    display: block;
}

.grve-testimonial-element.grve-style-2 .grve-testimonial-name {
    display: table-cell;
    vertical-align: middle;
}

.grve-testimonial-element.grve-style-2 .grve-testimonial-thumb + .grve-testimonial-name {
    padding-left: 15px;
}

/* Thumb Animation on isotope */
.grve-isotope-item-inner .grve-testimonial-element.grve-style-2 .grve-testimonial-thumb {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    -webkit-transition: -webkit-transform .3s ease, opacity .8s;
    -moz-transition: -moz-transform .3s ease, opacity .8s;
    -ms-transition: -ms-transform .3s ease, opacity .8s;
    -o-transition: -o-transform .3s ease, opacity .8s;
    transition: transform .3s ease, opacity .8s;
}

.grve-isotope-item-inner.grve-animated .grve-testimonial-element.grve-style-2 .grve-testimonial-thumb {
    opacity: 1;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);

    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

/* Author name Animation on isotope */
.grve-isotope-item-inner .grve-testimonial-element.grve-style-2 .grve-testimonial-name {
    opacity: 0;
    -webkit-transform: translate(0, 15px);
    -moz-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    -o-transform: translate(0, 15px);
    transform: translate(0, 15px);
    -webkit-transition: -webkit-transform .3s ease, opacity .8s;
    -moz-transition: -moz-transform .3s ease, opacity .8s;
    -ms-transition: -ms-transform .3s ease, opacity .8s;
    -o-transition: -o-transform .3s ease, opacity .8s;
    transition: transform .3s ease, opacity .8s;
}

.grve-isotope-item-inner.grve-animated .grve-testimonial-element.grve-style-2 .grve-testimonial-name {
    opacity: 1;
    -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-delay: .5s;
    transition-delay: .5s;
}

/* Styling Pagination*/

div.owl-pagination {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.grve-carousel .owl-controls .owl-page,
.grve-testimonial .owl-controls .owl-page,
.grve-flexible-carousel .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.grve-carousel .owl-controls .owl-page span,
.grve-testimonial .owl-controls .owl-page span,
.grve-flexible-carousel .owl-controls .owl-page span {
    display: block;
    opacity: 0.3;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.grve-carousel .owl-controls .owl-page span,
.grve-testimonial .owl-controls .owl-page span,
.grve-flexible-carousel .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin: 0 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.grve-carousel .owl-controls .owl-page span,
.grve-testimonial .owl-controls .owl-page span,
.grve-flexible-carousel .owl-controls .owl-page span {
    background-color: #000000;
    border: 5px solid;
}

.grve-carousel-pagination-2 .grve-carousel .owl-controls .owl-page span,
.grve-carousel-pagination-2.grve-testimonial .owl-controls .owl-page span,
.grve-carousel-pagination-2 .grve-flexible-carousel .owl-controls .owl-page span {
    width: 20px;
    height: 2px;
    margin: 5px 7px;
    -webkit-border-radius: 0%;
    border-radius: 0%;
}

.grve-carousel-pagination-2 .grve-carousel .owl-controls .owl-page span,
.grve-carousel-pagination-2.grve-testimonial .owl-controls .owl-page span,
.grve-carousel-pagination-2 .grve-flexible-carousel .owl-controls .owl-page span {
    border: 1px solid;
}

.grve-carousel .owl-controls .owl-page.active span,
.grve-carousel .owl-controls.clickable .owl-page:hover span,
.grve-testimonial .owl-controls .owl-page.active span,
.grve-testimonial .owl-controls.clickable .owl-page:hover span,
.grve-flexible-carousel .owl-controls .owl-page.active span,
.grve-flexible-carousel .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    background-color: transparent !important;
    border: 1px solid;
}

.grve-carousel .owl-controls,
.grve-flexible-carousel .owl-controls {
    text-align: center;
    line-height: 80px;
}

/* Owl Carousel
============================================================================= */
/* mouse grab icon */
.grabbing {
    cursor: url(../images/graphics/grabbing.png) 8 8, move;
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

/* Vc Tabs
============================================================================= */
#grve-main-content .vc_tta.vc_general .vc_tta-tab > a {
    border: none;
}

#grve-main-content .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container,
#grve-main-content .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list {
    overflow: visible;
}

#grve-main-content .vc_tta.vc_general .vc_tta-tab.vc_active > a:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -2px;
    display: block;
}

.vc_tta-tabs-position-top .vc_tta-tabs-list {
    border-bottom: 1px solid;
}

#grve-main-content .vc_tta.vc_tta-tabs-position-top.vc_general .vc_tta-panel-body {
    padding: 14px 0;
}

#grve-main-content .vc_tta.vc_tta-tabs-position-left.vc_general .vc_tta-panel-body {
    padding: 8px 14px;
}

/* Vc Accordion
============================================================================= */
.vc_tta-panel .vc_tta-controls-icon {
    opacity: 0.5;
}

.vc_tta-panel.vc_active .vc_tta-controls-icon {
    opacity: 1;
}

.vc_tta.vc_general .vc_tta-panel-title > a {
    padding: 18px 20px;
}

/* Single Image
============================================================================= */
.grve-image img {
    opacity: 0;
}

img.grve-full-image {
    width: 100%;
}

.grve-image {
    overflow: hidden;
}

.grve-image.grve-align-left img,
img.grve-align-left {
    float: left;
    margin: 0px;
    z-index: 1;
}

.grve-image.grve-align-right img,
img.grve-align-right {
    float: right;
    margin: 0px;
    z-index: 1;
}

.grve-image.grve-align-center img,
img.grve-align-center {
    display: block;
    margin: 0px auto;
    z-index: 1;
}

.grve-image {
    position: relative;
}

.grve-image-wrapper {
    position: relative;
    display: inline-block;
    position: relative;
}

/* Video Link */
.grve-media a.grve-video-popup {
    display: block;
}

.grve-icon-video {
    position: absolute;
    width: 62px;
    height: 62px;
    left: 50%;
    top: 50%;
    margin-top: -31px;
    margin-left: -31px;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

a:hover .grve-icon-video {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Image with Caption */
.grve-element.grve-image figure .grve-title {
    margin-bottom: 3px;
}

.grve-element.grve-image figure .grve-caption {
    margin-bottom: 0;
    font-size: 14px;
}

.grve-element.grve-image .grve-hover-style-1 figcaption,
.grve-element.grve-image .grve-hover-style-3 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
    text-align: left;
}

.grve-element.grve-image .grve-hover-style-1 .grve-image-content,
.grve-element.grve-image .grve-hover-style-3 .grve-image-content {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.grve-element.grve-image .grve-hover-style-2 .grve-image-content {
    margin-top: 30px;
    text-align: center;
}

.grve-element.grve-image .grve-title:last-child {
    margin-bottom: 0;
}

/* Animation Hover Style 1 */
.grve-element.grve-image .grve-hover-style-1 figcaption .grve-title,
.grve-element.grve-image .grve-hover-style-1 figcaption .grve-caption {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    -ms-transition: -ms-transform .2s, opacity .2s;
    -o-transition: -o-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-element.grve-image .grve-hover-style-1.hover figcaption .grve-title,
.grve-element.grve-image .grve-hover-style-1.hover figcaption .grve-caption {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.grve-element.grve-image .grve-hover-style-1.hover figcaption .grve-caption {
    opacity: 0.7;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

/* Animation Hover Style 3 */
.grve-element.grve-image .grve-hover-style-3 figcaption .grve-title,
.grve-element.grve-image .grve-hover-style-3 figcaption .grve-caption {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    -ms-transition: -ms-transform .2s, opacity .2s;
    -o-transition: -o-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.grve-element.grve-image .grve-hover-style-3 figcaption .grve-caption {
    opacity: 0.7;
}

.grve-element.grve-image .grve-hover-style-3.hover figcaption .grve-title,
.grve-element.grve-image .grve-hover-style-3.hover figcaption .grve-caption {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

/* Image Text
============================================================================= */
.grve-image-text {
    visibility: hidden;
}

.grve-image-text img {
    width: 100%;
}

.grve-image-text:before,
.grve-image-text:after {
    display: table;
    content: " ";
}

.grve-image-text:after {
    clear: both;
}

.grve-image-text .grve-image,
.grve-image-text .grve-content {
    width: 50%;
}

.grve-section.grve-fullwidth .grve-content {
    padding-left: 8%;
    padding-right: 8%;
}

.grve-image-text .grve-content.grve-position-right {
    padding-left: 8%;
}

.grve-image-text .grve-content.grve-position-left {
    padding-right: 8%;
}

.grve-image-text .grve-image img {
    display: block;
}

@media only screen and (max-width: 767px) {

    .grve-image-text .grve-image {
        margin-bottom: 30px;
    }

    .grve-image-text .grve-image,
    .grve-image-text .grve-content {
        width: auto;
        float: none;
        text-align: left;
    }

    .grve-image-text .grve-content.grve-position-right {
        padding-left: 0;
    }

    .grve-image-text .grve-content.grve-position-left {
        padding-right: 0;
    }

    .grve-section.grve-fullwidth .grve-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .grve-flexible-carousel .grve-content {
        margin-bottom: 30px;
    }

    .grve-image-text .grve-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

}

/* Sticky Post
============================================================================= */
.grve-blog-item.sticky {
    padding: 15px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}

/* Large Blog
============================================================================= */
.grve-blog.grve-with-shadow .grve-isotope-container {
    padding-top: 3px;
}

.grve-blog a.grve-read-more:hover {
    color: inherit;
}

.grve-blog-large .grve-blog-item {
    margin-bottom: 120px;
}

.grve-blog-large .grve-media {
    margin-bottom: 60px;
}

.grve-blog-large .grve-post-title {
    margin-bottom: 24px;
    display: inline-block;
    vertical-align: top;
}

.grve-post-title,
.grve-post-content .grve-title {
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.grve-blog-large .grve-post-content {
    position: relative;
    padding-left: 25%;
}

.grve-blog-large ul.grve-post-meta {
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    line-height: 1.4;
    margin-bottom: 24px;
}

.grve-blog-large ul.grve-post-meta:after {
    content: '';
    border-left: 1px solid;
    width: 1px;
    height: 100%;
    position: absolute;
    opacity: 0.3;
    top: 0;
    right: 0;
}

.grve-blog-large ul.grve-post-meta li {
    display: inline-block;
    margin-right: 10px;
    line-height: 1.8em;
}

.grve-blog ul.grve-post-meta a {
    color: inherit;
}

.grve-blog-large ul.grve-post-meta li.grve-post-author,
.grve-blog-large ul.grve-post-meta li.grve-post-date {
    display: block;
}

.grve-blog-large ul.grve-post-meta li.grve-post-author:after,
.grve-blog-large ul.grve-post-meta li.grve-post-date:after {
    display: none;
}

.grve-blog .grve-like-counter i {
    padding: 2px;
}

/* Small Blog
============================================================================= */
.grve-blog-small .grve-blog-item {
    margin-bottom: 120px;
    overflow: hidden;
}

.grve-blog-small .grve-media {
    float: left;
    width: 50%;
    padding-right: 60px;
}

.grve-blog-small ul.grve-post-meta {
    margin: 0 0 10px 0;
    list-style: none;
}

.grve-blog-small ul.grve-post-meta li {
    display: inline-block;
    margin-right: 10px;
    opacity: 0.5;
}

.grve-blog-small .grve-post-content {
    padding: 15px 0;
    padding-left: 50%;
    overflow: hidden;
}

.grve-blog-small .grve-media + .grve-post-content {
    padding-left: 0;
}

.grve-blog-small .grve-post-title {
    margin-bottom: 24px;
    display: inline-block;
    vertical-align: top;
}

/* Columns Blog
============================================================================= */
.grve-blog-columns .grve-media {
    margin-bottom: 34px;
}

.grve-blog-columns .grve-post-title {
    margin-bottom: 24px;
    line-height: 1.4;
    display: inline-block;
    vertical-align: top;
}

.grve-blog-columns .grve-post-meta {
    margin: 0 0 10px 0;
    list-style: none;
}

.grve-blog-columns ul.grve-post-meta li {
    display: inline-block;
    margin-right: 10px;
    opacity: 0.5;
}

/* Carousel Blog
============================================================================= */
.grve-blog-carousel .grve-media {
    margin-bottom: 24px;
}

.grve-blog-carousel .grve-post-title {
    margin-bottom: 8px;
    line-height: 1.4;
    display: inline-block;
    vertical-align: top;
}

.grve-blog-carousel .grve-post-meta {
    margin: 0 0 10px 0;
    list-style: none;
    color: inherit;
}

.grve-blog-carousel .grve-post-meta li {
    display: inline-block;
    margin-right: 10px;
    opacity: 0.5;
}

/* Post Link & Quote Format
============================================================================= */
.grve-blog .grve-label-post a {
    display: block;
    position: relative;
    padding: 30px;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.grve-blog .format-link a {
    text-align: left;
}

.grve-blog .grve-label-post svg {
    margin-bottom: 18px;
    margin-top: 18px;
}

.grve-blog .grve-label-post a svg path,
.grve-blog .grve-label-post a:hover svg path {
    fill: #ffffff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.grve-blog .grve-label-post a.grve-bg-white svg path,
.grve-blog .grve-label-post a.grve-bg-hover-white:hover svg path {
    fill: #000000;
}

.grve-blog .grve-blog-quote-text {
    margin-top: 23px;
    font-size: 1.2em;
}

.grve-blog .grve-blog-quote-text:before {
    font-family: Georgia, serif;
    content: open-quote;
    font-size: 1.3em;
    line-height: 0;
    vertical-align: -0.05em;
    margin-right: .2em;
}

.grve-blog .grve-blog-quote-text:after {
    font-family: Georgia, serif;
    content: close-quote;
    font-size: 1.3em;
    line-height: 0;
    vertical-align: -0.05em;
    margin-left: .1em;
}

.grve-blog .grve-blog-quote-text:first-of-type {
    quotes: "\201C" "\201D";
}

/* Post Custom Audio Format
============================================================================= */
#grve-theme-wrapper .mejs-button button[type="button"] {
    padding: 0;
    margin: 7px 5px;
    background-color: transparent !important;
    border: none;
}

/* Blog with Shadow
============================================================================= */
.grve-blog.grve-with-shadow .grve-blog-item .grve-isotope-item-inner {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    background-color: #ffffff;
}

.grve-blog.grve-with-shadow .grve-media {
    margin-bottom: 0;
}

.grve-blog.grve-with-shadow .grve-post-content {
    padding: 30px;
    background-color: #FFFFFF;
}

/* Blog Style 2
============================================================================= */
.grve-blog.grve-style-2 .grve-post-content p {
    margin-bottom: 0;
}

.grve-blog.grve-style-2 .grve-post-content p + .grve-read-more {
    margin-top: 20px;
    display: inline-block;
}

.grve-blog.grve-style-2 .grve-post-meta-wrapper {
    width: 100%;
    display: table;
    margin: 20px 0 0 0;
    padding: 20px 0;
    min-height: 50px;
}

.grve-blog.grve-with-shadow.grve-style-2 .grve-post-meta-wrapper {
    margin: 20px 0 -30px 0;
}

.grve-blog.grve-style-2 .grve-post-meta {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

.grve-blog.grve-style-2 .grve-post-icon {
    font-size: 10px;
    width: 3.125em;
    height: 3.125em;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.grve-blog.grve-style-2 .grve-post-icon + .grve-post-meta {
    padding-left: 15px;
}

.grve-blog.grve-style-2 .grve-post-icon:after {
    content: '\f040';
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    line-height: 3.125em;
    text-align: center;
}

.grve-blog.grve-style-2 .format-gallery .grve-post-icon:after {
    content: '\f03e';
}

.grve-blog.grve-style-2 .format-quote .grve-post-icon:after {
    content: '\f10d';
}

.grve-blog.grve-style-2 .format-quote .grve-post-icon:after {
    content: '\f10d';
}

.grve-blog.grve-style-2 .format-link .grve-post-icon:after {
    content: '\f0c1';
}

.grve-blog.grve-style-2 .format-video .grve-post-icon:after {
    content: '\f03d';
}

.grve-blog.grve-style-2 .format-audio .grve-post-icon:after {
    content: '\f001';
}

/* Slider & Carousel Navigations
============================================================================= */
.grve-carousel-navigation .grve-carousel-buttons div {
    position: absolute;
    z-index: 3;
    display: inline-block;
    zoom: 1;
    cursor: pointer;
    *display: inline; /*IE7 life-saver */
}

/* Navigations */
.grve-carousel-navigation .grve-carousel-buttons div {
    height: 1em;
    line-height: 1em;
    margin-top: -0.500em;
    text-align: center;
    top: 50%;
    -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-carousel-navigation .grve-carousel-buttons div i {
    font-size: 1em;
}

/* Navigation Type 1 */
.grve-navigation-1 {
    font-size: 64px;
}

.grve-element .grve-navigation-1 {
    font-size: 24px;
}

.grve-navigation-1.grve-light .grve-carousel-buttons div {
    color: #ffffff;
}

.grve-navigation-1.grve-default .grve-carousel-buttons div,
.grve-navigation-1.grve-dark .grve-carousel-buttons div {
    color: #000000;
}

.grve-navigation-1 .grve-carousel-buttons .grve-carousel-prev {
    left: 40px;
    opacity: 0;
}

.grve-navigation-1 .grve-carousel-buttons .grve-carousel-next {
    right: 40px;
    opacity: 0;
}

.grve-carousel-wrapper:hover .grve-navigation-1 .grve-carousel-buttons .grve-carousel-prev {
    left: 20px;
    opacity: 1;
}

.grve-section:not(.grve-fullwidth) .grve-carousel-wrapper:hover .grve-navigation-1.grve-navigation-carousel .grve-carousel-buttons .grve-carousel-prev {
    left: -2em;
    opacity: 1;
}

.grve-carousel-wrapper:hover .grve-navigation-1 .grve-carousel-buttons .grve-carousel-next {
    right: 20px;
    opacity: 1;
}

.grve-section:not(.grve-fullwidth) .grve-carousel-wrapper:hover .grve-navigation-1.grve-navigation-carousel .grve-carousel-buttons .grve-carousel-next {
    right: -2em;
    opacity: 1;
}

/* Navigation Type 2 */
.grve-navigation-2 {
    font-size: 24px;
}

.grve-navigation-2 .grve-carousel-buttons div {
    padding: 0 0.300em;
    width: 2em;
    height: 2em;
    line-height: 2em;
}

.grve-navigation-2.grve-light .grve-carousel-buttons div {
    color: #000000;
    background-color: rgba(255, 255, 255, 0.9);
}

.grve-navigation-2.grve-default .grve-carousel-buttons div,
.grve-navigation-2.grve-dark .grve-carousel-buttons div {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.9);
}

.grve-navigation-2 .grve-carousel-buttons .grve-carousel-prev {
    left: 0px;
    opacity: 0;
}

.grve-navigation-2 .grve-carousel-buttons .grve-carousel-next {
    right: 0px;
    opacity: 0;
}

.grve-carousel-wrapper:hover .grve-navigation-2 .grve-carousel-buttons .grve-carousel-prev {
    left: 20px;
    opacity: 1;
}

.grve-carousel-wrapper:hover .grve-navigation-2 .grve-carousel-buttons .grve-carousel-next {
    right: 20px;
    opacity: 1;
}

/* Navigation Type 3 */
.grve-navigation-3 {
    font-size: 24px;
}

.grve-navigation-3 .grve-carousel-buttons div {
    width: 2em;
    height: 2em;
    line-height: 2em;
}

.grve-navigation-3.grve-light .grve-carousel-buttons div {
    color: #000000;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.grve-navigation-3.grve-default .grve-carousel-buttons div,
.grve-navigation-3.grve-dark .grve-carousel-buttons div {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.grve-navigation-3 .grve-carousel-buttons .grve-carousel-prev {
    left: 20px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
}

.grve-navigation-3 .grve-carousel-buttons .grve-carousel-next {
    right: 20px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
}

.grve-carousel-wrapper:hover .grve-navigation-3 .grve-carousel-buttons .grve-carousel-prev {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.grve-carousel-wrapper:hover .grve-navigation-3 .grve-carousel-buttons .grve-carousel-next {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Navigation Type 4 */
.grve-navigation-4 {
    font-size: 36px;
}

.grve-element .grve-navigation-4 {
    font-size: 24px;
}

.grve-navigation-4 .grve-carousel-buttons div {
    width: 1em;
}

.grve-navigation-4.grve-light .grve-carousel-buttons div {
    color: #ffffff;
}

.grve-navigation-4.grve-default .grve-carousel-buttons div,
.grve-navigation-4.grve-dark .grve-carousel-buttons div {
    color: #000000;
}

.grve-navigation-4 .grve-carousel-buttons .grve-carousel-prev {
    left: 0;
    opacity: 0;
}

.grve-navigation-4 .grve-carousel-buttons .grve-carousel-next {
    right: 0;
    opacity: 0;
}

.grve-carousel-wrapper:hover .grve-navigation-4 .grve-carousel-buttons .grve-carousel-prev {
    left: 1em;
    opacity: 1;
}

.grve-section:not(.grve-fullwidth) .grve-carousel-wrapper:hover .grve-navigation-4.grve-navigation-carousel .grve-carousel-buttons .grve-carousel-prev {
    left: -1.5em;
    opacity: 1;
}

.grve-carousel-wrapper:hover .grve-navigation-4 .grve-carousel-buttons .grve-carousel-next {
    right: 1em;
    opacity: 1;
}

.grve-section:not(.grve-fullwidth) .grve-carousel-wrapper:hover .grve-navigation-4.grve-navigation-carousel .grve-carousel-buttons .grve-carousel-next {
    right: -1.5em;
    opacity: 1;
}

/* Fullwidth Carousel */
.grve-fullwidth .grve-carousel-wrapper:hover .grve-carousel-buttons .grve-carousel-prev {
    left: 2em;
}

.grve-fullwidth .grve-carousel-wrapper:hover .grve-carousel-buttons .grve-carousel-next {
    right: 2em;
}

/* Tablet Nav Size */
@media only screen and (max-width: 1200px) {

    /* Navigation Type 1 */
    .grve-navigation-1 {
        font-size: 36px;
    }

    /* Navigation Type 2 */
    .grve-navigation-2 {
        font-size: 16px;
    }

    /* Navigation Type 3 */
    .grve-navigation-3 {
        font-size: 16px;
    }

    /* Navigation Type 4 */
    .grve-navigation-4 {
        font-size: 24px;
    }

}

/* Countdown
============================================================================= */
.grve-countdown {
    text-align: center;
}

.grve-countdown .grve-countdown-item {
    display: inline-block;
    position: relative;
    text-align: center;
    margin-bottom: 0;
    padding: 0 3%;
}

.grve-countdown .grve-countdown-item .grve-number {
    min-width: 1.667em;
}

.grve-countdown .grve-countdown-item .grve-number {
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .grve-countdown .grve-countdown-item {
        display: block;
        margin-bottom: 30px;
        padding: 0;
    }

    .grve-countdown .grve-countdown-item:last-child {
        margin-bottom: 0;
    }
}

/* Style 01 */
.grve-countdown.grve-style-1 .grve-countdown-item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px solid;
    width: 1px;
    height: 100%;
    opacity: 0.2;
}

@media only screen and (max-width: 767px) {
    .grve-countdown.grve-style-1 .grve-countdown-item {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .grve-countdown.grve-style-1 .grve-countdown-item:before {
        content: '';
        position: absolute;
        top: auto;
        bottom: 0;
        border-right: none;
        border-top: 1px solid;
        width: 100%;
        height: 1px;
    }
}

.grve-countdown.grve-style-1 .grve-countdown-item:last-child:before {
    display: none;
}

.grve-countdown.grve-style-1 .grve-countdown-item span {
    display: block;
    margin-top: 5px;
}

/* Style 02 */
.grve-countdown.grve-style-2 .grve-countdown-item .grve-number {
    display: inline-block;
    vertical-align: middle;
}

.grve-countdown.grve-style-2 .grve-countdown-item span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

/* Style 03 */
.grve-countdown.grve-style-3 .grve-countdown-item {
    margin: 0 3px;
    padding: 15px 30px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    background-color: #ffffff;
}

.grve-countdown.grve-style-3 .grve-countdown-item span {
    display: block;
    margin-top: 5px;
}

/* Widgets
============================================================================= */
.widget,
.widgets {
    margin-bottom: 3.077em;
}

.grve-widget-title {
    margin-bottom: 1.500em;
}

.widget:last-child,
.widgets:last-child {
    margin-bottom: 0;
}

/* Tablet (landscape) ----------- */
@media only screen and (max-width: 1200px) {

    #grve-footer .widget:last-child,
    #grve-footer .widgets:last-child {
        margin-bottom: 3.077em;
    }

}

/* - Menu Widgets Arrow
	========================================================================= */
.widget li a .grve-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    margin-top: 1px;
    display: inline-block;
    line-height: inherit;
    text-align: right;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.widget li a .grve-arrow:after,
.widget 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;
}

.widget li a .grve-arrow:after {
    width: 9px;
    height: 1px;
    margin-left: -5px;
    margin-top: -1px;
}

.widget li a .grve-arrow:before {
    width: 1px;
    height: 9px;
    margin-left: -1px;
    margin-top: -5px;
}

.widget li.open > a .grve-arrow:after,
.widget 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);
}

/* - Menu Widget
	========================================================================= */
.widget.widget_nav_menu ul {
    margin: 0;
    list-style: none;
}

.widget.widget_nav_menu li a {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.widget.widget_nav_menu li:last-child a {
    border: none;
}

.widget.widget_nav_menu ul li {
    position: relative;
}

.widget.widget_nav_menu ul li ul {
    display: none;
}

.widget.widget_nav_menu ul li a {
    display: block;
    position: relative;
}

.widget.widget_nav_menu ul li.menu-item-has-children a {
    padding-right: 40px;
}

.widget.widget_nav_menu ul li ul li a {
    padding-left: 30px;
}

/* - Page Widget
	========================================================================= */
.widget.widget_pages ul {
    margin: 0;
    list-style: none;
}

.widget.widget_pages li a {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.widget.widget_pages ul li {
    position: relative;
}

.widget.widget_pages ul li ul {
    display: none;
}

.widget.widget_pages ul li a {
    display: block;
    position: relative;
}

.widget.widget_pages ul li.page_item_has_children a {
    padding-right: 40px;
}

.widget.widget_pages ul li ul li a {
    padding-left: 30px;
}

/* - Archive Widget
	========================================================================= */
.widget.widget_archive ul {
    margin: 0;
    list-style: none;
}

.widget.widget_archive li {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.widget.widget_archive li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget.widget_archive ul li {
    text-align: right;
}

.widget.widget_archive ul li a {
    float: left;
}

/* - Categories Widget
	========================================================================= */
.widget.widget_categories ul {
    margin: 0;
    list-style: none;
}

.widget.widget_categories li {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.widget.widget_categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget.widget_categories ul li {
    text-align: right;
}

.widget.widget_categories ul li a {
    float: left;
}

/* - Meta Widget
	========================================================================= */
.widget.widget_meta ul {
    margin: 0;
    list-style: none;
}

.widget.widget_meta li {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.widget.widget_meta li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* - Recent Comments Widget
	========================================================================= */
.widget.widget_recent_comments ul {
    margin: 0;
    list-style: none;
}

.widget.widget_recent_comments li {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.widget.widget_recent_comments li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* - Recent Post Widget
	========================================================================= */
.widget.widget_recent_entries ul {
    margin: 0;
    list-style: none;
}

.widget.widget_recent_entries li {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.widget.widget_recent_entries li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* - RSS Widget
	========================================================================= */
.widget.widget_rss ul {
    margin: 0;
    list-style: none;
}

.widget.widget_rss li {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.widget.widget_rss li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget.widget_rss li .rss-date {
    display: block;
    line-height: 1.2;
    opacity: 0.5;
    margin-bottom: 0.769em;
}

.widget.widget_rss li cite {
    display: block;
    line-height: 1.2;
    opacity: 0.5;
    margin-top: 0.769em;
}

/* - Calendar Widget
	========================================================================= */
.widget.widget_calendar {
    position: relative;
}

.widget.widget_calendar table {
    width: 100%;
    border-collapse: collapse;
}

.widget.widget_calendar table tbody td {
    padding: 4px;
    font-size: 11px;
}

.widget.widget_calendar table th {
    text-align: center;
    padding: 10px 0;
    width: 14.28%;
}

.widget.widget_calendar caption {
    padding: 10px 0;
}

/* - Tag Cloud
	========================================================================= */
.grve-widget.widget_tag_cloud a {
    display: inline-block;
    margin-right: 0.769em;
    font-size: inherit !important;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.grve-widget.widget_tag_cloud a:before {
    content: '#';
    margin-right: 0.154em;
    opacity: 0.7;
}

/* - Latest News (Greatives)
	========================================================================= */
.grve-widget.grve-latest-news ul {
    margin: 0;
    list-style: none;
}

.grve-widget.grve-latest-news li {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.grve-widget.grve-latest-news li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.grve-widget.grve-latest-news li .grve-post-thumb {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 0.769em;
}

.grve-widget.grve-latest-news li a.grve-title {
    line-height: 1.2;
    margin-bottom: 3px;
    display: block;
}

.grve-widget.grve-latest-news li img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.grve-widget.grve-latest-news li .grve-news-content {
    overflow: hidden;
}

.grve-widget.grve-latest-news .grve-latest-news-date {
    line-height: 1.2;
    opacity: 0.5;
}

.grve-widget.grve-latest-news li .grve-bg-wrapper .grve-bg-image {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    position: absolute;
}

.grve-widget.grve-latest-news ul li img {
    display: none;
}

/* - Latest Comments (Greatives)
	========================================================================= */
.grve-widget.grve-comments ul {
    margin: 0;
    list-style: none;
}

.grve-widget.grve-comments li {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
    overflow: hidden;
}

.grve-widget.grve-comments li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.grve-widget.grve-comments li .avatar {
    float: left;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.grve-widget.grve-comments li .grve-comment-content {
    overflow: hidden;
    padding-left: 0.769em;
}

.grve-widget.grve-comments li a.grve-author {
    line-height: 1.2;
    margin-bottom: 3px;
    display: block;
}

.grve-widget.grve-comments .grve-comment-date {
    line-height: 1.2;
    opacity: 0.5;
}

/* - Latest Portfolio (Greatives)
	========================================================================= */
.grve-widget.grve-latest-portfolio ul {
    margin: 0;
    list-style: none;
    margin: -0.231em;
    position: relative;
}

.grve-widget.grve-latest-portfolio ul:before,
.grve-widget.grve-latest-portfolio ul:after {
    display: table;
    content: " ";
}

.grve-widget.grve-latest-portfolio ul:after {
    clear: both;
}

.grve-widget.grve-latest-portfolio ul li {
    float: left;
    width: 25%;
}

.grve-widget.grve-latest-portfolio ul li a {
    display: block;
    padding: 0.231em;
}

.grve-widget.grve-latest-portfolio ul li img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.grve-widget.grve-latest-portfolio li .grve-bg-wrapper .grve-bg-image {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    position: absolute;
}

.grve-widget.grve-latest-portfolio ul li img {
    display: none;
}

/* - Contact Info (Greatives)
	========================================================================= */
.grve-widget.grve-contact-info ul {
    margin: 0;
    list-style: none;
}

.grve-widget.grve-contact-info li {
    margin-bottom: 1.154em;
    padding-bottom: 1.154em;
    border-bottom: 1px solid;
}

.grve-widget.grve-contact-info li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.grve-widget.grve-contact-info li:before {
    font-family: FontAwesome;
    margin-right: 0.769em;
    float: left;
}

.grve-widget.grve-contact-info li i {
    float: left;
    line-height: inherit;
}

.grve-widget.grve-contact-info li .grve-info-content {
    overflow: hidden;
    padding-left: 0.769em;
}

/* - Instagram
	========================================================================= */
.grve-widget.grve-instagram-feed ul {
    margin: 0;
    list-style: none;
    margin: -0.231em;
    position: relative;
}

.grve-widget.grve-instagram-feed ul:before,
.grve-widget.grve-instagram-feed ul:after {
    display: table;
    content: " ";
}

.grve-widget.grve-instagram-feed ul:after {
    clear: both;
}

.grve-widget.grve-instagram-feed ul li {
    float: left;
    width: 25%;
    max-width: 100px;
}

.grve-widget.grve-instagram-feed ul li a {
    display: block;
    padding: 0.231em;
}

.grve-widget.grve-instagram-feed ul li img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.grve-post-content {
    margin-top: -7px;
}