/*
Theme Name: Grafix
Theme URI: http://grafix.gr/
Author: Grafix Design Studio
Author URI: http://grafix.gr/
Description: Made in Grafix
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout
Text Domain: grafix 
*/

/*************************************

If you use custom fonts from font squirrel then you' ll need the following  

body: body
navbar: .nav > li > a
flexnav: .flexnav li a
logote text: .logo-link
wpml langs: #lang_sel_list

************************************* */

#galleria {
    opacity: 0;
}

/*bootstrap woo fix*/
dl {
    margin-bottom: 0;
}

/*site header*/
#lang_sel_list,
.primary_menu_container,
.site-header .woo_profile,
#top_header_area .woo_profile,
.search_button_holder,
.social_follow_holder {
    display: inline-block;
    vertical-align: top;
}

.site-header .pull-right {
    /*font-size: 0;*/
}

.site-header .woo_profile,
.site-header .search_button_holder {
    font-size: 14px;
}

.dropdown-menu {
    text-align: left;
    border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}

#main img {
    max-width: 100%;
    height: auto;
}

p {
    margin: 0;
}

a {
    outline: 0 !important;
}

#main a:hover, #main a:focus {
    text-decoration: none;
}

#main blockquote p {
    margin: 0 !important;
}

.packery_gallery .item {
    width:12.5%; 
    overflow: hidden; 
    box-sizing: border-box;
    /*border: 1px solid transparent;*/
    opacity: 0;

}

.packery_gallery .item img {
    width: 100%;
    height: auto; 
    display: block;
}

/* bootstrap dropdown with hover */ 
.dropdown:hover .dropdown-menu {
    display: block;
}

/* for hover */ 
.cf {
    position:relative;
}

.cf img.top {
    position:absolute;
}

.cf img.bottom {
    opacity: 0;
}

.cf img {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.cf:hover img.top {
    opacity:0 !important;
}

.cf:hover img.bottom {
    opacity:1 !important;
}

#supersized-loader {
    pointer-events: none;
    text-indent: inherit !important;
    background-image: none !important;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    background-color: black;
}

#supersized-loader i {
    position: fixed;
    top: 50%;
    left: 50%;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    transition: all 0.5s;
    -webkit-transition: all 0.5s; /* Safari */
}

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    /*transform: scale(1.05);*/
}

.full_width {
    width: 100%;
    height: auto;
}

.images_vertical .item img {
    width: 100%;
    height: auto;
}

.lazy-hidden {
    opacity: 0;
}

/*typography*/

#main .main_content ul:not([class]) {
    list-style-type: none;
    padding-left: 0;
}

#main .main_content ul:not([class]) > li {
    position: relative;
    padding-left: 22px;
}

#main .main_content ul:not([class]) > li::before {
    content: "";
    display: block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 7px;
}

/*sidebar*/
#sidebar {
    /*padding-left: 20px;*/
}

#sidebar h6 {
    margin-top: 0;
}

ul.vertical_menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.vertical_menu li {
    list-style: none;
}

ul.vertical_menu li a {
    text-decoration: none;
}

ul.vertical_menu .sub-menu {
    padding: 0;
}

ul.vertical_menu .panel {
    margin: 0;
    border: none;
    box-shadow: none;
}

ul.vertical_menu .panel-collapse {
    padding: 0;
}

/*ul.vertical_menu > li > ul > li > a:before {
    content:"\2013";
}*/

#top_footer_area ul {
    list-style: none;
    padding: 0;
}

#sidebar ul {
    list-style: none;
}

#top_footer_area a {
    text-decoration: none;
}

#top_footer_area .post-date {
    display: none;
}

/*blog*/

.read_more {
    display: inline-block;
}

.dots i {
    font-size: 3px;
    vertical-align: middle;
}

#main .blog_list_large .thumb_img {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#main .blog_list_large .thumb_img img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.post_pagination {
    position: relative;
}

.post_pagination .button {
    position: relative;
}

#main .post_pagination a, .post_pagination .current {
    display: inline-block;
}

.post_pagination .button_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#infscr-loading {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    width: 50px;
}

#infscr-loading img,
#infscr-loading div {
    display: none;
}

#infscr-loading:before { 
    font-family: FontAwesome;
    display: inline-block;
    line-height: 2em;
    font-size: 2em;
    text-align: center;
    width: 1.28571em;
}

.portfolio_cats button {
    background: none;
    border: none;
    padding: 0;
}

ul.grid.cols_2 li,
.cols_2 li {
    width: 50%;
}

ul.grid.cols_3 li,
.cols_3 li {
    width: 33.333%;
}

ul.grid.cols_4 li,
.cols_4 li {
    width: 25%;
}

ul.grid.cols_5 li,
.cols_5 li {
    width: 20%;
}

ul.grid.cols_6 li,
.cols_6 li {
    width: 16.666%;
}

ul.grid.cols_7 li,
.cols_7 li {
    width: 14.285%;
}

body.single-format-standard #main .content img {
    max-width: 100%;
    height: auto;
}

/*single post navigation*/
.next_product_btn, .prev_product_btn {
    position: fixed;
    z-index: 1000;
    top: 50%;
}

.next_product_btn {
    right: 0;
}

.prev_product_btn {
    left: 0;
}

/*comments*/
#commentform textarea {
    width: 100%;
    resize: none;
}

#commentform input {
    width: 100%;
}

#commentform input.submit {
    width: auto;
    margin: 0;
}

#wpadminbar {
    position: fixed;
}

#map {
    width: 100%;
}

.background_image {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

/* responsive button animation */

.lines-button {
    outline: 0 !important;
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: 0.57143rem;
}

.lines-button:hover {
    opacity: 1;
}

.lines-button:active {
    transition: 0;
}

.lines {
    display: inline-block;
    width: 25px;
    height: 2px;
    background: #333333;
    border-radius: 0.28571rem;
    transition: 0.3s;
    position: relative;
}

.lines:before, .lines:after {
    display: inline-block;
    width: 25px;
    height: 2px;
    background: #333333;
    border-radius: 0.28571rem;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.28571rem center;
    transform-origin: 0.28571rem center;
}

.lines:before {
    top: 6px;
}

.lines:after {
    top: -6px;
}

.lines-button:hover .lines:before {
    top: 7px;
}
.lines-button:hover .lines:after {
    top: -7px;
}

.lines-button.open {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}


.lines-button.x.open .lines {
    background: transparent;
}
.lines-button.x.open .lines:before, .lines-button.x.open .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 25px;
}
.lines-button.x.open .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.open .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

/*themecheck rules*/
.sticky {}
.gallery-caption {}
.bypostauthor {}

.remove_events {
    cursor: default;
    pointer-events: none;
}

/* ************************************

@Section: WooCommerce Typography Cart Icon

************************************* */

.woo_profile { position: relative; }

.cart_counter {
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: -7px;
    text-align: center;
    top: -10px;
    width: 16px;
}

.woo_profile a { text-decoration: none; }

.woocommerce #main table.shop_attributes td p { margin: 0; }

#main .woocommerce-MyAccount-navigation ul:not([class]) > li {
    padding-left: 0;
}

/* ************************************

@Section: Loaders

************************************* */

@-webkit-keyframes codemine-fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } 
}

@keyframes codemine-fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } 
}

.loader_01,
.loader_01:before,
.loader_01:after {
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}
.loader_01:before,
.loader_01:after {
    position: absolute;
    top: 0;
    content: '';
}
.loader_01:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader_01 {
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px !important;;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader_01:after {
    left: 1.5em;
}
@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.loader_02,
.loader_02:before,
.loader_02:after {
    border-radius: 50%;
}
.loader_02:before,
.loader_02:after {
    position: absolute;
    content: '';
}
.loader_02:before {
    width: 5.2em;
    height: 10.2em;
    border-radius: 10.2em 0 0 10.2em;
    top: -0.1em;
    left: -0.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s;
}
.loader_02 {
    font-size: 11px !important;;
    text-indent: -99999em;
    margin: 55px auto;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader_02:after {
    width: 5.2em;
    height: 10.2em;
    border-radius: 0 10.2em 10.2em 0;
    top: -0.1em;
    left: 5.1em;
    -webkit-transform-origin: 0px 5.1em;
    transform-origin: 0px 5.1em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader_03 {
    font-size: 10px !important;;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader_03:before {
    width: 50%;
    height: 50%;
    background:  red;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.loader_03:after {
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader_04 {
    font-size: 20px !important;;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}
@keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

.loader_06 {
    font-size: 90px !important;;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease;
    animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

.loader_07:before,
.loader_07:after,
.loader_07 {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.loader_07 {
    font-size: 10px !important;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader_07:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader_07:after {
    left: 3.5em;
}
.loader_07:before,
.loader_07:after {
    content: '';
    position: absolute;
    top: 0;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.loader_08 {
    margin: 60px auto;
    font-size: 10px !important;;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.loader_08,
.loader_08:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ************************************

@Section: Bootstrap columns of same height

************************************* */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}
.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-xs-top {
        vertical-align: top;
    }
    .col-xs-middle {
        vertical-align: middle;
    }
    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-sm-top {
        vertical-align: top;
    }
    .col-sm-middle {
        vertical-align: middle;
    }
    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-md-top {
        vertical-align: top;
    }
    .col-md-middle {
        vertical-align: middle;
    }
    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-lg-top {
        vertical-align: top;
    }
    .col-lg-middle {
        vertical-align: middle;
    }
    .col-lg-bottom {
        vertical-align: bottom;
    }
}

/* ************************************

@Section: Responsive

************************************* */

/*smartphones*/
@media (max-width: 767px) {

    ul.grid li {
        width: 100%;
    }

    #map {
        height: 200px;
    }

    #main .main_content {
        padding: 0 !important;
    }

    /* reorder in smartphones */
    .row.reorder-xs {
        transform: rotate(180deg);
        direction: rtl; /* Fix the horizontal alignment */
    }

    .row.reorder-xs > [class*="col-"] {
        transform: rotate(-180deg);
        direction: ltr; /* Fix the horizontal alignment */
    }

}

/*tablets portrait*/
@media (min-width: 768px) and (max-width: 991px) {

}

/*tablets landscape*/
@media (min-width: 992px) and (max-width: 1199px) {

}

/* ************************************

@Section: Portfolio Minimal Slideshow

************************************* */
.portfolio_minimal_footer {
    display: block;
}
.portfolio_minimal_footer div.footer-element{
    padding:10px 0px;
}
.portfolio_minimal_footer div.footer-element:nth-child(1) {
    text-align:left;
}

.portfolio_minimal_footer div.footer-element:nth-child(2) {
    text-align:right;
}