/*
Theme Name: Sonic
Theme URI: http://themeforest.net/user/freshface/portfolio
Description: Premium WordPress Theme
Author: FRESHFACE
Author URI: http://themeforest.net/user/freshface/portfolio
License: Go to the "license" folder
License URI: Go to the "license" folder
Text Domain: sonic
Tags: light, white, two-columns, right-sidebar
Version: 1.0.1
*/

/* ============================================================
   SUMMARY
/* ============================================================

        01. LOADER
        02. FONTS
        03. RESET
        04. PLUGINS STYLE
        05. BASE STYLE
        06. COMMON STYLE
        07. ANIMATE STYLE
        08. HEADER
        09. ONE PAGES
        10. BLOG
        11. PORTFOLIO
        12. SHOP
        13. FOOTER
        14. WORDPRESS

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


/* ============================================================
   01. LOADER
/* ============================================================ */
#loader {
    position: fixed;
    z-index: 99999999999;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    margin-top: -20px;
    margin-left: -20px;
    border-left: 3px solid transparent;
}
/*.loader:before 	{
        content: ' ';
        border-radius: 999px;
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px;
}*/
.loader img {
    display: none; }

.loader {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear; }

.loader,
.loader:after {
    border-radius: 50%;
    width: 40px;
    height: 40px; }

@-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); } }

/* ============================================================
   02. FONTS
/* ============================================================ */

/* Please see sonic/functions/customizable/fonts.php - there is selectors list */

/* ============================================================
   03. RESET
/* ============================================================ */
* {
    box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }

html {
    line-height: 1; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle; }

q, blockquote {
    quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
    border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block; }

.clearfix:before,
.clearfix:after {
    display: table;
    content: " "; }

.clearfix:after {
    clear: both; }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.widget select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    color: #444444;
}

select::-ms-expand {
    display: none; }

input:focus, textarea:focus, button:focus {
    outline: none; }

/* ============================================================
   04. PLUGINS
/* ============================================================ */
/* ===============================================================
   Basic Swiper Styles
   ================================================================*/

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
    height: auto; }

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    -webkit-transition-property: -webkit-transform, left, top;
    transition-property: transform, left, top;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    box-sizing: content-box;
    cursor: url(img/drag.png) 16 9, ew-resize !important;
    margin: 0 auto;
    height: inherit !important;
    float: left; }

.pagination-hidden .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0) !important;
    -ms-transform: translate3d(0px, 0, 0) !important;
    transform: translate3d(0px, 0, 0) !important;
    left: 0 !important;
    cursor: auto !important; }

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto; }

.swiper-slide {
    float: left;
    box-sizing: content-box;}

@media (min-width: 1025px){
    .swiper-slide {
        height: inherit !important;
    }

}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y; }

.swiper-wp8-vertical {
    -ms-touch-action: pan-x; }

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */
    /*width:200px;
height: 100px;*/ }

.swiper-slide {
    /* Specify Slides's Size: */
    /*width: 100%;
height: 100%;*/ }

.swiper-slide-active {
    /* Specific active slide styling: */ }

.swiper-slide-visible {
    /* Specific visible slide styling: */ }

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-container .pagination {
    text-align: center;
    width: 100%;
    margin: 26px 0 0 0; }

.swiper-container.pagination-hidden .pagination {
    display: none !important; }

.swiper-pagination-switch {
    /* Stylize pagination button: */
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    position: relative;
    margin: 0 5px;
    cursor: pointer;
    border: 2px #e3e3e3 solid; }

.pagination-w .swiper-active-switch {
    /* Specific active button style: */
    background: #fff;
    border-color: #fff; }

.pagination-dark {
    display: none !important; }
.pagination-dark .swiper-pagination-switch {
    border-color: #162532; }
.pagination-dark .swiper-active-switch {
    /* Specific active button style: */
    background: #162532;
    border-color: #162532; }
@media screen and (max-width: 1024px) {
    .pagination-dark {
        display: block !important; } }

.swiper-visible-switch {
    /* Specific visible button style: */ }

.swiper-pagination-switch {
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out; }

.pagination-white .swiper-pagination-switch {
    width: 11px;
    height: 11px;
    border: 1px #fff solid;
    margin: 0 3px; }

.pagination-white .swiper-active-switch {
    background: #fff;
    border-color: #fff; }

/* ===============================================================
Arrows Styles
================================================================*/
.swiper-arrow-left, .swiper-arrow-right {
    position: absolute;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px; }
@media screen and (max-width: 1024px) {
    .swiper-arrow-left, .swiper-arrow-right {
        display: none; } }

.swiper-arrow-left {
    left: 55px;
    color: rgba(255,255,255,1); }

.section-dark .swiper-arrow-left 	{
    color: rgba(255,255,255,1);
}

.swiper-arrow-right {
    right: 55px;
    color: rgba(255,255,255,1);
}

.section-dark .swiper-arrow-right 	{
    color: rgba(255,255,255,1);
}

.full-height-slider .swiper-arrow-left {
    left: 45px;
    padding: 10px; }

.full-height-slider .swiper-arrow-right {
    right: 45px;
    padding: 10px; }

.home-full-height-slider .swiper-arrow-left {
    left: 55px;
    padding: 0; }

.home-full-height-slider .swiper-arrow-right {
    right: 55px;
    padding: 0; }

.banner-type-3 .full-height-slider .swiper-arrow-left {
    padding: 0; }

.banner-type-3 .full-height-slider .swiper-arrow-right {
    padding: 0; }

.swiper-container.pagination-hidden .swiper-arrow-left,
.swiper-container.pagination-hidden .swiper-arrow-right {
    display: none !important; }

.pagination-hide {
    display: none !important; }

.sl-post-prev, .sl-post-next {
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
    top: 140px; }
.sl-post-prev:hover, .sl-post-next:hover {
    color: #fff !important; }
@media screen and (max-width: 1200px) {
    .sl-post-prev, .sl-post-next {
        top: 100px; } }
@media screen and (max-width: 767px) {
    .sl-post-prev, .sl-post-next {
        top: 120px; } }
@media screen and (max-width: 481px) {
    .sl-post-prev, .sl-post-next {
        top: 110px; } }

.sl-post-prev {
    left: 20px; }
.sl-post-prev i {
    position: relative;}

.sl-post-next {
    right: 20px; }
.sl-post-next i {
    position: relative;}

.portfolio-prev, .portfolio-next {
    color: #b2b2b2;
    right: 20px;
    left: auto;
    top: 10px;
    font-size: 25px;
    position: absolute;
    cursor: pointer;
    display: block; }
@media screen and (max-width: 1024px) {
    .portfolio-prev, .portfolio-next {
        top: 0; } }

.portfolio-prev {
    right: 45px; }

.portfolio-nav {
    position: absolute;
    left: 15px;
    top: 10px;
    color: #b2b2b2; }
@media screen and (max-width: 1024px) {
    .portfolio-nav {
        top: 0; } }

@media screen and (max-width: 1024px) {
    .row-portfolio {
        padding-top: 30px;
        position: relative; } }

@media screen and (max-width: 1024px) {
    .portfolio-navi {
        top: 40px; } }

.arrow-style-left, .arrow-style-right {
    cursor: pointer;
    -webkit-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155);
    transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155);
    text-align: center;
    z-index: 30;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 13px;
    text-transform: uppercase;
    color: #fff; }

.arrow-style-1 {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); margin-top: -30px;}

.full-height-slider .arrow-style-1.arrow-style-left {
    left: 20px; padding: 25px 15px;}
.full-height-slider .arrow-style-1.arrow-style-right {
    right: 25px; padding: 25px 15px;}

.arrow-style-1:before {
    content: '';
    position: absolute;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    width: 20px;
    height: 2px;
    background: #bcbab8;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in; }

.arrow-style-1.arrow-style-left:before {
    left: 50%;
    margin-left: -10px;
    bottom: 55px; }

.arrow-style-1.arrow-style-right:before {
    right: 50%;
    margin-right: -10px;
    top: 55px; }

.arrow-style-1:hover:before {
    width: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }

.arrow-style-1.arrow-style-left:hover:before {
    bottom: 15px;
    left: 13px;
    margin-left: 0px; }

.arrow-style-1.arrow-style-right:hover:before {
    top: 15px;
    right: 13px;
    margin-right: 0px; }

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0; }
    to {
        background-position: 30px 0; } }

@keyframes buffering-stripes {
    from {
        background-position: 0 0; }
    to {
        background-position: 30px 0; } }

/* ============================================================
   05. BASE STYLE
/* ============================================================ */
::-moz-selection {
    text-shadow: none;
    color: #fff; }

::selection {
    text-shadow: none;
    color: #fff; }

body {
    font-weight: 400; }

.section-dark 	{
    color: rgba(255,255,255,0.398);
    background-color: #333333;
}

.container,
.container-fluid 	{
    position: relative;
}

a {
    display: inline-block; }
a:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2; }

h1 {
    color: #fff;
    font-size: 33px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 12px; }

h3 {
    color: #35383c;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 15px; }

.section-dark h3 	{
    color: #f5f5f5;
}

p {
    color: #6d7272;
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 20px; }

.section-dark p 	{
    color: rgba(255,255,255,0.398);
}

/* ============================================================
   06. COMMON STYLE
/* ============================================================ */
.no-padding {
    padding: 0;
    min-height: 0; }

.margin-bottom-25 {
    margin-bottom: 25px; }

.no-margin {
    margin: 0 !important; }

.img-center {
    margin: 0 auto; }

.float-right {
    float: right; }

.float-left {
    float: left; }

.custom-text {
    color: #6d7272;
    font-size: 18px;
    padding-top: 16px; }
.section-dark .custom-text 	{
    color: rgba(255,255,255,1);
}

.center-img {
    margin: 0 auto; }

.clip {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0; }

.bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden; }

.bg-bg {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover;
    position: fixed; }

.banner {
    position: relative;
    overflow: hidden; }

.banner-template {
    min-height: 400px;
    position: relative;
    background-size: cover;
    background-position: center; }

.title-header {
    text-align: center;
    padding-top: 185px;
    position: relative;
    z-index: 5555; }

.header-sub-title {
    color: #fff;
    font-size: 15px;
    margin-top: -4px; }

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%; }

.overlay-white {
    background: rgba(255, 255, 255, 0.67); }

.relative {
    position: relative; }

.main {
    padding-top: 84px; }

@media screen and (min-width: 1025px) {
    .full-height-banner {
        height: 100vh;
        min-height: 700px; } }

.full-height-slide {
    background-size: cover;
    background-position: center;
    position: relative; }
@media screen and (min-width: 1025px) {
    .full-height-slide {
        height: 100vh;
        min-height: 700px; } }

@media screen and (min-width: 1025px) {
    .full-height-slider {
        height: 100vh !important;
        min-height: 700px; } }

.pagination-bottom, .pagination-top {
    position: absolute;
    bottom: 39px;
    z-index: 555;
    display: block; }
@media screen and (max-width: 1024px) {
    .pagination-bottom, .pagination-top {
        bottom: 20px; } }

.pagination-top {
    bottom: 97px; }

.center {
    width: 100%;
    text-align: center;
    padding: 0 15px;
    z-index: 5;
    position: relative;
    margin: 0 auto; }
@media screen and (min-width: 1025px) {
    .center {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%; } }
@media screen and (max-width: 1024px) {
    .center {
        padding: 200px 15px; } }
@media screen and (max-width: 600px) {
    .center {
        padding: 150px 15px; } }

.slide-title {
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 12px; }
@media screen and (max-width: 1200px) {
    .slide-title {
        font-size: 32px; } }
@media screen and (max-width: 700px) {
    .slide-title {
        font-size: 26px; } }

.slide-title-mod {
    padding: 40px 100px 50px;
    position: relative;
    display: inline-block; }
@media screen and (max-width: 767px) {
    .slide-title-mod {
        padding: 40px 50px 50px; } }
.slide-title-mod span {
    width: 55px;
    height: 100%; }
.slide-title-mod span:nth-of-type(1) {
    width: 58px;
    height: 89px;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-left: 1px solid rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 0;
    top: 0; }
.slide-title-mod span:nth-of-type(2) {
    width: 58px;
    height: 89px;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    position: absolute;
    right: 0;
    top: 0; }
.slide-title-mod span:nth-of-type(3) {
    width: 58px;
    height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    border-left: 1px solid rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 0;
    bottom: 0; }
.slide-title-mod span:nth-of-type(4) {
    width: 58px;
    height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    position: absolute;
    right: 0;
    bottom: 0; }
.slide-title-mod:hover span {
    width: 30% !important;
    height: 30% !important;
    border-color: #fff !important; }

.mod-sub-menu {
    font-size: 15px;
    color: #fff;
}
.mod-sub-menu:before {
    content: '';
    width: 30px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 0 auto 20px;
    opacity: 1; }

.dark-slide-title {
    color: #162532; }

.slider-sub-title {
    font-size: 18px;
    color: #fff;
    padding-top: 11px; }
@media screen and (max-width: 700px) {
    .slider-sub-title {
        padding-top: 1px; } }

.slider-sub-title-dark {
    color: #162532; }

.sub-title-mod {
    font-size: 13px;
    text-transform: uppercase;
    margin-top: -10px;
    display: inline-block !important; }

.button-row {
    margin-top: 28px;
    text-align: center; }
@media screen and (max-width: 700px) {
    .button-row {
        margin-top: 18px; } }

.pre-title {
    font-size: 17px;
    color: #fff;
    margin-bottom: 10px;
}

.button-type-4, .button-type-5 {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 15px 24px;
    display: inline-block;
    margin: 4px; }
.button-type-4 i, .button-type-5 i {
    margin-left: 5px; }
.button-type-4:hover, .button-type-5:hover {
    background: #fff;
    border-color: #fff;
    color: #606060; }

.business-slider .button-type-4:hover 	{
    background-color: #757575;
    color: #ffffff;
    border-color: #757575;
}

.button-type-5-dark {
    border-color: #484848;
    color: #162532; }

.dark-s-nav {
    color: #162532; }

.section {
    padding: 84px 0 65px;
    position: relative;}
@media screen and (max-width: 1024px) {
    .section {
        padding: 64px 0 45px; } }
@media screen and (max-width: 481px) {
    .section {
        padding: 44px 0 25px; } }

.section-border {
    border-bottom: 1px solid #f2f2f2; }

.info-section {
    position: relative;
    padding: 150px 0;
    overflow: hidden;
    text-align: center; }
@media screen and (max-width: 1024px) {
    .info-section {
        padding: 100px 0; } }
.info-section .container {
    z-index: 1;
    position: relative;
}


.info-section_mod {
    padding: 35px 0; }
@media screen and (max-width: 1024px) {
    .info-section_mod .float-right {
        float: none;
        margin-top: 30px; }
    .info-section_mod .float-left {
        float: none; } }

.info-section-slider {
    padding: 130px 0 24px; }
@media screen and (max-width: 1024px) {
    .info-section-slider {
        padding: 100px 0 24px; } }
.info-section-slider .pagination {
    margin-top: 90px; }

.info-section-light .testimonials, .info-section-light .author {
    color: #fff; }

@media screen and (max-width: 1024px) {
    .info-section-buy {
        padding-bottom: 50px !important; } }

/* Style for WordPress */
@media screen and (max-width: 1024px) {
    .m-padding-30 {
        margin-bottom: 30px; } }

.margin-bottom-0 {
    margin-bottom: 0 !important; }

.padding-bottom-35 {
    padding-bottom: 35px; }

.padding-top-30 {
    padding-top: 30px; }

.padding-bottom-20 {
    padding-bottom: 15px; }

.padding-bottom-0 {
    padding-bottom: 0; }

.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600; }
.h1:after, .h2:after, .h3:after, .h4:after, .h5:after, .h6:after {
    content: '';
    width: 18px;
    height: 2px;
    background: #dfdfdf;
    display: block;
    margin-top: 15px; }

.h1 {
    font-size: 28px; }

.h2 {
    font-size: 24px; }

.h3 {
    font-size: 21px; }

.h4 {
    font-size: 18px; }

.h5 {
    font-size: 15px; }

.h6 {
    font-size: 13px; }

.sub-title-type-2 {
    color: #6d7272;
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 0;
    margin-top: 16px; }

/* Title block */
.title, .appo-title {
    text-align: center;
    color: #162532;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.3;
    padding-bottom: 16px; }
.section-dark .title {
    color: rgba(255,255,255,1);
}

.title:after {
    content: '';
    width: 29px;
    height: 2px;
    background: #697279;
    display: block;
    margin: 15px auto 0; }

.section-dark .title::after 	{
    background-color: rgba(255,255,255,1);
}

.title-no-line:after {
    content: none !important; }

.sub-title, .appo-sub-title {
    text-align: center;
    color: #697279;
    line-height: 26px;
    max-width: 630px;
    margin: 0 auto; }
.section-dark .sub-title 	{
    color: rgba(255,255,255,1);
}
.middle-title {
    color: #35383c;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 15px; }
.middle-title:after {
    content: '';
    width: 18px;
    height: 2px;
    background: #dfdfdf;
    display: block;
    margin-top: 15px; }

.middle-title_center {
    text-align: center; }
.middle-title_center:after {
    margin-left: auto;
    margin-right: auto; }

.middle-title-lg {
    font-size: 17px; }

.title-block {
    margin-bottom: 40px;
    position:relative; }

.widget-title {
    color: #35383c;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 5px; }
.widget-title:after {
    content: '';
    width: 18px;
    height: 2px;
    background: #dfdfdf;
    display: block;
    margin-top: 15px; }

.footer .widget-title:after 	{
    display: none;
}

/* Dropcaps */
.dropcaps p::first-letter {

    padding: 9px 13px 10px;
    font-size: 19px;
    margin-right: 13px;
    color: #fff;
    display: block;
    position: relative;
    float: left;
    border-radius: 2px;
    margin-top: 7px; line-height: 20px;}

.dropcaps-type-1 p::first-letter {
    background: #161f26; }

.dropcaps-type-3 p::first-letter {
    color: #162532; }

/* Blockquote */
.blockquote {
    color: #5d6166;
    font-size: 16px;
    line-height: 1.8;
    padding-left: 28px;
    padding-bottom: 15px;
    position: relative; }
.blockquote q {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 46px; }

.blockquote-type-1 {
    color: #35383c;
    position: relative; }
.blockquote-type-1:after {
    content: '';
    width: 16px;
    height: 13px;
    background: url("img/bl.png") no-repeat;
    position: absolute;
    left: 0;
    top: 6px; }

.blockquote-type-2 {
    color: #35383c;
    position: relative; }
.blockquote-type-2:after {
    content: '';
    width: 16px;
    height: 13px;
    background: url("img/bl2.png") no-repeat;
    position: absolute;
    left: 0;
    top: 6px; }

.blockquote-type-3 {
    padding-left: 0; }
.blockquote-type-3 span {
    display: block;
    padding-left: 28px; }

/* Mark */
.mark {
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 2px; }

.mark-type-2 {
    background: #cecece; }

.mark-type-3 {
    background: #4c4c4c; }

/* Separators */
.separator {
    background: #ededed; }

.separator-type-1 {
    height: 1px; }

.separator-type-2 {
    height: 2px; }

.separator-type-3 {
    height: 4px; }

.separator-type-4 {
    height: 6px; }

.separator-type-5 {
    height: 10px; }

/* List style */
.list {
    list-style: none;
    font-size: 14px; }
.list li {
    margin-bottom: 25px;
    position: relative;
    padding-left: 20px;
    color: #6d7272; }

.list-type-1 {
    counter-reset: number; }
.list-type-1 li:before {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    left: 0;
    top: -1px;
    color: #6d7272; }

.list-type-2 {
    counter-reset: number2; }
.list-type-2 li {
    padding-left: 40px; }
.list-type-2 li:before {
    counter-increment: number2;
    content: counter(number2);
    position: absolute;
    left: 0;
    top: -1px;
    color: #6d7272;
    width: 30px;
    text-align: center; }
.list-type-2 li:after {
    content: '';
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px;
    border: 1px solid #6d7272;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -7px; }

.list-type-3 li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 7px;
    height: 7px;
    background: #6d7272;
    border-radius: 50%; }

.list-type-4 li {
    padding-left: 25px; }

.list-type-4 i {
    position: absolute;
    left: 0; }

/*Counters*/
.count-box {
    text-align: center;
    padding-bottom: 30px; }

.count-amount {
    font-size: 54px;
    font-weight: 200; }

.count-name {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 8px; }

.count-box span {
    font-size: 30px;
    display: inline-block;
    margin-bottom: 10px; }

.time-line-light .count-box {
    position: relative; }
.count-box span.black , .time-line-light .count-box .count-name, .time-line-light .count-box .count-amount {
    color: #162532 !important; }
.section-dark .time-line-light .count-box span, .section-dark .time-line-light .count-box .count-name, .section-dark .time-line-light .count-box .count-amount {
    color: rgba(255,255,255,1) !important; }

.time-line-light .count-box:before {
    content: '';
    background: url("img/time-bg.png");
    width: 13px;
    height: 13px;
    position: absolute;
    right: -22px;
    top: 50%;
    margin-top: -7px; }
@media screen and (max-width: 1024px) {
    .time-line-light .count-box:before {
        content: none; } }

.time-line-light .col-sm-3:last-of-type .count-box:before {
    content: none; }

.time-line-light-type-2 .count-box:before {
    opacity: 0.4; }

.time-line-light-no-bg .count-box:before {
    opacity: 0; }

/*Progress bar*/
.progress-line {
    position: relative;
    overflow: hidden;
    height: 4px;
    border-radius: 2px;
    background: #eceef0;
    margin-bottom: 30px; }

.progress-name {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 12px; }

.progress-line-current {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    -webkit-transition: width 1.2s ease;
    transition: width 1.2s ease; }

/*Chart bar*/
.chart {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 170px;
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center; }

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

.percent, .pie-icon {
    display: inline-block;
    line-height: 170px !important;
    z-index: 2;
    color: #162532;
    font-size: 21px; }

.percent:after {
    content: '%'; }

.chart-box {
    text-align: center;
    margin-bottom: 30px; }
.chart-box .middle-title:after {
    margin-right: auto;
    margin-left: auto; }

.chart-info {
    line-height: 1.7;
    font-size: 14px;
    color: #6d7272; }

.icon-style-1 {
    text-align: center; }
.icon-style-1 span {
    width: 60px;
    height: 60px;
    border: 1px solid #eeeeee;
    line-height: 60px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 20px; }

.icon-style-3 {
    text-align: center;
    margin-bottom: 25px; }
.icon-style-3 span {
    display: inline-block;
    margin-bottom: 18px; }

/*.icon-style-3 span:first-child 	{
        width: 75px;
        height: 75px;
        line-height: 75px;
        border-radius: 99px;
}

.section-white .icon-style-3 span:first-child 	{
        background: #fafafa;
}*/

.icon-style {
    font-size: 20px;
    color: #656565; }
.icon-style p {
    font-size: 14px;
    line-height: 1.6; }
.icon-style span {
    font-size: 22px; }

.icon-style-2 {
    padding-left: 68px; }
.icon-style-2 span {
    position: absolute;
    left: 18px;
    top: 0;
    width: 30px;
    text-align: center; }

.step, .step-span {
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 600;
    margin-bottom: 14px; }

.step-span {
    position: relative;
    background: #fff;
    z-index: 1100; }

.process-style {
    text-align: left; }

.process-style span {
    margin-bottom: 20px; }

.process-style:before {
    background: #fff; }

.step-line {
    position: absolute;
    top: 10px;
    height: 1px;
    background: #ededed;
    left: 55px;
    width: 65%; }
.step-line:after {
    content: '';
    height: 5px;
    width: 1px;
    background: #ededed;
    right: 1px;
    top: -4px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.step-line:before {
    content: '';
    height: 5px;
    width: 1px;
    background: #ededed;
    right: 1px;
    bottom: -4px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.process-style:last-of-type .step-line:after, .process-style:last-of-type .step-line:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    right: 0; }

/*Accordion style*/
.accordion-item {
    margin-bottom: 7px;
    position: relative;
}
.accordion-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1px solid #e3e3e3;
    border-radius: 2px; }
.accordion-title {
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 57px;
    color: #4a4d50;
    line-height: 1.3;
    padding-bottom: 9px;
    padding-top: 11px;
    cursor: pointer;
    position: relative;
    z-index: 1; }
.accordion-title:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 19px;
    width: 10px;
    height: 2px;
    background: #a6a6a6; }
.accordion-title:before {
    content: '';
    position: absolute;
    left: 19px;
    top: 15px;
    width: 2px;
    height: 10px;
    background: #a6a6a6; }
.accordion-title.active:before {
    content: none;
}
.accordion-content {
    font-size: 14px;
    line-height: 26px;
    padding-left: 57px;
    color: #6d7272;
    display: none;
    padding-bottom: 10px;
    padding-top: 9px;
}
.accordion-title p {
    color: #4a4d50;
    line-height: 18.2px;
    padding-bottom: 0;
}
.accordion-content p {
    padding-bottom: 0;
}
.accordion-style-2 {
    margin-bottom: 5px; }
.accordion-style-2 .accordion-title {
    border: 1px solid #e3e3e3;
    border-radius: 2px; }
.accordion-style-2 .accordion-content {
    padding-top: 20px; }
.accordion-style-2:after {
    border-radius: 0; }

/*Tabs style*/
.tab-info {
    display: none;
    font-size: 14px;
    line-height: 26px;
    color: #6d7272;
    padding: 24px 0; }

.tab-info.active {
    display: block; }

.nav-tab {
    border-bottom: 2px solid #f1f1f1; }

.nav-tab-item {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    color: #4a4d50;
    font-weight: 400;
    padding: 20px 23px 16px;
    margin-right: 2px;
    cursor: pointer;
    border-radius: 3px 3px 0 0; }
.nav-tab-item:hover, .nav-tab-item.active {
    background: #f1f1f1; }

@media screen and (max-width: 767px) {
    .nav-tab-type-1 .nav-tab-item {
        width: 100%;
        float: none;
        text-align: center;
        border-radius: 3px;
        margin: 0 !important;
        border: none !important; } }

.tab-style-2 .nav-tab-item {
    border: 2px solid #fff;
    margin-bottom: -2px;
    border-bottom-color: #f1f1f1; }
.tab-style-2 .nav-tab-item:hover {
    background: #fff; }

.tab-style-2 .nav-tab-item.active {
    background: #fff;
    border-color: #f1f1f1;
    border-bottom-color: #fff; }

.elements-tab {
    margin-top: -2px; }

.tab-style-3 .nav-tab {
    float: left;
    width: 260px;
    border: none; }

.tab-style-3 .nav-tab-item {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    border-radius: 3px; }

.tab-style-3 .tabs-content {
    width: calc(100% - 260px);
    float: left; }

.tab-style-3 .tab-info {
    padding-top: 0;
    padding-left: 30px; }

@media screen and (max-width: 700px) {
    .tab-style-3 .nav-tab {
        text-align: center;
        margin-bottom: 20px; }
    .tab-style-3 .nav-tab, .tab-style-3 .tabs-content {
        width: 100%; }
    .tab-style-3 .tab-info {
        padding-left: 0; } }

.message-box {
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    padding: 23px 18px 21px;
    margin-bottom: 15px;
    border-radius: 3px;
}

.close-message {
    position: absolute;
    right: 13px;
    top: 19px;
    color: #fff;
    cursor: pointer;
    font-size: 16px; }

.info-message {
    background: #f3d463; }

.success-message {
    background: #cee276; }

.notice-message {
    background: #b9d6e9; }

.error-message {
    background: #f89ea0; }

.button {
    margin-bottom: 25px;
    color: #909090;
    text-transform: uppercase;
    border-radius: 3px;
    border: 2px solid transparent;
    display: inline-block; }
.button:hover {
    color: #fff !important; }
.button i {
    margin-left: 5px;
    display: inline-block; }

.button-type-1-xs {
    font-size: 11px;
    border-color: #e8e8e8;
    padding: 13px 30px 14px; }

.button-type-1-md {
    font-size: 12px;
    border-color: #e8e8e8;
    padding: 15px 35px 14px; }

.button-type-1-lg {
    font-size: 13px;
    border-color: #e8e8e8;
    padding: 18px 40px 17px; }

.button-type-2-xs {
    font-size: 11px;
    border-color: #d7d7d7;
    padding: 13px 30px 14px;
    color: #757575; }

.button-type-2-md {
    font-size: 12px;
    border-color: #d7d7d7;
    padding: 15px 35px 14px;
    color: #757575; }

.button-type-2-lg {
    font-size: 13px;
    border-color: #d7d7d7;
    padding: 18px 40px 17px;
    color: #757575; }

.button-type-3-xs {
    font-size: 11px;
    border-color: #e8e8e8;
    border-width: 1px;
    padding: 13px 30px 14px;
    margin-top: 2px; }

.button-type-3-md {
    font-size: 12px;
    border-color: #e8e8e8;
    padding: 15px 35px 14px;
    border-width: 1px;
    margin-top: 2px; }

.button-type-3-lg {
    font-size: 13px;
    border-color: #e8e8e8;
    padding: 18px 40px 17px;
    border-width: 1px;
    margin-top: 2px; }

.btn-white {
    border-color: #fff;
    color: #FFF; }

.testimonials {
    max-width: 914px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.6;
    color: #6e6e6e; }

.section-dark .testimonials 	{
    color: rgba(255,255,255,1);
}

.author {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7e7e7e;
    margin-top: 19px; }

.section-dark .author 	{
    color: rgba(255,255,255,1);
}

.author-ava {
    margin-bottom: 20px; }

.testimonials-type-2 {
    font-style: italic !important;
    max-width: 670px; }

.author-2 {
    font-size: 11px;
    font-weight: 400 !important; }

.tes-col {
    padding-left: 110px;
    margin-bottom: 40px;
    min-height: 80px; }

.tes-author {
    position: absolute;
    left: 15px;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%; }

.tes-author-name {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    color: #8c8c8c; }
.tes-author-name span {
    color: #4a5058; }

.pricing-tab {
    border: 1px solid #e8e8e8;
    text-align: center; }
.pricing-tab:hover .package {
    color: #fff; }
.pricing-tab:hover .package-minimal {
    background: #fff !important;}
@media screen and (max-width: 1024px) {
    .pricing-tab {
        margin-bottom: 30px; } }

.package {
    color: #162532;
    text-transform: uppercase;
    padding: 20px 0 19px; }
.section-dark .package 	{
    color: rgba(255,255,255,1);
}
.package span {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #74787d;
    margin-top: 5px;
    text-transform: none; }

.price-package {
    border-top: 1px solid #e8e8e8;
    font-size: 42px;
    font-weight: 300;
    color: #162532;
    padding: 23px 0; }
.section-dark .price-package 	{
    color: rgba(255,255,255,1);
}
.price-package span {
    display: block;
    font-size: 13px;
    margin-top: 5px;
    color: #6d7272;
}
.section-dark .price-package span 	{
    color: rgba(255,255,255,1);
}
.price-package sup {
    font-size: 24px; }

.advantage-package {
    list-style: none; }
.advantage-package li {
    border-top: 1px solid #e8e8e8;
    padding: 14px 0 13px;
    color: #6d7272;
    font-size: 13px; }
.section-dark .advantage-package li 	{
    color: rgba(255,255,255,1);
}
.advantage-package li span {
    font-weight: 600; }

.buy-package {
    border-top: 1px solid #e8e8e8;
    padding-top: 25px; }

.pricing-tab-type-2 {
    border: none;
    background: #f5f5f5;
    -webkit-transition: background 0.3s linear;
    transition: background 0.3s linear;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 14px;
    padding-bottom: 10px; }

.section-dark .pricing-tab-type-2 	{
    background-color: #222222;
}
.pricing-tab-type-2 .package {
    padding-bottom: 28px; }
.pricing-tab-type-2 .price-package {
    font-weight: 400;
    font-size: 39px;
}
.pricing-tab-type-2 .price-package sup {
    font-size: 18px;
    position: relative;
    top: -10px;
    margin-right: 3px; }
.pricing-tab-type-2 .price-package span {
    text-transform: lowercase;
    font-weight: 400; }
.pricing-tab-type-2 .advantage-package li:first-of-type {
    border-top: none; }
.pricing-tab-type-2 .advantage-package li:last-of-type {
    padding-bottom: 30px; }
.pricing-tab-type-2:hover {
    background: #fff; }
.section-dark .pricing-tab-type-2:hover 	{
    background-color: #333333;

}
.pricing-tab-type-2:hover .package {
    background: transparent; }
.pricing-tab-type-2:hover .button {
    border-color: #6e7073;
    color: #35383c; }

.service-table {
    text-align: center;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    padding-top: 30px;
    padding-bottom: 13px;
    background: #fff; }
@media screen and (max-width: 1024px) {
    .service-table {
        margin-bottom: 30px; } }
.service-table span {
    font-size: 30px;
    margin-bottom: 19px;
    margin-top: 5px; }

.text-service {
    padding-left: 15px;
    padding-right: 15px; }

.list-service {
    list-style: none; }
.list-service li {
    padding: 14px 0 13px;
    border-top: 1px solid #e8e8e8; }

.service-table.service-table-type2 {
    border: none; }

.client-slider {
    text-align: center; }
.client-slider .swiper-slide a {
    display: inline-block; }
.client-slider .swiper-slide a:hover {
    opacity: 0.7; }

.member-team-box {
    text-align: center; }
@media screen and (max-width: 767px) {
    .member-team-box {
        max-width: 300px;
        margin: 0 auto 30px; } }

.member-name {
    font-size: 15px;
    margin-top: 23px;
    padding-bottom: 8px; }

.member-position {
    font-size: 12px;
    color: #6d7272;
    text-transform: uppercase; }

.member-box {
    position: relative;
    overflow: hidden;
    text-align: center; }
.member-box img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto; }
.member-box:hover .member-info-box {
    opacity: 1; }
.member-box:hover .member-text, .member-box:hover .member-social, .member-box:hover .find-me {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.member-info-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.88);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }

.member-info, .s-banner-info, .s-banner-more-center {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 35px; }

.member-text {
    line-height: 1.8;
    font-size: 13px;
    color: #545659;
    -webkit-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    transform: translateY(-300%);
    -webkit-transition: -webkit-transform 0.5s ease 0.2s;
    transition: transform 0.5s ease 0.2s; }
.member-text:before {
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    margin: 0 auto 17px; }

.member-social {
    margin-top: 13px;
    -webkit-transform: translateY(500%);
    -ms-transform: translateY(500%);
    transform: translateY(500%);
    -webkit-transition: -webkit-transform 0.5s ease 0.2s;
    transition: transform 0.5s ease 0.2s; }
.member-social a {
    color: #000;
    margin: 7px; }

.member-team-box-light {
    text-align: left; }
@media screen and (max-width: 767px) {
    .member-team-box-light {
        text-align: center;
        max-width: 300px;
        margin: 0 auto; } }
.member-team-box-light .member-info-box {
    padding-top: 20px;
    background: rgba(0, 0, 0, 0.4) !important; }
.member-team-box-light .member-box {
    padding-top: 20px; }
.member-team-box-light .member-info {
    padding: 0 5px; }
.member-team-box-light p {
    line-height: 1.5;
    margin-top: 10px; }
.member-team-box-light .member-social {
    margin-top: 9px; }
.member-team-box-light .member-social a {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    margin: 2px; }

.find-me {
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    -webkit-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    transform: translateY(-300%);
    -webkit-transition: -webkit-transform 0.5s ease 0.2s;
    transition: transform 0.5s ease 0.2s; 
    margin-bottom: 15px;}

.special-banner {
    position: relative;
    overflow: hidden; }
@media screen and (max-width: 1024px) {
    .special-banner {
        max-width: 300px;
        margin: 0 auto 30px; } }
.special-banner img {
    display: block;
    max-width: 100%;
    height: auto; }
.special-banner:hover .s-banner-box {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
.special-banner:hover .s-banner-more {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
.special-banner:hover:after {
    background: rgba(0, 0, 0, 0.86); }
.special-banner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    -webkit-transition: background 0.5s linear;
    transition: background 0.5s linear; }

.s-banner-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: transform 0.5s linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 2; }

.s-banner-info span {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px; }

.s-banner-info h3 {
    color: #fff;
    font-size: 15px;
    padding-bottom: 12px; }
.s-banner-info h3:after {
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    margin: 11px auto 0; }

.s-banner-text {
    color: #fff;
    font-size: 14px;
    line-height: 1.8; }

.s-banner-more {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: transform 0.5s linear;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 2; }

.s-banner-more-center {
    padding: 0 20px; }
.s-banner-more-center p {
    color: #fff;
    line-height: 1.8;
    padding-bottom: 0; }
@media screen and (max-width: 481px) {
    .s-banner-more-center p {
        font-size: 13px; } }
.s-banner-more-center i {
    margin-bottom: 15px; }
.s-banner-more-center .button {
    margin-bottom: 0;
    margin-top: 20px; }

.special-banner-type-2 span {
    font-size: 26px; }

.special-banner-type-2 h3 {
    padding-bottom: 0; }

.special-banner-type-2 h3:after {
    margin-top: 20px; }

.gallery-style-2 .g-project-info-inner h3 {
    color: #162532; }

.gallery-style-2 .g-project-info {
    background: rgba(255, 255, 255, 0.78); }

.gallery-style-2 .g-cat {
    color: #949494; }

.gallery-box {
    float: left;
    position: relative; 
    /*width: 20%; */
}
@media screen and (max-width: 700px) {
    .gallery-box {
        /*width: 50%;*/ } }
@media screen and (max-width: 450px) {
    .gallery-box {
        /*width: 100%;*/ } }
.gallery-box img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01); }
.gallery-box a {
    display: block;
    overflow: hidden; }
.gallery-box:hover .g-project-info {
    opacity: 1; }
.gallery-box:hover .g-project-info-inner {
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1); }
.gallery-box:hover a img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

.g-project-info {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.78);
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 0; }

.g-project-info-inner {
    padding: 15px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: -webkit-transform 0.7s ease;
    transition: transform 0.7s ease;
    text-align: center; }
.g-project-info-inner h3 {
    color: #fff;
    font-size: 15px;
    padding-bottom: 10px; }
@media screen and (max-width: 1200px) {
    .g-project-info-inner h3 {
        font-size: 14px;
        padding-bottom: 0; } }
@media screen and (max-width: 767px) {
    .g-project-info-inner h3 {
        font-size: 13px; } }
@media screen and (max-width: 700px) {
    .g-project-info-inner h3 {
        font-size: 14px;
        padding-bottom: 10px; } }

.g-cat {
    display: block;
    color: #8a8988;
    font-size: 13px; }
@media screen and (max-width: 1024px) {
    .g-cat {
        display: none; } }
@media screen and (max-width: 700px) {
    .g-cat {
        display: block; } }
.g-cat:after {
    content: '';
    margin: 15px auto 0;
    height: 2px;
    width: 14px;
    display: block; }

.cover-box {
    overflow: hidden; }
.cover-box img {
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 6s linear;
    transition: transform 6s linear; }
.cover-box:hover img {
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7); }

.cover-box-info .button {
    margin-bottom: 0 !important; }

.more-info {
    text-align: center;
    margin-bottom: 60px; }

.add-more {
    cursor: pointer; }

.scroll-top {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #dbd6d2;
    color: #dbd6d2;
    position: fixed;
    right: 30px;
    bottom: 30px;
    font-size: 20px;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    text-align: center; }
.scroll-top i {
    position: relative;
    top: 8px; }
@media screen and (max-width: 1024px) {
    .scroll-top {
        display: none; } }
.scroll-top.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

.mouse {
    width: 14px;
    height: 23px;
    border: 2px solid #c2c1c0;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: -7px;
    border-radius: 10px;
    -webkit-animation: mouse 2s infinite;
    animation: mouse 2s infinite;
    z-index: 555; }
.mouse span {
    height: 4px;
    width: 2px;
    background: #c2c1c0;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 5px;
    -webkit-animation: mouse-inner 2s infinite;
    animation: mouse-inner 2s infinite; }
.mouse:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }

.arrow-bottom {
    position: absolute;
    left: 50%;
    bottom: 25px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: mouse 2s infinite;
    animation: mouse 2s infinite;
    color: #162532;
    cursor: pointer;
    z-index: 555; }
@media screen and (max-width: 1024px) {
    .arrow-bottom {
        display: none; } }

.arrow-bottom-light {
    color: #fff;
    text-align: center; }
@media screen and (max-width: 1024px) {
    .arrow-bottom-light {
        display: block; } }
.arrow-bottom-light span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 11px; }

@media screen and (max-width: 1024px) {
    .scroll-to-hd {
        display: none; } }

.latest-post {
    position: relative;
    max-width: 360px;
    margin: 0 auto 40px; }

.post-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.24);
    left: 0;
    top: 0;
    opacity: 0; }

.latest-post-link {
    display: block;
    position: relative; }
.latest-post-link:hover .post-layer {
    opacity: 1; }
.latest-post-link:hover .post-l-ico {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.post-l-ico {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #1f1f1f;
    display: block;
    text-align: center;
    line-height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -21px 0 0 -21px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0; }

.l-post-title {
    margin-top: 25px; }
.l-post-title a {
    font-size: 15px;
    color: #35383c; }
.section-dark .l-post-title a 	{
    color: rgba(255,255,255,1);
}

.l-post-info a {
    color: #929393;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px; }

.latest-post-type2 .l-post-content {
    padding-left: 15px;
    padding-right: 15px; }

@media screen and (max-width: 767px) {
    .item-masonry {
        position: relative !important;
        top: 0 !important;
        display: block !important; } }

@media screen and (max-width: 767px) {
    .container-masonry {
        height: auto !important; } }

@media screen and (max-width: 767px) {
    .col-post {
        margin: 0 auto;
        max-width: 360px; } }

.filter-list {
    text-align: center;
    padding: 0 15px 25px; }
.filter-list li {
    list-style: none;
    display: inline-block;
    margin: 0 20px 15px; }
@media screen and (max-width: 767px) {
    .filter-list li {
        margin: 0 10px 15px; } }
.filter-list li a {
    color: #162532;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase; }

.gallery-box {
    display: block; }

.mix {
    display: none; }

.no-icon {
    padding-left: 15px; }
.no-icon span {
    display: none; }

.tw-icon {
    color: #fff;
    font-size: 26px;
    margin-bottom: 15px;
    display: inline-block; }

.tw-icon-dark {
    color: #1f1f1f; }

.more-works {
    color: #697279;
    text-transform: uppercase;
    font-size: 13px; }

.btn-more {
    margin-top: 30px;
    margin-bottom: 0; }

.socials-col {
    position: relative;
    padding-left: 92px;
    padding-bottom: 20px; }
@media screen and (max-width: 1024px) {
    .socials-col {
        padding-bottom: 40px; } }
.socials-col h3 {
    padding-top: 12px;
    padding-bottom: 10px; }
.socials-col span {
    font-size: 14px;
    color: #8c8c8c; }

.social-box {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background: #e6e6e6;
    text-align: center;
    font-size: 24px;
    line-height: 67px;
    position: absolute;
    left: 15px;
    top: 0; }
.section-dark .social-box 	{
    background: #222222;
}
.social-box:hover {
    color: #fff; }

.portfolio-box {
    position: relative; }
.portfolio-box img {
    max-width: 100%;
    display: block;
    height: auto; }
.portfolio-box:hover .portfolio-link {
    opacity: 1; }
.portfolio-box:hover .plus {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.portfolio-link {
    position: absolute;
    left: 0;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0; }

.plus {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: -20px;
    margin-top: -20px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

.portfolio-info {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px; }
.portfolio-info h3 {
    padding-bottom: 5px; }
.portfolio-info span {
    font-size: 12px;
    color: #a7a7a7; }

.col-portfolio {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 390px;
    margin: 0 auto; }

.portfolio-type-2 {
    width: 33.3333%;
    padding: 15px;
    float: left; }
@media screen and (max-width: 700px) {
    .portfolio-type-2 {
        width: 100%;
        max-width: 360px;
        float: none; } }
.portfolio-type-2 .gallery-box {
    width: 100%; }

.slide-portfolio .gallery-box {
    width: 100%; }
@media screen and (max-width: 767px) {
    .slide-portfolio .gallery-box {
        max-width: 360px;
        margin: 0 auto;
        float: none; } }

.feature-box span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 15px;
    font-style: italic; }

.light {
    color: #fff !important; }
.light:after {
    background: #fff; }

@media screen and (max-width: 767px) {
    .about-col {
        max-width: 360px;
        width: 100%;
        margin: 0 auto 20px; } }

.about-link {
    overflow: hidden;
    display: block; }
.about-link img {
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
.about-link:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }

.about-title {
    margin-top: 25px; }
.about-title a {
    display: inline-block;
    font-size: 15px;
    color: #35383c; }
.section-dark .about-title a 	{
    color: rgba(255,255,255,1);
}

.height-30 {
    height: 30px;
    float: left;
    width: 100%; }

@media screen and (max-width: 1024px) {
    .height-30-m {
        height: 30px;
        float: left;
        width: 100%; } }

.section-gray {
    background: #fafafa; }

@media screen and (max-width: 1024px) {
    .row-cover {
        text-align: center; }
    .row-cover > div {
        margin-bottom: 30px; } }

@media screen and (max-width: 768px) {
    .btns-row {
        text-align: center; }
    .btns-row .button {
        float: none;
        display: inline-block; }
}

input, textarea {
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none; }
input:focus input, input:focus textarea, textarea:focus input, textarea:focus textarea {
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none; }

/* ============================================================
   07. ANIMATE STYLE
/* ============================================================ */
.transition, .swiper-arrow-left, .swiper-arrow-right, .sl-post-prev, .sl-post-next, a, .slide-title-mod span, .button-type-4, .button-type-5, .accordion-title, .nav-tab-item, .button, .package, .client-slider .swiper-slide a, .add-more, .scroll-top, .arrow-bottom-light, .post-layer, .post-l-ico, .filter-list li a, .social-box, .portfolio-link, .plus, .about-link img, .nav-panel, .close-menu, .title-menu, .social-area, .sign-section form span, .minimal-nav, .sb-submit, .contact-section i, .block-gym h3, .lesson-price, .p-submit, .share-box, .back:after, .prod-img img, .add-basket span, .contact-us .submit, .flickr-box:after, .sb-form span, .sb-social a {
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear; }
.social-area-box a { -webkit-transition: all 0.2s linear;
                     transition: all 0.2s linear;}

@-webkit-keyframes mouse-inner {
    0% {
        top: 5px;
        opacity: 1; }
    50% {
        top: 10px;
        opacity: 0.6; }
    100% {
        top: 5px;
        opacity: 0.4; } }

@keyframes mouse-inner {
    0% {
        top: 5px;
        opacity: 1; }
    50% {
        top: 10px;
        opacity: 0.6; }
    100% {
        top: 5px;
        opacity: 0.4; } }

@-webkit-keyframes mouse {
    0% {
        bottom: 25px; }
    50% {
        bottom: 20px; }
    100% {
        bottom: 25px; } }

@keyframes mouse {
    0% {
        bottom: 25px; }
    50% {
        bottom: 20px; }
    100% {
        bottom: 25px; } }

/* ============================================================
   08. ONE PAGES
/* ============================================================ */
.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999; /* magnificPopup is 1042 */
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease; }
.info-panel > a {
    color: #fff;  }
.header-type-2 {
    position: fixed;
    background: #fff;
    padding-bottom: 2px; }
@media screen and (min-width: 1025px) {
    .header-type-2 .nav {
        padding-top: 0; }
}
@media screen and (max-width: 1024px) {
    /*.header-type-2 .nav {
            padding-top: 0; } */}
.header-type-2 .info-panel > a,
.header-type-2 .info-panel .cart-contents {
    color: #8c8c8c; }
.header-type-2 .nav-panel {
    padding-top: 0; }
@media screen and (min-width: 1025px) {
    .header-type-2 .nav li a {
        color: #8c8c8c; } }


/*.logo-retina {
        max-width: 100%;
        display: none !important; }*/
/*.fixed .logo-dark.logo-retina {display: none !important;}*/
/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
        .logo-standart {
                display: none !important; }
        .logo {
                width: 120px; }
        .logo-retina {
                display: block !important; }
        .logo-dark.logo-standart {display: none !important;}
        .logo-light.logo-retina {display: block !important;}
        .logo-dark.logo-retina {display: none !important;}
        .fixed .logo-light.logo-retina {display: none !important;}
        .fixed .logo-dark.logo-retina {display: block !important;}
}*/

.fixed {
    background: #fff;
    z-index: 99999; /* magnificPopup is 1042 */
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.fixed .info-panel > a,
.fixed .info-panel .shop_top_button .cart-contents {
    color: #8c8c8c; }
@media screen and (min-width: 1025px) {
    .fixed .nav > ul > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
        color: #8c8c8c; } }
.fixed .nav-panel {
    padding-top: 0; padding-bottom: 0px;}
@media screen and (max-width: 1024px) {
    .fixed .nav-panel {
        padding-top: 0; } }
/*.fixed .logo-light {
        display: none !important; }
.fixed .logo-dark {
        display: block !important; }*/
@media screen and (min-width: 1025px) {
    .fixed .full-w-menu {
        top: 100% !important; }
    .fixed .sub-menu {
        top: 100% !important; } }

/* .single .info-panel > a {
        color: #8c8c8c; } wtf */

@media screen and (min-width: 1025px) {
    /*.single .nav li a {
            color: #8c8c8c; }  wtf */}

.nav-panel {
    padding-top: 0;
    padding-bottom: 0;
    position: relative; }

.container-fluid > .nav-panel  	{
    padding-right: 40px;
    padding-left: 40px;
}

@media screen and (max-width: 1024px) {
    /*.nav-panel {
            padding-top: 13px; */}


.container-fluid > .nav-panel  	{
    padding-right: 5px;
    padding-left: 5px;
}

}

.logo {
    float: left; }

/*.logo img 	{
        display: block;
}*/
/*
.logo-dark {
        display: none !important; }*/

.nav {
    float: right;
    padding-top: 0; }
.nav li {
    list-style: none;
    float: left;
    text-transform: uppercase;
    margin-left: 28px;
    position: relative; }
.nav li a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 0; }
.nav > ul > li > a 	{
    padding-top: 0;
    padding-bottom: 0;
}
@media (max-width: 1024px){
    .nav > ul > li > a 	{
        /*display: block;*/
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1024px) {
    .nav {
        position: fixed;
        z-index: 9999;
        background: rgba(255, 255, 255, 1);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow-y: auto;
        padding-top: 100px;
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: transform 0.4s ease;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%); }
    .nav li {
        float: none;
        text-align: center;
        margin-bottom: 30px;
        margin-left: 0; }
    .nav li a {
        color: #000;
        font-size: 22px;
        padding-bottom: 0; } }
@media screen and (max-width: 1024px) {
    .nav.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
@media screen and (min-width: 1025px) {
    .nav .sub-menu {
        position: absolute;
        left: -21px;
        top: 100%;
        background: #1e1e1d;
        padding: 11px 0;
        width: auto;
        min-width: 225px;
        margin-top: 50px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
    .nav .sub-menu li {
        float: none;
        width: 100%;
        margin: 0;
        padding: 11px 22px;
    }
    .nav .sub-menu li a {
        padding-bottom: 0;
        font-size: 11px;
        color: #ccc; }
    .nav .sub-menu li:last-of-type {
        margin-bottom: 0; }
    .nav .menu-item-has-children:hover>.sub-menu {
        margin-top: 0;
        visibility: visible;
        opacity: 1; }
    header.fixed .nav .menu-item-has-children:hover>.sub-menu {
        margin-top: 0;
    }
    .header-type-2 {padding-bottom: 0px;}
    .header-type-2 .nav-panel {padding-bottom: 0px;}
    .header-type-2 .nav > ul > li > a {padding-bottom: 26px;}
    .header-type-2 .nav .menu-item-has-children:hover>.sub-menu {
        margin-top: 0;
    }
    .header-type-2 .nav .full-menu-parent:hover .full-w-menu {
        margin-top: 0px;
    }


    .nav .full-menu-parent {
        position: static; }
    .nav .full-w-menu {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        line-height: 30px;
        background: #1e1e1d;
        padding: 30px 0 25px;
        margin-left: 0;
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        display: block; }
    .nav .full-menu-parent:hover .full-w-menu {
        margin-top: 0;
        visibility: visible;
        opacity: 1; }
    header.fixed .nav .full-menu-parent:hover .full-w-menu{
        margin-top: 0;
    }  }
@media screen and (max-width: 1024px) {
    .nav .sub-menu {
        margin-top: 15px;
        display: none; }
    .nav .sub-menu li {
        margin-bottom: 15px; }
    .nav .sub-menu li a {
        font-size: 16px; } }

.full-w-menu {
    position: relative;
    display: none; }
@media screen and (max-width: 1024px) {
    .full-w-menu {
        margin-top: 20px; } }

@media screen and (max-width: 1024px) {
    .sbw {
        display: none; } }


.nav-dark li > a {
    color: #1b2936; }

.info-panel-dark a,
.info-panel-dark .shop_top_button .cart-contents {
    color: #1b2936;}

.open-sb-menu, .open-sbw-menu {
    display: none; }
@media screen and (max-width: 1024px) {
    .open-sb-menu, .open-sbw-menu {
        font-size: 18px;
        margin-left: 10px;
        cursor: pointer;
        display: inline-block;
        position: relative;
        top: 4px;
        position: absolute; } }

.open-sbw-menu {
    top: 0px;
    font-size: 26px; }

.close-menu {
    width: 42px;
    height: 42px;
    text-align: center;
    border: 2px solid #000;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -21px; }
.close-menu i {
    position: relative;
    top: 10px;
    left: 0; }
.close-menu:hover i {
    color: #fff; }

.info-panel {
    float: right;
    margin-left: 20px;
    padding-top: 0; }
.info-panel > a,
.info-panel > .shop_top_button > a {
    margin-left: 23px;  }

.open-menu {
    display: none; }
@media screen and (max-width: 1024px) {
    .open-menu {
        display: inline-block; } }

@media screen and (max-width: 1024px) {
    .soc-icon {
        display: none; } }

.close-menu {
    display: none; }
@media screen and (max-width: 1024px) {
    .close-menu {
        display: block; } }

.col-menu {
    width: 25%;
    float: left;
    padding: 0 25px; }

@media (min-width: 1025px){
    .col-menu:before {
        content: " ";
        background: #272727;
        bottom: 0;
        margin-left: -25px;
        position: absolute;
        top: 0;
        width: 1px;
    }
}

.col-menu:first-child:before 	{
    display: none;
}

@media screen and (max-width: 1024px) {
    .col-menu {
        width: 100%; } }
.col-menu ul li {
    float: none;
    width: 100%;
    margin-left: 0; }
@media screen and (max-width: 1024px) {
    .col-menu ul li {
        margin-bottom: 15px; } }
.col-menu ul li a {
    color: #ccc;
    font-size: 11px; }
@media screen and (max-width: 1024px) {
    .col-menu ul li a {
        color: #000;
        font-size: 14px; } }

.title-menu {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px; }
.title-menu:hover 	{
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .title-menu {
        font-size: 18px;
        color: #000;
        margin-bottom: 14px;
        cursor: pointer;
        position: relative; }
    .title-menu:hover 	{
        color: #000;
    }
}

.search-panel {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    height: 100px;
    width: 100%;
    z-index: 999999;
    padding-top: 40px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    opacity: 0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
}

.search-panel .search-input 	{
    font-size: 16px;
}
.search-panel .container {
    position: relative; }
.search-panel.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

.close-search {
    position: absolute;
    right: -10px;
    top: -10px;
    padding: 10px; }

.close-search {
    color: #a9a9a9; }

.search-input {
    font-size: 12px;
    text-transform: uppercase;
    width: 50%;
    border: none;
    background: none;
    color: #a4a4a4; }
.search-input::-webkit-input-placeholder {
    color: #a4a4a4; }
.search-input::-moz-placeholder {
    color: #a4a4a4; }
.search-input:-moz-placeholder {
    color: #a4a4a4; }
.search-input:-ms-input-placeholder {
    color: #a4a4a4; }

.social-area {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    left: 0;
    top: 0;
    z-index: 99999;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;}
.social-area.active {
    z-index: 99999;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); 
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear; }
.social-area.active .social-area-box a {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
.social-area.active .social-area-box a:nth-of-type(1) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s; }
.social-area.active .social-area-box a:nth-of-type(2) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s; }
.social-area.active .social-area-box a:nth-of-type(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.social-area.active .social-area-box a:nth-of-type(4) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s; }
.social-area.active .social-area-box a:nth-of-type(5) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s; }

.close-social {
    position: absolute;
    right: 44px;
    top: 31px;
    padding: 10px;
    font-size: 20px;
    color: #fff; }

.social-area-box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.social-area-box a {
    width: 42px;
    height: 42px;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    text-align: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    padding-top: 11px; }

.slide-title-dark {
    color: #000  !important; }

.dark-pre-title {
    font-size: 19px;
    color: #919191;
    font-style: italic; }

/* ============================================================
   09. HEADER
/* ============================================================ */
.dark-row .progress-line-current {
    background: #000; }

.dark-row .member-info-box {
    background: rgba(0, 0, 0, 0.8); }

.dark-row .member-text {
    color: #e2e2e2; }
.dark-row .member-text:before {
    content: none; }

.dark-row .member-social a {
    color: #fff; }

@media screen and (max-width: 1200px) {
    .dark-row .member-team-box .member-text {
        line-height: 1.5;
        font-size: 12px; }
    .dark-row .member-team-box .member-social a {
        margin: 5px; } }

@media screen and (max-width: 1024px) {
    .dark-row .member-team-box {
        margin-bottom: 20px; } }

.dark-row .g-cat:after {
    background: #fff; }

.dark-row .mix {
    display: block; }

.info-section-type2 {
    padding: 40px 0;
    overflow: visible; }
@media screen and (max-width: 767px) {
    .info-section-type2 {
        padding: 0; }
    .info-section-type2 .col-sm-6 {
        text-align: center; } }
.info-section-type2 img {
    position: relative;
    margin-bottom: -110px; }
@media screen and (max-width: 767px) {
    .info-section-type2 img {
        margin-bottom: 0; } }
.info-section-type2 h2 {
    color: #fff;
    font-size: 27px;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 85px; }
@media screen and (max-width: 1200px) {
    .info-section-type2 h2 {
        margin-top: 65px; } }
@media screen and (max-width: 1024px) {
    .info-section-type2 h2 {
        margin-top: 50px; } }
@media screen and (max-width: 767px) {
    .info-section-type2 h2 {
        font-size: 24px;
        margin-top: 0; } }
.info-section-type2 p {
    font-size: 15px;
    color: #c9c9c9; }
.info-section-type2 .button {
    background: #fff;
    color: #000;
    font-size: 13px;
    border-color: #fff; }
.info-section-type2 .button:hover {
    background: #e3e3e3;
    border-color: #e3e3e3;
    color: #000 !important; }

.dark-more {
    color: #000 !important;
    font-size: 13px !important;
    display: inline-block;
    border: 2px solid #e6e6e6;
    border-radius: 2px;
    padding: 14px 25px;
    background: #fff; }

.author span {
    color: #000; }

.d-clients-section {
    padding: 50px 0; }

.sign-section {
    padding: 70px 0;
    background: #f7f7f7;
    text-align: center; }
.sign-section h3 {
    font-size: 15px;
    margin-bottom: 20px; }
.sign-section form {
    position: relative;
    max-width: 630px;
    width: 100%;
    margin: 0 auto; }
.sign-section form span {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 40px;
    color: #afafaf; }
.sign-section form span input {
    width: 55px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; }
.sign-section form span i {
    position: relative;
    top: 11px; }

.s-email {
    background: #fff;
    height: 40px;
    line-height: 40px;
    border: none;
    width: 100%;
    font-size: 14px;
    color: #8c8c8c;
    padding-left: 15px;
    padding-right: 55px;
    border-radius: 3px; }

.input-field-3 {
    float: left;
    width: 33.333%;
    padding: 0 15px; }
@media screen and (max-width: 767px) {
    .input-field-3 {
        width: 100%; } }
.input-field-3 .p-input {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }

.dark-form {
    text-align: center; }

.footer-mini-type-2 i.fa-heart-o {
    color: #6b6b6b; }

.footer-mini-type-2 .ftr-social {
    margin-top: 20px; }

.col-contact {
    position: relative;
    padding-left: 65px; }
.col-contact h4 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 12px; }
.col-contact .address {
    font-size: 14px;
    line-height: 1.6;
    color: #8c8c8c; }
.col-contact .address a {
    font-size: 14px;
    line-height: 1.6;
    color: #8c8c8c; }

.contact-icon {
    position: absolute;
    left: 15px;
    top: 0;
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #f4f4f4;
    border-radius: 50%;
    text-align: center;
    line-height: 40px; }

.section-dark .contact-icon 	{
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
}

.dark-header.fixed {
    background: #000; }
.dark-header.fixed .logo {
    /*margin-top: 10px;*/ }
@media screen and (max-width: 1024px) {
    .dark-header.fixed {
        /*padding-bottom: 10px;*/ } }
@media screen and (min-width: 1025px) {
    .dark-header.fixed .nav li a {
        color: #fff; } }
.dark-header.fixed .info-panel > a,
.dark-header.fixed .info-panel > .cart-contents {
    color: #fff; }

@media screen and (max-width: 1024px) {
    .dark-header .logo {
        /*margin-top: 10px;*/ } }

.dark-search-panel {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8); }
.dark-search-panel .container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
.dark-search-panel form {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 660px;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 30px 20px; }
.dark-search-panel form .search-input {
    width: 100%;
    background: #fff;
    border-radius: 2px;
    height: 46px;
    line-height: 46px;
    padding: 0 35px;
    text-transform: none; }
.dark-search-panel form .close-search {
    color: #fff;
    top: 0;
    right: 0; }
@media screen and (max-width: 481px) {
    .dark-search-panel form .close-search {
        right: 10px; } }
.dark-search-panel form span {
    position: absolute;
    left: 20px;
    top: 30px; }
.dark-search-panel form span i {
    position: absolute;
    left: 12px;
    top: 14px;
    color: #000; }
.dark-search-panel form span input {
    height: 46px;
    width: 35px;
    position: absolute;
    opacity: 0; }

.banner-type-3 {
    height: 600px;
    min-height: 0; }
.banner-type-3 .full-height-slider {
    height: 600px !important;
    min-height: 0; }
.banner-type-3 .full-height-slide {
    min-height: 0; }
.banner-type-3 .slider-sub-title {
    line-height: 1.3; }
.banner-type-3 .nav-slider-min {
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 4px;
    color: #505050;
    font-size: 20px;
    text-align: center;
    line-height: 45px; }
.banner-type-3 .nav-slider-min:hover {
    opacity: 0.7; }
@media screen and (max-width: 1200px) {
    .banner-type-3 .arrow-type-1 {
        display: none; } }
.banner-type-3 .pagination {
    display: none; }
@media screen and (max-width: 1200px) {
    .banner-type-3 .pagination {
        display: block; } }
@media screen and (max-width: 481px) {
    .banner-type-3 .center {
        padding: 85px 15px; } }

@media screen and (max-width: 1500px) {
    .banner-type-3 {
        height: 600px; }
    .banner-type-3 .full-height-slider {
        height: 600px !important; } }

@media screen and (max-width: 1024px) {
    .banner-type-3 {
        height: auto; }
    .banner-type-3 .full-height-slider {
        height: auto !important; } }

.overlay-lg {
    background: rgba(0, 0, 0, 0.25); }

.no-after:after {
    content: none; }

.line-block {
    border-top: 1px solid #f2f2f2;
    margin-top: 15px;
    margin-bottom: 45px; }

.line-block-2 {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 70px; }

.black-info-col {
    background: #000; }

.box-b-info {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 90px 50px 90px 100px; }
.section-dark .box-b-info 	{
    background-color: rgba(255,255,255,0.14);
}
@media screen and (max-width: 1400px) {
    .box-b-info {
        padding: 70px 15px 70px 50px; } }
.box-b-info span {
    color: #ffffff;
    font-size: 34px;
    left: -73px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: -5px;
    width: 50px;}
.box-b-info h3 {
    color: #fff;
    margin-bottom: 10px;
    position: relative; }
.box-b-info p {
    color: #fff;
    position: relative;
    z-index: 1; }
.box-b-info .button {
    border-color: #fff;
    color: #fff;
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
    z-index: 1; }
.box-b-info .button:hover {
    color: #000 !important;
    background: #fff; }

.info-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75); }

.business-price-table .advantage-package {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0;
    margin-top: -10px; }
.business-price-table .advantage-package li:first-of-type {
    border-top: 0; }

.business-price-table .col-sm-4:first-of-type .pricing-tab {
    border-right: none; }

.business-price-table .col-sm-4:last-of-type .pricing-tab {
    border-left: none; }

.business-price-table .price-package, .business-price-table .buy-package {
    border: none; }

.business-price-table .package {
    padding-bottom: 0;
    padding-top: 30px; }

.business-price-table .price-package {
    padding: 10px 0 15px; }

.business-price-table .pricing-tab {
    padding-bottom: 10px; }

.business-price-table .package {
    background: #fff !important;
    color: #162532 !important; }
.business-price-table .pricing-tab.best .button:hover,
.business-price-table .pricing-tab .button:hover 	{
    background: #757575 !important;
    border-color: #757575 !important;
}
.best {
    margin-top: -8px;
    position: relative; }
.best:after {
    content: '';
    position: absolute;
    right: 18px;
    top: -1px;
    width: 23px;
    height: 52px;
    background: url("img/best.png"); }
@media screen and (max-width: 1024px) {
    .best:after {
        right: 0; } }
.best .button {
    color: #fff !important; }
.best .parametrs {
    margin-bottom: 15px !important; }
.best .package.active {
    padding-top: 35px; }

.b-price-info {
    display: block;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 1.5;
    margin-bottom: 30px; }
.b-price-info span {
    display: block; }
.b-price-info sub {
    font-size: 22px; }

.b-price-info-type2 {
    margin-top: -12px; }

.parametrs {
    margin-top: 30px;
    margin-bottom: 5px; }
.parametrs a {
    font-size: 14px;
    color: #8c8c8c; }

.best-flair 	{
    color: #ffffff;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
    position: absolute;
    right: 49px;
    top: -1px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: top right;
    -webkit-transform-origin: top right;
    width: auto;
    z-index: 1;
}

.best-flair:before 	{
    content: ' ';
    display: block;
    position: absolute;
    top: 2px;
    left: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 16px 0 0;
    border-color: transparent transparent transparent transparent;
    z-index: 2;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.best-flair:after 	{
    content: ' ';
    display: block;
    position: absolute;
    top: 18px;
    left: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 12px 0;
    border-color: transparent transparent transparent transparent;
    z-index: 2;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}


.section-grey {
    background: #fcfcfc; }

.post-ico-orange {
    color: #fff !important; }

.text-section {
    padding: 45px 0 40px;
    background: #fafafa;
    font-size: 18px;
}
.text-section h3 {
    padding-bottom: 0; }

.member-team-box-light .member-box {
    padding-top: 0;
    margin-top: 20px; }

.portfolio-b-item {
    float: left;
    width: 20%;
    position: relative; }
@media screen and (max-width: 1024px) {
    .portfolio-b-item {
        width: 100%;
        max-width: 380px;
        float: none;
        margin: 0 auto; } }
.portfolio-b-item img {
    max-width: 100%;
    display: block;
    height: auto;
    cursor: pointer; }

.portfolio-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.76);
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    opacity: 0; }
.portfolio-mask:hover {
    opacity: 1; }

.portfolio-mask-info {
    position: absolute;
    top: 20px;
    left: 20px; }
@media screen and (max-width: 1300px) {
    .portfolio-mask-info {
        top: 20px;
        left: 20px; } }
.portfolio-mask-info span {
    display: block;
    font-size: 11px;
    color: #424e58;
    margin-bottom: 7px; }
.portfolio-mask-info h3 {
    font-size: 16px;
    font-weight: 600; }
@media screen and (max-width: 1400px) {
    .portfolio-mask-info h3 {
        font-size: 14px; } }

.portfolio-mask-info-bottom {
    position: absolute;
    bottom: 20px;
    left: 20px; }
@media screen and (max-width: 1300px) {
    .portfolio-mask-info-bottom {
        bottom: 20px;
        left: 20px; } }
.portfolio-mask-info-bottom a {
    display: inline-block;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    background: #fff;
    color: #424e58;
    border-radius: 2px; }
.portfolio-mask-info-bottom a:hover {
    background: #a2cc55;
    color: #fff; }

.buy-container {
    background: #fcfcfc;
    padding: 30px 0; }
.buy-container .button {
    float: right;
    margin-bottom: 0;
    font-size: 16px;
    color: #949494; }
@media screen and (max-width: 1024px) {
    .buy-container .button {
        float: none;
        display: table;
        margin: 0 auto; } }
.buy-container span {
    font-size: 16px;
    color: #697279;
    padding-top: 13px;
    float: left;
    display: inline-block; }
@media screen and (max-width: 1024px) {
    .buy-container span {
        width: 100%;
        text-align: center;
        line-height: 1.3;
        margin-bottom: 20px; } }

.sub-title-italic {
    font-style: italic;
    color: #909090;
    font-size: 16px; }
.section-dark .sub-title-italic 	{
    color: rgba(255,255,255,1);
}

@media screen and (max-width: 1024px) {
    .minimal-banner .button {
        color: #fff;  }
    .minimal-banner .button:hover {
        opacity: 0.7; } }

.minimal-title:after {
    background: #000; }

.minimal-filter li a {
    color: #909090; }

.minimal-filter li {
    margin-left: 5px;
    margin-right: 5px; }

.minimal-work .g-project-info {
    background: rgba(255, 255, 255, 0.85);
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
@media screen and (max-width: 1400px) {
    .minimal-work .g-project-info {
        top: 5px;
        left: 5px;
        width: calc(100% - 10px);
        height: calc(100% - 10px); } }

.minimal-work h3 {
    color: #343434;
    font-size: 15px; }

.minimal-work .inner-cat {
    color: #697279;
    font-size: 13px; }

.minimal-team .member-position {
    font-style: italic; }

.minimal-team .member-info-box {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px); }

.minimal-team .member-text {
    text-align: left; }
.minimal-team .member-text:before {
    margin-left: 0;
    background: #dfdfdf; }

.minimal-team .member-social {
    text-align: left; }
.minimal-team .member-social a {
    color: #70777d; }
.minimal-team .member-social a:hover {
    color: #35424d; }

.minimal-team .member-info h3 {
    font-size: 13px;
    text-align: left; }

.counter-box {
    float: left;
    width: 16.6666%;
    text-align: center;
    border-right: 1px solid #e8e8e8;
    padding-top: 45px;
    padding-bottom: 45px;
    border-top: 1px solid #e8e8e8; }
.section-dark .counter-box 	{
    border-top-color: rgba(255,255,255,0.398);
    border-right-color: rgba(255,255,255,0.398);
}
@media screen and (max-width: 1024px) {
    .counter-box {
        padding-top: 35px;
        padding-bottom: 35px; } }
@media screen and (max-width: 700px) {
    .counter-box {
        width: 33.333%; } }
.counter-box:last-of-type {
    border-right: 0; }
.counter-box h3 {
    font-size: 46px;
    color: #292929;
    padding-bottom: 0;
    display: inline-block; }
.section-dark .counter-box h3 	{
    color: rgba(255,255,255,1);
}
@media screen and (max-width: 1024px) {
    .counter-box h3 {
        font-size: 30px; } }
.counter-box span {
    color: #909396;
    text-transform: uppercase;
    font-size: 11px;
    display: block; }
.section-dark .counter-box span 	{
    color: rgba(255,255,255,1);
}
@media screen and (max-width: 400px) {
    .counter-box span {
        font-size: 8px; } }

.post-row {
    max-width: 770px;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
    padding: 0 15px; }
.post-row h3:before {
    content: '';
    width: 17px;
    height: 2px;
    background: #dfdfdf;
    display: block;
    margin: 0 auto 15px; }
.post-row h3 a {
    color: #343434;
    font-size: 15px;
    line-height: 1.2; }
.section-dark .post-row h3 a 	{
    color: rgba(255,255,255,1);
}

.post-row-info {
    font-size: 11px;
    text-transform: uppercase;
    color: #6d7272;
    margin-bottom: 15px; }

.relative .container {
    position: relative;
    z-index: 1; }

.lg-title-block .minimal-title {
    color: #fff !important; }
.lg-title-block .minimal-title:after {
    background: #fff; }

.lg-title-block .sub-title-italic {
    color: #fff !important; }

.ftr-mini-social {
    margin-top: 0 !important;
    margin-bottom: 20px; }
.ftr-mini-social a:hover {
    color: #76acde; }

.black-section {
    background: #000; }

.black-ftr {
    background: #000 !important; }
.black-ftr .copy-row {
    border: none;
    padding-top: 0; }

.black-form input, .black-form textarea {
    background: #000;
    border-color: #393939;
    color: #afafaf; }
.black-form input::-webkit-input-placeholder, .black-form textarea::-webkit-input-placeholder {
    color: #afafaf; }
.black-form input::-moz-placeholder, .black-form textarea::-moz-placeholder {
    color: #afafaf; }
.black-form input:-moz-placeholder, .black-form textarea:-moz-placeholder {
    color: #afafaf; }
.black-form input:-ms-input-placeholder, .black-form textarea:-ms-input-placeholder {
    color: #afafaf; }

.black-form .p-submit {
    background: #292929;
    color: #fff; }

.minimal-header {
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    z-index: 999; }

.minimal-header.fixed 	{
    background: none;
}

.minimal-logo {
    float: left; }

.open-minimal-menu {
    float: right;
    color: #000;
    margin-top: 5px; }

.minimal-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.87);
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
.minimal-nav.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

/*.col-md-3:not(.pull-right) .menu,*/
header .menu {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    text-align: center;
    overflow-y: auto; }
/*.col-md-3:not(.pull-right) .menu li,*/
header .menu li {
    margin: 9px 0;
    list-style: none;
    padding: 9px 0; }
@media screen and (max-width: 1024px) {
    /*.col-md-3:not(.pull-right) .menu li,*/
    header .menu li {
        margin: 6px 0;
        padding: 6px 0; } }
/*.col-md-3:not(.pull-right) .menu li a,*/
header .menu li a {
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff; }

.widget_rss 	{
    line-height: 26px;
}

.close-mini-menu {
    width: 35px;
    height: 35px;
    border-radius: 2px;
    border: 2px solid #494949;
    text-align: center;
    color: #fff;
    line-height: 32px;
    display: inline-block;
    float: right;
    margin-top: 26px; }

@media screen and (max-width: 1024px) {
    .minimal-bg {
        background-position: 50% -34px; } }

.build-slider .arrow-type-1 {
    background: transparent;
    color: #fff; }
@media screen and (max-width: 1400px) {
    .build-slider .arrow-type-1 {
        display: none; } }

.build-slider .container {
    position: relative;
    height: 600px;
    min-height: 0; }
@media screen and (max-width: 1500px) {
    .build-slider .container {
        height: 600px; } }
@media screen and (max-width: 1024px) {
    .build-slider .container {
        height: auto; } }

@media screen and (max-width: 1400px) {
    .build-slider .pagination {
        display: block; } }

.build-slider .button-row {
    text-align: left; }
@media screen and (max-width: 1024px) {
    .build-slider .button-row {
        text-align: center; } }
.build-slider .button-row a {
    border-radius: 40px !important; }

.build-slider .button-row a.button-type-4:hover {
    background: #fff;
    border-color: #fff; }

.banner-type-left .container {
    position: relative;
    height: 780px;
    min-height: 0; }
@media screen and (max-width: 1500px) {
    .banner-type-left .container {
        height: 600px; } }
@media screen and (max-width: 1024px) {
    .banner-type-left .container {
        height: auto; } }

.banner-type-left .button-row {
    text-align: left; }
@media screen and (max-width: 1024px) {
    .banner-type-left .button-row {
        text-align: center; } }

@media screen and (min-width: 1025px) {
    .center-left {
        text-align: left;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); } }

.container-front {
    position: relative;
    z-index: 1; }

.white-section {
    position: relative; }
.white-section .middle-title, .white-section p, .white-section .sub-title, .white-section .title {
    color: #fff; }
.white-section p {
    color: #e3e3e3; }

.build-box {
    width: 100%;
    margin-bottom: 30px; }
.build-box .portfolio-mask {
    background: rgba(0, 0, 0, 0.45); }
.build-box span, .build-box h3 {
    color: #fff; }
.build-box h3 {
    font-weight: 500; }
.build-box .btn-view {
    display: inline-block;
    height: auto;
    width: auto;
    color: #fff;
    border-radius: 30px;
    padding: 11px 17px;
    border: 2px solid #fff;
    background: transparent;
    line-height: 1;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600; }

.build-box img {
    width: 100%; }

.build-filter li a {
    padding-bottom: 3px;
    border-bottom: 1px solid transparent; }

.build-team {
    text-align: center; }

.b-social-team a {
    color: #8d8d8d;
    margin: 0 5px; }

.build-counter {
    overflow: hidden; }
.build-counter .counter-box {
    border: none;
    position: relative; }
.build-counter .counter-box:after {
    content: '';
    position: absolute;
    right: -1px;
    top: 50%;
    width: 1px;
    background: #e8e8e8;
    height: 66px;
    margin-top: -33px; }

.build-counter.section-dark .counter-box:after 	{
    background: rgba(255,255,255,0.398);
}

.build-btn {
    border-width: 2px;
    border-radius: 30px;
    width: 350px; }
@media screen and (max-width: 481px) {
    .build-btn {
        width: auto; } }

.sign-build {
    max-width: 770px;
    margin: 0 auto; }

.sb-email {
    max-width: 613px;
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    border: 2px solid #f0f0f0;
    border-radius: 30px;
    padding: 0 20px;
    font-size: 13px;
    color: #aeaeae; }
@media screen and (max-width: 1024px) {
    .sb-email {
        max-width: 100%;
        float: none; } }

.sb-submit {
    width: 150px;
    text-transform: uppercase;
    float: right;
    color: #fff;
    line-height: 37px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600; }
.sb-submit:hover {
    opacity: 0.8; }
@media screen and (max-width: 1024px) {
    .sb-submit {
        margin: 20px auto 0;
        float: none;
        display: table; } }

.ftr-logo {
    margin-bottom: 12px;
    display: inline-block; }

.widget_text {
    color: #ddd;
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 20px;
}

.section--map 	{
    border-bottom: none;
}

.build-contact-us input, .build-contact-us textarea {
    border-radius: 15px !important; }

.build-contact-us .submit {
    background: transparent !important;
    padding-bottom: 10px;
    height: 34px;
    border-radius: 30px !important; }

.info-section-build .overlay {
    background: rgba(248, 185, 52, 0.88); }

.info-section-build .title {
    color: #162532; }
.info-section-build.section-dark .title 	{
    color: rgba(255,255,255,1);
}
.info-section-build .title:after {
    background: #697279; }

.info-section-build.section-dark .title:after {
    background-color: rgba(255,255,255,1);
}
.info-section-build .author {
    color: #fff; }
.info-section-build.section-dark .author {
    color: rgba(255,255,255,0.398); }

.info-section-build .testimonials {
    font-style: italic;
    color: #000; }
.info-section-build.section-dark .testimonials 	{
    color: rgba(255,255,255,1);
}

.info-section-build .title-block {
    margin-bottom: 0; }

.info-section-build .author-ava {
    display: table;
    margin: 20px auto 10px; }

.info-section-build .arrow-type-1 {
    font-size: 30px; }

.landing-header .logo {
    margin-top: 0; }
@media screen and (max-width: 1024px) {
    .landing-header .logo {
        margin-top: 0; } }

@media screen and (max-width: 1024px) {
    .landing-header .info-panel {
        padding-top: 0; }
    /*.landing-header .logo-light {
            display: none !important; */}
/*.landing-header .logo-dark {
        display: block !important; } */}

.build-line {
    background: #d2d2d2;
    position: relative;
    height: 3px; }
.build-line:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 3px; }

.title-medical .title, .title-medical .appo-title {
    color: #343639;
    text-transform: none;
    font-weight: 500; }
.section-dark .title-medical .title 	{
    color: rgba(255,255,255,1);
}
.medical-col {
    text-align: center; }
.medical-col img {
    margin-bottom: 15px; }

.medical-h3 {
    font-size: 18px;
    color: #343639;
    font-weight: 600;
    text-transform: none; }
.medical-h3 a {
    font-size: 18px;
    color: #343639;
    font-weight: 600; }

.blue-section {
    background: #f7fbfc; }

@media screen and (max-width: 1024px) {
    .personal-col {
        margin-bottom: 15px; } }

.personal-col .member-team-box {
    background: #fff;
    padding-bottom: 25px; }
.section-dark .personal-col .member-team-box 	{
    background: #222222;
}
.personal-col p {
    padding-left: 15px;
    padding-right: 15px; }

.personal-col span {
    text-transform: uppercase;
    font-size: 10px; }

.personal-col .member-name {
    font-size: 17px;
    color: #343639;
    font-weight: 600;
    text-transform: none; }

.section-dark .personal-col .member-name 	{
    color: rgba(255,255,255,1);
}

.medical-info-section .overlay {
    background: rgba(118, 172, 222, 0.9); }

.medical-info-section .info-title {
    font-size: 36px;
    font-weight: 400;
    text-transform: none; }

.medical-info-section .info-sub-title {
    font-size: 16px;
    text-transform: none;
    margin-bottom: 25px; }

.medical-patient {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    color: #ffffff;
    padding: 16px 18px; }
.medical-patient:hover {
    opacity: 0.7;
    color: #fff; }

.medical-news .l-post-title {
    margin-top: 10px;
    padding-bottom: 10px; }
.medical-news .l-post-title a {
    font-size: 16px;
    color: #343639;
    text-transform: none;
    font-weight: 600; }

.section-dark .medical-news .l-post-title a 	{
    color: rgba(255,255,255,1);
}

.medical-news p {
    font-size: 14px; }

.medical-news .l-post-info {
    margin-top: 15px; }
.medical-news .l-post-info a {
    text-transform: none; }

.medical-news .latest-post {
    max-width: 262px;
    margin: 0 auto; }

.read {
    display: inline-block;
    border: 2px solid #e6ecee;
    padding: 0 19px;
    height: 35px;
    line-height: 31px;
    border-radius: 20px;
    color: #848b8d;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 20px; }
@media screen and (max-width: 767px) {
    .read {
        margin-bottom: 30px; } }
.read:hover {
    color: #fff; }

.medical-testimonials .author {
    text-transform: none;
    font-size: 14px;
    font-weight: 500; }

.medical-testimonials .arrow-type-1 {
    font-size: 30px;
    color: #000; }

.section-dark .medical-testimonials .arrow-type-1 	{
    color: rgba(255,255,255,1);
}

.medical-copy-row {
    background: #f7fbfc !important; }

.medical-form label {
    color: #afb2b7;
    font-size: 12px;
    margin-bottom: 10px; }

.medical-form input, .medical-form textarea {
    border: 2px solid #484b4f !important;
    background: #343639 !important; }

.medical-form .submit {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    border: none !important;
    padding: 16px 18px;
    height: auto;
    line-height: 1; }
.medical-form .submit:hover {
    opacity: 0.7;
    color: #fff; }

.footer.medical-footer {
    background: #343639; }
.footer.medical-footer p, .footer.medical-footer .widget_recent_entries li a, .footer.medical-footer .ftr-list span, .footer.medical-footer .ftr-list a {
    color: #afb2b7; }

.blocks {
    position: relative;
    z-index: 545;
    margin-top: -10px; }

.block {
    padding: 1px;
    float: left;
    width: 25%; }
@media screen and (max-width: 1024px) {
    .block {
        width: 50%; } }
@media screen and (max-width: 767px) {
    .block {
        width: 100%; } }


.block-inner * 	{
    position: relative;
}
.block-inner {
    padding: 70px 18px 5px;
    position: relative;
    border-radius: 3px; }
.block-inner img {
    position: absolute;
    left: 18px;
    top: 25px; }
.block-inner h3 {
    font-size: 20px;
    text-transform: none;
    color: #fff; }
.block-inner p {
    color: #fff; }
.block-inner .read {
    color: #fff; }

.section--medical-service-boxes .block:nth-of-type(1) .block-inner::before,
.section--medical-service-boxes .block:nth-of-type(2) .block-inner::before,
.section--medical-service-boxes .block:nth-of-type(3) .block-inner::before,
.section--medical-service-boxes .block:nth-of-type(4) .block-inner::before,
.section--medical-service-boxes .block:nth-of-type(5) .block-inner::before {
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.section--medical-service-boxes .block:nth-of-type(1) .block-inner::before {
    background: rgba(255, 255, 255, 0.08);
}
.section--medical-service-boxes .block:nth-of-type(2) .block-inner::before {
    background: rgba(255, 255, 255, 0.16);
}
.section--medical-service-boxes .block:nth-of-type(3) .block-inner::before {
    background: rgba(255, 255, 255, 0.24);
}
.section--medical-service-boxes .block:nth-of-type(4) .block-inner::before {
    background: rgba(255, 255, 255, 0.32);
}
.section--medical-service-boxes .block:nth-of-type(5) .block-inner::before {
    background: rgba(255, 255, 255, 0.40);
}

/*.medical-header {
        border: 1px solid #f1f1f1; }*/
/*.medical-header .logo {
        margin-top: 5px; }*/
@media screen and (max-width: 1024px) {
    .medical-header {
        margin-top: 0; }
    /*.medical-header .info-panel {
            margin-top: 8px; } */
}
.medical-banner .swiper-arrow-left {
    left: 0;
    border-radius: 0; }
@media screen and (max-width: 1250px) {
    .medical-banner .swiper-arrow-left {
        display: none; } }

.medical-banner .swiper-arrow-right {
    right: 0;
    border-radius: 0; }
@media screen and (max-width: 1250px) {
    .medical-banner .swiper-arrow-right {
        display: none; } }

.medical-banner .pagination {
    display: block; }

.medical-banner .slide-title {
    color: #343639;
    text-transform: none;
    font-size: 37px; }
@media screen and (max-width: 767px) {
    .medical-banner .slide-title {
        font-size: 32px; } }

.medical-banner .slider-sub-title {
    color: #343639; }

.medical-banner .overlay {
    background: rgba(255, 255, 255, 0.6);
    display: none; }
@media screen and (max-width: 1024px) {
    .medical-banner .overlay {
        display: block; } }

.medical-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    z-index: -1;
    overflow-y: auto;
    visibility: hidden; opacity: 0; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;}
.medical-popup.act {z-index: 9999999; opacity: 1; visibility: visible;}
.medical-popup-container {
    padding: 50px 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1170px;
    width: 100%; }
@media screen and (max-width: 1024px) {
    .medical-popup-container {
        top: 320px;
    }
}

.medical-popup-box {
    padding: 60px 40px;
    background: #fff;
    border-radius: 3px;
    position: relative; }
@media screen and (max-width: 600px) {
    .medical-popup-box {
        padding: 30px 15px; } }

.close-medical {
    position: absolute;
    cursor: pointer;
    right: 15px;
    top: 15px;
    color: #ed6244;
    z-index: 50;}

.medical--form, .appo-medical--form {
    text-align: center; }
.medical--form input[type=text], .medical--form input[type=email], .medical--form textarea {
    width: 100%;
    margin-bottom: 30px;
    border: 2px solid #e8e8e8;
    border-radius: 3px;
    height: 38px;
    line-height: 38px;
    padding: 10px;
    padding-right: 10px;
    font-size: 13px; }
.appo-medical--form  input[type=text], .appo-medical--form  input[type=email], .appo-medical--form textarea {
    width: 100%;
    color: #333;
    margin-bottom: 30px;
    border: 2px solid #e8e8e8;
    border-radius: 3px;
    height: 38px;
    line-height: 38px;
    padding: 10px;
    padding-right: 10px;
    font-size: 13px; }
.medical--form textarea, .appo-medical--form textarea {
    height: 100px;
    line-height: 1.2; }
.medical--form input[type=submit], .appo-medical--form input[type=submit] {
    color: #fff;
    border: none; }

.travel-banner .overlay {
    background: rgba(0, 0, 0, 0.5); }

.travel-banner .center {
    max-width: 830px; }

.travel-banner a {
    border-radius: 30px;
    padding-left: 33px;
    padding-right: 33px; }

.travel-banner .button-type-4:hover {
    background: #fff;
    border-color: #fff; }

.travel-banner .scroll-to {
    border-color: #fff; }

.title-travel .title {
    color: #000; }
.section-dark .title-travel .title 	{
    color: rgba(255,255,255,1);
}
.title-travel .title:after {
    background: #dfdfdf; }
.section-dark .title-travel .title:after {
    background-color: rgba(255,255,255,1); }

.title-travel .sub-title {
    font-size: 15px;
    color: #8d8d8d; }

.section-dark .title-travel .sub-title 	{
    color: rgba(255,255,255,1);
}

.travel-info-section .info-title {
    font-size: 24px; }

.travel-info-section .info-sub-title {
    max-width: 800px;
    margin: 15px auto;
    line-height: 25px;
    text-transform: none;
    font-size: 16px; }

.travel-info-section .overlay {
    background: rgba(0, 0, 0, 0.6); }

.travel-btn {
    border-radius: 30px;
    padding-left: 33px;
    padding-right: 33px; }
.travel-btn:hover {
    background: #fff;
    border-color: #fff; }

.travel-tour h3 {
    margin-top: 0; }

.travel-tour .travel {
    text-transform: uppercase;
    display: block;
    margin-top: 24px;
    margin-bottom: 13px;
    font-size: 11px; }

.travel-tour .read {
    position: absolute;
    right: 15px;
    bottom: -30px;
    border-color: #f2efea; }
@media screen and (max-width: 1024px) {
    .travel-tour .read {
        position: relative;
        top: 0;
        bottom: 0;
        margin-top: 10px; } }
@media screen and (max-width: 767px) {
    .travel-tour .read {
        margin-left: 15px; } }

.travel-tour .about-col {
    margin-bottom: 50px; }

.price-tour {
    color: #7b7b7b;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 10px; }
.price-tour span {
    font-size: 17px; }

.show-tour {
    border-radius: 30px;
    border: 2px solid #f2efea; }

.t-gray-section {
    background: #faf8f5; }

.travel-team .member-position {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500; }

.travel-info-section.info-section-light .info-title {
    margin-bottom: 25px; }

.travel-info-section.info-section-light .author {
    font-weight: 500; }

.buy-container-travel .button {
    font-size: 12px;
    color: #fff; }

.travel-news .l-post-title {
    margin-top: 10px;
    padding-bottom: 10px; }
.travel-news .l-post-title:after {
    content: '';
    width: 18px;
    height: 2px;
    background: #dfdfdf;
    display: block;
    margin-top: 15px; }

.travel-news .l-post-info {
    margin-top: 15px;
    display: inline-block; }
.travel-news .l-post-info a {
    text-transform: uppercase; }

.map-container-type-6 .map-canvas {
    height: 300px !important; }

.contact-section .title-block {
    margin-bottom: 20px; }

.contact-section .title {
    font-size: 19px; }
.contact-section .title:after {
    margin-left: 0; }

.contact-section .sub-title, .contact-section .title {
    text-align: left;
    margin-left: 0; }

.contact-section a, .contact-section span {
    color: #8c8c8c !important; }

.contact-section i {
    color: #6c7171 !important; }

.contact-section .contact-us {
    margin-top: 28px; }
.contact-section .contact-us input, .contact-section .contact-us textarea {
    background: transparent;
    border: 2px solid #dfdfdf;
    margin-bottom: 20px; }
.section-white.contact-section .contact-us input:not(.submit), .section-white.contact-section .contact-us textarea 	{
    color: #888b92;
}
.contact-section .contact-us textarea {
    height: 123px; }
.contact-section .contact-us input[type=submit] {
    border-radius: 30px;
    padding-left: 33px;
    padding-right: 33px;
    border: none;
    height: 42px;
    line-height: 42px; }
.contact-section .contact-us input[type=submit]:hover {
    color: #fff;
    opacity: 0.7; }

@media screen and (max-width: 767px) {
    .contact-section .ftr-social {
        margin-bottom: 30px; } }

@media screen and (max-width: 767px) {
    .travel-tables .pricing-tab {
        max-width: 358px;
        margin: 0 auto 30px; } }

.travel-tables img {
    display: block;
    height: auto;
    max-width: 100%; }

.travel-tables .package {
    font-size: 15px;
    padding: 28px 0 27px; }
.travel-tables .package span {
    font-style: normal;
    font-size: 12px;
    color: #7b7b7b; }

.travel-tables .advantage-package {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px; }
.travel-tables .advantage-package li {
    border-top: 0;
    border-bottom: 1px solid #e8e8e8; }

.travel-tables .pricing-tab:hover .package {
    background: transparent;
}

.travel-tables .price-package {
    border: none;
    font-size: 33px;
    padding-top: 30px;
    padding-bottom: 0; }

.travel-tables .buy-package {
    border: none; }
.travel-tables .buy-package .button {
    border-radius: 30px; }

.travel-tables .best-travel {
    position: relative; }
.travel-tables .best-travel:after {
    content: '';
    position: absolute;
    right: 18px;
    top: -1px;
    width: 25px;
    height: 53px;
    background: url("img/best2.png"); }
@media screen and (max-width: 1024px) {
    .travel-tables .best-travel:after {
        right: 0; } }
.travel-tables .best-travel .button {
    color: #fff; }

.gym-slider .arrow-type-1 {
    background: transparent;
    color: #fff; }

.gym-slider .button-type-4:hover {
    color: #fff;
    opacity: 0.8; }

.block-gym {
    overflow: hidden;
    background-size: cover !important;
    background-position: center;
    padding-left: 0;
    padding-top: 43px;
    padding-bottom: 40px; }
.block-gym h3 {
    background: #000;
    display: inline-block;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    padding-bottom: 0;
    margin-left: -10px;
    padding-top: 0;
    position: relative;
    margin-bottom: 15px; }
.block-gym h3:hover a {
    color: #fff; }
.block-gym h3:after {
    content: '';
    height: 39px;
    width: 3px;
    display: inline-block;
    position: absolute;
    right: -5px;
    top: 0; }
.block-gym h3 a {
    font-size: 15px;
    text-transform: uppercase;
    padding: 11px 30px 10px 29px;
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg); }
.block-gym p {
    padding-left: 19px;
    padding-bottom: 15px; }

.gym-price {
    color: #fff;
    padding-left: 19px;
    font-size: 13px;
}
.gym-price span {
    font-size: 22px; }

.gym-info h3 {
    font-size: 15px; }

.title-gym .title {
    color: #000; }
.section-dark .title-gym .title 	{
    color: rgba(255,255,255,1);
}

.title-gym .sub-title {
    color: #777b80; }

.class-col .about-link {
    position: relative;
    display: block; }
.class-col .about-link img {
    width: 100%; }
.class-col .about-link:hover .lesson-price {
    color: #fff; }

.lesson-price {
    position: absolute;
    left: 0;
    bottom: 18px;
    font-size: 10px;
    background: #000;
    display: inline-block;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    padding: 7px 20px 7px 28px;
    margin-left: -20px; }
.lesson-price:after {
    content: '';
    height: 29px;
    width: 3px;
    display: inline-block;
    position: absolute;
    right: -5px;
    top: 0; }
.lesson-price span {
    font-size: 15px; }

.lesson-price-inner {
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg); }

.gym-btn:hover {
    opacity: 0.8;
    color: #fff; }

.trainers .member-position {
    text-transform: uppercase;
    font-size: 10px;
}

.g-grey-section {
    background: #fafafa; }

.photo-sport .portfolio-navi {
    color: #000; }
@media screen and (max-width: 1024px) {
    .photo-sport .portfolio-navi {
        top: 0; } }

.photo-sport .portfolio-prev {
    left: 20px; }
@media screen and (max-width: 1024px) {
    .photo-sport .portfolio-prev {
        left: auto; } }

.sport-news .l-post-title {
    margin-top: 20px; }

.sport-news .l-post-info {
    margin-top: 0;
    margin-bottom: 10px; }
.sport-news .l-post-info i {
    margin-right: 5px; }

.sport-news .col-sm-6 {
    margin-bottom: 30px; }

.travel-info-section .arrow-type-1 {
    font-size: 32px; }

.gym-contact span {
    border: none; }

.social-bottom {
    margin-top: 50px;
    background: #fff;
    padding-top: 28px;
    padding-bottom: 26px; }
.social-bottom a {
    color: #8e8e8e; }
.social-bottom .ftr-social {
    display: table;
    margin: 0 auto; }

.footer.footer-mini-type-3 {
    padding-bottom: 0; }

/*.gym-header .logo {
        margin-top: 12px; }*/
@media screen and (max-width: 1024px) {
    /*.gym-header .logo {
            margin-top: 5px; }*/ }

@media screen and (max-width: 1024px) {
    .gym-header .info-panel {
        /*padding-top: 2px;*/ } }

.head-panel {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #171717; }
@media screen and (max-width: 1024px) {
    .head-panel {
        display: none; } }
.head-panel .ftr-social {
    float: right;
    padding-top: 0;
    margin-top: 0; }
.head-panel .ftr-social a {
    color: #fff; }
.head-panel .ftr-social a:last-of-type {
    margin-right: 0; }

.sport-info-link {
    float: left; }
.sport-info-link a {
    float: left;
    display: inline-block;
    font-size: 13px;
    margin-right: 35px; }
.sport-info-link a i {
    margin-right: 5px; }

.kids-banner {
    background: #fcfcfc; }
.kids-banner .slide-title {
    color: #343639;
    text-transform: none;
    font-size: 58px;
    line-height: 1; }
@media screen and (max-width: 767px) {
    .kids-banner .slide-title {
        font-size: 42px; } }
.kids-banner .slider-sub-title {
    color: #5b5e64; }

.kids-btn {
    border-radius: 30px; }
.kids-btn:hover {
    color: #fff;
    opacity: 0.8; }

.title-kids .title {
    color: #343639;
    font-size: 39px;
    text-transform: none; }

.kids-info h3 {
    text-transform: none; }

.kids-section {
    position: relative; }
.kids-section .info-sub-title {
    color: #fff; }
.kids-section .info-title {
    font-size: 47px;}
.kids-section:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 7px;
    background: url("img/bg-bottom.png") repeat-x;
    z-index: 11; }
.kids-section:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: url("img/bg-top.png") repeat-x;
    z-index: 55; }

.kids-panel {
    background: #8bbf91; }

.teacher .b-social-team a {
    width: 30px;
    height: 30px;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    line-height: 28px;
    font-size: 14px; }
.teacher .b-social-team a:hover {
    color: #fff; }

.k-blue-section {
    position: relative;
    /*background: #f5f9f9;*/
}
.k-blue-section:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 7px;
    background: url("img/bg-bottom.png") repeat-x;
    z-index: 11; }
.k-blue-section .g-cat {
    color: #fff; }
.k-blue-section .g-cat:after {
    content: none; }
.k-blue-section .gallery-box img {
    width: 100%; }
.k-blue-section h3 {
    font-weight: 500; }
.k-blue-section .circle-ic {
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 10px;
    line-height: 36px;
    color: #fff; }

.k-testimonials:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: url("img/bg-top.png") repeat-x;
    z-index: 55; }

.k-testimonials .arrow-type-1 {
    font-size: 32px;
    color: #8c8c8c; }

.k-testimonials .author {
    font-size: 18px;
    color: #8c8c8c;
    text-transform: none;
    font-weight: 400; }

.kids-package {
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    text-align: center; }
@media screen and (max-width: 767px) {
    .kids-package {
        max-width: 360px;
        margin: 0 auto 30px; } }

.k-pack-plan {
    padding: 34px 0;
    background: #93cde2;
    text-align: center;
    border-radius: 5px 5px 150px 150px/5px 5px 30px 30px; }

.k-pack-name {
    margin-bottom: 14px;
    font-size: 14px;
    color: #fff;
}

.k-pack-price {
    font-size: 40px;
    color: #fff;
}
.k-pack-price span {
    display: block;
    font-size: 14px;
    margin-top: 14px; }


.k-pack-plan-list {
    margin-top: 34px; }
.k-pack-plan-list li {
    font-size: 14px;
    color: #8c8c8c;
    margin-bottom: 30px;
    list-style: none; }

.kid-sign {
    border: 2px solid #93cde2;
    display: inline-block;
    color: #93cde2;
    text-transform: uppercase;
    border-radius: 30px;
    margin: 3px 0 39px;
    font-size: 12px;
    font-weight: 600;
    padding: 15px 27px 14px; }
.kid-sign:hover {
    background: #93cde2;
    color: #fff !important; }

.kids-package2 .k-pack-plan {
    background: #8bbf91; }

.kids-package2 .kid-sign {
    border-color: #8bbf91;
    color: #8bbf91; }
.kids-package2 .kid-sign:hover {
    background: #8bbf91; }

.kids-package3 .k-pack-plan {
    background: #eebd4f; }

.kids-package3 .kid-sign {
    border-color: #eebd4f;
    color: #eebd4f; }
.kids-package3 .kid-sign:hover {
    background: #eebd4f; }

.child-counter.time-line-light .count-box:before {
    content: none; }

.kids-news .latest-post {
    max-width: 360px; }

.kids-news .latest-post-link {
    display: block; }
.kids-news .latest-post-link img {
    width: 100%; }

.contact-kids .p-input {
    border-radius: 30px;
    padding-left: 20px;
    height: 37px;
    line-height: 37px;
    border-width: 2px; }

.contact-kids .p-textarea {
    border-width: 2px;
    border-radius: 20px;
    resize: none; }

.kids-contact span {
    color: #ebbb4e; }

.footer-mini a:last-of-type {
    margin-right: 0; }

.kids-footer {
    background: #495052 !important;
    padding-bottom: 35px !important; }
.kids-footer .ftr-social {
    margin-top: 20px !important; }

.color {
    height: 3px;
    background: #93cde2;
    float: left;
    width: 11.1111%; }
.color:nth-of-type(2) {
    background: #8bbf91; }
.color:nth-of-type(3) {
    background: #eebd4f; }
.color:nth-of-type(4) {
    background: #bb5592; }
.color:nth-of-type(5) {
    background: #adbf5d; }
.color:nth-of-type(6) {
    background: #e99c63; }
.color:nth-of-type(7) {
    background: #d25056; }
.color:nth-of-type(8) {
    background: #8bbf91; }
.color:nth-of-type(9) {
    background: #f17c7f; }

.kids-header {
    border-bottom: 1px solid #f1f1f1; }
.kids-header .info-panel {
    display: none; }
@media screen and (max-width: 1024px) {
    .kids-header .info-panel {
        display: block; } }
@media screen and (min-width: 1025px) {
    .kids-header .nav > ul > li:before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        position: relative;
        display: inline-block;
        background: #93cde2;
        margin-right: 10px;
        top: -2px; }
    .kids-header .nav > ul > li.active > a, .kids-header .nav > ul > li > a:hover {
        color: #93cde2; }
    .kids-header .nav > ul > li:nth-of-type(2):before {
        background: #f17c7f; }
    .kids-header .nav > ul > li:nth-of-type(2).active > a, .kids-header .nav > ul > li:nth-of-type(2) > a:hover {
        color: #f17c7f; }
    .kids-header .nav > ul > li:nth-of-type(3):before {
        background: #adbf5d; }
    .kids-header .nav > ul > li:nth-of-type(3).active > a, .kids-header .nav > ul > li:nth-of-type(3) > a:hover {
        color: #adbf5d; }
    .kids-header .nav > ul > li:nth-of-type(4):before {
        background: #fce289; }
    .kids-header .nav > ul > li:nth-of-type(4).active > a, .kids-header .nav > ul > li:nth-of-type(4) > a:hover {
        color: #fce289; }
    .kids-header .nav > ul > li:nth-of-type(5):before {
        background: #bb5592; }
    .kids-header .nav > ul > li:nth-of-type(5).active > a, .kids-header .nav > ul > li:nth-of-type(5) > a:hover {
        color: #bb5592; }
    .kids-header .nav > ul > li:nth-of-type(6):before {
        background: #e99c63; }
    .kids-header .nav > ul > li:nth-of-type(6).active > a, .kids-header .nav > ul > li:nth-of-type(6) > a:hover {
        color: #e99c63; }
    .kids-header .nav > ul > li:nth-of-type(7):before {
        background: #b60109; }
    .kids-header .nav > ul > li:nth-of-type(7).active > a, .kids-header .nav > ul > li:nth-of-type(7) > a:hover {
        color: #b60109; }
    .kids-header .nav > ul > li:nth-of-type(8):before {
        background: #8968a2; }
    .kids-header .nav > ul > li:nth-of-type(8).active > a, .kids-header .nav > ul > li:nth-of-type(8) > a:hover {
        color: #8968a2; } }

.kids-panel {
    padding: 10px 0; }
@media screen and (max-width: 1024px) {
    .kids-panel {
        display: none; } }
.kids-panel p {
    color: #fff;
    padding-bottom: 0; }

.welcome {
    float: left; }

.kids-info {
    float: right; }

.footer-type3 .ftr-list span, .footer-type3 .widget_recent_entries a {
    line-height: 24px; }

@media screen and (max-width: 767px) {
    .footer-type3 .col-sm-3 {
        margin-bottom: 20px; } }


.dark-header .info-panel .shop_top_button .cart-contents 	{
    color: #ffffff;
}



.travel-enjoy {
    position: absolute;
    width: 200px;
    color: #fff;
    font-size: 12px;
    top: -28px;
    left: -100px;
    text-align: center; }

/* ============================================================
   . PAGE HOME
/* ============================================================ */
.progress_mod .progress-name {
    font-size: 11px; }

.progress_mod .progress-line {
    margin-bottom: 18px; }

.services-icon-style-red span {
    padding-bottom: 30px; }

.info-title {
    font-size: 32px;
    color: #000;
    text-transform: uppercase; }
.section-dark .info-title 	{
    color: rgba(255,255,255,1);
}
@media screen and (max-width: 1024px) {
    .info-title {
        font-size: 22px; } }

.info-sub-title {
    display: block;
    text-transform: uppercase;
    color: #888888;
    font-size: 11px;
    margin-top: 12px; }

.section-dark .info-sub-title 	{
    color: rgba(255,255,255,1);
}

.slogan {
    display: block;
    font-style: italic;
    text-transform: uppercase;
    font-size: 12px;
    margin: 10px 0;
    color: #dddddd; }

.icon-style {
    position: relative; }

.icon-style-4 {
    margin-bottom: 20px;
    padding-left: 80px; }
.icon-style-4 span {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    left: 0;
    top: 4px;
    color: #c4c4c4; }
.icon-style-4 h3:after {
    content: none; }
@media screen and (max-width: 1024px) {
    .icon-style-4 {
        margin-bottom: 0; } }

.icon-style-5 {
    margin-bottom: 20px; }
.icon-style-5 span {
    /*color: #dc3c4b;*/ }
.icon-style-5 h3:after {
    content: none; }

.icon-style-6 {
    margin-bottom: 20px;
    padding-left: 80px; }
.icon-style-6 span {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    left: 0;
    top: 4px;
    /*color: #dc3c4b;*/ }
@media screen and (max-width: 767px) {
    .icon-style-6 span {
        left: 10px; } }

.style-right {
    text-align: right !important;
    padding-right: 68px;
    padding-left: 0; }
.style-right span {
    position: absolute;
    left: auto;
    top: 0;
    right: 18px; }

@media screen and (max-width: 767px) {
    .m-center {
        text-align: center; }
    .m-center img {
        display: inline-block; } }

.row-services .icon-style {
    margin-bottom: 22px; }

.title-info {
    text-align: center;
    font-size: 19px;
    margin-top: 45px; }

.title-info-upper {
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 45px; }
@media screen and (max-width: 1024px) {
    .title-info-upper {
        font-size: 14px; } }

.map-container 	{
    line-height: 24px;
}

.map-container .map-canvas {
    height: 240px; }

.map-container-type-2 .map-canvas {
    height: 160px; }

.map-container-type-4 .map-canvas {
    height: 370px; }

.map-title {
    text-transform: uppercase;
    font-size: 19px;
    color: #162532;
    padding: 45px 15px;
    line-height: 1.2;}

.section-dark .map-title 	{
    background: #222222;
    color: rgba(255,255,255,0.398);
}

.p-input:nth-of-type(odd) {
    margin-right: 2%; }

.p-input:nth-of-type(even) {
    margin-left: 2%; }

.p-input, .p-textarea {
    width: 48%;
    height: 46px;
    line-height: 46px;
    float: left;
    margin-bottom: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    font-size: 12px;
    color: #888b92;
    padding: 0 12px; }

.section-dark .p-input, .section-dark .p-textarea 	{
    border: 1px solid transparent;
    background: #222222;
}

.p-input::-webkit-input-placeholder, .p-textarea::-webkit-input-placeholder {
    color: #888b92; }
.p-input::-moz-placeholder, .p-textarea::-moz-placeholder {
    color: #888b92; }
.p-input:-moz-placeholder, .p-textarea:-moz-placeholder {
    color: #888b92; }
.p-input:-ms-input-placeholder, .p-textarea:-ms-input-placeholder {
    color: #888b92; }
@media screen and (max-width: 767px) {
    .p-input, .p-textarea {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%; } }

.p-textarea {
    width: 100%;
    height: 124px; }

.p-submit {
    width: 100%;
    border: none;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 0; }
@media screen and (max-width: 767px) {
    .p-submit {
        padding: 16px 0; } }
.p-submit:hover {
    background: #000; }

.process-num {
    font-size: 15px !important;
    margin-bottom: 0 !important; }

.contact-line {
    margin-bottom: 35px; }

.c-info {
    font-size: 14px;
    line-height: 1.5;
    color: #8c8c8c; }
.c-info a {
    font-size: 14px;
    line-height: 1.5;
    color: #8c8c8c;
    display: inline-block;
    margin-right: 15px; }

.page-form-type2 .p-input, .page-form-type2 textarea {
    background: #f7f7f7 !important;
    border-color: #f7f7f7; }

.page-form-type2 .p-submit {
    width: auto;
    padding-left: 27px;
    padding-right: 27px; }

.addresses-block {
    display: none; }

.pagination-white span:hover {
    background: #fff; }

.post-l-ico {
    color: #fff !important; }

.nav .menu-item-has-children:hover > .sub-menu .sub-menu {
    left: 100% !important;
    margin: -31px 0 0 0;
}

/* ============================================================
   10. BLOG STYLE
/* ============================================================ */
.main-blog {
    margin: 90px 0; }
@media screen and (max-width: 767px) {
    .main-blog {
        margin: 60px 0; } }

.posts {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px; }

.post {
    margin-bottom: 30px; }
.post .sl-post-prev, .post .sl-post-next {
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    display: block !important; }

.post-img-link {
    overflow: hidden;
    margin-bottom: 28px;
    display: block; }
.post-img-link img {
    max-width: 100%;
    display: block;
    height: auto;
    -webkit-transition: -webkit-transform 3s ease;
    transition: transform 3s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
.post-img-link:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }

.post-info {
    padding-left: 40px;
    position: relative; }

.post-info .post-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    border-right: 1px solid #e6e6e6;
    padding-top: 1px;
    height: 48px;
    font-size: 18px;
}
.post-info .post-date span {
    text-transform: uppercase;
    display: block;
    font-size: 11px;
    margin-top: 5px; }

.post-content {
    padding-left: 18px; }

.post-title {
    margin-bottom: 10px; }
.post-title a {
    font-size: 17px;
    color: #35383c;
    text-transform: uppercase; }
.section-dark .post-title a 	{
    color: rgba(255,255,255,1);
}

.post-info-item {
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
    color: #6d7272;
    margin-bottom: 8px; }

.post-info-row {
    margin-bottom: 10px; }

.post-info-item  a 	{
    color: #6d7272;
}

.share-box {
    background: #fff;
    padding: 8px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    min-width: 87px;
    position: absolute;
    left: 10px;
    top: -30px;
    opacity: 0; }
.share-box a {
    color: #000000;
    margin: 0 6px;
    display: inline-block; }
.share-box:after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #e3e3e3 transparent;
    z-index: 0; }
.share-box:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #fff transparent;
    z-index: 1; }
.share-box.type-2:after {bottom: -3px; transform: rotate(180deg) translateY(-50%); -webkit-transform: rotate(180deg) translateY(-50%); -moz-transform: rotate(180deg) translateY(-50%); -ms-transform: rotate(180deg) translateY(-50%); top: auto; margin-left: -3px;}
.share-box.type-2:before {bottom: -2px; top: auto; margin-left: -2px; transform: rotate(180deg) translateY(-50%); -webkit-transform: rotate(180deg) translateY(-50%);-moz-transform: rotate(180deg) translateY(-50%);-ms-transform: rotate(180deg) translateY(-50%);}
.share-item {
    position: relative;
    cursor: pointer; }
.share-item:hover .share-box {
    opacity: 1;
    top: -45px; }
@media screen and (max-width: 1024px) {
    .share-item:hover .share-box {
        top: -35px; } }

.post-video {
    margin-bottom: 28px;
    position: relative; }
.post-video img {
    max-width: 100%;
    display: block;
    height: auto; }

.play {
    position: absolute;
    width: 51px;
    height: 52px;
    background: url("img/play.png") no-repeat;
    display: block;
    z-index: 111;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.post-blockquote {
    padding: 19px 39px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    margin-bottom: 18px; }
.section-dark .post-blockquote{
    border-color: rgba(255,255,255,0.2);
}
.post-blockquote blockquote {
    font-size: 17px;
    line-height: 1.5;
    color: #35383c;
    position: relative; }
.post-blockquote blockquote:before {
    content: '';
    width: 16px;
    height: 12px;
    background: url("img/bl.png") no-repeat;
    position: absolute;
    left: -25px;
    top: 7px; }
.post-blockquote cite {
    font-size: 14px;
    color: #6d7272;
    margin-top: 10px;
    display: block;
    position: relative;
    padding-left: 17px; }
.post-blockquote cite:before {
    content: '';
    height: 1px;
    width: 10px;
    background: #6d7272;
    position: absolute;
    left: 0;
    top: 13px; }

.post-blockquote cite a 	{
    color: #6d7272;
}

.post-blockquote cite a:hover 	{
    text-decoration: underline; 
}

.post-pagination {
    position: relative; }

.post-pagination-list {
    display: table;
    margin: 0 auto; }
.post-pagination-list li {
    list-style: none;
    float: left;
    margin: 0 15px; }
.post-pagination-list li a {
    color: #444444;
    display: inline-block;
    font-size: 14px;
}
.section-dark .post-pagination-list li a {
    color: rgba(255,255,255,1);
}

.next-page, .prev-page {
    color: #424242;
    position: absolute;
    right: 0;
    top: 0; }
.next-page, .prev-page {
    /*color: rgba(255,255,255,1);*/
}

@media screen and (max-width: 1024px) {
    .next-page {
        right: 15px; } }

.prev-page {
    right: auto;
    left: 0; }
@media screen and (max-width: 1024px) {
    .prev-page {
        left: 15px; } }

.post-title-sm {
    margin-bottom: 0;
    padding-bottom: 10px; }
.post-title-sm a {
    font-size: 15px; }

.post-img-link-sm {
    margin-bottom: 20px; }

.post-info-row-sm {
    margin-bottom: 6px; }
.post-info-row-sm .post-info-item {
    font-size: 13px;
    margin-right: 0; }
.post-info-row-sm span {
    display: inline-block;
    color: #9b9e9e;
    font-size: 13px;
    margin: 0 5px; }

.post-col {
    max-width: 390px;
    margin: 0 auto 15px; }
.post-col .sl-post-prev, .post-col .sl-post-next {
    /*margin-top: -14px;*/
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    display: block !important; }
.post-col .pagination-bottom {
    bottom: 40px; }
.post-col .swiper-pagination-switch {
    width: 9px;
    height: 9px;
    background: #fff;
    border-color: #fff; }

.container-fluid-m {
    max-width: 1530px;
    margin: 0 auto; }
.container-fluid-m .post-col {
    max-width: 390px;
    width: 100%;
    padding: 0 15px; }
@media screen and (max-width: 1600px) {
    .container-fluid-m {
        width: 1140px; } }
@media screen and (max-width: 1200px) {
    .container-fluid-m {
        width: 750px; } }
@media screen and (max-width: 800px) {
    .container-fluid-m {
        max-width: 360px;
        width: 100%;
        padding: 0 15px; } }

/* WIDGET CALENDAR */
.widget_calendar {}

.widget_calendar table {
    width: 100%;
    text-align: center;
    line-height: 33px;
}

.widget_calendar table caption 	{
    text-align: center;
}

.widget_calendar table th,
.widget_calendar table td {
    padding: 5px;
    text-align: center;
}

.widget_calendar table th:last-child,
.widget_calendar table td:last-child {
}

.widget_calendar table tr:last-child td {
}

.widget_calendar table tfoot td,
.widget_calendar table tfoot td:last-child,
.widget_calendar table tfoot tr:last-child td {
    border: none;
}

.widget 	{
    font-size: 14px;
}

.widget img 	{
    max-width: 100%;
    height: auto;
}

.widget select,
.widget a 	{
    max-width: 100%;
}

.widget li {
    list-style: none;
    display: block;
    margin-bottom: 17px; /*24px*/ }

.widget .children,
.widget .sub-menu {
    margin: 18px 0 0 24px;
}
.widget li:last-of-type {
    margin-bottom: 5px; }
.widget li a {
    color: #676a6a;
    font-size: 14px;
    /*display: block;*/
    line-height: 1.3; }
.widget li a:empty 	{
    display: none;
}
.section-dark li a 	{
    color: rgba(255,255,255,0.398);
}
.widget li a span {
    color: #8f9b9b; }

.widget {
    margin-bottom: 50px; }
/*@media screen and (max-width: 767px) {
        .widget:first-of-type {
                margin-top: 50px; }
        .widget:last-of-type {
                margin-bottom: 0; } }*/

.tagcloud:after {
    content: "";
    display: table;
    clear: both;
}

.tagcloud a {
    float: left;
    border: 1px solid #e8e8e8;
    font-size: 11px !important;
    margin-top: 2px;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    border-radius: 3px;
    color: #909090;
    display: inline-block;
    text-transform: uppercase;
    padding: 13px 15px 14px 15px;
    margin: 2px 5px 4px 0px;
}

footer .tagcloud a 	{
    border-color: #444444;
}

.tagcloud a:hover 	{
    color: #ffffff;
}

.widget_search input,
.widget_search button 	{
    margin-bottom: 0;
}

.widget_search input 	{
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.widget_search .searchform button 	{
    padding-top: 12px;
    padding-bottom: 12px;
}

footer .widget_search .searchform button 	{
    background-color: #292929;
    border-color: #292929;
}

footer .widget_search .searchform button:hover 	{
    color: #ffffff;
}

@media (min-width: 1025px){
    .section--footer-widgets 	{
        padding-bottom: 0 !important;
    }
}

.widget_getintouch i 	{
    font-size: 16px;
}

/*.single {
        padding-top: 90px; }*/

.single-img {
    margin-bottom: 35px; }

.single-title {
    font-size: 22px;
    color: #35383c; }

.single-article blockquote {
    font-size: 16px;
    color: #000;
    line-height: 1.6;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative; }
.single-article blockquote:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background: url("img/bl.png") no-repeat;
    width: 16px;
    height: 12px; }

.single-article h2 {
    text-transform: uppercase;
    color: #1e1e1e;
    font-size: 18px;
    margin-bottom: 15px; }

.single-article h3 {
    text-transform: uppercase;
    font-size: 14px; }

.single-article li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 14px;
    color: #6d7272;
    line-height: 1.3;
    position: relative;
    padding-left: 20px;}
.single-article li i {
    position: absolute;
    left: 0;
    top: 0; }

.article-info {
    color: #6d7272;
    font-size: 14px;
    margin-bottom: 50px; }
.article-info .tag-link {
    color: #6d7272; }
.article-info h3 {
    font-size: 15px; }

.share-link {
    display: inline-block;
    color: #000;
    margin-right: 12px; }

.article-info-tag {
    margin-top: 30px; }

.comment-box h3 {
    font-size: 15px; }

.comment {
    padding: 22px 15px 0 95px;
    position: relative;
    background: #fcfcfc;
    border-radius: 3px;
    margin-bottom: 15px; }

.ava {
    position: absolute;
    left: 15px;
    top: 23px;
    width: 65px;
    height: 65px;
    border-radius: 50%; }

.user-name {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px; }

.comment-info {
    font-size: 13px;
    color: #6d7272;
    margin-bottom: 10px;
    line-height: 1.3; }

.reply {
    font-size: 13px;
    display: inline-block;
    margin-left: 15px; }
.reply:hover {
    text-decoration: underline; }

.comment-reply {
    margin-left: 70px; }
@media screen and (max-width: 767px) {
    .comment-reply {
        margin-left: 20px; } }

.comment-form {
    margin-top: 60px; }
.comment-form textarea {
    margin-bottom: 20px; }
.comment-form .submit {
    background: #fff;
    height: 46px;
    line-height: 46px;
    padding-top: 0;
    padding-bottom: 0;
    float: left;
    margin-bottom: 0; }

.input-field input {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    margin-bottom: 20px; }

.input-field {
    width: 33.33333%;
    float: left;
    padding-left: 14px;
    padding-right: 14px; }
@media screen and (max-width: 1024px) {
    .input-field {
        padding-left: 0;
        padding-right: 0;
        width: 100%; } }

.input-groupe {
    margin-left: -14px;
    margin-right: -14px; }
@media screen and (max-width: 1024px) {
    .input-groupe {
        margin: 0; } }

/* ============================================================
   11. PORTFOLIO
/* ============================================================ */
.main-portfolio {
    padding: 84px 0 60px; }
@media screen and (max-width: 767px) {
    .main-portfolio {
        padding: 54px 0; } }

.work-box {
    width: 100%;
    margin-bottom: 30px;
    position: relative; }
.work-box img {
    width: 100%; }
@media screen and (max-width: 1200px) {
    .work-box .g-project-info-inner h3 {
        padding-bottom: 10px; } }
@media screen and (max-width: 1024px) {
    .work-box .g-cat {
        display: block; } }

.portfolio-filter li a {
    font-size: 13px; }

.col-5 {
    max-width: 360px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    float: none; }

.col-5.mix {
    display: none; }

.col-5.no-padding {
    max-width: 330px;
    padding: 0;
    margin-left: -3px;
    margin-right: -3px;
    margin-bottom: -5px; }

.col-work {
    width: 20%;
    float: left; }
@media screen and (max-width: 1024px) {
    .col-work {
        width: 50%; } }
@media screen and (max-width: 767px) {
    .col-work {
        width: 100%; } }

.detail-list {
    border-top: 1px solid #ededed;
    margin-bottom: 30px;
    margin-top: 15px; }
.detail-list li {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    list-style: none;
    color: #6d7272;
    padding: 14px 0;
    border-bottom: 1px solid #ededed; }
.detail-list li span {
    color: #9b9e9e;
    font-weight: 400; }
.detail-list li a {
    color: #9b9e9e;
    font-weight: 400; }

.project-det h3 {
    font-size: 15px; }

@media screen and (max-width: 767px) {
    .project-det {
        padding-top: 30px; } }

.portfolio-slider .sl-post-prev, .portfolio-slider .sl-post-next {
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    display: block !important; }

.portfolio-slider .pagination-bottom {
    bottom: 25px; }
@media screen and (max-width: 1024px) {
    .portfolio-slider .pagination-bottom {
        padding-bottom: 10px; } }
@media screen and (max-width: 767px) {
    .portfolio-slider .pagination-bottom {
        display: none; } }

.portfolio-slider .swiper-pagination-switch {
    width: 7px;
    height: 7px;
    margin: 3px;
    background: #fff;
    border-color: #fff; }

.project-container {
    padding-top: 90px; }
@media screen and (max-width: 1200px) {
    .project-container {
        padding-top: 50px; } }
@media screen and (max-width: 767px) {
    .project-container {
        padding-top: 10px; } }

.next-prev {
    position: relative;
    margin-top: 90px;
    margin-bottom: 25px; }
@media screen and (max-width: 1200px) {
    .next-prev {
        margin-top: 50px;
        margin-bottom: 0; } }
.next-prev .prev-project, .next-prev .next-project {
    width: 40px;
    height: 40px;
    border: 2px solid #e7e7e7;
    border-radius: 2px;
    display: block;
    color: #c8c8c8;
    text-align: center;
    line-height: 35px; }
.next-prev .prev-project:hover, .next-prev .next-project:hover {
    color: #fff;  }
.next-prev .prev-project {
    float: left; }
.next-prev .next-project {
    float: right; }
.next-prev .next-project i {
    position: relative;
}

.back {
    color: #e7e7e7;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    top: 8px;
    width: 22px;
    height: 22px; }
.back:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url("img/back-red.png") no-repeat;
    width: 22px;
    height: 22px;
    opacity: 0; }
.back:hover:after {
    opacity: 1; }

.des-col {
    margin-bottom: 20px; }
@media screen and (max-width: 767px) {
    .des-col {
        text-align: center; } }
.des-col span {
    display: inline-block;
    margin-bottom: 12px;
    font-style: italic; }
.des-col h3 {
    font-size: 15px; }

.detail-row {
    padding-top: 50px; }
.detail-row .detail-list {
    margin-top: 7px; }
.detail-row h3 {
    font-size: 15px;
    display: block;
    padding-left: 15px;
    padding-bottom: 35px; }

.work-advantage {
    padding: 80px 0 40px; }

/* ============================================================
   12. SHOP
/* ============================================================ */
.main-shop {
    padding: 90px 0; }
@media screen and (max-width: 1024px) {
    .main-shop {
        padding: 60px 0; } }
@media screen and (max-width: 767px) {
    .main-shop {
        padding: 30px 0; } }

.grey-title {
    background: #fafafa;
    padding-top: 80px;
    padding-bottom: 40px; }
@media screen and (max-width: 1024px) {
    .grey-title {
        padding-top: 60px;
        padding-bottom: 20px; } }

.prod-img {
    overflow: hidden;
    display: inline-block; }
.prod-img img {
    max-width: 100%;
    display: block;
    height: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
.prod-img:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

/*.product {
        text-align: center; } shows up in woocommerce, not desirable */

.product-name {
    margin-top: 19px;
    margin-bottom: 4px; }
.product-name a {
    font-size: 13px;
    color: #35383c;
    text-transform: uppercase;
}

@media screen and (max-width: 481px) {
    .result-filter {
        display: none; } }

.price {
    color: #77797c;
    font-size: 13px;
    display: block;
    margin-bottom: 35px; }

.result {
    float: right;
    font-size: 13px;
    color: #717171;
    padding-top: 12px;
    margin-bottom: 60px; }

.default {
    position: relative;
    float: left; }
@media screen and (max-width: 481px) {
    .default {
        display: none; } }
.default select {
    width: 200px;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #6d7272;
    border-radius: 2px;
    padding: 11px 13px;
    cursor: pointer;
    position: relative;
    z-index: 1; }
.default select:focus {
    outline: none; }
.default i {
    position: absolute;
    right: 13px;
    top: 10px;
    z-index: 2; }

.shop-pagination {
    float: left;
    width: 100%;
    margin-top: 30px; }

.widget-shop .middle-title {
    margin-bottom: 20px; }
.widget-shop .middle-title:after {
    content: none; }

.popular-product {
    padding: 17px 0 17px 95px;
    position: relative;
    min-height: 95px;
    border-bottom: 1px solid #ececec; }

.popular-link {
    position: absolute;
    left: 0;
    top: 17px; }

.first-popular {
    margin-top: -17px; }

.popular-name {
    margin-bottom: 0;
    padding-bottom: 7px; }
.popular-name a {
    font-size: 13px;
    color: #35383c;
    text-transform: uppercase;
}

.popular-price {
    display: block;
    font-size: 13px; }

.ui-widget-content {
    height: 4px;
    border: none; }

.ui-widget-content {
    background: #ececec; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-radius: 50%;
    background: #000;
    border: none;
    cursor: pointer; }
.ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .ui-widget-header .ui-state-default:focus {
    outline: none; }

.ui-slider-horizontal .ui-slider-handle {
    top: -8px; }

.range-prise {
    margin-top: 24px; }
.range-prise span {
    display: inline-block;
    font-size: 13px;
    color: #676a6a;
    float: left;
    margin-top: 14px;
    margin-right: 5px; }
.range-prise input {
    float: left;
    width: 100px !important;
    display: inline-block;
    font-size: 13px;
    color: #676a6a !important;
    font-weight: 400 !important;
    margin-top: 11px; }

.filter-btn {
    float: right;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 0; }

.widget-shop {
    max-width: 300px; }

.single-title-h2 {
    text-transform: uppercase;
    font-size: 18px; }

.rew {
    color: #444;
    font-size: 13px;
    display: block;
    padding: 17px 0; }

.s-price {
    display: block;
    font-size: 18px;
    margin-bottom: 11px; }

.product-list-info {
    list-style: none;
    font-size: 13px; }
.product-list-info li {
    margin-bottom: 15px; }
.product-list-info li:last-of-type {
    margin-bottom: 0; }
.product-list-info span {
    font-weight: 600; }
.product-list-info a {
    display: inline-block;
    color: #000;
    margin-left: 10px; }

.calc-control {
    float: left;
    font-size: 14px;
    padding-top: 10px; }

.add-basket .button {
    float: left;
    margin-left: 27px; }

.add-basket span {
    color: #6d7272;
    font-size: 20px;
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
}

.control-btn {
    color: #bbbbbb;
    cursor: pointer;
    margin: 0 !important; }

.info-product-title {
    text-align: center;
    border: 2px solid #f2f2f2;
    text-transform: uppercase;
    color: #787878;
    padding: 14px;
    margin-top: 25px;
    margin-bottom: 22px; }

.info-product-box p {
    padding-bottom: 0; }

.r-comment-box {
    padding-left: 62px;
    padding-right: 125px;
    position: relative; }
.r-comment-box img {
    position: absolute;
    left: 0;
    top: 7px; }
@media screen and (max-width: 481px) {
    .r-comment-box {
        padding-right: 0; } }

.stars-block {
    width: 125px;
    height: 50px;
    border-left: 1px solid #f2eeea;
    position: absolute;
    right: 0;
    top: 0; }
@media screen and (max-width: 481px) {
    .stars-block {
        border: none;
        height: auto;
        position: relative;
        display: table;
        margin: 20px auto 0; } }

.star-box {
    margin-left: 25px; }
.star-box img {
    display: inline-block;
    position: relative;
    top: 0; }

.add-review {
    margin-top: 27px;
    padding-top: 27px;
    margin-right: 23px;
    border-top: 1px solid #f2eee9; }
@media screen and (max-width: 481px) {
    .add-review {
        margin-right: 0; } }

.add-review label {
    font-size: 13px;
    color: #444;
    display: block;
    width: 100%;
    margin-bottom: 10px; }

.add-review input, .add-review textarea {
    width: 100%;
    height: 38px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    line-height: 38px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    font-size: 14px; }

.add-review textarea {
    height: 90px;
    resize: none; }

.add-review .button {
    background: #fff; }

.add-review .star-box {
    margin-left: 0;
    margin-bottom: 20px; }

.big-product-img img {
    max-width: 100%;
    display: block;
    height: auto; }

.row-related {
    margin-top: 100px; }
.row-related h3 {
    margin-left: 15px;
    margin-bottom: 10px; }
.row-related .price {
    margin-bottom: 0; }

.cart-table {
    border: 1px solid #eaeaea;
    border-radius: 2px;
    position: relative; }
@media screen and (max-width: 1024px) {
    .cart-table {
        border-bottom: 0; } }

.remove {
    width: 50px;
    height: 10px;
    text-align: center;
    position: relative;
    float: left; }
@media screen and (max-width: 1024px) {
    .remove {
        width: auto;
        height: auto;
        right: 10px;
        top: 10px;
        position: absolute; } }
.remove a {
    color: #000;
    display: inline-block;
    margin-top: 20px; }
@media screen and (max-width: 1024px) {
    .remove a {
        margin-top: 0; } }

.c-product-info {
    float: left;
    width: 400px;
    border-left: 1px solid #eaeaea;
    padding: 11px 0 11px 17px;
    position: relative; }
@media screen and (max-width: 1024px) {
    .c-product-info {
        width: 100%;
        border-bottom: 1px solid #eaeaea; } }
.c-product-info img {
    float: left; }
.c-product-info h3 {
    text-align: center;
    top: -30px;
    position: absolute;
    width: 100%;
    left: 0; }
@media screen and (max-width: 1024px) {
    .c-product-info h3 {
        display: none; } }

.c-product-name {
    text-transform: uppercase;
    font-size: 13px;
    color: #444444;
    font-weight: 600;
    margin-left: 28px;
    float: left;
    padding-top: 12px; }

.c-product-det {
    float: right;
    width: 150px;
    text-align: center;
    position: relative; }
@media screen and (max-width: 1024px) {
    .c-product-det {
        width: 100%;
        float: left;
        text-align: left;
        border-bottom: 1px solid #eaeaea;
        padding: 11px 11px 0; } }
.c-product-det h3 {
    text-align: center;
    top: -30px;
    position: absolute;
    width: 100%;
    left: 0; }
@media screen and (max-width: 1024px) {
    .c-product-det h3 {
        top: 0;
        position: relative;
        text-align: left;
        padding-bottom: 10px;
        float: left;
        margin-right: 20px;
        width: auto; } }
.c-product-det span {
    color: #444;
    font-size: 13px;
    display: inline-block;
    margin-top: 22px; }
@media screen and (max-width: 1024px) {
    .c-product-det span {
        margin-top: 0;
        float: right; } }

.c-btn-box {
    float: right; }
@media screen and (max-width: 767px) {
    .c-btn-box {
        float: left;
        width: 100%; } }

.c-btn-box {
    margin-top: 25px; }
.c-btn-box a {
    float: left;
    margin-left: 10px;
    margin-bottom: 0; }
@media screen and (max-width: 767px) {
    .c-btn-box {
        margin-top: 0; }
    .c-btn-box a {
        margin-left: 0;
        margin-right: 10px; } }
@media screen and (max-width: 767px) and (max-width: 481px) {
    .c-btn-box a {
        width: 100%;
        margin-bottom: 10px;
        text-align: center; } }

.cart-input {
    float: left; }

.c-info-box {
    margin-top: 22px;
    float: left;
    padding-top: 3px; }
@media screen and (max-width: 767px) {
    .c-info-box {
        width: 100%; } }
.c-info-box .button {
    float: left;
    background: #fff; }
@media screen and (max-width: 481px) {
    .c-info-box .button {
        margin: 0;
        width: 100%;
        margin-bottom: 10px; } }

.cart-input {
    height: 40px;
    float: left;
    margin-top: 2px;
    padding-left: 13px;
    padding-right: 13px;
    color: #444;
    font-size: 11px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    margin-right: 6px; }
@media screen and (max-width: 481px) {
    .cart-input {
        margin: 0;
        width: 100%;
        margin-bottom: 10px; } }

.cart-col {
    margin-top: 50px; }
.cart-col h3 {
    font-size: 18px;
    margin-bottom: 10px; }

.update-row {
    float: left;
    width: 100%; }
.update-row .cart-input {
    width: 253px;
    margin-right: 15px;
    margin-bottom: 15px; }
@media screen and (max-width: 481px) {
    .update-row .cart-input {
        width: 100%; } }
@media screen and (max-width: 481px) {
    .update-row .button {
        width: 100%;
        display: block; } }

button.button {
    background: #fff; }

.select-cart {
    position: relative;
    display: inline-block; }
@media screen and (max-width: 481px) {
    .select-cart {
        display: block; } }
.select-cart i {
    position: absolute;
    top: 10px;
    right: 16px; }
.select-cart select {
    float: left;
    padding-left: 13px;
    padding-right: 13px;
    color: #444;
    font-size: 11px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    width: 253px;
    cursor: pointer;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 15px; }
@media screen and (max-width: 481px) {
    .select-cart select {
        width: 100%; } }
.select-cart select:focus {
    outline: none; }

.cart-total {
    max-width: 355px;
    float: right;
    width: 100%;
    text-align: left; }
@media screen and (max-width: 1024px) {
    .cart-total {
        float: left; } }
.cart-total .button {
    float: right; }
@media screen and (max-width: 1024px) {
    .cart-total .button {
        float: left; } }
@media screen and (max-width: 481px) {
    .cart-total .button {
        width: 100%;
        text-align: center; } }

.total-table {
    padding-right: 23px; }
@media screen and (max-width: 1024px) {
    .total-table {
        padding-right: 0; } }
.total-table li {
    font-size: 14px;
    color: #969696;
    list-style: none;
    margin-bottom: 23px; }
@media screen and (max-width: 481px) {
    .total-table li {
        font-size: 13px; } }
.total-table li span {
    float: right; }

.checkout-block {
    margin-bottom: 60px; }
.checkout-block h4 {
    font-size: 13px;
    margin-bottom: 30px;
    background: #fcfcfc;
    padding: 15px 20px; }
.checkout-block p a:hover {
    text-decoration: underline; }

.checkout-block-1 .cart-input {
    width: 326px;
    margin-right: 15px;
    margin-bottom: 15px; }
@media screen and (max-width: 481px) {
    .checkout-block-1 .cart-input {
        width: 100%; } }

.checkout-block-1 .checkout-row {
    margin-bottom: 7px;
    display: block;
    width: 100%; }

.checkout-block-1 .code-input {
    width: 200px;
    margin-right: 10px; }

.ck-label {
    font-size: 13px;
    color: #737373;
    margin-left: 15px; }

.for-ck {
    margin-left: 10px;
    position: relative;
    top: -2px;
    cursor: pointer; }

.ck-row {
    margin-top: -10px;
    margin-bottom: 17px !important; }

.code-input {
    width: 200px;
    margin-right: 10px; }

.checkout-block-2 {
    margin-bottom: 60px; }
.checkout-block-2 h3 {
    font-size: 18px;
    margin-bottom: 10px; }

.detail-form input {
    float: left;
    width: 100%;
    margin-bottom: 15px; }

.detail-form .select-cart {
    display: block; }
.detail-form .select-cart select {
    width: 100%; }

.detail-form input[type=checkbox] {
    width: auto;
    margin-bottom: 0; }

.detail-form label {
    padding-top: 6px; }

.detail-form p {
    padding-top: 10px; }

.detail-form textarea {
    float: left;
    width: 100%;
    height: 118px;
    margin-top: 0px;
    padding-top: 12px; }

.input-row {
    float: left;
    width: 50%; }
@media screen and (max-width: 481px) {
    .input-row {
        width: 100%;
        padding: 0 !important; } }

.input-row-l {
    padding-right: 12px; }

.input-row-r {
    padding-left: 12px; }

.checkout-block-3 h3 {
    font-size: 18px;
    margin-bottom: 10px; }

.order-table {
    border: 1px solid #efefef; }

.order-tr {
    width: 50%;
    float: left; }
@media screen and (max-width: 600px) {
    .order-tr {
        width: 100%; } }
.order-tr h4 {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #efefef;
    padding: 15px 0; }

.order-list {
    list-style: none;
    text-align: center;
    font-size: 14px;
    color: #b5b5b5;
    padding-top: 35px;
    padding-bottom: 8px; }
.order-list li {
    margin-bottom: 26px; }

.systems-container {
    border: 1px solid #efefef;
    margin-top: 34px;
    border-bottom: none; }

.systems-block {
    border-bottom: 1px solid #efefef;
    padding-top: 24px;
    padding-left: 18px;
    padding-right: 18px; }
.systems-block p {
    padding-left: 17px;
    padding-top: 13px; }
.systems-block label {
    color: #000;
    font-weight: 600;
    cursor: pointer; }
.systems-block img {
    position: relative;
    top: 5px;
    margin-left: 5px; }


/* WOOCOMMERCE TOP CART BUTTON */
.shop_top_button {
    float: left;
}

.shop_top_button .cart-contents {
    position: relative;
    color: #ffffff; }

.minimal-header .shop_top_button .cart-contents 	{
    color: #3c3a37;
}

.shop_top_button .cart-contents:before {
    content: attr(title);
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    color: #ffffff !important;
    font-family: arial, sans-serif;
    top: -7px;
    right: -11px;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    font-weight: 700;
    z-index: 3;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
    border-radius: 99px; }

.shop_top_button .cart-contents[title="0"]:before 	{
    display: none;
}

.shop_top_popup_wrapper {
    display: none;
    /*display: block !important; 
    opacity: 1 !important;*/
    padding: 27px 0 0 0;
    position: absolute;
    top: auto;
    right: -37px; }

.fixed .shop_top_popup_wrapper {
    padding-top: 24px;

}

.shop_top_popup {
    width: 320px;
    background: #ffffff;
    padding: 20px 20px 20px 20px;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.13);
    border: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.13);
    font-size: 12px;
    line-height: 20px; }

.shop_top_popup li {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0; }

.shop_top_popup li:after {
    content: "";
    display: table;
    clear: both; }

.shop_top_popup li.empty {
    border: none;
    padding-bottom: 0 !important; }

.shop_top_popup li a {
    display: block;
    font-weight: 700;
    text-transform: none; }

.shop_top_popup li a img {
    float: left;
    width: 56px;
    height: auto;
    margin: 0 13px 0 0; }

.shop_top_popup .buttons {
    line-height: 22px;
    margin-bottom: 0; }

.shop_top_popup .buttons a {
    margin-bottom: 5px; }

.shop_top_popup .cart_list a 	{
    color: #1b2936;
}

.shop_top_popup .remove {
    margin: 0 10px 0 0 !important;
    font-weight: 400 !important;
}

.shop_top_popup .quantity {
}

/* .shop_top_popup .total 	{
        font-size: 12px; 
        padding: 15px 0 20px 0;
        border-top: 1px solid #ececec;

}*/

.shop_top_popup .buttons 	{
    padding: 0;
}

.shop_top_popup .total .amount 	{
    font-weight: 700;
}

/*.shop_top_popup .button {
    background-color: #ebe9eb;
    background-image: none;
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    color: #515151;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 100%;
    font-weight: 700;
    left: auto;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0.618em 1em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}*/

.woocommerce a.remove 	{
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.woocommerce ul.products li.product .star-rating 	{
    margin: 4px auto 10px auto;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .shop_top_popup .button 	{
    line-height: 32px;
    font-size: 11px;
    padding: 0 14px;
}

.ajax_add_to_cart.loading 	{
    padding-right: 14px !important;
}

.added_to_cart.wc-forward 	{
    display: none !important;
}

.ajax_add_to_cart.loading:after 	{
    position: relative !important;
    margin: 0 0 0 0.53em !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content 	{
    background-color: #ebe9eb;
}

/* ============================================================
   13. FOOTER
/* ============================================================ */
.footer {
    background: #1f1f1f;
    color: #929292;
    padding: 60px 0 20px 0; }

@media screen and (max-width: 481px) {
    .footer {
        padding: 30px 0; } }
.footer h3 {
    padding-bottom: 25px; }

.section-dark .footer h3 	{
    color: #fff;
}
@media screen and (max-width: 767px) {
    .footer .col-sm-4 {
        margin-bottom: 30px; }
    .footer .col-sm-4:last-of-type {
        margin-bottom: 0; } }

.footer-mini {
    padding-top: 0; }
.footer-mini .copy-row {
    margin-top: 0; }

.ftr-list {
    list-style: none; }
.ftr-list li {
    margin-bottom: 13px;
    position: relative;
    padding-left: 28px; }
.ftr-list li i {
    position: absolute;
    left: 0;
    top: 2px;}
.section-dark .ftr-list li i 	{
    color: rgba(255,255,255,1);
}
.ftr-list span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3; }
.section-dark .ftr-list span {
    color: #ddd;
}
.ftr-list a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #929292; }

.footer.section-dark .ftr-list a {
    color: rgba(255,255,255,1);
}
.ftr-social {
    margin-top: 35px; }
.ftr-social a {
    margin-right: 22px;
    color: #888888; }
.section-dark .ftr-social a 	{
    color: #ddd;
}


/* ============================================================
   14. WORDPRESS
/* ============================================================ */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

footer .wp-caption 	{
    background: transparent;
    border-color: #444444;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.widget_recent_entries {
    list-style: none; }
footer .widget_recent_entries li {
    padding-bottom: 30px;
    margin: 0; }
.widget_recent_entries li:last-of-type {
    padding-bottom: 0; }
footer .widget_recent_entries a {
    line-height: 1.3;
    font-size: 14px;
    padding-bottom: 12px; }
.footer.section-dark .widget li a 	{
    color: #ddd;
}
.widget_recent_entries .post-date {
    display: block;
    color: #8d8d8d;
    font-size: 13px;
    padding-top: 12px;
    position: relative; }
.widget_recent_entries .post-date:after {
    content: '';
    width: 17px;
    height: 1px;
    background: #474747;
    position: absolute;
    left: 0;
    top: 0; }

.contact-us input, .contact-us textarea {
    width: 100%;
    margin-bottom: 10px;
    border: none;
    border-radius: 2px;
    height: 33px;
    line-height: 33px;
    padding-left: 11px;
    padding-right: 11px;
    background: #f7f7f7;
    color: #dddddd;
    font-size: 12px; }
.section-dark .contact-us input[type="text"],.section-dark .contact-us input[type="email"], .section-dark .contact-us textarea {
    background-color: #292929;
}

@media screen and (max-width: 767px) {
    .contact-us input, .contact-us textarea {
        height: 46px;
        line-height: 46px; } }

.contact-us textarea {
    height: 55px;
    resize: none; }
@media screen and (max-width: 767px) {
    .contact-us textarea {
        height: 70px; } }

.contact-us .submit {
    width: auto;
    text-transform: uppercase;
    color: #fff;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 11px;
    line-height: 34px !important; 
    font-weight: 500;
}
.contact-us .submit:hover {
    background: #fff; }
.build-footer .contact-us .submit:hover {
    background: rgba(0, 0, 0, 0);
    color: #ffffff; }

.copy-row {
    border-top: 1px solid #cccccc;
    margin-top: 50px;
    padding-top: 50px; }
.section-dark .copy-row 	{
    border-color: #2a2a2a;
}
@media screen and (max-width: 481px) {
    .copy-row {
        margin-top: 30px;
        padding-top: 30px; } }

.copy-info {
    text-transform: uppercase;
    font-size: 12px;
    color: #929292;
    line-height: 1.3; }
.section-dark .copy-info, .section-dark .copy-info a {
    color: #ddd;
}
.copy-info i {
    margin-left: 5px;
    margin-right: 5px;
}
.copy {
    font-size: 10px;
    text-transform: uppercase;
    color: #929292;
    line-height: 1.3;
    margin-top: 15px; }

footer .copy 	{
    margin: 5px 0;
}
.section-dark .copy 	{
    color: #ddd;
}

.copy-info + .copy 	{
    margin-top: 15px;
}

.flickr-box {
    display: inline-block;
    position: relative; }
.flickr-box img {
    display: block; }
.flickr-box:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.24) url("img/plus.png") no-repeat center;
    opacity: 0; }
.flickr-box:hover:after {
    opacity: 1; }

.subscribe-box {
    max-width: 430px;
    margin: 0 auto; }
.subscribe-box p {
    text-align: center;
    font-size: 13px !important;
    color: #969696;
    margin-bottom: 15px; }
.section-dark .subscribe-box p 	{
    color: rgba(255,255,255,0.398);
}
.sb-form {
    width: 100%;
    background: #f7f7f7;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    padding-left: 85px;
    position: relative; }
.section-dark .sb-form 	{
    background-color: #292929;
}
.sb-form input[type=email] {
    height: 45px;
    line-height: 45px;
    width: 100%;
    font-size: 12px;
    padding: 0 40px 0 15px;
    background: transparent;
    border: none;
    color: #858585; }
.sb-form label {
    position: absolute;
    left: 15px;
    top: 1px;
    color: #858585;
    font-size: 12px; }
.sb-form span {
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    line-height: 45px;
    width: 40px;
    text-align: center;
    color: #858585; }
.sb-form span input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none; }

.sb-social {
    text-align: center;
    margin-top: 50px; }
.sb-social a {
    display: inline-block;
    margin: 0 10px;
    color: #a2a2a2; }
.section-dark .sb-social a 	 {
    color: rgba(255,255,255,0.398);
}

.submit-orange {
    color: #fff !important; }

.more-links li {
    list-style: none;
    margin-bottom: 20px; }
.more-links li a {
    color: #fff;
    font-size: 14px; }

.copy-row-2 {
    background: #fafafa;
    padding-top: 20px;
    padding-bottom: 20px; }
.copy-row-2 .copy {
    color: #8c8c8c;
    font-size: 11px;
    text-transform: uppercase; }

.footer-type3 {
    padding-bottom: 0; }

/*fix*/

.sl-post-prev, .sl-post-next {padding: 0px;}
.sl-post-prev i, .sl-post-next i {line-height: 34px;display: block;width: 34px;height: 34px;}
.hide-block {transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.hide-block.act {visibility: hidden; opacity: 0; overflow: hidden; height: 0px;}
.hide-info.active i {transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.hide-info.active i {transform: rotate(180deg); }
.pricing-tab .button {position: relative; display: inline-block; overflow: hidden; z-index: 0;}
.pricing-tab .button:before {content: ''; position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; background: #757575; z-index: -1;transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;}
.pricing-tab .button:hover {background: none; border-color: rgba(0,0,0,0);}
.pricing-tab.best .button:hover {border-color: rgba(0,0,0,0)!important;}

.pricing-tab .button:hover:before {bottom: 0px;}
.dark-header {padding: 0px 50px;}
.banner-type-3 .nav-slider-min {font-size: 30px;}
.full-height-slider .swiper-arrow-left {left: 35px; letter-spacing: 1px;}
.full-height-slider .swiper-arrow-right {right: 35px; letter-spacing: 1px;}

.swiper-container.testi-slider .pagination {position: absolute; width: 100%; text-align: center; left: 0px; bottom: 5px; margin: 0px;}
.swiper-container.testi-slider .swiper-slide {height: auto!important;}
.info-section-slider .testi-slider .pagination {margin-top: 0px;}

.testi-slider.lg-padd .swiper-slide .author {padding-bottom: 135px;}
.testi-slider.sm-padd .swiper-slide .author {padding-bottom: 90px;}
.testi-slider.xs-padd .swiper-slide .author {padding-bottom: 45px;}
.testi-slider.xss-padd .swiper-slide .author {padding-bottom: 0px;}

.testi-slider 	{
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}

@media screen and (max-width: 768px) {
    .close-search {
        right: 5px;
    }
}
@media screen and (max-width: 1024px) {
    .dark-header {padding: 0px;}
    .fixed .nav-panel {padding-bottom: 0;}
    .search-panel {height: 50px; padding-top: 17px;}
}

.popup-content {display: none;}
.medical-popup.act .popup-content {display: block}

.popup-content > .popup-backdrop{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.travel-tables .best-travel .button:hover 	{
    border-color: #757575 !important;
}


/*SECTION BACKGROUNDS*/

.section-background-block {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    overflow: hidden;  /*<video> overflow to sidebar fix */
}

.section-background-block.background-image{
    background-size: cover;
}

@media (min-width: 1025px){
    .section-background-block.background-fixed{
        background-attachment: fixed;
    }
}

.ff-section-boxed {
    position: relative;
    margin: 0 auto;
}

.ff-fullwidth-section {
    position: relative;
}


/* FEATURED AREAS */

.section--blog-classic .ff-block--blog-featured-area {
    margin-bottom: 28px;
}

.section--blog-single .ff-block--blog-featured-area {
    margin-bottom: 35px;
}

.section--blog-masonry .ff-block--blog-featured-area {
    margin-bottom: 20px;
}

.ff-block--blog-featured-area--audio .wp-playlist{
    margin: 0;
}

blockquote {
    margin-bottom: 0;
}

.post-blockquote {
    padding: 20px 5px 0 40px;
    border-radius: 2px;
    margin-bottom: 10px;
}

/* COLORS a href */

/*

KEEP COMMENTED !

.section-dark a {
        color: #dc3c4b;
}


.section-dark a:hover {
        text-decoration: underline;
}

.section-dark .post-info-row a,
.section-dark .post-title a {
        color: #6d7272;
}

.section-dark .post-info-row a:hover,
.section-dark .post-title a:hover {
        color: #dc3c4b;
        text-decoration: none;
}*/


.portfolio-nav 	{
    display: none;
}

/* MISC */

.title-build {
    position:relative;
}

.open-sbw-menu {
    font-size: 13px;
}

.map-title {
    position: relative;
}

.message-box {
    margin-bottom: -15px !important;
}

.lesson-price-inner,
.message-box p {
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    padding-bottom: 0;
}

.social-box,
.block-gym h3 a {
    color: #fff;
}

.travel-tables .pricing-tab:hover .package {
    color: #162532;
}


.white-bar .progress-line-current {
    background: #fff; }
.grey-bar .progress-line-current {
    background: #919191; }
.green-bar .progress-line-current {
    background: #8bbf91; }
.blue-bar .progress-line-current {
    background: #83CDE8; }
.pink-bar .progress-line-current {
    background: #BD4A8F; }


.black-pre-title {
    font-size: 19px;
    color: #000;
    font-style: italic;
}

.grey-pre-title {
    font-size: 19px;
    color: #919191;
    font-style: italic;
}

.slide-title-black, .sub-title-black {
    color: #162532  !important;
}

.italics {
    font-style: italic;
}

.slide-title-grey, .sub-title-grey {
    color: #919191  !important;
}

.l-post-info a {
    margin-right: 0;
}

.share-box{
    white-space: pre;
    min-width: 26px;
}

.share-box:before{
    left: 15px;
}

.share-box:after{
    left: 15px;
}

.ff-validate-comment-form {
    width: 100%;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 20px;
}
.comment-form {
    margin-top: 0;
}

.comment-reply-1  { margin-left: 0; }
.comment-reply-2  { margin-left: 70px; }
.comment-reply-3  { margin-left: 140px; }
.comment-reply-4  { margin-left: 210px; }
.comment-reply-5  { margin-left: 280px; }
.comment-reply-6  { margin-left: 350px; }
.comment-reply-7  { margin-left: 420px; }
.comment-reply-8  { margin-left: 490px; }
.comment-reply-9  { margin-left: 560px; }
.comment-reply-10 { margin-left: 630px; }

@media screen and (max-width: 767px) {
    .comment-reply-2  { margin-left: 20px; }
    .comment-reply-3  { margin-left: 40px; }
    .comment-reply-4  { margin-left: 60px; }
    .comment-reply-5  { margin-left: 80px; }
    .comment-reply-6  { margin-left: 100px; }
    .comment-reply-7  { margin-left: 120px; }
    .comment-reply-8  { margin-left: 140px; }
    .comment-reply-9  { margin-left: 160px; }
    .comment-reply-10 { margin-left: 180px; }
}

.meta-before-separator-0 {margin-left: 0;}
.meta-before-separator-5 {margin-left: 5px;}
.meta-before-separator-10 {margin-left: 10px;}
.meta-before-separator-15 {margin-left: 15px;}
.meta-before-separator-20 {margin-left: 20px;}

.meta-separator-0 {margin-right: 0;}
.meta-separator-5 {margin-right: 5px;}
.meta-separator-10 {margin-right: 10px;}
.meta-separator-15 {margin-right: 15px;}
.meta-separator-20 {margin-right: 20px;}

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

.kids-box{
    width: 100%;
}

.wpb_row_margin{
    margin-bottom: 0 !important;
}

.wpb_desc_margin{
    margin-bottom: 30px !important;
}

/*.swiper-container .swiper-slide{
        display: none;
        width: 100vw;
}*/

/*@media (min-width: 980px){
.swiper-container .swiper-slide{
        height: inherit !important;
}
}*/

.initialized.swiper-container .swiper-slide,
.swiper-container .swiper-slide:nth-child(1){
    display: block;
}


.searchform{
    display: table;
    width: 100%;
}

.searchform:after {
    display: table;
    content: " ";
}

.searchform #s{
    display: table-cell;
    width: calc(100% - 65px);
    margin-right: 6px;
}

.searchform button{
    display: table-cell;
    padding: 15px 20px 15px 15px;
}

body.admin-bar header.section--navigation:nth-child(1),
body.admin-bar header.section--navigation.fixed {
    margin-top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar header.section--navigation:nth-child(1) {
        margin-top: 48px;
    }
    body.admin-bar header.section--navigation.fixed {
        margin-top: 0;
    }
}

.portfolio-pagination{
    margin-top: 30px;
}

.meta-no-margin{
    margin-right: 0px;
}

.pos-relative {
    position: relative;
}

.footer-border{
    border-top: 1px solid #2a2a2a;
}

.footer-soc-space{
    margin-top: 20px;
}








/*

WORDPRESS DEFAULT INSERT IMAGE CLASSES

*/

.alignnone {
    margin: 5px 20px 20px 0 !important;
    display: inline-block !important;
}

.aligncenter{
    display: block;
    margin: 5px auto 20px auto !important;
}

.alignright {
    float: right;
    margin: 5px 0 30px 20px !important;
    max-width: 100%;
}

.alignleft {
    float: left;
    margin: 5px 20px 30px 0 !important;
    max-width: 100%;
}

.sticky     {
    border: 1px solid #666666 !important;
    padding: 40px;
}

.wp-caption.alignnone {
    margin: 5px 0 30px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 30px 0;
}

.wp-caption.alignright {
    margin: 5px 0 30px 20px;
}

.wp-caption     {
    /*width: auto !important;*/
    font-style: italic;
    max-width: 100%;
}

.wp-caption img     {
    max-width: 100%;
    height: auto;
}

.wp-caption-text    {
    font-size: 15px;
    margin: 0 0 20px 0;
    padding: 0;
}

.gallery-caption {
    font-size: 12px;
    line-height: 17px;
    padding: 0 15px;
}

.bypostauthor   {
    border: 1px solid transparent;
}

.post-content img,
.post-content-block img   {
    max-width: 100%;
    height: auto;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


.post-content table,
.post-content-block table 	{
    margin-bottom: 20px;
    width: 100%;
}

.post-content td,
.post-content th,
.post-content-block td,
.post-content-block th {
    border: 1px solid #dddddd;
    padding: 10px 15px;
}

.post-content thead th,
.post-content-block thead th 	{
    background-color: #fafafa;
}

.hide-me 	{
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.section--home-slider-default .swiper-container:not(.initialized),
.section--home-slider .swiper-container:not(.initialized) 	{
    background: #000000;
}

.section--home-slider-default .swiper-container:not(.initialized) *,
.section--home-slider .swiper-container:not(.initialized) * 	{
    opacity: 0;
}

.section--home-slider-default .swiper-container:not(.initialized):after,
.section--home-slider .swiper-container:not(.initialized):after 	{
    content: ' ';
    display: block;
    font-size: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 42px;
    width: 42px;
    margin: 14px 0 0 -21px;
    -webkit-animation: swiperLoaderSpinner 0.5s infinite linear;
    -moz-animation: swiperLoaderSpinner 0.5s infinite linear;
    -o-animation: swiperLoaderSpinner 0.5s infinite linear;
    animation: swiperLoaderSpinner 0.5s infinite linear;
    border-left: 2px solid rgba(255,255,255,1);
    border-right: 2px solid rgba(255,255,255,1);
    border-bottom: 2px solid rgba(255,255,255,1);
    border-top: 2px solid transparent;
    border-radius: 100%;
}

@-webkit-keyframes swiperLoaderSpinner {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes swiperLoaderSpinner {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes swiperLoaderSpinner {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes swiperLoaderSpinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}





.container-masonry:not(.masonry-initialized) 	{
    max-height: 300px !important;
    margin-bottom: 80px !important;
    overflow: hidden;
}

.container-masonry:not(.masonry-initialized) * 	{
    opacity: 0;
}

.container-masonry:not(.masonry-initialized):after 	{
    content: ' ';
    display: block;
    font-size: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 42px;
    width: 42px;
    margin: -17px 0 0 -21px;
    -webkit-animation: masonryLoaderSpinner 0.5s infinite linear;
    -moz-animation: masonryLoaderSpinner 0.5s infinite linear;
    -o-animation: masonryLoaderSpinner 0.5s infinite linear;
    animation: masonryLoaderSpinner 0.5s infinite linear;
    border-left: 2px solid rgba(0,0,0,0.5);
    border-right: 2px solid rgba(0,0,0,0.5);
    border-bottom: 2px solid rgba(0,0,0,0.5);
    border-top: 2px solid transparent;
    border-radius: 100%;
}

@-webkit-keyframes masonryLoaderSpinner {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes masonryLoaderSpinner {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes masonryLoaderSpinner {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes masonryLoaderSpinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}












/* ==============================
   Shop
   ============================== */

.shopping-cart-table{

}
.shopping-cart-table a{
    color: #111;
    text-decoration: none;
}
.shopping-cart-table a:hover{
    color: #777;
    text-decoration: none;
}
table.shopping-cart-table tr th,
table.shopping-cart-table tr td{
    vertical-align: middle;
}

.woocommerce-page section 	{
    padding-top: 80px;
    padding-bottom: 80px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product 	{
    text-align: center;
}

@media (min-width: 768px){
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product 	{
        width: 30.8%;
    }
    .woocommerce .shop-columns-count-1 ul.products li.product, .woocommerce-page .shop-columns-count-1 ul.products li.product 	{
        width: 100%;
    }
    .woocommerce .shop-columns-count-2 ul.products li.product, .woocommerce-page .shop-columns-count-2 ul.products li.product 	{
        width: 48.1%;
    }
    .woocommerce .shop-columns-count-3 ul.products li.product, .woocommerce-page .shop-columns-count-3 ul.products li.product 	{
        width: 30.8%;
    }
    .woocommerce .shop-columns-count-4 ul.products li.product, .woocommerce-page .shop-columns-count-4 ul.products li.product 	{
        width: 22.15%;
    }
    .woocommerce .shop-columns-count-5 ul.products li.product, .woocommerce-page .shop-columns-count-5 ul.products li.product 	{
        width: 16.96%;
    }
    .woocommerce .shop-columns-count-6 ul.products li.product, .woocommerce-page .shop-columns-count-6 ul.products li.product 	{
        width: 13.5%;
    }
}

.woocommerce-page section select 	{
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
}

.woocommerce span.onsale 	{
    background: #e91e63;
    border-radius: 0.25em;
    color: #ffffff;
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    min-height: 0;
    min-width: 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.4em;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale 	{
    left: auto;
    margin: 0;
    right: 10px;
    top: 12px;
}

.woocommerce .star-rating 	{
    margin-bottom: 12px;
}

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .shop_top_popup .total 	{
    padding: 15px 0 20px 0;
    border-top: 1px solid #ececec;
}

.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li 	{
    border-bottom: 1px dotted #eaeaea;
    padding: 18px 0;
}

.woocommerce .widget_shopping_cart .cart_list li.empty, .woocommerce.widget_shopping_cart .cart_list li.empty 	{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #6d7272;
}

.woocommerce .total .amount 	{
    color: #111111;
}

.widget_shopping_cart 	{
    font-size: 15px;
}

.woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong 	{
    font-weight: 400;
}

.woocommerce table.shop_table td 	{
    padding-top: 16px;
    padding-bottom: 16px;
}

.woocommerce a.remove 	{
    color: #555555 !important;
    font-size: 15px !important;
}

.woocommerce a.remove:hover 	{
    color: #999999 !important;
    background: none !important;
}

.woocommerce ul.products li.product h3 	{
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 1px;
    color: #35383c;
}

.woocommerce ul.products li.product > a 	{
    color: #35383c;
    text-decoration: none;
}

.woocommerce ul.products li.product .price del 	{
    display: inline;
}

.woocommerce ul.products li.product .price 	{
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.75;
    color: #77797c;
}

.woocommerce ul.products li.product .price del 	{
    font-size: 13px;
}

.woocommerce ul.products li.product .price ins 	{
    text-decoration: none;
    font-size: 13px;
}

.woocommerce ul.products li.product .price del + ins 	{
    margin-left: 8px;
}

.woocommerce ul.products li.product h3 	{
    padding-top: 0.1em;
    padding-bottom: 0.2em;
    text-align: center;
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count 	{
    color: #777777;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7778;
}

.woocommerce .price_label 	{
    font-size: 13px;
    text-transform: uppercase;
    color: #676a6a;
}

.woocommerce .quantity .qty 	{
    height: 39px;
    width: 70px;
    text-align: left;
    font-size: 15px;
    border-radius: 3px;
}

.woocommerce .summary div[itemprop="description"] 	{
    color: #777777;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7778;
}

.woocommerce div.product h1.product_title 	{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 1.3em;
}

.woocommerce.single-product span.onsale 	{
    /*position: static;
    display: inline-block;
    margin: 0 0 35px 35px;*/

    left: 10px;
    right: auto;
    top: 12px;
}

.woocommerce div.product p.price del, .woocommerce div.product span.price del 	{
    opacity: 1;
    color: #777777;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7778;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins 	{
    color: #111111;
    font-size: 22.4px;
    font-weight: 700;
    line-height: 1.7778;
    line-height: 1.6;
    text-decoration: none;
}

.woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price 	{
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.woocommerce div.product form.cart, .woocommerce div.product p.cart 	{
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.woocommerce .woocommerce-breadcrumb 	{
    margin-bottom: 2.4em;
}

.woocommerce .woocommerce-product-rating 	{
    margin-top: -27px;
}

.woocommerce div.product .summary .product_meta > span 	{
    display: block;
    color: #777777;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7778;
}

/* remove crazy tabs start */

.woocommerce-tabs ul.tabs:before,
.woocommerce-tabs ul.tabs li:after,
.woocommerce-tabs ul.tabs li:before,
.woocommerce-tabs ul.tabs li a:after,
.woocommerce-tabs ul.tabs li a:before {
    display: none !important;
    box-shadow: 0 0 0 #fff !important;
}
.woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs li,
.woocommerce-tabs ul.tabs li a {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: 0 0 0 #fff !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* remove crazy tabs end */

/* normal tabs lol start */

.woocommerce-tabs ul.tabs li a {
    padding: 10px 15px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: 1px solid transparent !important;
    color: #777777 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.woocommerce-tabs ul.tabs li 	{
    position: relative;
    top: 1px;
}

.woocommerce-tabs ul.tabs li.active a {
    border: 1px solid #dddddd !important;
    border-bottom-color: #ffffff !important;
    color: #000000 !important;
}

.woocommerce-tabs ul.tabs 	{
    border-bottom: 1px solid #dddddd !important;
    overflow: visible !important;
}

/* normal tabs lol end */

.woocommerce div.product .panel.entry-content 	{
    padding-top: 30px;
    font-size: 16px;
    color: #777777;
    line-height: 1.8;
    margin-bottom: 70px;
}

.woocommerce div.product .panel.entry-content h2 	{
    display: none;
}

.woocommerce div.product .related > h2 	{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    margin: 40px 0 20px 0;
    text-transform: uppercase;
}

.woocommerce #reviews h3 	{
    /*margin-bottom: 30px;*/
}

.woocommerce #reviews #comment 	{
    padding: 10px;
}

.woocommerce-page section #respond input#submit, .woocommerce-page section a.button, .woocommerce-page .shop_top_popup a.button, .woocommerce-page section button.button, .woocommerce-page section input.button, .woocommerce-page section .widget_price_filter .price_slider_amount .button, .woocommerce-page section #respond input#submit.alt, .woocommerce-page section a.button.alt, .woocommerce-page section button.button.alt, .woocommerce-page section input.button.alt 	{
    /*background: rgba(34, 34, 34, 0.9);
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 0;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 9px 9px 8px 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 9px 12px 8px;
    margin-bottom: 10px;*/
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    color: #909090;
    display: inline-block;
    text-transform: uppercase;
    padding: 8px 25px;
    font-size: 11px;
    line-height: 21px;
}

.woocommerce-page section #respond input#submit:hover, .woocommerce-page section a.button:hover, .woocommerce-page .shop_top_popup a.button:hover, .woocommerce-page section button.button:hover, .woocommerce-page section input.button:hover, .woocommerce-page section .widget_price_filter .price_slider_amount .button:hover, .woocommerce-page section #respond input#submit.alt:hover, .woocommerce-page section a.button.alt:hover, .woocommerce-page section button.button.alt:hover, .woocommerce-page section input.button.alt:hover 	{
    /*background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #ffffff;
    outline: medium none;
    text-decoration: none;*/
}

.woocommerce-page section input[type="text"],
.woocommerce-page section input[type="email"],
.woocommerce-page section input[type="number"],
.woocommerce-page section input[type="url"],
.woocommerce-page section input[type="search"],
.woocommerce-page section input[type="tel"],
.woocommerce-page section input[type="password"],
.woocommerce-page section input[type="date"],
.woocommerce-page section input[type="color"],
.woocommerce-page section select,
.woocommerce-page section textarea,
.woocommerce-page section .woocommerce-ordering select 	{
    background-color: #ffffff;
    width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #777777;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 2px;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    vertical-align: middle;
    font-size: 12px;
    height: 36px;
    padding-left: 9px;
    padding-right: 9px;
    margin-bottom: 10px;
}

.woocommerce-page section textarea 	{
    padding-top: 10px;
    padding-bottom: 10px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle 	{
    background: #000000 !important;
    top: -5px;
}

.woocommerce .widget_price_filter .ui-slider-horizontal 	{
    height: 4px;
}

.woocommerce #order_comments 	{
    min-height: 140px;
}

.woocommerce #reviews .form-submit 	{
    margin-top: 22px;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info{
    border-top-color: #e91e63;
    padding: 30px 30px 30px 60px !important;
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before{
    color: #e91e63;
}

.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button{
    margin-top: -12px !important;
    margin-bottom: -10px !important;
}

.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before 	{
    top: 30px;
}

.woocommerce .products .product .add_to_cart_ 	{
    display: none;
}

.woocommerce .products .product > a 	{
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out; 	
}

.woocommerce .products .product > a:hover 	{
    opacity: 0.7;
}

.woocommerce .ajax_add_to_cart:not(.add_to_cart_) i 	{
    display: none;
}

.woocommerce .ajax_add_to_cart:not(.add_to_cart_) 	{
    margin-top: 12px;
}

.woocommerce ul.products li.product .price 	{
    margin-bottom: 22px;
}

.woocommerce .widget_price_filter .price_slider 	{
    margin-bottom: 1.5em;
    margin-top: 10px;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content 	{
    background-color: #f0f0f0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle 	{
    background-color: #e91e63;
}

.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-ordering select:focus 	{
    outline: none;
}

.woocommerce .woocommerce-ordering select option {
    color: #777777;
    padding: 10px 12px;
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count 	í
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count 	{
    margin-bottom: 40px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product 	{
    margin-bottom: 20px;
}

@media (min-width: 1025px){
    .woocommerce-page section .col-xs-12.col-sm-8.col-md-9 	{
        padding-right: 112px;
    }
}

.woocommerce-page section h1.page-title 	{
    display: none;
}

.woocommerce div.product div.images, .woocommerce div.product div.summary 	{
    margin-bottom: 5em;
}

.woocommerce ins 	{
    text-decoration: none;
}

.woocommerce-cart table.cart td.actions .coupon .input-text 	{
    height: 33px;
    width: 210px;
}

#add_payment_method #payment, .woocommerce-checkout #payment 	{
    padding: 20px;
    background: #fafafa;
}

#add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box 	{
    background: #e4e4e4;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before 	{
    border-color: transparent transparent #e4e4e4 transparent;
}

.woocommerce form .form-row.woocommerce-invalid label,
.woocommerce form .form-row .required,
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select 	{
    color: #dd0000;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select 	{
    border-color: #00aa00;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods 	{
    border-color: #eeeeee;
}

.woocommerce div.product p.price, .woocommerce div.product span.price 	{
    color: #111111;
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a 	{
    font-weight: 400;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img 	{
    float: left;
    margin-left: 0;
    margin-right: 14px;
}

.woocommerce .widget_top_rated_products ul.product_list_widget a 	{
    padding: 0 0 9px 0;
}

.woocommerce ul.product_list_widget li 	{
    padding: 18px 0;
}

.woocommerce ul.product_list_widget li img 	{
    width: 79px;
    margin-top: -17px;
}

.woocommerce ul.cart_list li a 	{
    padding: 9px 0 9px 0;
    text-transform: uppercase;
}

.woocommerce .shop_top_popup ul.cart_list li a 	{
    padding: 9px 0 3px 0;
}

.woocommerce ul.cart_list .remove 	{
    margin: 20px 10px 0 0 !important;
    padding: 0 !important;
    position: static !important;
}

.woocommerce ul.cart_list li img 	{
    width: 60px;
    margin-top: -11px;
}

.woocommerce ul.product_list_widget 	{
    font-size: 13px;
    text-transform: uppercase;
}

.woocommerce ul.product_list_widget .empty 	{
    text-transform: none;
}

.woocommerce ul.cart_list li.empty 	{
    padding: 0;
    color: #6d7272;
}

.woocommerce ul.product_list_widget .product-title 	{
    margin-top: 17px;
    display: block;
}

.woocommerce ul.product_list_widget a,
.woocommerce ul.product_list_widget .product-title 	{
    color: #35383c;
    font-size: 13px;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
}

.woocommerce ul.product_list_widget a:hover,
.woocommerce ul.product_list_widget a:hover .product-title 	{
    color: #999999;
}

.woocommerce ul.product_list_widget li 	{
    border-bottom: 1px dotted #eaeaea;
}

.woocommerce ul.product_list_widget li:last-child 	{
    border-bottom: none;
}

.woocommerce h1.product_title 	{
    color: #1d2b37;
}

.woocommerce #respond input#submit:hover 	{
    color: #ffffff;
}

.woocommerce #respond .comment-form .submit 	{
    height: auto;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

.woocommerce .mini_cart_item 	{
    padding: 0 0;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove 	{
    position: static;
}

.woocommerce .widget_shopping_cart .cart_list li.empty 	{
    padding: 20px 0 0 0;
    color: #6d7272;
}

.woocommerce-tabs .panel 	{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.woocommerce #review_form #respond p 	{
    padding: 0;
    margin: 0;
}

.woocommerce #reviews #comments ol.commentlist li .meta 	{
    padding-bottom: 0;
}

.woocommerce #reviews #comments ol.commentlist li 	{
    margin-bottom: 40px;
}





/* =WordPress Core
-------------------------------------------------------------- */



/*

WORDPRESS DEFAULT INSERT IMAGE CLASSESSS

*/

.alignnone {
    margin: 5px 20px 0 0 !important;
    display: inline-block !important;
}

.aligncenter{
    display: block;
    margin: 5px auto 0 auto !important;
}

.alignright {
    float: right;
    margin: 5px 0 30px 20px !important;
    max-width: 100%;
}

.alignleft {
    float: left;
    margin: 5px 20px 30px 0 !important;
    max-width: 100%;
}

.sticky     {
    border: 1px solid #666666 !important;
    padding: 40px;
}

.wp-caption.alignnone {
    margin: 5px 0 30px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 30px 0;
}

.wp-caption.alignright {
    margin: 5px 0 30px 20px;
}

.wp-caption     {
    /*width: auto !important;*/
    font-style: italic;
    max-width: 100%;
    margin-bottom: 20px !important;
}

.wp-caption a {
    max-width: 100%;
    height: auto;
}

.wp-caption img     {
    max-width: 100%;
    height: auto;
}

.wp-caption-text    {
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 0;
}

.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    padding: 0 15px;
}

.bypostauthor   {
    border: 1px solid transparent;
}

.post-content-block img 	{
    max-width: 100%;
    height: auto;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.post-content-block table 	{
    margin-bottom: 20px;
    width: 100%;
}

.post-content-block td,
.post-content-block th 	{
    border: 1px solid #dddddd;
    padding: 10px 15px;
}

.post-content-block thead th 	{
    background-color: #fafafa;
}

.widget select 	{
    max-width: 100%;
}

.mejs-container 	{
    margin-bottom: 40px;
}

.post-content-block pre 	{
    font-family: monospace;
    padding: 10px;
}

.post-content-block ul,
.post-content-block ol 	{
    padding: 0 0 20px 20px;
}

.post-content-block ul ul,
.post-content-block ol ol,
.post-content-block ul ol,
.post-content-block ol ul 	{
    padding-bottom: 0;
}

.post-content-block,
.post-content-block li 	{
    font-size: 14px;
    line-height: 26px;
}

.post-content-block ul li {
    list-style: outside disc;
    padding: 0;
    margin: 0; }
.post-content-block ol li 	{
    list-style: outside decimal;
    padding: 0;
    margin: 0;
}

.post-content-block h1,
.post-content-block h2,
.post-content-block h3,
.post-content-block h4,
.post-content-block h5,
.post-content-block h6{
    margin: 40px 0 20px 0;
    padding: 0;
    text-transform: none;
    color: #333333;
}

.post-content-block h1 {
    font-size: 30px;
}
.post-content-block h2 {
    font-size: 24px;
}
.post-content-block h3 {
    font-size: 22px;
}
.post-content-block h4 {
    font-size: 20px;
}
.post-content-block h5 {
    font-size: 18px;
}
.post-content-block h6 {
    font-size: 16px;
}

.mfp-bg 	{
    z-index: 991042;
}

.mfp-wrap 	{
    z-index: 991043;
}


/*=====================*/
/* HEADERHEIGHT SCRIPT */
/*=====================*/

/* BREAKPOINT DETECTION FOR JS */

@media (max-width: 767px) {
    .breakpoint {
        width: 1px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .breakpoint {
        width: 2px;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .breakpoint {
        width: 3px;
    }
}
@media (min-width: 1200px) {
    .breakpoint {
        width: 4px;
    }
}

/* WILL BE SHOWN VIA JS AFTER SIZES HAVE BEEN CALCULATED */

header.header:not(.minimal-header) {
    display: none;
}

/* LOGO VISIBILITY */

.logo 	{
    float: left;
}

.logo,
.logo img 	{
    display: block;
}

.not-fixed .logo img.logo-fixed 	{
    display: none;
}

.fixed .logo img.logo-not-fixed 	{
    display: none;
}

@media (max-width: 1024px){
    .logo img.logo-desktop 	{
        display: none !important;
    }
}

@media (min-width: 1025px){
    .logo img.logo-mobile 	{
        display: none !important;
    }
}

/* HEADERHEIGHT ANIMATIONS ON FLEXIBLE CENTERED ELEMENTS - DO NOT ANIMATE "HEIGHT" !!! */

header.header .logo,
header.header nav > ul > li > a,
header.header .info-panel > a,
header.header .info-panel > .shop_top_button 	{
    -webkit-transition: all 0.2s linear !important;
    -webkit-transition-property: padding, opacity, color, background !important;
    transition: all 0.2s linear !important;
    transition-property: padding, opacity, color, background !important;
}




.turvasumutin:after {
    clear: both;
    content: '';
    display: block;
}

.turvasumutin {
    padding: 10px;
    background: rgba(204, 204, 204, 0.05);
    margin-bottom: 20px;
    position: relative;
    border: 1px solid rgba(204, 204, 204, 0.55);
}

.turvasumutin img {
    display: block;
    float: left;
    max-width: 30%;
}

.turvasumutin .info {
    float: left;
    margin-left: 1%;
    width: 69%;
}

.turvasumutin h4 {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 20px;
}

.turvasumutin .description {
    line-height: 26px;
}

.turvasumutin ul {
    margin-top: 15px;
}

.product-buy-button {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.section--heading {
    padding-bottom: 0;
    border-bottom: 0;
}

.section--html {
    padding-top: 0;
}

@media (max-width: 768px) {
    .turvasumutin {
        padding-bottom: 60px;
    }

    .turvasumutin img {
        max-width: 40%;
        margin: 0 15px 15px;
    }

    .turvasumutin .info {
        float: none;
        margin-left: 0;
        width: auto;
    }

    .product-buy-button {
        right: 50%;
        margin-right: -72px;
    }
}


.build-slider .button-row a.button-type-4, .build-box .btn-view:hover, .build-btn:hover, .build-contact-us .submit:hover {
    background: #636363 !important;
    border-color: #636363 !important;
}

.build-slider .button-row a.button-type-4:hover {
    color: #636363 !important;
    background: #fff !important;
}

@media (min-width: 990px) {
    .uutinen {
        float: left;
        width: 50%;
    }

    .uutinen .travel-btn {
        display: block;
        margin-top: 15px;
        width: 156px;
    }
}

.uutinen {
margin-bottom: 20px;
}

.uutinen:nth-child(2n+3) {
clear: both;
}