/* ========== BUTTONS ================ */

.btn-flat, a.btn-flat, .btn-alternative, a.btn-alternative, #submit, .button {
    border: 2px solid;
    border-radius: 1px;
    padding: 8px 20px 6px;
    overflow: hidden;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    -ms-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    -moz-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    white-space: normal;
}

a.btn.btn-white {
    background-color: transparent;
    color: #fff;
    border: 2px solid;
    border-color: #fff;
    border-radius: 1px;
    padding: 8px 20px 6px;
    overflow: hidden;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    -ms-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    -moz-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

a.btn.btn-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}
a.btn.btn-white-big {
    padding: 13px 16px 12px;
}

a.btn.btn-large.btn-flat {
    padding: 13px 15px 11px;
}

a.btn.btn-small.btn-flat {
    padding: 5px 10px 3px;
}

a.btn.btn-mini.btn-flat {
    padding: 2px 10px 1px;
}

/*.btn-flat.arrow, .btn-alternative.arrow {
    position: relative;
    padding: 7px 28px;
}

.btn-flat.arrow:before, .btn-alternative.arrow:before, #submit:before{
    position: absolute;
    height: 100%;
    font-size: 100%;
    line-height: 2.4;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    top: 0;
    right:-15%;
}

.btn-flat.arrow:hover, .btn-alternative.arrow:hover{
    padding-left: 16px;
    padding-right: 40px;
    -webkit-transition: all 0.20s;
    -moz-transition: all 0.20s;
    transition: all 0.20s;
}

.btn-flat.arrow:hover:before, .btn-alternative.arrow:hover:before{
    right:8%;
}*/
.btn-flat.btn-ghost{
    border-width: 1px ;
}
.btn i{
    margin-right: 10px;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
}
/*.icon-arrow-right:before {
    content: "\e092";
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
}*/

/* Button Icon Animation */

a.btn.animated {

    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 8px 38px 6px;
    line-height: 20px;
}


a.btn.animated.UtC span,a.btn.animated.LtC span,a.btn.animated.RtC span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}


a.btn.animated:before {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    /*font-size: 125%;*/
    /*line-height: 3.5;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-family: FontAwesome;
}

a.btn.animated.RtL:before {
    right: -150px;
    /*top:-14px;*/
}

a.btn.animated.RtL:hover:before {
    right: 10px;
}

a.btn.animated.LtR:before {
    left: -150px;
    /*top:-14px;*/
}

a.btn.animated.LtR:hover:before {
    left: 10px;
}

a.btn.animated.CtR:before {
    right: 50% ;
    /*top:-14px;*/
    opacity: 0;
}

a.btn.animated.CtR:hover:before {
    right:10px;
    opacity: 1;
}

a.btn.animated.CtL:before {
    left: 50% ;
    /*top:-14px;*/
    opacity: 0;
}

a.btn.animated.CtL:hover:before {
    left:10px;
    opacity: 1;
}

a.btn.animated.UtC:before {
    right: 50%;
    top:-150px;
    margin-right: -9px;
}

a.btn.animated.UtC:hover:before {
    top: 0.4em;
}


a.btn.animated.UtC:hover span {
    -webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
}

a.btn.animated.LtC:before {
    left: -150px;
    top:-14px;
}

a.btn.animated.LtC:hover:before {
    left:50%;
    margin-left: -9px;
}


a.btn.animated.LtC:hover span {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}

a.btn.animated.RtC:before {
    right: -150px;
    top:-14px;
}

a.btn.animated.RtC:hover:before {
    right:50%;
    margin-right: -9px;
}


a.btn.animated.RtC:hover span {
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
}


/* End Button Icon Animation*/

/* ========== END BUTTONS ================ */

.services{
    margin-top:10px;
    margin-bottom:10px;
}
.service-wrapper, .service-wrapper h3, .service-wrapper p{ text-align: center; }

.service-wrapper .image-wrapper{
    width: 128px;
    height: auto;
    display: inline-block;
    padding-top: 20px;
    overflow: hidden;
}

.service-wrapper .image-wrapper a img {
    max-width: 100%;
}

.service-wrapper .image-wrapper.border{
    border: 5px solid;
    border-radius: 50%;
    height: 128px;
    webkit-transition: background 0.3s, border 0.3s;
    -moz-transition: background 0.3s, border 0.3s;
    transition: background 0.3s, border 0.3s;
}

.service-wrapper .image-wrapper.border:hover{
    border: 5px solid;
    border-color: rgba(255,255,255,0.7);
    webkit-transition: background 0.3s, border 0.3s;
    -moz-transition: background 0.3s, border 0.3s;
    transition: background 0.3s, border 0.3s;
    overflow: hidden;
}

.service-wrapper .image-wrapper.border:hover img{
    margin-top: -125px;
    webkit-transition: margin 0.3s ;
    -moz-transition: margin 0.3s;
    transition: margin 0.3s;
}

.text-with-image {
    background-repeat: no-repeat;
    background-position: right;
    border-right: 1px solid;
    height: 246px;
    padding-top: 30px;
}

.text-with-image h3{
    line-height: 24px;
    margin-top: -5px;
}

.text-with-image p{
    padding-right: 60px;
    margin-bottom: 25px;
}

.text-with-image span{
    text-transform: uppercase;
    color: #000;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}

/* PARALLAX */
/* ======= PARALLAXEOS ======== */

.owl-wrapper-outer {
    -webkit-transform: translateZ(0);
}
.slider-parallax.owl-carousel{
    padding: 0;
    overflow: hidden;
}
.parallaxeos_container {
    display: block;
    position: relative;
    overflow: hidden;
}

/* Parallaxeos effect */
.parallaxeos_container .parallaxeos {
    background-attachment: scroll;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-size: cover;

    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 1;

    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.isMobile .parallaxeos_container .parallaxeos,
body.safari .parallaxeos_container .parallaxeos,
.parallaxeos_slider .parallaxeos_container .parallaxeos{
    background-position: 50% 0px;
}

.isMobile .parallaxeos_container .parallaxeos {
    background-attachment: scroll !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
}

.isMobile .parallaxeos_container .parallaxeos_content,
.isMobile .parallaxeos_container .video-parallaxeos {
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -ms-transform: translate3d(0px, 0px, 0px) !important;
    -o-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    opacity: 1 !important;
}

/* Parallaxeos content */
.stretched-layout .parallaxeos_outer {
    position: relative;
    width: 1000%;
    left: -500%;
    margin-left: 50%;
    clear: both;
    /* margin-top: 10px; */
    /*margin-bottom: 10px;*/
    /* padding-left: 1000px; */
}

.yes-js .stretched-layout .parallax .parallaxeos_outer,
.yes-js .stretched-layout .header-parallax .parallaxeos_outer {
    margin-left: 0;
}

.yes-js .stretched-layout #primary .slider.parallax {
    margin-left: 50%;
}

.boxed-layout #primary .parallaxeos_outer {
    margin-left: -15px;
    margin-right: -15px;
}

.parallaxeos_animate a.link_socials{
    padding: 0;
}

.isMobile .parallaxeos_outer,
body.safari .parallaxeos_outer,
.slider-parallax .parallaxeos_outer {
    /*margin-left: auto;*/
    width: 100%;
    left: auto;
}
.slider-parallax .parallaxeos_outer{
    /*margin-left: 0px;*/
    /*margin-right: 0px;*/
}
.parallaxeos_container .parallaxeos_content {
    height: 100%;
    position: relative;
    z-index: 10;
    text-align: center;
}

.parallaxeos_container .parallaxeos_animate {
    white-space: normal;
    z-index: 11;
    position: absolute;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    opacity: 0;

    /* change here duration and delay of the animation */
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: .5s;
    -moz-animation-duration: 1s;
    -moz-animation-delay: .5s;
    -o-animation-duration: 1s;
    -o-animation-delay: .5s;
    -ms-animation-duration: 1s;
    -ms-animation-delay: .5s;
}

.parallaxeos_container .parallaxeos_animate.animated {
    opacity: 1;
}

.isMobile .parallaxeos_container .parallaxeos_animate {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
}

.header-parallax{

}
.header-parallax .parallaxeos_outer {
    position: inherit;

}
.parallaxeos_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    z-index: 9;
}
.slider-parallax .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.slider-parallax .owl-pagination {
    text-align: center;
    margin-bottom: 10px;
    z-index: 1;
}

.slider-parallax .owl-controls .owl-buttons { display: none; }
.slider-parallax .owl-controls .owl-page {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url('../../templates/sliders/parallax/images/parallax-nav.png') no-repeat center bottom;
    margin-left: 2px;
    margin-right: 2px;
}
.slider-parallax .owl-controls .owl-page.active {
    background-position: center top;
}

/* Horizontal alignment */
.parallaxeos_animate.horizontal_center,.parallaxeos_animate.horizontal_center h1,.parallaxeos_animate.horizontal_center p,
.parallaxeos_animate.horizontal_center h2, .parallaxeos_animate.horizontal_center h3, .parallaxeos_animate.horizontal_center h4, .parallaxeos_animate.horizontal_center h5{ text-align: center }
.parallaxeos_animate.horizontal_left, .parallaxeos_animate.horizontal_left p, .parallaxeos_animate.horizontal_left h1, .parallaxeos_animate.horizontal_left h2, .parallaxeos_animate.horizontal_left h3,  .parallaxeos_animate.horizontal_left h4,  .parallaxeos_animate.horizontal_left h5,  .parallaxeos_animate.horizontal_left h6 { text-align: left }
.parallaxeos_animate.horizontal_right, .parallaxeos_animate.horizontal_right p, .parallaxeos_animate.horizontal_right h1, .parallaxeos_animate.horizontal_right h2, .parallaxeos_animate.horizontal_right h3,  .parallaxeos_animate.horizontal_right h4,  .parallaxeos_animate.horizontal_right h5,  .parallaxeos_animate.horizontal_right h6  { text-align: right }

/* Vertical alignment */
.parallaxeos_animate.vertical_top  { top: 10% }
.parallaxeos_animate.vertical_center {
    bottom: 50%;
    top: auto;
}
.parallaxeos_animate.vertical_bottom { bottom: 10% }
.parallaxeos_animate h1,
.parallaxeos_animate h2,
.parallaxeos_animate h3,
.parallaxeos_animate h4 {
    margin: 0;
    padding: 0;
    line-height: 44px;
}


.parallaxeos_animate a {
    padding: 13px 16px 12px 16px;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    margin-right: 8px;
    margin-top: 22px;
}
.parallaxeos_animate a.btn.btn-white{
    border-width: 1px;
}
.parallaxeos_animate a:hover {
    background-color: #fff;
}

#header.header-slider-parallax {
    margin-bottom: 0px;
}

.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate h1,
.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate h2,
.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate h3,
.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate h4 {
    margin-bottom: 10px;
}

.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate a {
    padding: 13px 25px;
    border: 2px solid #fff;
    font-size: 24px !important;
    font-weight: bold;
    margin-top: 12px;
}

.video-parallaxeos {
    top: 0;
    left: 0;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    max-width: none !important;
    height: auto !important;
    width: auto !important;
}
div.pp_default .pp_content_container #pp_full_res{
    margin-left: -5px;
}

/* SOCIAL */
.socials h2{
    font-size: 16px;
}

div.fade-socials{
    width: 54px;
    height: 54px;
    float: left;
    padding: 0px;
    margin: 0 2px 4px;
}

div.fade-socials-small{
    width: 26px;
    height: 26px;
    float: left;
    margin: 1px;
}

div.socials-default {
    width: 51px;
    height: 51px;
    float: left;
    padding: 0px;
    margin: 0 2px 4px;
    padding: 0;
}

div.socials-default-small {
    width: 26px;
    height: 26px;
    float: left;
    padding: 0 1px 2px;
    margin: 0;
}

a.socials-default, a.socials-default-small,
a.fade-socials, a.fade-socials-small {
    display: inline-block;
    margin-right: 0;
    text-align: left;
    text-indent: -9999px;
}

a.fade-socials { width: 54px; height: 54px; }

a.fade-socials-small { width: 26px; height: 26px; }

a.socials-default { width: 51px; height: 51px; }
a.socials-default-small { width: 26px; height: 26px; }

a.socials-default{opacity: 0.5;}
a.socials-default:hover{opacity: 1;}


.link_socials:hover span.icon-circle{
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.link_socials:hover i.fa{
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.link_socials, .link_socials:hover{
    border: 0;
    background: none;
    display: inline-block;
    margin-bottom: 10px !important;
}



/* ============= PRODUCT SLIDER =============== */
.owl-item li{width: 100%}
.categories-slider .owl-item li { width: 99%; }
.woocommerce .products-slider-wrapper, .woocommerce .categories-slider-wrapper { overflow: hidden; }
.tabs-container .woocommerce .products-slider-wrapper { overflow: visible;}
.woocommerce .products-slider, .woocommerce .categories-slider { position: relative; }
div.tabs-container .woocommerce h3.products-slider-title { display: none; }

/* ============= PRODUCT SWIPER SLIDER =============== */
.products-slider.swiper .swiper-slide{
    position: relative;
    width: auto;
}
.products-slider.swiper .swiper-slide .swiper-slide-wrapper{
    position: relative;
}
.products-slider.swiper .swiper-slide .opacity{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;

    border: 8px solid rgba(255,255,255,0.7);
    background-color: rgba(0,0,0,0.8);

    opacity: 0;
    transition-property: opacity;
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transition-property: opacity;
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}
.products-slider.swiper .swiper-slide:hover .opacity{
    opacity: 1;
}

.products-slider.swiper .swiper-slide .opacity:before{
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.products-slider.swiper .swiper-slide .opacity .swiper-product-informations{
    display: inline-block;
    vertical-align: middle;
    width: 97%;
    text-align: center;
}

.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span {
    display: block;
}
.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span.product-title,
.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span.product-price,
.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span.product-add-to-cart {
    font-size: 18px;
    color: #ffffff;
}
.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span.product-price ins{
    text-decoration: none;
}
.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span.product-add-to-cart,
.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span.product-view-details {
    margin-top: 25px;
}

.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span.product-add-to-cart a.added_to_cart.wc-foreward{
    display: none;
}

.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span.product-title a,
.products-slider.swiper .swiper-slide .opacity .swiper-product-informations span.product-title a:hover{
    color: #ffffff;
}
.products-slider.swiper .opacity.right,
.products-slider.swiper .opacity.left{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.8);
    cursor: default;
    pointer-events: none;
}
.products-slider.swiper .opacity.right{
    right: -100%;
}
.products-slider.swiper .opacity.left{
    left: -100%;
}

/* ===== TABS ===== */
.tabs-container { clear:both; overflow: hidden; }
.tabs-container ul.tabs { list-style: none; border-bottom: 1px solid; border-top: 1px solid; min-height: 40px; padding: 0 2px 2px 2px; margin-left: 0; }
.tabs-container ul.tabs li {
    float: left;
    display: block;
    margin-left: -2px;
    border-width: 0 0 2px 0;
}
.tabs-container ul.tabs li h4 { margin: 0; }
.tabs-container ul.tabs li h4 a { display: block; height: auto; padding: 8px 25px 3px 0px; text-transform: uppercase; font-weight: bold; text-align: center}

.tabs-container div.border-box.group .panel h4 { display: none; }

/* ===== END TABS ===== */

.products-slider-wrapper .es-nav-prev, .products-slider-wrapper .es-nav-next,
.categories-slider-wrapper .es-nav-prev, .categories-slider-wrapper .es-nav-next{
    width: 35px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba( 255, 255, 255, 0.6 );
    cursor: pointer;
}
.products-slider-wrapper .es-nav-prev, .categories-slider-wrapper .es-nav-prev { left: -35px; transition: left 0.5s; -webkit-trasition: left 0.5s; -moz-trasition: left 0.5s; -ms-trasition: left 0.5s; }
.products-slider-wrapper .es-nav-next, .categories-slider-wrapper .es-nav-next { right: -35px; transition: right 0.5s; -webkit-trasition: right 0.5s; -moz-trasition: right 0.5s; -ms-trasition: right 0.5s;}
.products-slider-wrapper .es-nav span, .categories-slider-wrapper .es-nav span {
    position: absolute;
    top: 35%;
    left: 5px;
    width: 25px;
    height: 25px;
    border: 2px solid;
    border-radius: 50%;
    padding: 4px;
    text-align: center;
    opacity: 1;
}
.categories-slider-wrapper .es-nav span { top: 45%; }
.products-slider-wrapper:hover .es-nav-next, .categories-slider-wrapper:hover .es-nav-next { right: 0; transition: right 0.5s; -webkit-trasition: right 0.5s; -moz-trasition: right 0.5s; -ms-trasition: right 0.5s;}
.products-slider-wrapper:hover .es-nav-prev, .categories-slider-wrapper:hover .es-nav-prev { left: 0; transition: left 0.5s; -webkit-trasition: left 0.5s; -moz-trasition: left 0.5s; -ms-trasition: left 0.5s; }
.products-slider-wrapper .es-nav-prev:hover, .products-slider-wrapper .es-nav-next:hover, .categories-slider-wrapper .es-nav-prev:hover, .categories-slider-wrapper .es-nav-next:hover { background-color: rgba( 255, 255, 255, 0.9 ); }


/* ============= PORTFOLIOS SLIDER =============== */
.portfolio-slider-outer{
    position: relative;
    width: 1000%;
    left: -500%;
    margin-left: 50%;
}

.portfolio-slider{
    display: block;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.portfolio-slider .prev-portfolio,
.portfolio-slider .next-portfolio{
    position: absolute;
    height: 100%;
    width: 51px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;

    transition-property: opacity;
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transition-property: opacity;
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}

.portfolio-slider:hover .prev-portfolio,
.portfolio-slider:hover .next-portfolio{
    opacity: 1;
}

.portfolio-slider .prev-portfolio{
    left: 10px;
    background: url('../images/section-arrow-left.png') no-repeat center center;
}

.portfolio-slider .next-portfolio{
    right: 10px;
    background: url('../images/section-arrow-right.png') no-repeat center center;
}

.portfolio-slider .portfolios{
    list-style: none;
    display: block;
    position: relative;
    padding: 0;
}

.portfolio-slider .portfolios .owl-item{
    float: left;
}

.portfolio-slider .portfolios li{
    padding: 0 2px;
    display: block;
}

portfolio-filterable .portfolios li a{
    display: block;
}

.portfolio-slider .portfolios li .portfolio-thumb{
    position: relative;
    overflow: hidden;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;

}

.portfolio-slider .portfolios li .portfolio-thumb > img{
    width: 100%;
    transform: scale(1,1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transform: scale(1,1);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transform: scale(1,1);
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}

.portfolio-slider .portfolios li .portfolio-thumb:hover img{
    transform: scale(1.2,1.2);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transform: scale(1.2,1.2);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.2,1.2);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transform: scale(1.2,1.2);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transform: scale(1.2,1.2);
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}

.portfolio-slider .portfolios li .portfolio-thumb .portfolio-overlay{
    display: block;
    padding: 0 30px;

    background-color: rgba(0,0,0,0.79);
    border: 2px solid; /**/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;

    transition-property: opacity;
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transition-property: opacity;
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}

.portfolio-slider .portfolios li .portfolio-thumb .portfolio-overlay:before{
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.portfolio-slider .portfolios li .portfolio-thumb:hover .portfolio-overlay{
    opacity: 1;
}

.portfolio-slider .portfolios li .portfolio-thumb .portfolio-overlay .portfolio-overlay-info {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 98%;
    padding: 20px 0;
    border-top: 1px solid #383f41;
    border-bottom: 1px solid #383f41;
}

.portfolio-slider .portfolios li .portfolio-thumb .portfolio-overlay .portfolio-overlay-info .portfolio-overlay-title{
    color: #f7c104;/**/
    font-size: 18px;/**/
    line-height: 36px;
    text-transform: uppercase;/**/
}

.portfolio-slider .portfolios li .portfolio-thumb .portfolio-overlay .portfolio-overlay-info .portfolio-overlay-categories,
.portfolio-slider .portfolios li .portfolio-thumb .portfolio-overlay .portfolio-overlay-info .portfolio-overlay-categories a{
    color: #fff;/**/
    font-size: 14px;/**/
    line-height: 30px;
}


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


/* ============= ICON BOX =============== */

.box-sections.horizontal .icon, .box-sections.vertical .icon {
    display: table;
    text-align: center;
    height: 64px;
    width: 100%;
    vertical-align: middle;
    table-layout: fixed;
}
.box-sections.horizontal .icon-circle .icon,
.box-sections.vertical .icon-circle .icon{
    display: table-cell;
}
div.margin-bottom.box-sections{
    margin-bottom: 30px;
    position: relative;
}
.box-sections.vertical .icon{
    height: auto;
}
.box-sections.horizontal .box-icon{
    width: 100px;
    position: absolute;
    margin-top: 10px;
}
.box-sections.horizontal p{
    margin-top: 5px;
}
.box-sections.horizontal .box-icon .icon-circle{
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
}
.box-sections.vertical .box-icon{
    width:100%;
    text-align:center;
}

.box-sections.vertical .box-icon .icon-circle i,
.box-sections.horizontal .box-icon .icon-circle i{
    display: inline;
}

.box-sections.vertical .box-icon .icon-circle i{
    height: 64px;
}
.box-sections.horizontal .box-icon .icon-circle,
.box-sections.vertical .box-icon .icon-circle{
    display: table;
}

.box-sections.vertical .box-icon .icon-circle{
    margin: 0 auto;
    float: none;
    /* width: 10px; */
}
.box-sections.horizontal .box-content{
   margin-left: 100px;
}
.box-sections.vertical div.box-content{
    clear: both;
    float: none;
}
.box-sections.horizontal h2,
.box-sections.horizontal h3,
.box-sections.horizontal h4,
.box-sections.horizontal h5,
.box-sections.horizontal h6{
    display: inline;
}

.box-sections.vertical h2,
.box-sections.vertical h3,
.box-sections.vertical h4,
.box-sections.vertical h5,
.box-sections.vertical h6,
.box-sections.vertical p {
    display: block;
    text-align: center!important;
    margin-right: 10px;
}


/* ============= FAQs =============== */

.filters.faq{
    display: block;
    float: none;
    list-style: none;
    padding-left: 0;
    text-align: center;
    border-top: 2px solid;
    border-bottom: 1px solid;
    padding: 16px 0 13px 0;
    margin-bottom: 25px;
}

.filters.faq li{
    display: inline-block;
    padding: 0 24px;
}

.filters.faq li a{
    text-transform: uppercase;/**/
    color: #555555;/**/
}

.filters.faq li a:hover, .filters.faq li a.active{
    color: #d3a310;/**/
}

#faqs-container .faq-wrapper{
    border: none;
}

#faqs-container .faq-wrapper:hover{
    background: none;
}

#faqs-container .faq-wrapper .faq-title{
    border-bottom: 1px solid;
    padding: 7px 10px 7px 0;
    cursor: pointer;
}

#faqs-container .faq-wrapper .faq-title span:not(#faqs-container .faq-wrapper .faq-title span.faq-icon){
    padding: 2px 4px;
    border-radius: 50%;
    border: 3px solid;
    margin-right: 12px;
    margin-left: -40px;
    color: #cdcdcd;/**/
}



#faqs-container .faq-wrapper .faq-title h4{
    display: inline-block;
    font-size: 17px;/**/
    font-weight: 400;/**/
    position: relative;
    padding-left: 35px;
    margin-top: 0;
}

#faqs-container .faq-wrapper .faq-title .faq-icon{
    border: 2px solid;
    width: 21px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    padding-top: 1px;
    font-size: 10px;
    line-height: 15px;
    position: absolute;
}

/*#faqs-container .faq-wrapper .faq-title h4:before{
    content: '\f067';
    font-family: 'FontAwesome';
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    padding: 2px 0 3px 4px;
    font-size: 10px;
    margin-right: 7px;
    font-weight: 400;
    position: absolute;
    top: -2px;
    left: 0;
}*/

/*#faqs-container .faq-wrapper .faq-title.active h4:before{
    content: '\f068';
}*/

#faqs-container .faq-item {
    display: none;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

#faqs-container .faq-wrapper .faq-item-content{
    padding-left: 36px;
    padding-bottom: 0;
}


/* ============= ACCORDION =============== */

.toggle{
    border: none;
}

.toggle:hover{
    background: none;
}

.toggle .tab-index{
    border-bottom: 1px solid;
    padding: 7px 10px 7px 0;
    cursor: pointer;
    padding-left: 40px;
    margin: 0px;
}

.toggle .tab-index span{
    padding: 3px 4px;
    margin-right: 12px;
    margin-left: -40px;
    color: #cdcdcd;
    font-size: 10px;
}

.toggle .tab-index.with-border span{
    padding: 4px 4px 3px 4px;
    border: 2px solid;
    border-radius: 50%;
}

.ie9 .toggle .tab-index.with-border span{
    width: 21px;
    height: 21px;
    padding-top: 4px;
    padding-left: 5px;
}

.toggle .tab-index h4 a{
    display: block;
    font-size: 17px;
    font-weight: 400;
}

.toggle .content-tab{
    padding-left: 40px;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
}


/* ============= ALERT BOXES =============== */
div.box {
    border-top: 2px solid;
    border-bottom: 2px solid;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    margin: 15px 0px;
}
div.box .ico{
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
div.box.success-box {
    border-top-color: #C3BA2D;
    border-bottom-color: #C3BA2D;
    color: #767a0d;
}

div.box.success-box .ico{
    background-position: -167px -3px;
}

div.box.error-box, div.box.alert-box {
    border-top-color: #f9a5a5;
    border-bottom-color: #f9a5a5;
    color: #7f2525;
}

div.box.error-box .ico, div.box.alert-box .ico{
    background-position: -167px -100px;
}

div.box.info-box {
    border-top-color: #bababa;
    border-bottom-color: #bababa;
    color: #585858;
}

div.box.info-box .ico{
    background-position: -167px -51px;
}


/* ============= PIE CHART =============== */
.piechart {
    display: block;
    text-align:center;
    position:relative;
    margin: 0 auto;

}
.piechart span{
    display: inline-block;
    text-align:center;
    z-index:2;
}
.piechart span i{
    vertical-align: middle;
}
.piechart canvas{
    position: absolute;
    top: 0px;
    left: 0px;
}

/* ============= PROGRESS BAR =============== */
.yit-progress-bar{
    margin-bottom: 15px;
}
.yit-progress-bar .progress{
    position: relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.yit-progress-bar .bar-meta{
    margin-bottom: 5px;
}
.yit-progress-bar .bar-meta span{
    font-weight: 700;
}
.yit-progress-bar .bar-value{
    display: none;
}
.isMobile .yit-progress-bar .bar-value{
    display: inline-block;
}
.yit-progress-bar .progress-bar{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 0%;
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s;
}

.yit-progress-bar.text-inside{
    position: relative;

}
.yit-progress-bar.text-inside .bar-meta{
    position: absolute;
    z-index: 30;
    width: 100%;
    padding: 0% 10px;
    margin-bottom: 0px;
}

.yit-progress-bar.text-after .bar-meta{
    margin-top: 10px;
}

.yit-progress-bar .progress-bar.slow{
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s;
}
.yit-progress-bar .progress-bar.normal{
    -webkit-transition: width 2s;
    -moz-transition: width 2s;
    transition: width 2s;
}
.yit-progress-bar .progress-bar.fast{
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    transition: width 1s;
}

.isMobile .yit-progress-bar .progress-bar {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}


/* ============= GOOGLE MAP =============== */

.google-map-frame {
    padding: 0px 3px 3px 3px;
}
.google-map-frame .inner{
    position: relative;
}
.google-map-frame iframe {
    display: block;
}

.google-map-frame.full-width{
    padding: 0;
    position: relative;
    width: 1000%;
    left: -500%;
    margin-left: 50%;
}
.google-map-frame.full-width .inner{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.google-map-frame.full-width iframe{
    display: block;
    margin-top: 0px;
    margin-bottom: -4px;
    padding-bottom: 0;
}
.google-map-frame.full-width .border {
    position: relative;
}

.google-map-frame .map_info{
    position: absolute;
    bottom: 12%;
    left: 0;
    right: 5%;
    pointer-events: none;
}

.google-map-frame .container_map_box_info{
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: right;
}

.google-map-frame .map_info .row{
    width: 100%;
    margin: 0 auto;
    max-width: 82.5em;
}

.google-map-frame .map_box_info{
    background: rgba(255,255,255,0.9);
    padding: 15px;
    pointer-events: auto;
}

.google-map-frame .map_box_info h4 {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: bold;
}

.google-map-frame .map_box_info p{
    margin-bottom: 0;
    line-height: 24px;
}

/*
* ==== Contact Form ====
*/


.contact-form {
    margin-top: 0;
}

.contact-form  ul{
    margin: 0;
    padding: 0;
}

.contact-form  ul li {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding-top: 0;
    padding-left: 0;
}

.contact-form ul li.no-padding-right{padding-right:0;}

.contact-form li div.input-prepend .add-on{
    position: absolute;
    top: 10px;
    left: 15px;
    background-color: transparent;
    border: 0px;
    z-index: 10;
    width: 15px;
    height: 15px;
    padding: 0;
}

.contact-form li div.input-prepend input{
    padding-left: 43px;
    height: 40px;
    border: 1px solid;
    border-radius: 0;
}

.contact-form li div.input-prepend input[type=checkbox], .contact-form li div.input-prepend input[type=radio] {
    width: auto;
    height: auto;
}

.contact-form label{
    font-size: 13px;
    font-family: 'Oswald', sans-serif;
    color: #a4a4a4;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
}

.contact-form li.textarea-field div.input-prepend textarea{
    display: block;
    border: 1px solid;
    border-radius: 0;
    -webkit-appearance: none;
}
.contact-form li input,.contact-form li textarea{
    width: 100%;
    height: 141px;
    resize: none;

}
.contact-form li textarea, .contact-form li textarea:focus{
    padding: 8px 0px 10px 48px;
}
.contact-form li input:focus,.contact-form li textarea:focus{
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-style: solid;
}
.contact-form li input.error, .contact-form li textarea.error{
    border: 1px solid #f38f8f !important;
    background: url('../images/input-back-error.png') no-repeat top right;
}

.contact-form li input[type="submit"]{
    height: 41px;
    margin-top: 0;
    margin-right: 0;
}

.contact-form li div.input-prepend input::-webkit-input-placeholder,.contact-form li.textarea-field textarea::-webkit-input-placeholder{
    font-size: 13px;
    font-weight: bold;
    padding-left: 0px;
    line-height: 22px;
}

.contact-form li div.input-prepend input:-moz-placeholder,.contact-form li.textarea-field textarea:-moz-placeholder { /* Firefox 18- */
    font-size: 13px;
    font-weight: bold;
}

.contact-form li div.input-prepend input::-moz-placeholder,.contact-form li.textarea-field textarea::-moz-placeholder {  /* Firefox 19+ */
    font-size: 13px;
    font-weight: bold;
}

.contact-form li div.input-prepend input:-ms-input-placeholder,.contact-form li.textarea-field textarea:-ms-input-placeholder {
    font-size: 13px;
    font-weight: bold;
}



.contact-form li #recaptcha_widget_div input{
    width: auto;
    height: auto;
}

.recaptchatable .recaptcha_image_cell center img {
    height: 55px !important;
    width: 100% !important;
}

/* Message Success and Error */



.contact-form div.user-message{
    margin: 0 auto;
    margin-bottom: 15px;
}

.contact-form div.success,
.contact-form div.error {
    border-radius:1px;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    width: 90%;
    padding: 28px 40px;
    border:1px solid;
    margin:0 auto 15px;
    background:no-repeat right bottom;
}
.contact-form div.success { background: #fdfefa url('../images/contact-form-success-back.png') right bottom no-repeat; border-color:#edebb6;  }
.contact-form div.success p {
    background: url('../images/contact-form-success-smile.png') left center no-repeat;
    padding: 8px 0px 8px 70px;
    margin: 0px;
    color:#646464;
    font-size: 18px;, serif;
    font-weight: normal;
    text-transform: uppercase;
    min-height: 48px;
}

.contact-form div.success p span {  color: #b1ab03; font-size: 18px;  display: block; }

.contact-form div.error { background-color: #fedccd; border-color:#fa8c83; color:#c82c1f; }
.contact-form p.error { font-style:normal; font-size:11px; color:#a72727; text-transform: uppercase;  }

.contact-form.row-fluid li.first-of-line { margin-left: 0px; clear: left; }

.contact-form .contact-form-error-messages { margin-top: -55px; margin-left: auto;}
.contact-form .contact-form-error-messages .contact-form-error { color: #9b090c; font-size: 11px; , serif; text-transform: uppercase; display: none; padding-top:5px; }

.contact-form-error-messages.error-right.span3 { float: right; }

.contact-form li div.msg-error { font-style:normal; font-size:14px; color:#a72727;margin-top:4px;  }
.contact-form .contact-form-error-messages { display: none; }

/* END MESSAGE ERROR */


/* Recaptcha */

#recaptcha_widget_div{
    margin-bottom: 0px;
    padding: 0;
}

/* End Recaptcha */



/*
* ==== END Contact Form ====
*/

/* ============= Icon =============== */
span.icon-circle {
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    position: relative;
    display: table;
    margin-top: -7px;
    float: left;
    margin-right: 5px;
}
span.icon-circle i {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

/* ============= BoxTitle =============== */

.box-title h2{
    position: relative;
    z-index: 3;
    display: inline-block;
    margin: 0;
    padding: 0px 30px;
    font-size: inherit;
}

.box-title .subtitle{
    display: block;
    font-size: .8em;
    opacity: .9;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    margin-top: 5px;
    text-align: inherit;
}

.box-title.subtitle-small .subtitle{
    font-size: .4em;
    font-weight: 400;
}

.box-title.box-title-line-around h5, .box-title.box-title-line-around h2{
    border: 1px solid;
    padding-top: 20px;
    padding-bottom: 20px;
}

.box-title.box-title-line-middle .title-bar,
.box-title.box-title-line-around .title-bar{
    position: relative;
    overflow: hidden;
}

.box-title.box-title-text-left{
    text-align: left;
}

.box-title.box-title-text-left:not(.box-title-line-around) h5, .box-title.box-title-text-left:not(.box-title-line-around) h2{
    padding-left: 0;
}

.box-title.box-title-text-center{
    text-align: center;
}

.box-title.box-title-text-right{
    text-align: right;
}

.box-title.box-title-text-right:not(.box-title-line-around) h5, .box-title.box-title-text-right:not(.box-title-line-around) h2{
    padding-right: 0;
}

.box-title.box-title-line-middle .title-bar:after,
.box-title.box-title-line-middle .title-bar:before,
.box-title.box-title-line-around .title-bar:after,
.box-title.box-title-line-around .title-bar:before{
    content: '';
    width: 100%;
    border-bottom: 1px solid;
    position: absolute;
    top: 45%;
}

.box-title.box-title-line-middle .title-bar:after,
.box-title.box-title-line-around .title-bar:after{
    margin-right: -100%;
}

.box-title.box-title-line-middle .title-bar:before,
.box-title.box-title-line-around .title-bar:before{
    margin-left: -100%;
}

/*Fix ie, safari*/
.ie .box-title h2, .safari .box-title h2{
    vertical-align: middle;
}
.ie .box-title.box-title-line-middle .title-bar:after,
.ie .box-title.box-title-line-middle .title-bar:before,
.ie .box-title.box-title-line-around .title-bar:after,
.ie .box-title.box-title-line-around .title-bar:before,
.safari .box-title.box-title-line-middle .title-bar:after,
.safari .box-title.box-title-line-middle .title-bar:before,
.safari .box-title.box-title-line-around .title-bar:after,
.safari .box-title.box-title-line-around .title-bar:before{
    position: static;
    display: inline-block;
    vertical-align: middle;
}

/* ============= Counter =============== */
.counter{
    text-align: center;
}
.counter .number{
    display: inline;
    position: relative;
    line-height: 0.5;
    font-weight: 700;
    vertical-align: bottom;
}

.counter p, .counter .text{
    margin: 0;
    text-transform: uppercase;
    font-size: 20px;
}
.counter .text{
    margin-top: 15px;
}
.counter .text.animate{
    visibility: hidden;
}
.isMobile .counter .text.animate{
    visibility: visible;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
}
.counter .text p{
    text-align: center;
}

.counter .percent{
    display: inline-block;
    position: absolute;
    top: 22%;
    font-size: .2em;
    font-weight: 400;
}
.gecko .counter .percent{
    right:0.5em;
}

.counter .percent.animate{
    visibility: hidden;
}

.counter i{
    padding-bottom: 20px;
}

/* ============= ANIMATED BANNER =============== */
.sc-banner { position: relative; }
.sc-banner a { display: block; width: 100%; height: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; }
.sc-banner i { font-size: 35px; margin-top: -7px; margin-right: 10px; position: absolute; left: 17px; top: 32%; width: 35px; height: 35px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.sc-banner .content { position: absolute; }
.sc-banner h2, .sc-banner h3 { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.sc-banner h2 { font-size: 14px; line-height: 14px; margin: 20px 0px 0px 80px; }
.sc-banner h3 { font-size: 11px; line-height: 11px; margin: 12px 0px 0px 80px; }

@-webkit-keyframes moveFromBottom { from { opacity: 0; -webkit-transform: translateY(200%); } to { opacity: 1; -webkit-transform: translateY(0%); } }
@-moz-keyframes moveFromBottom { from { opacity: 0; -moz-transform: translateY(200%); } to { opacity: 1; -moz-transform: translateY(0%); } }
@-ms-keyframes moveFromBottom { from { opacity: 0; -ms-transform: translateY(200%); } to { opacity: 1; -ms-transform: translateY(0%); } }
@-webkit-keyframes moveFromTop { from { opacity: 0; -webkit-transform: translateY(-200%); } to { opacity: 1; -webkit-transform: translateY(0%); } }
@-moz-keyframes moveFromTop { from { opacity: 0; -moz-transform: translateY(-200%); } to { opacity: 1; -moz-transform: translateY(0%); } }
@-ms-keyframes moveFromTop { from { opacity: 0; -ms-transform: translateY(-200%); } to { opacity: 1; -ms-transform: translateY(0%); } }
@-webkit-keyframes moveFromLeft{ from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0%); } }
@-moz-keyframes moveFromLeft{ from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(0%); } }
@-ms-keyframes moveFromLeft{ from { -ms-transform: translateX(-100%); } to { -ms-transform: translateX(0%); } }
@-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0%); } }
@-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0%); } }
@-ms-keyframes moveFromRight { from { -ms-transform: translateX(100%); } to { -ms-transform: translateX(0%); } }
@-webkit-keyframes moveFromLeftRotate{ from { -webkit-transform: translateX(-100%) rotate(-90deg); } to { -webkit-transform: translateX(0%) rotate(0deg);} }
@-moz-keyframes moveFromLeftRotate{ from { -moz-transform: translateX(-100%) rotate(-90deg); } to { -moz-transform: translateX(0%) rotate(0deg); } }
@-ms-keyframes moveFromLeftRotate{ from { -ms-transform: translateX(-100%) rotate(-90deg); } to { -ms-transform: translateX(0%) rotate(0deg); } }
@-webkit-keyframes smallToBig{ from { -webkit-transform: scale(0.1); } to { -webkit-transform: scale(1); } }
@-moz-keyframes smallToBig{ from { -moz-transform: scale(0.1); } to { -moz-transform: scale(1); } }
@-ms-keyframes smallToBig{ from { -ms-transform: scale(0.1); } to { -ms-transform: scale(1); } }

/* banner switch text */
.sc-banner { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.sc-banner.switch-text:hover i  { font-size: 50px; }
.sc-banner.switch-text:hover h2 { font-size: 11px; }
.sc-banner.switch-text:hover h3 { font-size: 14px; }

/* banner zoom-left */
.sc-banner.zoom-left:hover i { font-size: 50px; opacity: 0.8; }
.sc-banner.zoom-left:hover h2 { -webkit-animation: moveFromTop 300ms ease-in-out; -moz-animation: moveFromTop 300ms ease-in-out; -ms-animation: moveFromTop 300ms ease-in-out; }
.sc-banner.zoom-left:hover h3 { -webkit-animation: moveFromBottom 300ms ease-in-out; -moz-animation: moveFromBottom 300ms ease-in-out; -ms-animation: moveFromBottom 300ms ease-in-out; }

/* banner zoom-icon */
.sc-banner.zoom-icon:hover i { font-size: 120px; opacity: 0.2; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); }

/* banner top-entry */
.sc-banner.top-entry:hover i { -webkit-animation: moveFromTop 400ms ease; -moz-animation: moveFromTop 400ms ease; -ms-animation: moveFromTop 400ms ease; }
.sc-banner.top-entry:hover h2 { -webkit-animation: moveFromTop 300ms ease; -moz-animation: moveFromTop 300ms ease; -ms-animation: moveFromTop 300ms ease; }
.sc-banner.top-entry:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; }

/* banner left-entry-zoom */
.sc-banner.left-entry-zoom:hover i { font-size: 90px; opacity: 0.1; -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease; }
.sc-banner.left-entry-zoom:hover h2 { -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease; }
.sc-banner.left-entry-zoom:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; }

/* banner rotate-zoom */
.sc-banner.rotate-zoom:hover i { font-size: 90px; opacity: 0.2; }
.sc-banner.rotate-zoom:hover h2 { -webkit-animation: moveFromLeftRotate 300ms ease; -moz-animation: moveFromLeftRotate 300ms ease; -ms-animation: moveFromLeftRotate 300ms ease; }
.sc-banner.rotate-zoom:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; }

/* banner zoom-box */
.sc-banner.zoom-box:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.sc-banner.zoom-box:hover i { font-size: 90px; opacity: 0.3; }
.sc-banner.zoom-box:hover h2 { -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease; }
.sc-banner.zoom-box:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; }

/* banner small-to-big */
.sc-banner.small-to-big:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.sc-banner.small-to-big:hover i { font-size: 90px; opacity: 0.3; -webkit-animation: smallToBig 900ms alternate infinite ease; -moz-animation: smallToBig 900ms alternate infinite ease; -ms-animation: smallToBig 900ms alternate infinite ease; }
.sc-banner.small-to-big:hover h2 { -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease; }
.sc-banner.small-to-big:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; }

/* banner grey */
.sc-banner.grey { background: #fff; border: 1px solid #d0cece; }
.sc-banner.grey i { color: #7d8287; }
.sc-banner.grey h2 { color: #000; }
.sc-bannera.grey h3 { color: #666464; }

/* banner orange */
.sc-banner.orange { background: #fff; border: 1px solid #eccba8; }
.sc-banner.orange i { color: #000; }
.sc-banner.orange h2 { color: #bd6910; }
.sc-bannera.orange h3 { color: #393939; }

/* ============= Image Banner =============== */

.banner-container{
    border: 1px solid #d3d3d3;
    padding: 2px;
}

.banner-image{
    width: 100%;
    display: table;
    background-position: top center;
    /*background-size: 100% 100%;*/
    -webkit-transition: background-size 0.6s ease;
    -moz-transition: background-size 0.6s ease;
    transition: background-size 0.6s ease;
    cursor: pointer;
    position: relative;
}
.banner-image:hover{
   /*background-size: 110% 110%;*/
}
.banner-image .banner-image-content{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.banner-image-slogan-wrapper{
    position: absolute;
    width: 100%;
    display: block;
    left: 0;
    z-index: 10;
    padding: 10px;
    pointer-events: none;
}

.banner-image-slogan-wrapper.top{
    top: 10px;
}

.banner-image-slogan-wrapper.bottom{
    bottom: 10px;
}


.banner-image-slogan-wrapper.left{
    text-align: left;
    padding-left: 16px;
}

.banner-image-slogan-wrapper.right{
    text-align: right;
    padding-right: 10px;
}

.banner-image .banner-image-slogan{
    font-size: 32px;
    line-height: 1em;
    display: block;
    margin-bottom: 5px;
    letter-spacing: 7px;
}
.banner-image .banner-image-subslogan{
    font-size: 24px;
    display: block;
    line-height: 1em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 5px;
}

.banner-image-slogan-wrapper.left .banner-image-subslogan{
    margin-left: -2px;
}

.banner-image-slogan-wrapper.right .banner-image-subslogan{
    margin-right: 6px;
}

.banner-image .button{
    margin-top: 15px;
    display: inline-block;
    border-width: 1px ;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.banner-image-background{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.banner-image:hover .banner-image-background{
    opacity: 1;
}
/* ============= Space =============== */
.space{
    clear: both;
}

/* =============  Contact Info =============== */
.contact-info > h3{
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}
.contact-info > h2{
    margin-top: 0;
    padding-top: 0;
    line-height: 24px;
}
.contact-info ul{
    padding-left: 0px;
}
.contact-info ul li {
    list-style-type: none;
    margin-bottom: 12px;
}
.contact-info ul li strong {
    display: block;
}

.contact-info ul li i.fa{
    font-size:25px;
}


.contact-info ul li div.icon-container{
    width: 42px;
    text-align: center;
    float: left;
    margin-top: 7px;
}

.contact-info ul li div.info-container{
    margin-bottom: 6px;
}

/* ============= QUOTE =============== */
.yit_post_quote {
    border: 1px solid;
    border-width: 2px 0 0 0;
    padding: 3px 40px 7px 40px;
    position: relative;
    padding-right: 0;
    border-bottom: 1px solid;
}

.yit_post_quote .fa{
    position: absolute;
    top: 14px;
    left: 0;
    font-size: 20px;
}

.yit_post_quote .quote-title{
    position: absolute;
    right: 0;
    bottom: -12px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.yit_post_quote .quote-title span{
    background: #ffffff;
    padding: 0px 0px 0px 10px;
}
/* ============= Featured Column =============== */
.featured-column {
    width:100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-right: 100px;
    border-right: 1px solid #ccc;
     margin-bottom: 10px;
     margin-top: 10px;
}
.featured-column h5 {
    margin-bottom: 7px;
}
.featured-column h5, .featured-column h2{
    line-height: 1em;
    padding: 0px;
    margin-top:0;
}

.featured-column.last{
    border-right:0px;
    margin-left: 15px;
}
/* fix visual composer */
.vc_col-sm-4 .featured-column.first{
    margin-left: 0px;
}
.vc_col-sm-4 .featured-column.last{
    border-right:0px;
    margin-left: 0px;
}


/* ============= Credit Card =============== */
.credit_card {
    width: 32px;
    height: 32px;
    background: url('../images/creditcard.png') no-repeat;
    display: inline-block;
    margin-left: 1px;
}
#copyright .credit_card{
    margin-bottom: -13px;
}
.credit_card.amazon {background-position:0px -32px;}
.credit_card.amex {background-position: -32px -32px;}
.credit_card.amex_alt {background-position: -64px -32px;}
.credit_card.amex_gold {background-position: -96px -32px;}
.credit_card.amex_green {background-position:-128px -32px;}
.credit_card.amex_silver {background-position:-160px -32px;}
.credit_card.apple {background-position:-192px -32px;}
.credit_card.bank {background-position:-224px -32px;}
.credit_card.cash {background-position:-256px -32px;}
.credit_card.chase {background-position:-288px -32px;}
.credit_card.coupon {background-position:-320px -32px;}
.credit_card.credit {background-position:-352px -32px;}
.credit_card.debit {background-position:-384px -32px;}
.credit_card.discover {background-position:-416px -32px;}
.credit_card.discover_alt {background-position:-448px -32px;}
.credit_card.discover_novus {background-position:-480px -32px;}
.credit_card.echeck {background-position:-512px -32px;}
.credit_card.generic_1 {background-position:-544px -32px;}
.credit_card.generic_2 {background-position:-576px -32px;}
.credit_card.generic_3 {background-position:-608px -32px;}
.credit_card.gift {background-position:-640px -32px;}
.credit_card.gift_alt {background-position:-672px -32px;}
.credit_card.gold {background-position:-704px -32px;}
.credit_card.googleckout {background-position:-736px -32px;}
.credit_card.itunes {background-position:-768px -32px;}
.credit_card.itunes_2 {background-position:-800px -32px;}
.credit_card.itunes_3 {background-position:-832px -32px;}
.credit_card.mastercard {background-position:-864px -32px;}
.credit_card.mastercard_alt {background-position:-896px -32px;}
.credit_card.mileage {background-position:-928px -32px;}
.credit_card.paypal {background-position:-960px -32px;}
.credit_card.sapphire {background-position:-992px -32px;}
.credit_card.solo {background-position:-1024px -32px;}
.credit_card.visa {background-position:-1056px -32px;}
.credit_card.visa_alt {background-position:-1088px -32px;}
.credit_card.amazon:hover {background-position:0px 0px;}
.credit_card.amex:hover {background-position: -32px 0px;}
.credit_card.amex_alt:hover {background-position: -64px 0px;}
.credit_card.amex_gold:hover {background-position: -96px 0px;}
.credit_card.amex_green:hover {background-position:-128px 0px;}
.credit_card.amex_silver:hover {background-position:-160px 0px;}
.credit_card.apple:hover {background-position:-192px 0px;}
.credit_card.bank:hover {background-position:-224px 0px;}
.credit_card.cash:hover {background-position:-256px 0px;}
.credit_card.chase:hover {background-position:-288px 0px;}
.credit_card.coupon:hover {background-position:-320px 0px;}
.credit_card.credit:hover {background-position:-352px 0px;}
.credit_card.debit:hover {background-position:-384px 0px;}
.credit_card.discover:hover {background-position:-416px 0px;}
.credit_card.discover_alt:hover {background-position:-448px 0px;}
.credit_card.discover_novus:hover {background-position:-480px 0px;}
.credit_card.echeck:hover {background-position:-512px 0px;}
.credit_card.generic_1:hover {background-position:-544px 0px;}
.credit_card.generic_2:hover {background-position:-576px 0px;}
.credit_card.generic_3:hover {background-position:-608px 0px;}
.credit_card.gift:hover {background-position:-640px 0px;}
.credit_card.gift_alt:hover {background-position:-672px 0px;}
.credit_card.gold:hover {background-position:-704px 0px;}
.credit_card.googleckout:hover {background-position:-736px 0px;}
.credit_card.itunes:hover {background-position:-768px 0px;}
.credit_card.itunes_2:hover {background-position:-800px 0px;}
.credit_card.itunes_3:hover {background-position:-832px 0px;}
.credit_card.mastercard:hover {background-position:-864px 0px;}
.credit_card.mastercard_alt:hover {background-position:-896px 0px;}
.credit_card.mileage:hover {background-position:-928px 0px;}
.credit_card.paypal:hover {background-position:-960px 0px;}
.credit_card.sapphire:hover {background-position:-992px 0px;}
.credit_card.solo:hover {background-position:-1024px 0px;}
.credit_card.visa:hover {background-position:-1056px 0px;}
.credit_card.visa_alt:hover {background-position:-1088px 0px;}

/* one_fourth */

/* one_third */
/*.one-third {*/
    /*float: left;*/
    /*margin-right: 3%;*/
    /*width: 31.33%;*/
/*}*/
/* two_third */
/*.two-third {*/
    /*float: left;*/
    /*margin-right: 3%;*/
    /*width: 65.66%;*/
/*}*/
/* two_fourth */
/*.two-fourth {*/
    /*float: left;*/
    /*margin-right: 3%;*/
    /*width: 48.5%;*/
/*}*/
/* three_fourth */
/*.three-fourth {*/
    /*float: left;*/
    /*margin-right: 3%;*/
    /*width: 74.25%;*/
/*}*/

/*.one-third.last,.two-third.last, .two-fourth.last, .three-fourth.last{*/
     /*margin-right: 0;*/
/*}*/

/* PRICE AND PRICE TABLE*/

.price-table {
    border: 1px solid #d3d3d3;
    margin: 0 0 20px;
    max-width: 300px;
}

.price-table.centered{
    margin: 0 auto 20px;
}

.price-table-container{
    border: 6px solid #f7f7f7;
}

.price-table div.head{
    margin: 0;
}

.pricing_box.price-table.large div.head{
    background: #ffffff;
}

.price-table div.head h2{
    margin: 0;
    padding: 22px 0 22px 0 ;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
}

.price-table div.price{
    text-align: center;
    background: #fdfdfd;
}

.price-table div.price span{
    display: inline-block;
    position: relative;
}

.price-table div.price span.price{
    text-align: center;
    font-size: 72px;
    margin-top: 15px;
    margin-bottom: 0px;
}

.price-table div.price span.prefix sup, .price-table div.price span.price-decimal sup, .price-table div.price span.suffix{
    font-size: 30px;

}

.price-table div.price span.prefix sup, .price-table div.price span.price-decimal sup{
    top: -33px;
}

.price-table div.price span.suffix{
    font-weight: bold;
}


.price-table div.body ul {
    margin: 0;
    padding: 0;
}
.price-table div.body ul li{
    list-style-type: none;
    text-align: center;
    padding: 13px 0 13px 0;
    font-size: 17px;
    border-bottom: 1px solid #f7f7f7;
}

.price-table div.body ul li:last-of-type {
    border-bottom:none;
    padding-bottom: 10px;
}

.price-table div.button-container{
    text-align: center;
    margin-top:8px;
    margin-bottom: 8px;
    padding: 0;
}
.price-table div.button-container a.btn-alternative,.price-table div.button-container a.btn-flat{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-width: 2px;
    margin-bottom: 20px;
}
/* Price Table */
.cols-3 .pricing_box.price-table { width: 33%;  margin-bottom:50px;}
.cols-4 .pricing_box.price-table { width: 24.8%; font-size: 1em; }

.pricing_box.price-table {
    float: left;
    max-width: none;
    border: none;
}

.pricing_box.price-table.large {
    box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.50);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.50);
    z-index: 8;
    position: relative;
}

.pricing_box.price-table div.head{
    height: 106px;
    position: relative;
    overflow: hidden;
}

.pricing_box.price-table div.head span.price{
    font-size: 16px;
    background: #f2f2f2;
    text-align: center;
    height: 35px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 56px;
    left: 0;
    width: 100%;
    line-height: 39px;
}

.pricing_box.price-table div.head span.title{
    font-size: 24px;
    background: #fbfbfb;
    text-align: center;
    height: 56px;
    line-height: 56px;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
}

.pricing_box.price-table.large div.head span.price{
    bottom: 71px;
}

.pricing_box.price-table.large div.head span.title{
    height: 71px;
    line-height: 71px;
}

.pricing_box.price-table.no-large.left div.head span.price{
    border-bottom-width: 0 ;
    border-right-width: 0 ;
}

.pricing_box.price-table.no-large.right div.head span.price{
    border-bottom-width: 0 ;
    border-left-width: 0 ;
}

.pricing_box.price-table.no-large.no-header div.head span.price {
    border: none;
}

.pricing_box.price-table.no-large.left div.head span.title{
    border-bottom-width: 0 ;
    border-right-width: 0 ;
    border-bottom-top: 0 ;
}

.pricing_box.price-table.no-large.right div.head span.title{
    border-bottom-width: 0 ;
    border-left-width: 0 ;
    border-bottom-top: 0 ;
}

.pricing_box.price-table.no-large.no-header div.head span.title {
    border: none;
}

.pricing_box.price-table div.body, .pricing_box.price-table.no-large div.head span.price,.pricing_box.price-table.no-large div.head span.title{
    border: 1px solid #f4f4f4;
}

.pricing_box.price-table.left div.body{
    border-right-width: 0;
}

.pricing_box.price-table.right div.body{
    border-left-width: 0;
}

.pricing_box.price-table div.body ul li{
    color: #000000;
    min-height: 50px;
    background-color: #ffffff;
}

.pricing_box.price-table div.body ul li:last-of-type{
    padding-bottom: 4px;
}

.pricing_box.price-table div.body ul li.alternative-row{
    background: #fbfbfb;
}

.pricing_box.price-table.no-header div.body ul li{
    text-align: left;
    padding-left: 12px;
}

.pricing_box.price-table div.body ul li span.tick{
    background: url(../../assets/images/tick.png) center center;
    width: 24px;
    height: 25px;
    display: inline-block;
}


.pricing_box.price-table div.button-container{
    background: #f4f4f4;
    margin-top: 0;
    z-index: -1;
    min-height: 86px;
}

.pricing_box.price-table div.button-container a{
    margin-top: 21px;
    margin-bottom: 21px;
}

.pricing_box.price-table.large div.button-container{
    background:#ffffff;
    border: none;
    border-top: 0;
    z-index: 0;
    min-height: 96px;
}

.pricing_box.price-table.large div.button-container a{
    margin-top: 26px;
    margin-bottom: 26px;
}



/* END PRICE AND PRICE TABLE  */

/*=========== Team Section ===========*/
.team-section{
    overflow: hidden;
}

.team-section .swiper_container{
    margin-bottom: 27px;
}

.team-section .swiper_container .swiper-slide{
    width: 100%;
}

.team-section .member .thumb > img{
    margin-left: auto;
    margin-right: auto;
}

.team-section .member-info .member-name{
    border-bottom: 1px solid;
    margin-bottom: 20px;
}

.team-section .member-info .member-name h4, .team-section .member-info .member-name .role{
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 4px;
    display: inline-block;
}

.team-section .member-info .member-name .role{
    margin-left: 7px;
}

.team-section .member-info .member-description{
    min-height: 236px;
}

.team-section .links{
    float: right;
    margin-top: 15px;
    border-top: 2px solid;
    border-bottom: 1px solid;
    width: 100%;
    padding: 10px 0;
}

.team-section .links a{
    cursor: pointer;
    text-transform: uppercase!important;
    vertical-align: middle;
}

.team-section .links a.previous{
    float: left;
}

.team-section .links a span{
    font-size: 14px;
}

.team-section .links a.previous span{
    margin-right: 15px;
}

.team-section .links a.next{
    float: right;
}

.team-section .links a.next span{
    margin-left: 15px;
}


.team-section .navigation {
    margin-bottom: 25px;
}

.team-section .tabs .thumb{
    position: relative;
    cursor: pointer;
    overflow: hidden;
}


.team-section .tabs .thumb > img{
    margin-left: auto;
    margin-right: auto;
    /*transform: scale(1,1);*/
    /*transition-timing-function: ease-out;*/
    /*transition-duration: 250ms;*/
    /*-webkit-transform: scale(1,1);*/
    /*-webkit-transition-timing-function: ease-out;*/
    /*-webkit-transition-duration: 250ms;*/
    /*-moz-transform: scale(1,1);*/
    /*-moz-transition-timing-function: ease-out;*/
    /*-moz-transition-duration: 250ms;*/
    /*-ms-transform: scale(1,1);*/
    /*-ms-transition-timing-function: ease-out;*/
    /*-ms-transition-duration: 250ms;*/
    /*-o-transform: scale(1,1);*/
    /*-o-transition-timing-function: ease-out;*/
    /*-o-transition-duration: 250ms;*/
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.team-section .tabs .thumb:hover > img{
    transform: scale(1.2,1.2);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transform: scale(1.2,1.2);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    /*zoom: 120%;*/
    -moz-transform: scale(1.2,1.2);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transform: scale(1.2,1.2);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transform: scale(1.2,1.2);
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}

.team-section .tabs .thumb .overlay{
    border: 2px solid;
    background: rgba(0,0,0,0.79);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0;

    transition-property: opacity;
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transition-property: opacity;
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}

.team-section .tabs .thumb:hover .overlay, .team-section .tabs .navigation.active .thumb .overlay{
    opacity: 1;
}

.team-section .tabs .thumb .overlay:before{
    display: inline-block;
    content: '';
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.team-section .tabs .thumb .overlay .inner{
    font-size: 18px;/**/
    line-height: 26px;
    font-weight: 700;/**/
    text-transform: uppercase;/**/
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    padding: 10px 0;
    border-top: 1px solid #383f41;
    border-bottom: 1px solid #383f41;
}

.team-section .tabs .thumb .overlay .inner .role{
    font-size: 14px;/**/
    text-transform: none;/**/
    color: #ffffff;
    display: inline-block;
    padding-top: 5px;
}

/*=========== Blog Section ===========*/

.blogs_posts {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.blogs_posts .blog_post:nth-child(2n + 1) {
    clear: both;
}

.blog-slider-outer {
    margin-bottom: 20px;
}

.blog_section.thumbnails {
    position: relative;
    float: left;
    padding-right: 30px;
}

.blog_section.no-thumbnails {
    float: left;
    padding-right: 30px;
}

.blog_section.post_meta {
    border: 1px solid;
    border-width: 1px 0;
    overflow: hidden;
}

.blog_section .post_informations {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 20px;
}

.blog_section.post_meta .info {
    display: block;
    margin-top: 20px;
    font-size: 14px;
}

.blog_section .yit_post_meta_date {
    background-color: #ffffff;
    border: 3px solid;
    text-align: center;
    width: 59px;
    height: 77px;
    position: absolute;
    top: 20px;
    left: 15px;
    color: #000000;
}

.blog_section.thumbnails .attachment-blog_section_mobile{
    display: none;
}

.blog_section.no-thumbnails .yit_post_meta_date{
    position: relative;
    color: #000000;
}

.blog_section .yit_post_meta {
    margin-top: 16px;
}

.blog_section .yit_post_meta_date .day,
.blog_section .yit_post_meta_date .month {
    display: block;
    font-weight: bold;
}

.blog_section .yit_post_meta_date .day {
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 12px;
}

.blog_section .yit_post_meta_date .month {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.blog-slider{
    display: block;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}


.blog-slider .prev-blog,
.blog-slider .next-blog{
    position: absolute;
    height: 100%;
    width: 33px;
    z-index: 99;
    cursor: pointer;
    transition-property: opacity;
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transition-property: opacity;
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}

.blog-slider .prev-blog{
    left: -38px;
    background-color: rgba( 255, 255, 255, 0.6 );
    /*box-shadow:  5px 0px 3px -3px rgba(0, 0, 0, 0.6);*/
    transition: left 0.5s;
    -webkit-trasition: left 0.5s;
    -moz-trasition: left 0.5s;
    -ms-trasition: left 0.5s;
}

.blog-slider .next-blog{
    right: -38px;
    background-color: rgba( 255, 255, 255, 0.6 );
    /*box-shadow: -4px 0px 6px -3px rgba(0, 0, 0, 0.6);*/
    transition: right 0.5s;
    -webkit-trasition: right 0.5s;
    -moz-trasition: right 0.5s;
    -ms-trasition: right 0.5s;
}

.blog-slider .icon-circle{
    border: 3px solid;
    position: absolute;
    top: 34%;
    left: 2px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
}

.blog-slider .prev-blog .fa-angle-left,
.blog-slider .next-blog .fa-angle-right {
    font-size: 23px;
}

.blog-slider .next-blog .fa-angle-right {
    margin-left: 9px;
}
.blog-slider .prev-blog .fa-angle-left {
    margin-left: 7px;
}

.blog-slider:hover .prev-blog{
    left: 0;
    transition: left 0.5s;
    -webkit-trasition: left 0.5s;
    -moz-trasition: left 0.5s;
    -ms-trasition: left 0.5s;
}

.blog-slider:hover .next-blog{
    display: block;
    right: 0;
    transition: right 0.5s;
    -webkit-trasition: right 0.5s;
    -moz-trasition: right 0.5s;
    -ms-trasition: right 0.5s;
}

.blog-slider .next-blog:hover,
.blog-slider .prev-blog:hover{
    background-color: rgba( 255, 255, 255, 0.9 );
}

/*=========== Random Numbers ===========*/

.random-numbers{
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
}

.random-numbers i{
    display: block;
}

.random-numbers img {
    width: 104px;
    height: 104px;
    display: block;
    margin: 0 auto 13px;
}
.random-numbers p {
    line-height: 21px;
    margin-top: 0;
    text-align: center;
}
.random-numbers span.number {
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 4px;
    color: #555555;
}

#primary .random-numbers p{
    text-align: center;
}
.random-numbers span.icon-circle{
    width: 100px;
    height: 100px;
    text-align: center;
    float: none;
    margin: 0 auto;
}
/*=========== Drop Cap ===========*/
.dropcap{
    width: 66px;
    height: 66px;
    border: 2px solid;
    text-align: center;
    line-height: 66px;
    font-size: 60px;
    float: left;
    margin-right: 23px;
    margin-bottom: 23px;
}
/* Page builder fix */
.wpb_column > .wpb_wrapper *:last-child .dropcap,
.wpb_text_column *:last-child .dropcap{
    margin-bottom: 23px;
}
/*=========== Hight light ===========*/
.shortcode-highlight{

}
/*=========== Number Section ===========*/
.numbers-sections {
    position: relative;
}
.numbers-sections div.number-box {
    position: relative;
    display: table;
    height: 120px;
    width: 100%;
}

.numbers-sections .number{
    z-index: -1;
    font-size: 200px;
    color: #d8d8d8;
    height: auto;
    line-height: 0.6;
    width:100%;
    text-align:center;
}

.numbers-sections h4{
    font-size: 18px !important;
    z-index: 10;
    top: 16%;
    line-height: 2;
    width:100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
    position: absolute; 
    
}
.numbers-sections span.title-highlight {
    font-size: 18px;
}

/*=========== END Number Section ===========*/

/*=========== Border,Space, CLear ===========*/

.border-line {
    background: none repeat scroll 0 0 #DDDDDD;
    clear: both;
    height: 1px;
    margin: 1.2em 0;
    width: 100%;
}

/* clear */
.clear {
    clear: both;
}
/* space */
.space {
    height: 30px;
}

/*=========== END Border,Space, Clear ===========*/

/* ========== SOCIAL, SHARE =================*/


div.share-container{
    cursor: pointer;
    display: inline-block;
}

div.share-container > i.fa {
    margin-right:9px;
    font-size: 18px;
}

div.share-container > span{
    display: inline-block;
    margin-right:15px;
}


div.share-container div.socials div.socials-text{ display: inline-block;font-size: 14px !important;  }
div.share-container div.socials div.socials-text:not(:last-of-type) a:after { content: ','; }
div.share-container div.socials span.icon-circle {
    margin-top: 0;
}

div.share-container div.socials a:last-child span.icon-circle {
    margin-right: 0;
}


div.share-container div.socials-container.cloud{
    display: none;
    position: absolute;
    padding-top: 8px !important;
    z-index: 98;
}

div.share-container div.socials-container.cloud div.socials{
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 2px 7px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.2);
    display: block;
    margin-top: 0;
    padding: 15px 24px 15px 24px;
    display: inline-block;
}

a.link_socials,a.link_socials:hover{
    border: 0;
    background: none;
}
/* ========== END SOCIAL, SHARE =============*/


/* ========== Last Twitter ===============*/
ul.tweets-widget{
    padding-left: 0;
}
ul.tweets-widget li{
    list-style: none;
}

ul.tweets-widget li:not(:last-child){
    margin-bottom: 45px;
}

ul.tweets-widget li .icon-container{
    float:left;
    display: block;
    margin-right: 16px;
}

ul.tweets-widget li .icon-container i.fa{
    font-size: 25px;
}

ul.tweets-widget li .text-container{
    display: block;
}

/* ========== End Last Twitter ===========*/

/* ========== End Last Twitter ===========*/

/*================= Image ===============*/
.image-styled a.thumb {
    display: block;
    max-width: 100%;
    position: relative;
    width: auto;
}
.image-styled .img_frame {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    max-width: 100%;
    position: relative;
}
#ie8 .image-styled .img_frame {
    border: 1px solid #cfcfcf;
    padding: 4px;
}
.image-styled .img_frame img {
    display: block;
    max-width: 100%;
    width: auto;
}
.image-styled .img_frame.img_size_fullwidth, .image-styled .img_frame.img_size_fullwidth img {
    display: block;
    height: auto;
    width: auto;
}

.img_size_thumbnail {
    width: 150px;
}
.img_size_medium {
    width: 300px;
}
.img_size_large {
    width: 500px;
    max-width: 500px;
}
.overlay{
    position: absolute;
    background: rgba(0,0,0,0);
    z-index: 500;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    transition: all 0.3s;
}
.overlay .zoom {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;

    z-index: 2;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    transition: all 0.3s;

}
.overlay:hover{
    background: rgba(0,0,0,0.4);

}

.overlay:hover .zoom:before{
    opacity: 1;
}
/* ========== CTA Newsletter ===========*/

.call-three{
    width: 100%;
    display: block;
    border: 1px solid #d3d3d3;
    text-align: center;
}


.call-three .newsletter-cta-form-container{

    width: 100%;
    border: 6px solid #f7f7f7;
}

.call-three .newsletter-call3{
    position: relative;
    padding-bottom: 22px;
}

.call-three .newsletter-call3 form {
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 20px;
    width: 100%;
}

.call-three .newsletter-call3 form fieldset{
    width: 100%;
}

.call-three .newsletter-cta-form-container .text span.newsletter-cta-title{
    margin-top: 15px;
    display: block;
}

.call-three .newsletter-cta-form-container .text span.newsletter-cta-incipit{
    margin-top: 5px;
    display: block;
}


.call-three .newsletter-cta-form-container ul{
    margin-left: 0;
    width: 100%;
    padding-left: 35px;
    padding-right:35px;
}

.call-three .newsletter-cta-form-container li{
   list-style: none;
    float: left;
}

.call-three .newsletter-cta-form-container li label{
    display: none;
}

.call-three .newsletter-cta-form-container li:first-child{
    position: relative;
    width: 80%;
}
.call-three .newsletter-cta-form-container li:nth-child(2){
    width: 19%;
    margin-left: 1%;
}

.call-three .newsletter-cta-form-container input{
    height: 51px;
}

.call-three .newsletter-cta-form-container input.email-field{
    width: 100%;
    padding-left: 58px;
}

.call-three .newsletter-cta-form-container input[type="submit"]{
    width: 100%;
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.call-three .newsletter-call3 span.mail-icon-shortcode{
    position: absolute;
    top: 4px;
    left:10px;
    font-size: 41px;
}

.newsletter_form_email input.email-field{
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    -webkit-appearance: none;
}

.newsletter_form_email input.email-field:focus, .newsletter_form_email input.email-field:hover{
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-style: solid;
}


/* ========== END CTA NEWSLETTER =========*/


/* ========== CTA WITH BUTTON ========== */


.call-to-action-two{
    width: 100%;
    display: block;
    border: 1px solid;
    position: relative;
}

.call-to-action-two .call-to-action-two-container {
    border: 6px solid #f7f7f7;
    width: 100%;
    height: 100%;
    display: table;
}

.call-to-action-two .call-to-action-two-container div.incipit{
    display:table-cell;
    vertical-align: middle;
}

.call-to-action-two .call-to-action-two-container div.incipit span{
    vertical-align:middle;
    display: block;
    padding: 0 20px;
}

.call-to-action-two .call-to-action-two-container div.call-btn{
    position: relative;
    display: table-cell;
}
div.call-btn-arrow {
    border-bottom: 12px solid rgba(0, 0, 0, 0);
    border-top: 12px dashed rgba(0, 0, 0, 0);
    border-left: 12px solid;
    border-width: 12px;
    content: " ";
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
    margin-top: -11px;
}

.call-to-action-two .call-to-action-two-container div.call-btn a.btn-alternative{
    border: 0 none;
    display: block;
    font-size: inherit;
    height: 100%;
    margin-bottom: -7px;
    margin-right: -7px;
    margin-top: -7px;
    padding: 20px 50px;
    text-align: center;

}




/* ========== END CTA WITH BUTTON ========== */



.overlay .zoom:before{
    content: '\f002';
    font-size: 18px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    border-radius: 50px;
    border: 2px solid #ccc;
    height: 40px;
    width: 40px;
    line-height: 38px;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    z-index: 500;
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    transition: all 0.3s;
}
/* ========== Testimonial Slider ===============*/

#primary .testimonials-slider ul.testimonial-content .thumbnail{
    display:none;
}

#primary .testimonials-slider ul.testimonial-content li blockquote p{
    font-size: 22px;
    line-height: 1.2em;
}
#primary .testimonials-slider{
    border-right: 0px;
    border-left: 0px;
    border-width: 1px;
    padding:0px;
    min-height: 170px;
}
#primary .testimonials-slider ul.testimonial-content{
    padding-top: 0px;
    margin:0px;
    padding-left: 0px;
}
#primary .testimonials-slider ul.testimonial-content li blockquote{
    margin-top: 0px;
}
.testimonials-slider ul.testimonial-content li blockquote p{
    display: inline-block;
    position: relative;
    padding-left: 20px;
    quotes: "\201C""\201C""\201C""\201C";
}
.testimonials-slider ul.testimonial-content li blockquote p:before{
    content: open-quote;
    font-size:100px;
    position: absolute;
    left: 0px;
    top: 17px;
    width: 150px;
    height: 50px;
    display: block;
    line-height:40px;
    vertical-align: middle;
    left:-40px;
    display:inline-block;
}
#primary .testimonials-slider ul.testimonial-content li p.meta{
    margin-left: 60px;
    padding:0px;
}
#primary .testimonials-slider ul.testimonial-content li p.meta, #primary .testimonials-slider ul.testimonial-content li p.meta span {
    font-size: 18px;
    /* margin-left: 40px; */
}
#primary .testimonials-slider ul.testimonial-content  div.owl-next {
    background: none;
    border-width:2px;
    border-style: solid;
    text-indent: 0px;
    border-radius: 50%;
    text-align:center;
    float: right;
    font-size: 15px;
}
#primary .testimonials-slider ul.testimonial-content  div.owl-prev {
    background: none;
    border-width:2px;
    border-style: solid;
    text-indent: 0px;
    border-radius: 50%;
    text-align:center;
    font-size:15px;
    float: left;
    margin-right: 2px;
}

#primary .testimonials-slider .owl-buttons{
    width:auto;
}
#primary .owl-prev i.fa.fa-angle-left,
#primary .owl-next i.fa.fa-angle-right{
    font-size: 18px;
}

#primary .owl-prev i.fa.fa-angle-left{
    margin-right:2px
}

#primary .owl-next i.fa.fa-angle-right{
    margin-left:2px
}

#primary .testimonials-slider .owl-buttons{
  
    top: auto;
    bottom: 18px;
}

.ie9 #primary .testimonial-text .owl-item li {
    width: 98%;
}

/* testimonial slider inside a parallax section */

.slider.parallax {
    width: 100%;
    padding: 0;
}
.slider.parallax > div.slider-parallax-item:first-of-type {
    display: block;
}
.slider.parallax > div.slider-parallax-item, .search-no-results .slider-parallax-item { display: none; } {
    display: none;
}
#primary .parallaxeos_outer .testimonials-slider{
    border:none;
}
.parallaxeos_outer .testimonials-slider ul.testimonial-content li blockquote p:before{
    display:none;
}
.parallaxeos_outer .testimonials-slider ul.testimonial-content a{
    border:none;
    text-align:center;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content li p.meta{
   text-align:center;
   display:block;
    margin-left: 0px;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content li p.meta span {
    float:none;
    font-size:24px;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content li blockquote p{
    font-size: 22px;
}
.parallaxeos_outer .testimonials-slider ul.testimonial-content li blockquote p{
    display: block;
    position: relative;
    padding-left: 0px;
    quotes: "\201C""\201C""\201C""\201C";
    text-align:center;
}
.parallaxeos_outer .testimonials-slider .owl-page{
    border-radius:50%;
    background-color:#a5a5a5;
    height:11px;
    width:11px;
    display:inline-block;
    margin-right:3px;
}

.parallaxeos_outer .testimonials-slider .owl-page.active{
    background:#fff;
}
.parallaxeos_outer .testimonials-slider .owl-pagination{
   margin-top:-30px;
}

#primary .parallaxeos_outer .testimonials-slider .owl-buttons{
    width:100%;
}

#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content  div.owl-next {
    background: none;
    border: 3px solid;
    width: 56px;
    height: 56px;
    text-indent: 0px;
    border-radius: 50%;
    position: absolute;
    right:0;
    z-index:4;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content  div.owl-next i,
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content  div.owl-prev i{
    font-size:50px;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content  div.owl-prev {
    background: none;
    border: 2px solid;
    text-indent: 0px;
    border-radius: 50%;
    text-align:center;
    width: 56px;
    height: 56px;
    position: absolute;
    left: 0;
    z-index:4;
}
#primary .parallaxeos_container .testimonials-slider .owl-controls{
    position:static;
    margin-top:50px;
}
#primary .parallaxeos_container .testimonials-slider .owl-buttons {
    width: 100%;
    position: absolute;
    height: 56px;
    top: 0;
    bottom: 0;
    margin: auto;
}






/* =========== CODE ============ */

.code-container pre {
    border: 1px solid #e0e0e0;
    /*background-image: -ms-linear-gradient(bottom, #f5f5f5 50%, #ffffff 50%);*/
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #F5F5F5), color-stop(0.5, #FFF));*/
    /*background-size: 3em 3em;*/
    /*background-position: 0 1em;*/
    border-radius:0;
    padding: 1em;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0;
    white-space: pre-wrap;
    font-family: 'Courier';
    font-size: 14px;

    background: #f7f7f7;
    padding: 1em;
    color: #999;
    white-space: pre-wrap;
    background-image: linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
    background-image: -o-linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
    background-image: -moz-linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
    background-image: -webkit-linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
    background-image: -ms-linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #F9F9F9), color-stop(0.5, #F5F5F5));
    background-size: 3em 3em;
    background-position: 0 1em;

}

.code-container pre code{
    line-height: 20px;
}

/* ===========END  CODE ============ */

/* =========== SHOW PRODUCTS CATEGORY ================ */

.woocommerce ul.products li.product-category .product-category-link .category-thumb img {
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transform: scale(1,1);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transform: scale(1,1);
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}
.woocommerce ul.products li.product-category .product-category-link .category-thumb {
    overflow: hidden;
}
.woocommerce ul.products li.product-category .product-category-link {
    display: block;
    border: 1px solid;
    padding: 4px;
    position: relative;
}
.woocommerce ul.products li.product-category .product-category-link .show-category-background {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    text-align: center;
}
.woocommerce ul.products li.product-category.white .product-category-link .show-category-background h3 {
    background: rgba(255,255,255,0.8);
}
.woocommerce ul.products li.product-category.white .product-category-link:hover .show-category-background {
    background: rgba(255,255,255,0.8);
}
.woocommerce ul.products li.product-category.black .product-category-link .show-category-background h3 {
    background: rgba(0,0,0,0.8);
    color: #fff;
    border-top-color: #383f41;
    border-bottom-color: #383f41;
}
.woocommerce ul.products li.product-category.black .product-category-link:hover .show-category-background {
    background: rgba(0,0,0,0.8);
}
.woocommerce ul.products li.product-category .product-category-link .show-category-background h3 {
    text-align: center;
    margin: 0;
    padding: 15px;
    position: absolute;
    right: -4px;
    left: -4px;
    top: 40%;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.woocommerce ul.products li.product-category .product-category-link .show-category-background .discovery-text {
    display: block;
    font-size: 12px;
}
.woocommerce ul.products li.product-category .product-category-link:hover .show-category-background {
    background: rgba(255,255,255,0.8);
}
.woocommerce ul.products li.product-category .product-category-link:hover .show-category-background h3 {
    background: none;
    left: 0;
    right: 0;
}
.woocommerce ul.products li.product-category .product-category-link:hover img {
    transform: scale(1.2,1.2);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transform: scale(1.2,1.2);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.2,1.2);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -ms-transform: scale(1.2,1.2);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -o-transform: scale(1.2,1.2);
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 250ms;
}

/* =========== SEPARATOR ================ */
.separator.single{
    border-top: 1px solid;
}

.separator.double{
    border-top: 1px solid;
    border-bottom: 1px solid;
    height: 6px;
}

.separator.dashed{
    border-top: 2px dashed;
}

.separator.dotted{
    border-top: 2px dotted;
}
.separator .dotted{
    border-top: 1px dotted;
}
/* =========== END SEPARATOR ================ */

/* =========== IMAGES SLIDER =========== */

.images-slider-sc {
    position: relative;
    overflow: hidden;
}
.images-slider-sc:before, .images-slider-sc:after {
    content: '';
    display: table;
}
.images-slider-sc:after {
    clear: both;
}
.images-slider-sc .slides > li { display: none; margin-bottom: 0px; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.images-slider-sc ul { list-style: none; padding: 0; margin: 0;}
.images-slider-sc .slides li {
    position: relative;
}

.images-slider-sc ul li img {
    width: 100%;
    height: auto;
}
   /* firefox image error fix */
.images-slider-sc .slides > li:after {
    content: ".";
    position:absolute;
    top:0;
    left:0;
    z-index:-1000;
}
.images-slider-sc .flex-direction-nav li a {
    width: 23px;
    height: 23px;
    opacity: 1;
    padding: 0;
    text-align: center;
    border: 1px solid;
    top: 10px;
    margin: 0;
}
.images-slider-sc .flex-direction-nav li a:before {
    font-size: 12px;
    line-height: 2em;
}
.images-slider-sc .flex-direction-nav li a.flex-prev {
    right: 33px;
    left: auto;
}
.images-slider-sc .flex-direction-nav li a.flex-next {
    right: 8px;
}


/* =========== END IMAGES SLIDER =========== */

/* =========== List Bullet ========== */

ul.short {
    list-style-type: none !important;
    margin: 20px 0;
    padding: 0 0 0 20px;
}

ul.short li {
    display: block;
    margin-bottom: 15px;
    padding: 0;
    position: relative;
}

ul.short li:before {
    margin:0 5px 0 -21px;
    font-family: 'FontAwesome';
}

/* =========== END List Bullet ====== */

/* =========== END List Bullet ====== */

/* =========== MODAL ====== */
.modal-shortcode{
    display: inline-block;
    cursor: pointer;
}

.modal-shortcode .modal-opener a{
    display: inline-block;
}

.modal-shortcode .modal-opener img{
    width: 100%;
    max-width: 100%;
}

.modal-shortcode .modal .modal-dialog{
    margin-top: 100px;
}

.modal-shortcode .modal .modal-header{
    background-color: #f7f7f7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 20px;
}

.modal-shortcode .modal .modal-header h3{

}

.modal-shortcode .modal .modal-header a{
    float: right;
    padding-top: 5px;
    cursor: pointer;
}
.modal-shortcode .modal .modal-header a span.fa:before{
    font-family: 'FontAwesome'!important;
}
/* =========== Section with Background ============== */
.section_background_outer {
    position: relative;
    width: 1000%;
    left: -500%;
    clear: both;
}
.section_background_outer .col-sm-0 > .col-md-3,
.section_background_outer .col-sm-0 > .col-md-4,
.section_background_outer .col-sm-0 > .col-md-6,
.section_background_outer .col-sm-0 > .col-md-8,
.section_background_outer .col-sm-0 > .col-md-9
{
    padding-left: 0px;
}
.section_background_outer .col-sm-0 > .col-md-3.last,
.section_background_outer .col-sm-0 > .col-md-4.last,
.section_background_outer .col-sm-0 > .col-md-6.last,
.section_background_outer .col-sm-0 > .col-md-8.last,
.section_background_outer .col-sm-0 > .col-md-9.last{
    padding-right: 0px;
}
.isMobile .section_background_outer,
body.safari .section_background_outer{
    margin-left: auto;
    width: 100%;
    left: auto;
}

.section_background_container .section_background_content {
    height: 100%;
    position: relative;
    z-index: 10;
    text-align: center;
}

.section_background_container {
    display: block;
    position: relative;
    overflow: hidden;
}

.boxed-layout .section_background_container {
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* =========== END Section with Background ========== */

/* =========== PAGE BUILDER FIX =========== */
.vc_responsive .wpb_row .vc_col-sm-12.no-padding{
    padding: 0px;
}

/* =========== SHOP SHORTCODES REVIEWS SLIDER =============== */
.comment-flexslider {
    border: 1px solid;
    border-bottom-width: 3px;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.comment-flexslider ul { list-style: none; }
.comment-flexslider ul li, .comment-flexslider ul {
    margin: 0;
    padding: 0;
}
.comment-flexslider .avatar {
    float: left;
    border: 1px solid;
    margin: 20px 10px 20px 20px;
}
.comment-flexslider .comment-text { display: inline-block;}

.comment-flexslider .comment-text .description {
    padding: 20px;
    margin: 0;
}
.comment-flexslider .comment-text .meta {
    margin: 0;
    padding-bottom: 16px;
    padding-left: 20px;
    display: inline-block;
}
.comment-flexslider span.star-rating {
    float: none;
    display: block;
    margin-bottom: 10px;
}
.comment-flexslider ul.flex-direction-nav li {
    position: relative;
    display: block;
}
.comment-flexslider ul.flex-direction-nav li a {
    position: absolute;
    margin-top: -27px;
    text-align: center;
    width: 24px;
    height: 24px;
    opacity: 1;       
    padding: 0;
    border: none;
}
.comment-flexslider ul.flex-direction-nav li a.flex-next { right: 4px; }
.comment-flexslider ul.flex-direction-nav li a.flex-prev { right: 30px; left: auto;}
.comment-flexslider ul.flex-direction-nav li a:before{
    font-family: 'FontAwesome';
    font-size: 14px;
    border: 2px solid;
    border-radius: 50%;
    display: block;
    width: auto;
}
.comment-flexslider ul.flex-direction-nav li a.flex-next:before { content: '\f054'; }
.comment-flexslider ul.flex-direction-nav li a.flex-prev:before { content: '\f053'; }


/* =========== END SHOP SHORTCODES REVIEWS SLIDER =============== */


/* =========== SITEMAP =============== */

h1.title_sitemap{
    text-align: center;
}

.sitemap > div h3{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 15px;
    margin-bottom: 38px;
}

.sitemap.row > div h2{
    margin-bottom: 7px;
}

.sitemap.row > div h2 a{
    text-transform: capitalize;
    font-size: 18px;
    font-weight: bold;
}

.sitemap ul {
    padding: 0;
}
.sitemap ul > li{
    list-style: none;
    margin-bottom: 7px;
    padding-left: 29px;
    position: relative;
}

.sitemap ul > li:before {
    content: "\f054";
    font-family: 'FontAwesome';
    border: 1px solid;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 12px;
    margin-right: 7px;
    line-height: 1.7em;
    text-align: center;
    position: absolute;
    top: -1px;
    left: 1px;
}

.sitemap ul.children {
    margin-top: 7px;
    margin-left: 7px;
}

.sitemap ul.children > li{
    padding-left: 0px;
}

.sitemap ul.children > li:before{
    display: none;
}

.sitemap ul.children > li a:before {
    content: '-';
    margin-right: 5px;
    border:0;
    position: static;
    top: auto;
    left: auto;
    display: inline;
}

/* =========== END SITEMAP =============== */

/* =========== RECENT POST =========== */
.yit_shortcodes.recent-post div.hentry-post.group {
    margin-bottom: 15px;
    min-height: 75px;
}
.yit_shortcodes.recent-post p.post-date{
    border: 3px solid;
    width: 55px;
    margin: 0px;
    float: left;
    margin-right: 13px;
}

.yit_shortcodes.recent-post p.post-date .day{
    display: block;
    text-align: center;
    color: #000000;
    font-size: 30px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 12px;
}

.yit_shortcodes.recent-post p.post-date .month{
    display: block;
    text-align: center;
    color: #000000;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
}

.yit_shortcodes.recent-post .thumb-img{
    float: left;
    margin-right: 13px;
}

.yit_shortcodes.recent-post .thumb-img a{
    display: block;
}

.yit_shortcodes.recent-post .thumb-img img{
    border: 1px solid;
    padding: 3px;
    width: 56px;
    height: auto;
    float: none;
    margin: 0px;
}

.yit_shortcodes.recent-post .text{
    overflow: hidden;
    margin-top: 0;
}

.yit_shortcodes.recent-post .text p{
    margin-top: 0;
}

.yit_shortcodes.recent-post .text a.title{
    color: #000000;
    font-weight: 700;
    margin-bottom: 16px;
}

.yit_shortcodes.recent-post .post-meta a{
    font-size: 14px!important;
}

/* =========== POST LIST =========== */
.yit_shortcode.post-list a.title{
    color: #000000;
}

/* =========== LAST POST ============ */
.yit_shortcodes.last-post .fa{
    float: left;
    margin-right: 15px;
}

.yit_shortcodes.last-post h3{
    overflow: hidden;
    margin: 0;
}

.yit_shortcodes.last-post p.date{
    border-top: 1px solid;
    border-bottom: 1px solid;
    text-align: center;
    padding: 10px 0;
}

/* =========== REVOLUTION SLIDER =============== */
.revolution-slider .tp-rightarrow.default, #primary .tp-rightarrow.default {
padding: 6px 14px;
width: 50px;
height: 50px;
margin: -20px 0 0;
display: block;
cursor: pointer;
-webkit-transition: all .3s ease;
border: 3px solid;
border-color: rgba(255, 255, 255, 1);
border-radius: 50%;
background: none;
}

.revolution-slider .tp-rightarrow.default:before, #primary .tp-rightarrow.default:before{
font-family: 'FontAwesome';
font-size: 25px;
width: 15px;
content: "\f054";
color:#fff;
}

#primary .tp-leftarrow.default,.revolution-slider .tp-leftarrow.default {
padding: 6px 14px;
width: 50px;
height: 50px;
margin: -20px 0 0;
display: block;
cursor: pointer;
-webkit-transition: all .3s ease;
border: 3px solid;
border-color: rgba(255, 255, 255, 1);
border-radius: 50%;
background: none;
}

#primary .tp-leftarrow.default:before,.revolution-slider .tp-leftarrow.default:before{
font-family: 'FontAwesome';
font-size: 25px;
width: 15px;
content: "\f053";
color: #fff;
}

.tp-bullets.simplebullets.round .bullet, #primary .tp-bullets.simplebullets.round .bullet{
    
width: 15px;
height: 15px;
display: inline-block;
background: url('../../templates/sliders/parallax/images/parallax-nav.png') no-repeat center bottom;
margin-left: 2px;
margin-right: 2px;
}
.tp-bullets.simplebullets.round .bullet.selected, #primary .tp-bullets.simplebullets.round .bullet.selected{
    background-position: center top
}


.section-background-outer{
    position: absolute;
    width: 1000%;
    left: -500%;
    margin-left: 50%;
    clear: both;
}

.section-background{
    display: block;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-position: 50% 0%;
}

/* Fix Visual Composer */

.wpb_text_column h1{
    margin-top: 3px;
}
.wpb_column > .wpb_wrapper .filters:last-child {
    margin-bottom: 14px;
}

/* =========== NEWSLETTER FORM =========== */
.newsletter-section.newsletter-shortcode .newsletter-form-title,
.newsletter-section.newsletter-shortcode .newsletter-form-description{
    display: block;
}

.newsletter-section.newsletter-shortcode form fieldset ul{
    list-style: none;
    padding: 0;
}

.newsletter-section.newsletter-shortcode form fieldset ul li{
    display: inline-block;
    float: left;
}

.newsletter-section.newsletter-shortcode form fieldset ul li:first-child{
    width: 80%;
    padding-right: 10px;
}

.newsletter-section.newsletter-shortcode form fieldset ul li:nth-child(2){
    width: 20%;
}

.newsletter-section.newsletter-shortcode form fieldset ul li label{
    display: none;
}

.newsletter-section.newsletter-shortcode form fieldset ul li input{
    height: 51px;
    width: 100%;
}

.newsletter-section.newsletter-shortcode form fieldset ul li .newsletter_form_email{
    position: relative;
}

.newsletter-section.newsletter-shortcode form fieldset ul li .newsletter_form_email input{
    padding-left: 55px;
}

.newsletter-section.newsletter-shortcode form fieldset ul li .newsletter_form_email .mail-icon-shortcode{
    position: absolute;
    top: 0;
    left: 10px;
    height: 51px;
    display: table;
    vertical-align: middle;
    font-size: 40px;
}

.newsletter-section.newsletter-shortcode form fieldset ul li .newsletter_form_email .mail-icon-shortcode:before{
    display: table-cell;
    vertical-align: middle;
}