/*
Theme Name:Portfolio
Theme URI: https://divi.webbook.website/portfolio
Template: Divi
Author: WebBook
Author URI: https://www.webbook.website
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: 1.2.0
Updated: 10.02.2018

*/

/*=================================================Person page===================================================
================================================================================================================*/

#typed{
    font-size:16px;
    font-weight:500;
    color:#333;
    margin-top:20px;
    }
.home_dark #typed{
    color:#fff!important;
    }

.et_pb_text_inner .ru_about:after{
     content:'';
    display: block;
    width: 13%;
    border-bottom:2px double #bcbcbc;
    background: #bcbcbc;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    
    
}

@media only screen and (max-width:780px){
.et_pb_text_inner .ru_about:after{
     content:'';
    display: block;
    width: 30%;
    border-bottom:2px double #bcbcbc;
    background: #bcbcbc;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}

}


.et_pb_text_inner .contact:after{
    content:'';
    margin:0;
    display: block;
    width: 13%;
    height:2px;
    text-align: left;
    margin-top: 20px;
    }
 .ru_counter .et_pb_counter_amount_number {
    display: inline-block;
    padding-left: 5px;
    margin: 0px;
    border-radius: 12%;
    box-shadow: inset 2px 3px 0px 0px #aaa;
    }

.ru_counter .et_pb_counter_amount{
    height:18px;
}



/*=================================================Experience===================================================
================================================================================================================*/


.experience .et_pb_column{
    margin-right:0!important;
    }
    
.experience .et_pb_blurb_content{
    border-left:2px dotted #ccc;
    padding-bottom:80px;
    }

.experience .et_pb_main_blurb_image{
    position: relative;
    left: -15px;
}    
.experience1 .et_pb_main_blurb_image{
    position: relative;
    left: -15px;
}

@media all and (max-width:980px){
    .experience .et_pb_blurb_content, .experience1 .et_pb_blurb_content {
        border:none;
    }
    .experience .et_pb_main_blurb_image, .experience1 .et_pb_main_blurb_image{
        display:none;
        }
    .experience .et_pb_column , .experience1 .et_pb_column {
        flex:none;
        
        }
    
}


    
    
    /*=================================================Portfolio===================================================
================================================================================================================*/
    
.ru_filterable_portfolio .et_pb_portfolio_filters  {
    width:100%;
}
.ru_filterable_portfolio .et_pb_portfolio_filters ul{
    text-align:center;
    }
.ru_filterable_portfolio .et_pb_portfolio_filters ul li{
    float:none;
    display:inline-block;
    font-size:14px;
    line-height:1.5em;
    margin-right:15px;
    
    }
.ru_filterable_portfolio .et_pb_portfolio_filters ul li a{
    border:none;
    background:transparent;
    display:block;
    color:#333;
    border-radius:10px;
    transition:all 0.8s;
    }
    
.ru_filterable_portfolio .et_pb_portfolio_filters ul li a:first-child,
.ru_filterable_portfolio .et_pb_portfolio_filters ul li a:last-child{
    border-radius:10px;
    }
 .ru_filterable_portfolio   .et_pb_portfolio_filters li a.active{
     border-radius:25px!important;
     color:#fff!important;
     background:#333;
     }
.ru_filterable_portfolio .et_pb_portfolio_filters ul li a:hover{
   border-radius:25px;
   box-shadow:none;
}

.ru_filterable_portfolio .et_pb_portfolio_item{
    transition:all 1s ease-in-out;
    } 
.ru_filterable_portfolio_content{
    display:none;
    position: absolute;
    background: rgba(255,255,255,0.5);
    bottom: 0;
    width: 100%;
}
.ru_filterable_portfolio .et_pb_portfolio_item:hover .ru_filterable_portfolio_content{
    display:block; 
    }
.ru_filterable_portfolio .et_pb_portfolio_item:hover .et_overlay.et_pb_inline_icon{
    display:none!important;
}
.ru_filterable_portfolio .et_overlay{
    border:0px solid #fff!important;
}
/*=================================================Dark===================================================
================================================================================================================*/

.ru_filterable_portfolio_dark .et_pb_portfolio_filters ul li a:hover{
    color:#333!important;
    }
 

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

 .ru_services {
    padding:20px;
    padding-top:15%;
    padding-bottom:15%;
    transition: all 0.5s ease-in-out;
    min-height:400px;   
}
.ru_services .et_pb_blurb_content{
    padding:5px; 
    }
.ru_services:hover {
    box-shadow:0 3px 20px rgba(5, 5, 6, 0.10);
    }
.ru_services .et-pb-icon-circle{
    transition:all 0.8s ease-in-out;

}
.ru_services :hover .et-pb-icon-circle {
        background:#333!important;
        box-shadow: 0 4px 15px rgba(5, 5, 6, 0.3);
}
.ru_services .et-pb-icon-circle-border{
    border:2px solid!important;
    }
                   
/*=================================================Testimonial===================================================
================================================================================================================*/
   
.ru_testimonial .et_pb_slide_description{
    padding:0 0 50px 0;
   
    }
.ru_testimonial .et_pb_slide_content img{
      width:100;
      height:100;
      border-radius:50%;
}
.ru_testimonial .et_pb_bg_layout_dark .et_pb_slide_description{
        text-shadow:none;
}




   
    /*=================================================Blog==================================================
================================================================================================================*/
 
  
.ru_blog .column:first-child article:nth-child(odd),
.ru_blog .column:last-child article:nth-child(odd),
.ru_blog .column:nth-child(2) article:nth-child(even)  {
background-color:rgb(40, 86, 100);
border-radius:25px;

}
 
.ru_blog .column:first-child article:nth-child(odd) .entry-title,
.ru_blog .column:first-child article:nth-child(odd) .post-meta,
.ru_blog .column:first-child article:nth-child(odd) .post-meta a,
.ru_blog .column:first-child article:nth-child(odd) .post-content p,
.ru_blog .column:last-child article:nth-child(odd) .entry-title,
.ru_blog .column:last-child article:nth-child(odd) .post-meta,
.ru_blog .column:last-child article:nth-child(odd) .post-meta a,
.ru_blog .column:last-child article:nth-child(odd) .post-content p,
.ru_blog .column:nth-child(2) article:nth-child(even) .entry-title,
.ru_blog .column:nth-child(2) article:nth-child(even) .post-meta,
.ru_blog .column:nth-child(2) article:nth-child(even) .post-meta a,
.ru_blog .column:nth-child(2) article:nth-child(even) .post-content p  {
color: #fff;
}
 
.ru_blog .column:nth-child(2) article:nth-child(even):hover img,
.ru_blog .column:first-child article:nth-child(odd):hover img,
.ru_blog .column:last-child article:nth-child(odd):hover img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
 
.ru_blog .column:nth-child(2) article:nth-child(odd):hover img,
.ru_blog .column:first-child article:nth-child(even):hover img,
.ru_blog .column:last-child article:nth-child(even):hover img {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.ru_blog .column article, .ru_blog .column article img {

    transition: all 0.8s;
}
 
.ru_blog .column:first-child article:nth-child(odd):hover,
.ru_blog .column:last-child article:nth-child(odd):hover,
.ru_blog .column:nth-child(2) article:nth-child(even):hover {
background: #fff;
}
 
.ru_blog .column:first-child article:nth-child(odd):hover .entry-title,
.ru_blog .column:first-child article:nth-child(odd):hover .post-meta,
.ru_blog .column:first-child article:nth-child(odd):hover .post-meta a,
.ru_blog .column:first-child article:nth-child(odd):hover .post-content p,
.ru_blog .column:last-child article:nth-child(odd):hover .entry-title,
.ru_blog .column:last-child article:nth-child(odd):hover .post-meta,
.ru_blog .column:last-child article:nth-child(odd):hover .post-meta a,
.ru_blog .column:last-child article:nth-child(odd):hover .post-content p,
.ru_blog .column:nth-child(2) article:nth-child(even):hover .entry-title,
.ru_blog .column:nth-child(2) article:nth-child(even):hover .post-meta,
.ru_blog .column:nth-child(2) article:nth-child(even):hover .post-meta a,
.ru_blog .column:nth-child(2) article:nth-child(even):hover .post-content p  {
color: #333;
}
 
.ru_blog .column:first-child article:nth-child(even):hover,
.ru_blog .column:last-child article:nth-child(even):hover,
.ru_blog .column:nth-child(2) article:nth-child(odd):hover {
background: #212121;
}
 
.ru_blog .column:first-child article:nth-child(even):hover .entry-title,
.ru_blog .column:first-child article:nth-child(even):hover .post-meta,
.ru_blog .column:first-child article:nth-child(even):hover .post-meta a,
.ru_blog .column:first-child article:nth-child(even):hover .post-content p,
.ru_blog .column:last-child article:nth-child(even):hover .entry-title,
.ru_blog .column:last-child article:nth-child(even):hover .post-meta,
.ru_blog .column:last-child article:nth-child(even):hover .post-meta a,
.ru_blog .column:last-child article:nth-child(even):hover .post-content p,
.ru_blog .column:nth-child(2) article:nth-child(odd):hover .entry-title,
.ru_blog .column:nth-child(2) article:nth-child(odd):hover .post-meta,
.ru_blog .column:nth-child(2) article:nth-child(odd):hover .post-meta a,
.ru_blog .column:nth-child(2) article:nth-child(odd):hover .post-content p  {
color: #fff;
}
.ru_blog a.more-link{
    background:transparent;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);
    color:#c09f12;
    display:table;
    font-style:italic;
    font-weight:300;
    font-family:initial;
}

/*================================================= Blog 02 ==================================================
================================================================================================================*/

.ru_blog_02 .content-right {
    float: right;
    width: 60%;
    padding:0 30px 30px 30px;
    
}
.ru_blog_02 .entry-featured-image-url {
    float: left;
    width: 40%;
}
@media all and (max-width:980px){
    .ru_blog_02 .entry-featured-image-url {
            float: none;
            width: 100%;
    }
    .ru_blog_02 .content-right {
            float: none;
            width: 100%;
            padding-top:30px;
    }
}


/*================================================= Blog 03 ==================================================
================================================================================================================*/
.ru_blog_03 article{
    margin:0;
    padding:0;
    border:0px solid #fff!important;
    box-shadow:0 5px 5px rgba(2, 3, 3, 0.1);
    transition:all 1s ease-in-out;
    background:#f5f5f5!important;
    overflow:hidden;
    }
.ru_blog_03 .et-pb-image-container{
    overflow:hidden;
    }
.ru_blog_03 .entry-title{
    padding:19px 20px 17px;
    line-height:2em;
    border-top:1px solid #dcdcdc;
    margin-top:50px;
    }
    
.ru_blog_03 .published:before{
    content:'\f073';
    font-family:FontAwesome;
    font-weight:500;
    font-size:18px;
    padding-right:0.5em;
    }
    
.ru_blog_03 .published:after{
    content:'\f075';
    font-family:FontAwesome;
    font-weight:500;
    font-size:18px;
    padding-left:25%;
    
    }
.ru_blog_03 article:hover{
    background:#fff!important;
    box-shadow:0 10px 20px rgba(2, 3, 3, 0.08);
    }
    
.ru_blog_03 .post-content p{
    display:none;
    }
    
.ru_blog_03 .post-content{
    position:relative;
    
    }
.ru_blog_03_content{
    min-height:200px;
    }   
.ru_blog_03 a.more-link{
    position:absolute;
    margin-top:20px;
    bottom:0;
    right:0;
    color:#fff;
    font-weight:300;
    display:table;
    transition:all 1s;
}
    
.ru_blog_03 article:hover a.more-link{
    color:#c09f12;
    
}
    
@media all and (min-width:980px)and (max-width:1280px){
    .ru_blog_03 article{
        width:100%;
        }
    .ru_blog_03 .published{
        padding-left:07%;
        }
    .ru_blog_03 .published:before,.ru_blog_03 .published:after{
        display:none;
        }
    }

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

.ru_contact input[type=text]{
    border-bottom:1px dotted #d8d8d8;
}
.ru_contact .et_pb_contact_message {
    border-bottom:1px solid #d8d8d8;
    }
.ru_contact .et_pb_contact_captcha{
    border:1px solid #d8d8d8 !important;
    background:#004e6d!important;
    color:white!important;
    font-size:15px!important;
}
    
.ru_contact .et_pb_button{
    position:absolute;
    bottom:0;
    margin:0 auto;
    left:0;
    padding:0;
    padding-left:30px;
    padding-right:30px;
    box-shadow:0 10px 20px rgba(2, 3, 3, 0.08);
    }
    
   

/*=================================================Project page==================================================
================================================================================================================*/


.ru_project_text{
    min-height:200px;
    transition:all 1s;
    }
.ru_project_text:hover{
    box-shadow:0 10px 20px rgba(2, 3, 3, 0.08);
    background:#fcfcfc;
    
    }
    
.ru_project_case{
    min-height:300px;
    transition:all 1s;
    }
.ru_project_case:hover{
    box-shadow:0 10px 20px rgba(2, 3, 3, 0.08);
    background:#fff;
}
    
.ru_project_table{
    border:0!important;
    transition:all 0.8s;
    min-height:350px;
    border-radius:100px!important;
}
.ru_project_table td{
    border-top:0!important;
}    
.ru_project_table tr:nth-child(odd):hover{
    background:#e8e8e8;
   
}
.ru_project_table tr:nth-child(even):hover{
    background:#f5f5f5;
}
.pagination{
    padding-top:50px;    
}
    /*=================================================Post page==================================================
================================================================================================================*/

.widget_search #searchsubmit{
    background-color: #f3f3f3;
    }
#sidebar .et_pb_widget{
    
    }
.widgettitle{
    background: #333;
    padding: 15px;
    margin-bottom: 15px;
    color: #fff;
    text-align: center;
    }

#main-content .container:before{
    display:none;
    }    
    
    
     /*=================================================Footer==================================================
================================================================================================================*/

#footer-bottom{
    display:none;
    }
.et_pb_social_media_follow {
    /*text-align:center;*/
}
.et_pb_social_media_follow li {
    float:none;
    display:inline-block;
} 
.et_pb_social_media_follow li a.icon:hover{
    transform:translateY(-2px);
    transition:all 1s;
    background:#171717;
    border-radius:50%;
    
    
    }
.et_pb_social_media_follow li a.icon::before{
    color:#6d6c6c!important;
    }
    
   
    

    /*=================================================Home Business==================================================
================================================================================================================*/
.ru-slide .et_pb_slide_description{
    padding-left:0;
    padding-right:0;
}
.ru-expertise:hover{
        box-shadow:2px 18px 20px 0px rgba(0, 0, 0, 0.05);
        transition:all 0.3s;
}
    
    
    
    
          /*=================================================Team member===============================*/
  
 .ru-team img{
     border-radius:50%;
} 
.ru-team:hover img{
    transform:scale(1.1);
    transition:all 1s;
}
.ru-team .et_pb_team_member_description{
    margin-top:50px;
    }  
    
    
    
          /*=================================================Pricing Table=============================================*/

.ru-pricing ul{
    list-style-type:none;
    text-align:center;
}
.ru-pricing ul li{
    padding-top:25px;
}
.ru-pricing-middle{
    transform:scale(1.1);
    }
    
.ru-pricing-middle:before{
    content:'';
    position:absolute;
    top:-25px;
    bottom:-25px;
    left:0;
    right:0;
    background:linear-gradient(180deg,#5a89e8 0%,#002584 100%);
    box-shadow: 0px 6px 43px 0px rgba(0,0,0,0.28);
}