/*
Theme Name: Business Pro
Theme URI: https://www.bestdivichild.com/business-pro/
Template: Divi
Author: BestDiviChild
Author URI: https://www.bestdivichild.com/
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.1.1
*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');

/* =======================
    General Style
=========================*/
#main-content {
    overflow:hidden;
}
/* =======================
    Site Head
=========================*/

.site_heading_h2 {
    font-weight:900;
    font-size:35px !important;
}
.site_heading_h3 {
    font-weight:900;
    font-size:28px !important;
    margin: 9px 0;
}
.box-shadow-on-hover {
    transition:all .3s ease;
}
.box-shadow-on-hover:hover {
    box-shadow: 0px 15px 55px rgba(85, 85, 85, 0.44);
    position:relative;
    z-index:999;
}
.site-col-border-left .et_pb_column {
    /* border-left:1px solid #dedede; */
}
.site-col-border-left .et_pb_column:last-child {
    border:none;
}
#main-header {
    box-shadow:none;
}
#top-menu .menu-item-has-children > a:first-child:after {
    top: 32px;
    transition:all 0.4s ease-in-out;
}
.et-fixed-header #top-menu .menu-item-has-children > a:first-child:after {
    top: 20px;
}
.et-fixed-header #top-menu .menu-item-has-children > a:first-child {
    padding-right:20px;
}

#et_top_search {
    margin-top:33px;
    transition:all .3s ease-in-out;
}
.et-fixed-header #et_top_search {
    margin-top: 20px;
}
/* =======================
    Navigation
=========================*/
/*padding-top:33*/
.et_header_style_left #et-top-navigation {
    padding-top:0;
}
.et_header_style_left #et-top-navigation nav > ul > li > a {
    padding:33px 14px;
}
#top-menu li{
    margin-left: -4px;
    padding-right:0;
}
#top-menu li.active > a,
.et-fixed-header #top-menu-nav #top-menu li.active > a, #top-menu > li.current-menu-item.menu-item-object-page > a{
    color:#fff !important;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top:0;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding:20px 14px;
}

/* =======================
    Hero Slider
=========================*/
.et-pb-controllers a {
    width:13px;
    height:13px;
    transition:border-radius .1s linear, transform .6s ease-in-out;
}
.et-pb-controllers .et-pb-active-control {
    border-radius: 0;
    transform: rotate(180deg);
}

@media screen and (max-width: 39.9375em) {
    #heroSlider .et_pb_more_button {
        display:none !important;
    }
    #heroSlider .et_pb_slide:after {
        content:"";
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        background:#FFFFFF;
        opacity:.7;
    }
    #heroSlider .et_pb_slides .et_pb_slide_content {
        text-align: center;
    }
    #heroSlider .et_pb_slide_title {
        font-weight:100 !important;
        text-align: center;
    }
}

/* =======================
    Bar Counter Design
=========================*/
#site-bar-counter.et_pb_counters {
  z-index: 99;
  position: relative;
}
#site-bar-counter.et_pb_counters li {
    padding: 15px 0;
}
#site-bar-counter.et_pb_counters li .et_pb_counter_title {
    width: 19%;
    display: inline-block;
    vertical-align: middle;
    color:#fff;
}
#site-bar-counter.et_pb_counters li .et_pb_counter_container {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    background-color: rgba(221, 221, 221, 0.34) !important;
}
#site-bar-counter.et_pb_counters li .et_pb_counter_container .et_pb_counter_amount {
    background-color: rgba(255, 255, 255, 1) !important;
}
#site-bar-counter.et_pb_counters span.et_pb_counter_amount_number {
    color: #333;
}
#site-bar-counter.et_pb_counters li .et_pb_counter_container {
    overflow: visible;
}
#site-bar-counter.et_pb_counters span.et_pb_counter_amount_number {
    position: absolute;
    right: 0;
    line-height: 1.5em;
    top: -20px;
    padding: 2px 5px 0;
    border-radius: 0px;
    background: rgba(235, 239, 241, 0.57);
    font-weight: 900;
    color: #4e4e4e;
}
.et_pb_counter_amount {
    min-height: 2px;
    padding: 0px 3% 0px 1px;
    line-height: 1em;
}
@media screen and (max-width: 39.9375em) {
    #site-bar-counter.et_pb_counters li .et_pb_counter_title {
        width:100%;
        display:block;
    }
    #site-bar-counter.et_pb_counters li {
        padding: 5px 0;
    }
}

/* =======================
    Team Section
=========================*/
.site-person-module {
    background:#f2f2f2;
    transition:all .3s ease;
}
.site-person-module:hover {
    /* background:#7fc429; */
    /* height: calc(100% + 10px); */
    /* margin-top: -14px !important; */
    transform:scale(1.05);
}
.site-person-module .et_pb_team_member_image{
    transition: all .3s ease;
    position:relative;
    overflow:hidden;
    height: 100%;
    max-width:100%;
}
.site-person-module .et_pb_team_member_image:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    transition:all .3s ease;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.48) 48%, rgba(255,255,255,0.55) 55%, rgba(245,245,245,1) 100%);
}
.site-person-module:hover .et_pb_team_member_image:before {
    /* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.48) 48%, rgba(255,255,255,0.55) 55%, rgb(144, 204, 70) 100%); */
    /* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(182,245,106,0.55) 55%, rgba(144,204,70,1) 100%); */
}
.site-person-module:hover .et_pb_team_member_image {
    /* background:#7fc429; */
}
.site-person-module .et_pb_team_member_description p,
.site-person-module .et_pb_team_member_description ul {
    transition:all .3s ease;
    opacity:0;
}
.site-person-module .et_pb_team_member_description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(51%);
    transition:all .3s ease;
}
.site-person-module:hover .et_pb_team_member_description{
    transform: translateY(-10%);
}
.site-person-module:hover .et_pb_team_member_description ul li a{
    color:#fff;
}
.site-person-module:hover .et_pb_team_member_description p,
.site-person-module:hover .et_pb_team_member_description ul {
    opacity:1;
    color:#fff;
}
.site-person-module .et_pb_team_member_description h4 {
    margin-bottom:22px;
    transition:all .3s ease;
    font-weight:900;
    font-size:22px;
}
.site-person-module:hover .et_pb_team_member_description h4 {
    color:#fff;
}
.site-person-module .et_pb_member_social_links li {
    margin-right:0;
    padding: 10px 15px;
}

@media screen and (max-width: 980px) {
    .st-custom-team-section .et_pb_column {
        width:33% !important;
    }
    .et_pb_column .et_pb_team_member_image {
        float: none !important;
        width: 100% !important;
        margin: 0 0 0 0 !important;
        text-align: center !important;
    }
    .et_pb_column .et_pb_team_member_image img {
        margin-bottom:3px;
    }
}
@media screen and (max-width: 720px) {
    .st-custom-team-section .et_pb_column {
        width:100% !important;
        padding: 0 0 25px 0;
    }
    .site-person-module .et_pb_team_member_description h4 {
        font-size:20px;
    }
}

/* =======================
    Feature Module 01
=========================*/

.st-feature-module.et_pb_blurb {
    transition:all .3s ease;
    z-index:9999;
}
.st-feature-module .et_pb_blurb_content .et_pb_blurb_container {
    padding-left:60px;
    max-width: 300px;
}
.st-feature-module .et_pb_blurb_content {
    display: table;
    margin: 0 auto;
    transition:all .3s linear;
}

/* Hover */

.st-feature-module.et_pb_blurb h4,
.st-feature-module.et_pb_blurb p,
.st-feature-module.et_pb_blurb .et-pb-icon{
    transition:all .3s ease;
}
.st-feature-module.et_pb_blurb:hover h4,
.st-feature-module.et_pb_blurb:hover p,
.st-feature-module.et_pb_blurb:hover .et-pb-icon,
.st-feature-module.et_pb_blurb:hover .et_pb_blurb_description {
    color: #fff !important;
}
.st-feature-module.et_pb_blurb:hover {
    /* background-image: linear-gradient( 180deg, #95c62b 0%, #44af26 100% ); */
    background-color: #50c529;
    transform: scale(1.1);
    box-shadow: 3px 13px 50px rgba(0, 0, 0, 0.18);
}
.st-feature-module.et_pb_blurb:hover:before,
.st-feature-module.et_pb_blurb:hover:after {
    visibility:hidden;
}

/* Mobile Style */
@media screen and (max-width: 39.9375em) {
    .st-feature-module.et_pb_blurb:after {
        display:none !important;
    }
}

/* =======================
    Number Counter
=========================*/
@media (max-width: 1100px) and (min-width: 981px){
    .et_pb_column_1_4 .et_pb_number_counter .percent {
        height: 80px;
    }
}

/* =======================
    Main Services
=========================*/

/*.tab-description:not(.active){*/
/*    position: absolute;*/
/*}*/

/*.tab-description.active,*/
/*.tab-description:hover{*/
/*}*/
/*.tab-link,*/
/*.tab-link.active {*/
/*    transition:all .3s linear;*/
/*}*/

.tab-link:hover,
.tab-link.tab-active {
    background-color: #ffffff !important;
    cursor:pointer;
}
.color_style_dark.tab-link:hover,
.color_style_dark.tab-link.tab-active {
    background-color: #1b1b1b !important;
}
@media (max-width: 980px){
    .tab-description-container .color_style_dark.tab-link:hover, .color_style_dark.tab-link.tab-active {
        background-color: #333333 !important;
    }
    .tab-description-container {
        position: absolute !important;
        right: 0;
        left: 0;
        transform: translate(110%);
        transition : all .4s ease-in-out;
    }
    .tab-description-container > button {
        background-color: #fff;
        position: relative;
        display: table;
        margin-top: -39px;
        margin-left: auto;
        margin-right: -25px;
        margin-bottom: 33px;
        border: none;
        padding: 6px 11px;

    }
}


/* =======================
    analytics section
=========================*/
/* medium */
@media screen and (max-width: 64em) {
    .analytics-text .et_pb_text {
        margin-left:auto;
        margin-right:auto;
    }
}


/* =======================
    Portfolio
=========================*/

#site-portfolio .et_pb_portfolio_filters ul {
    display: table;
    margin: 0 auto;
    min-height: 60px;
}
#site-portfolio .et_pb_portfolio_filters ul li {
    box-shadow: 3px 13px 50px rgba(0, 0, 0, 0.18);
}
#site-portfolio .et_pb_portfolio_filters ul li a {
    border-radius: 0;
    border: 0;
    padding: 19px 32px;
    position:relative;
    display: block;
    transition:all .3s linear;
}
#site-portfolio .et_pb_portfolio_filters ul li a:before {
    content:'';
    position: absolute;
    top: 19%;
    bottom: 16%;
    width: 1px;
    right: 0;
    background: #e4e4e4;
    z-index: 9;
}
#site-portfolio .et_pb_portfolio_filters ul li:last-child a:before {
    display:none;
}

#site-portfolio .et_pb_portfolio_filters ul li:hover a,
#site-portfolio .et_pb_portfolio_filters ul li a.active{
    /* padding-bottom: 25px;
    margin-top: -6px; */
    background: #7cda24;
    color: #fff;
    z-index: 9999;
    /* padding-top: 25px; */
    box-shadow: 3px 13px 50px rgba(0, 0, 0, 0.18);
    transform:scale(1.1);
}
#site-portfolio .et_pb_portfolio_filters ul li:hover a:before,
#site-portfolio .et_pb_portfolio_filters ul li a.active:before {
    display:none;
}

.et_pb_portfolio_grid .et_pb_portfolio_item h2 {
    margin: 0 auto 0;
    transform: translateY(-158%);
    position: absolute;
    max-width: 85%;
    text-align:center;
    left:0;
    right:0;
}
.et_portfolio_image {
}
.et_portfolio_image:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0) 51%, rgba(31, 31, 31, 0.55) 100%);
}
.et_pb_portfolio_item {
    position:relative;
}
.et_pb_portfolio_item h2 {
    transition:all .3s linear;
}
.et_pb_portfolio_item:hover h2{
    opacity:0;
}

@media screen and (max-width: 39.9375em) {
    #site-portfolio .et_pb_portfolio_filters ul li {
        width:100%;
    }
}

/* =======================
    Testimonial Slider
=========================*/

#st-test-slider {
    overflow: visible;
}

#st-test-slider .et_pb_slide_image {
    margin: -70px auto 0 !important;
    max-width: 166px;
}
#st-test-slider .et_pb_slide_description {
    padding: 9% 8%;
}
@media screen and (max-width: 980px) {
    #st-test-slider {
        max-width: 450px;
        margin: 58px auto 0;
    }
    #st-test-slider .et_pb_slide_image {
        top:0;
        position: relative;
    }
    #st-test-slider .et_pb_slide_with_image .et_pb_slide_description {
        width: 100%;
        padding-top: 10%;
    }
}
@media screen and (max-width: 767px) {
    #st-test-slider {
        margin-top:0;
    }
}


/* =======================
    Custom List Style
=========================*/
.list-style01 {
    padding:0;
    margin-top:15px;
}
.list-style01 li {
    list-style:none;
    width:49%;
    display:inline-block;
    font-style:italic;
}

.list-style01 li:before {
    content:'\f069';
    font-family:fontawesome;
    margin-right: 7px;
}

@media screen and (max-width: 39.9375em) {
    .list-style01 li {
        width:100%;
        display:block;
    }
}
/* =======================
    Pricing Table
=========================*/


.st-pricing-table {
  height: 150px;
  transition: all 0.2s;
  perspective: 900px;
}

.st_hver_style .monthly,.st_hver_style .yearly {
    padding: 2em;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    width: 100%;
    min-height: 100%;
    text-align: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve3d;
    transition: all 0.8s !important;
    background: #eaeaea;
}

.yearly {
  transform: rotateY(-180deg);
}

.flipped .yearly {
  transform: rotateY(0deg);
}

.flipped .monthly {
  transform: rotateY(180deg);
}

.pricing-tab {
    list-style: none !important;
    text-align: center;
}
.pricing-tab li {
    display: inline-block;
    margin-left: -4px;
}
.pricing-tab li a{
    color: #676767;
    padding: 14px 25px;
    background: #fff;
    box-shadow: 1px 4px 14px rgba(35, 35, 35, 0.27);
    text-transform: uppercase;
    transition:all .1s ease;
}
.pricing-tab li a.active {
    color:#ffffff;
    transform: scale(1.05);
    display: block;
    z-index:99;
}

.price {
    font-size: 35px;
    text-align: center;
    font-weight: 100;
    margin: 25px 0;
    color: #333;
}
.price .st {
    font-size: 13px;
    display: block;
    font-style: italic;
}
.pr-tiltle {
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #333;
}
.package-feature {
    text-align: center;
    font-size: 13px;
    line-height: 3.1em;
}
a.get_started {
    display: table;
    padding: 9px 19px;
    margin: 17px auto 0;
    box-shadow: 0 0 21px rgba(51, 51, 51, 0.12);
    color: #333333;
    transition: all .3s linear;
    border: 3px solid;
    border-radius: 25px;
    box-shadow: 1px 14px 42px rgba(0, 0, 0, 0.22);
}
.st_hver_style:hover a.get_started {
    color: #fff;
}

/* Hover */
.st_hver_style:hover .monthly,
.st_hver_style:hover .yearly {
    background:transparent;
}

/* =======================
    Box Hover Style
=========================*/
.st_hver_style {
    position:relative;
    z-index:99;
    transition:all .3s linear, z-index .5s ease;
}
.st_hver_style:before {
    content:'';
    background:#ebeff1;
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -1px;
    opacity:1;
    transition:all .3s linear;
}
#pricing-table .st_hver_style:before {
    background:transparent;
}



/* Hover */
.st_hver_style:hover {
    box-shadow: 0px 15px 55px rgba(85, 85, 85, 0.44);
    position: relative;
    z-index: 999;
    transform:scale(1.05);
}
/* .st_hver_style:hover:before,
#pricing-table .st_hver_style:hover:before{
    background-image: linear-gradient( 180deg, rgba(15, 154, 236, 0.32) 0%, #002a44 100% );
    background-color: #0277bd;
    opacity:.9;
} */
.st_hver_style:hover:after {
    opacity:0 !important;
    display:none;
}
.st_hver_style:hover *:not(a){
    color:#fff !important;
}

/* mobile style */
@media screen and (max-width: 980px) {
   .st_hver_style:after {
        top: auto !important;
        bottom: 0 !important;
        right: 20% !important;
        left: 20% !important;
        width: auto !important;
        height: 1px !important;
    }
    
    .st_hver_style:after{
        display:none !important;
    }
}


/* =======================
    Blog Module
=========================*/

#st-blog-post a.entry-featured-image-url {
    display:none;
}

#st-blog-post .et_pb_post {
    margin-bottom:0;
    border: none;
    background:#efefef;
    position:relative;
    box-shadow:0 0 0 transparent;
    width:100%;
    padding:13px 20% 30px;
    transition:all .3s linear;
    /* max-width:450px; */
    margin-left:auto;
    margin-right:auto;
}
#st-blog-post .et_pb_post h2 {
    margin-top:0;
}
#st-blog-post .et_pb_post:before {
    content: '';
    display: block;
    max-width: 50%;
    margin: 0 auto;
    height: 1px;
    background: #dedede;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#st-blog-post .et_pb_post:last-child:before {
    display:none;
}
.post-featured-image {
    position:relative;
    transform: scale(1.1);
    z-index: 9;
}
.post-featured-image .img-con {
    box-shadow: 3px 13px 50px rgba(0, 0, 0, 0.18);
    left: 0;
    right: 0;
}
.post-featured-image .img-con.active {
    opacity:1;
   transition:all .3s linear;
}
.post-featured-image .img-con:not(.active) {
    position:absolute;
    opacity:0;
}
#st-blog-post .et_pb_post h2,
#st-blog-post .et_pb_post p,
#st-blog-post .et_pb_post span,
#st-blog-post .et_pb_post a{
    transition:all .3s linear;
}
.post-featured-image .img-con {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top center !important;
}
#st-blog-post .et_pb_post .post-meta {
    visibility:hidden;
    opacity:0;
    transition:all .3s linear;
}
/* Hover */
#st-blog-post .et_pb_post:hover {
    /* background-image: linear-gradient( 180deg, #95c62b 0%, #44af26 100% ); */
    /* background-color: #50c529; */
    box-shadow: 3px 13px 50px rgba(0, 0, 0, 0.18);
    transform: scale(1.1);
    z-index:999;
}
#st-blog-post .et_pb_post:hover:before {
    visibility:hidden;
}
#st-blog-post .et_pb_post:hover h2,
#st-blog-post .et_pb_post:hover p,
#st-blog-post .et_pb_post:hover span,
#st-blog-post .et_pb_post:hover a{
    color:#fff;
}
#st-blog-post .et_pb_post:hover .post-meta {
    visibility:visible;
    opacity:1;
}

@media screen and (max-width: 980px) {
    .post-featured-image {
        display:none;
    }
    #st-blog-post {
        max-width:600px;
        margin:0 auto;
    }

}
@media screen and (max-width: 39.9375em) {
    #st-blog-post {
        /* max-width:600px; */
        /* margin:0 25px; */
    }
}


/* =======================
    Site custom modal
=========================*/

.st-modal-container {
    visibility:hidden;
    opacity:0;
    z-index:-99;
    transition:all .4s linear;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(51, 51, 51, 0.68);

}

.st-modal-container.open {
    z-index: 99999;
    opacity:1;
    visibility:visible;
}

.st-modal-container .st-modal {
    max-width: 650px;
    margin: 0 auto;
    background: #fff;
    padding: 69px 31px 36px;
    position:relative;
}
.st-modal-container .st-modal a.close {
    position: absolute;
    top: 0;
    right: 0;
    /* background: #7cb76f; */
    padding: 5px 17px;
    color: #fff;
}
@media screen and (max-width: 980px) {
    .st-modal-container .st-modal {
        margin: 0 auto;
    }
}
@media screen and (max-width: 700px) {
    .st-modal-container .st-modal {
        margin: 0 auto;
    }
    .st-modal-container.open:before {
        margin-top: 16vh;
    }
}

/* =======================
    contact section
=========================*/
#st-map-container {
    perspective: 780px;
    perspective-origin: bottom;
}
#st-map-container .st-map .et_pb_map{
    transform: rotateX(44deg) rotateY(-14deg) rotateZ(46deg) !important;
    box-shadow: 16px 21px 38px rgba(150, 150, 150, 0.33);
}
.st-modal-container.open:before {
    content: '\f00d';
    font-family: 'fontawesome';
    background: #f2f2f2;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: 22vh;
    display: inline-block;
    font-size: 20px;
}
.st-modal-container > .st-modal {
    max-height:399px;
    overflow-y: scroll;
}
@media screen and (max-width: 700px) {
    .st-modal-container.open:before {
        margin-top: 14vh;
    }
}
/* =======================
    Footer Area
=========================*/

#footer-bottom {
    padding-top:20px;
}
#main-footer > .container {
    padding-top: 40px;
    max-width:80%;
}
#footer-widgets {
    background: #fff;
    padding: 42px 35px 0;
    margin: 0 0 40px;
    text-align:center;
}
#footer-widgets .footer-widget i {
    font-size:50px;
}
.et-social-icons {
    float: none;
    text-align: center;
    margin-bottom: 15px;
}
#footer-info {
    float: none;
    text-align: center;
    margin-bottom: 0;
}
.et-social-icons li:first-child {
    margin-left:0;
}
#main-footer .footer-widget:first-child {
    /* background-image: linear-gradient( 180deg, #95c62b 0%, #44af26 100% ); */
    /* background-color: #50c529; */
    padding: 25px;
    transform: scale(1.1);
    margin-top:-112px;
    color: #fff;
    box-shadow: 1px 6px 82px rgba(0, 0, 0, 0.28);
    text-align:left;
}
#main-footer .footer-widget:first-child h4 {
    color:#fff;
    font-size:24px;
}
#main-footer .footer-widget:first-child .textwidget{
    padding: 20px 5px;
}
.et_pb_social_media_follow li a.icon::before {
    color: #a0a0a0;
}
.et_pb_social_media_follow li {
    float: none;
    display: inline-block;
    margin-right:15px;
}
#footer-bottom {
    display:none;
}


/* footer social icon*/

.et-social-facebook a.icon:before { content: '\e093'; }
.et-social-twitter a.icon:before { content: '\e094'; }
.et-social-google-plus a.icon:before { content: '\e096'; }
.et-social-pinterest a.icon:before { content: '\e095'; }
.et-social-linkedin a.icon:before { content: '\e09d'; }
.et-social-tumblr a.icon:before { content: '\e097'; }
.et-social-instagram a.icon:before { content: '\e09a'; }
.et-social-skype a.icon:before { content: '\e0a2'; }
.et-social-flikr a.icon:before { content: '\e0a6'; }
.et-social-myspace a.icon:before { content: '\e0a1'; }
.et-social-dribbble a.icon:before { content: '\e09b'; }
.et-social-youtube a.icon:before { content: '\e0a3'; }
.et-social-vimeo a.icon:before { content: '\e09c'; }
.et-social-rss a.icon:before { content: '\e09e'; }


.et-social-icon a {
    font-size:14px;
    border: 1px solid #666666;
    border-radius: 25px;
    width: 35px;
    height: 35px;
    padding: 5px 0 0 0;
}

@media screen and (max-width: 980px) {
    #footer-widgets .footer-widget .fwidget{
        float:none;
        text-align:center;
    }
}

/* =======================
    Helper classes
=========================*/
@media screen and (min-width: 981px) {
    .display-none-before-980 {
        display:none;
    }
}
@media screen and (max-width: 980px) {
    .small-center-container {
        margin: 0 auto !important;
    }
    .section-size-1_2 {
        width:50% !important;
    }
    .display-none-after-980 {
        display:none;
    }
    .padding-none {
        padding:0 !important;
    }
    #footer-widgets .footer-widget:nth-last-child(-n+2) {
        margin-bottom: 30px !important;
    }
}
@media screen and (max-width: 700px) {
    .section-size-1_2 {
        width:100% !important;
    }
}

.bp-overlay {
    position:relative;
}
.bp-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    /*background-color: #8BC34A;*/
    /*background-image: linear-gradient( 180deg, rgba(139,195,74, 0.62) 0%, rgb(22, 99, 25) 100% );*/
    opacity: 0.9;
}
.bp-overlay .et_pb_row,
.bp-overlay > div,
.bp-overlay > ul {
    z-index:99;
}
/* =======================
    Row Hover Style
=========================*/
.hover-on-row .et_pb_column:hover{
    z-index:999;
}

/* =======================
    Dark layout
=========================*/

.st_hver_style_dark:before {
    background: #313131;
}
.st_hver_style_dark:hover {
    box-shadow: 0px 15px 55px rgb(25, 25, 25);
}
.color_style_dark,
.color_style_dark p,
.color_style_dark span,
.color_style_dark div,
.color_style_dark a
{
    color: #969696;
}
.color_style_dark h2,
.color_style_dark h3,
.color_style_dark h4,
.color_style_dark h5,
.color_style_dark h6 {
    color: #f3f3f3;
}
.md-bgcolor-dark {
    background-color:#313131 !important;
}
/* .md-bgcolor-dark.tab-link:hover,
/* .md-bgcolor-dark.tab-link:hover,
.md-bgcolor-dark.tab-link.active {
    background-color:#333333 !important;
} */

.st_hver_style_dark.st_hver_style .monthly,
.st_hver_style_dark.st_hver_style .yearly {
    background-color:#333333;
}
.st_hver_style_dark.st_hver_style .monthly:hover,
.st_hver_style_dark.st_hver_style .yearly:hover {
    background:transparent;
}
#st-blog-post.color_style_dark .et_pb_post {
    background-color:#333333;
}
#st-blog-post.color_style_dark .et_pb_post:before {
    background-color:#464646;
}
.st-custom-team-section.color_style_dark .site-person-module {
    background:#262626;
}
.st-custom-team-section.color_style_dark .site-person-module:hover {
    box-shadow: 0px 15px 55px rgba(14, 14, 14, 0.44);
}
.st-custom-team-section.color_style_dark .et_pb_team_member_image:before {
    background: linear-gradient(to bottom, rgba(8, 8, 8, 0) 0%, rgba(39, 39, 39, 0.48) 48%, rgba(37, 37, 37, 0.55) 55%, rgb(38, 38, 38) 100%);
}


/* =======================
    Restaurant layout
=========================*/

/* Restaurant Menu */
.res-menu-title {
  font-weight: 900;
}
.res-menu-title:after {
  content:'';
  display: block;
  max-width: 100px;
  height: 1px;
  margin: 17px auto 23px;
}
.restaurant-menu .et_pb_column {
    padding: 0 23px;
    border-right: 1px solid;
}
.restaurant-menu .et_pb_column:last-child {
  border: none;
}
.res-menu-item-container {
  border-bottom: 1px solid;
  padding-bottom: 11px;
  margin-bottom: 28px !important;
}
.res-item-title {
  font-weight: 900;
  font-size: 1.5em !important;
}
.res-menu-item {
  padding: 0 !important;
}
.res-menu-item li {
  list-style: none;
  display: inline-block;
}
.res-menu-item .item-dis {
  width: 70%;
}
.res-menu-item .item-price {
  text-align: right;
  width: 28%;
}

/* =======================
    Ken Burn Effect
=========================*/

.kb-zoomout .et_pb_slide .et_parallax_bg {
   animation: zoomout 7s forwards;
  -ms-animation: zoomout 7s forwards;
  -webkit-animation: zoomout 7s forwards;
  -0-animation: zoomout 7s forwards;
  -moz-animation: zoomout 7s forwards;
 
}
 
.kb-zoomin .et_pb_slide .et_parallax_bg {
   animation: zoomin 7s forwards;
  -ms-animation: zoomin 7s forwards;
  -webkit-animation: zoomin 7s forwards;
  -0-animation: zoomin 7s forwards;
  -moz-animation: zoomin 7s forwards;
 
}
 
.kb-zoomin-right .et_pb_slide .et_parallax_bg {
   animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 7s forwards;
  -webkit-animation: zoomin-right 7s forwards;
  -0-animation: zoomin-right 7s forwards;
  -moz-animation: zoomin-right 7s forwards;
  animation-direction: alternate;
 
}
 
.kb-zoomout-right .et_pb_slide .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 7s forwards;
  -webkit-animation: zoomout-right 7s forwards;
  -0-animation: zoomout-right 7s forwards;
  -moz-animation: zoomout-right 7s forwards;
 
}
 
.kb-zoomout .et_parallax_bg {
   animation: zoomout 17s forwards;
  -ms-animation: zoomout 17s forwards;
  -webkit-animation: zoomout 17s forwards;
  -0-animation: zoomout 17s forwards;
  -moz-animation: zoomout 17s forwards;
 
}
 
.kb-zoomin .et_parallax_bg {
   animation: zoomin 17s forwards;
  -ms-animation: zoomin 17s forwards;
  -webkit-animation: zoomin 17s forwards;
  -0-animation: zoomin 17s forwards;
  -moz-animation: zoomin 17s forwards;
 
}
 
.kb-zoomin-right .et_parallax_bg {
   animation: zoomin-right 17s linear 2s infinite alternate;
    -ms-animation: zoomin-right 17s linear 2s infinite alternate;
    -webkit-animation: zoomin-right 17s linear 2s infinite alternate;
    -0-animation: zoomin-right 17s linear 2s infinite alternate;
    -moz-animation: zoomin-right 17s linear 2s infinite alternate;
}
 
.kb-zoomout-right .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 17s forwards;
  -webkit-animation: zoomout-right 17s forwards;
  -0-animation: zoomout-right 17s forwards;
  -moz-animation: zoomout-right 17s forwards;
 
}
 
 
 
@keyframes zoomout{
    0% {
        -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
        -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
        -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
        -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
        transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
    }
     
     
    100% {
        -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
     
    }
}
 
@keyframes zoomin{
    0%{
        -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
     
     
    }
     
     
    100%{
        -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
        -webkit-transform: scale3d(3.5, 3.5, 3.5) translate3d(0px, 0px, 0px);
        -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
        -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
        transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
     
    }
}
 
@keyframes zoomout-right{
    0%{
        -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
        -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
        -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
        -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
        animation-timing-function: linear;
    }
     
     
    100%{
        -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
     
    }
}
 
@keyframes zoomin-right{
    0%{
        -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
    }
         
     
    100%{
        -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
        -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
        -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
        -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
     
    }
}