/*
Theme Name: Agency
Theme URI: https://divi.webbook.website/agency
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.0
Updated: 2017-11-20

*/

/*==========================================================Main Header slider=============================================================
================================================================================================================================*/


.home-scroll-down .et_pb_fullwidth_header_scroll a{
        margin-top:7px;
        animation:scrollmove 1s infinite ease;
}

@-moz-keyframes scrollmove {
    0% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -moz-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes scrollmove {
    0% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -moz-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes scrollmove {
    0% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -moz-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
}

  
  /*==========================================================About us=============================================================
================================================================================================================================*/

.ru-about{
    padding-top:10%;
    padding-bottom:10%;
    padding-left:5%;
    padding-right:5%;
}

@media all and (max-width:980px){
     .ru-about{
        display:block;
        padding-top:10px;
        padding-bottom:30px;
        }
        
    .ru-about .et_pb_main_blurb_image{
        position:relative;
        left:0;
        
    
    }
}
  
  /*==========================================================Circle counter=============================================================
================================================================================================================================*/
  
  
 .ru-circle-counter h3{
     margin-top:-90px;
     } 
  
/*==========================================================Services=============================================================
================================================================================================================================*/  

.ru-services-icon .et-pb-icon-circle-border{
    border:1px solid;
    }

.ru-services-icon .et-pb-icon-circle{
    padding:12px!important;
    transition:1s ease;
    }
.ru-services-icon .et_pb_main_blurb_image{
    border-radius:50%;
    transition:1s ease;
    position: relative;
    top: 10px;
    left: -46%;
    
    }
.ru-services-icon:hover .et_pb_main_blurb_image{
    background:#333;
    }
.ru-services-icon:hover .et-pb-icon{
    color:#fff!important;
    }


@media all and (min-width:981px){
    .ru-tlt span{
    font-size:55px;
    font-weight:800;
    color:#3c3950;
    }
}


 @media all and (max-width:980px){
     .ru-services-icon{
         padding-top:0!important;
         padding-bottom:0!important;
         }
         
     .ru-services{
    background-image:none!important;
        }
    .ru-tlt span{
    font-size:30px;
    font-weight:800;
    color:#3c3950;
    }
}
 /*=================================================Skills===================================================
================================================================================================================*/

.skills-border:before{
    content:'';
    position:absolute;
    top:10%;
    bottom:10%;
    left:7%;
    right:7%;
    border:5px solid #f0f3f2;
    }


.ru-skill-span span{
    float:right;
    }
@media all and (max-width:980px){ 
     .ru-skill-span span{
        line-height:155px;
     }
     
}
      /*=================================================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:#333!important;
     background:#ffdf48;
     }
.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:before{
    display:none!important;
}

.ru_filterable_portfolio .et_pb_filterable_portfolio .et_overlay{
    background-image:linear-gradient(to right,  rgba(255,43,88,0.8) 0%,rgba(255,216,0,0.8) 100%) !important;
    border:none!important;
    }   
.ru_filterable_portfolio .ru_filterable_portfolio_content{
    display:none;
    }
.ru_filterable_portfolio .et_pb_portfolio_item:hover .ru_filterable_portfolio_content{
    display:block;
    position:absolute;
    bottom:10px;
    text-align:center;
    z-index:9999999;
    transition:1s ease;
    background:transparent;
    }
    
@media all and (max-width:980px){
    .ru_filterable_portfolio .et_pb_portfolio_filters ul{
        display:none;
        }
    }
/*=========================================================Team member=============================================================
================================================================================================================================*/  
.ru-person .et_pb_main_blurb_image img{
    border-radius:50%;
}


/*=================================================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:0;
    left:0;
    right:0;
    background:linear-gradient(180deg,#ffdf49bd 0%,#ffdf49 100%);
    border-radius:4px;
}  





/*==========================================================Testimonial=============================================================
================================================================================================================================*/
.ru_testimonial .et_pb_slide{
    box-shadow:none!important;
}

.ru_testimonial .et_pb_slide_image img{
    border-radius:50%!important;
}


.ru_testimonial .et_pb_slider_container_inner{
    display:grid;
    grid-template-columns:40% 60%;
    grid-column-gap:5%;
    
}

.quote{
    float:right;
    font-size:150px;
    padding:10px;
    letter-spacing:-20px;
    color:#ffdf48;
    font-weight:bold;
    }
@media all and (max-width:980px){
.ru-work-process{
        padding-bottom:20px;
        }
        
.quote{
        font-size:150px;
        line-height:0;
    }
    
.ru_testimonial .et_pb_slider_container_inner{
        display:grid;
        grid-template-columns:100% 100%;
        grid-template-rows:50% 50%;
}
.ru_testimonial .et_pb_slide_description{
        width:100%;
        padding-top:20px;
        display:grid;
        grid-column:1;
        grid-row:2;
    }
.ru_testimonial .et_pb_slider_container_inner .et_pb_slide_image{
        position:relative;
        display:block!important;
    }
}

.ru-gallery{
        padding-left:10%;
    }

.ru-gallery .et_pb_gallery_image {
    width:200px;
    padding-right:30px;
    }
.ru-gallery .et_pb_gallery_item {
    margin:0!important;
    }
      
    
    /*=========================================================Blog============================================================
================================================================================================================================*/
.ru-blog .et_pb_post{
    border:none!important;
    background:#f4f6f7;
    }
.ru-blog .et_pb_post:hover .entry-title a{
    color:#00bcd4!important;
    transition:all 0.5s ease-in-out;
    }
.ru-blog .et_pb_post p{
    margin-bottom:30px;
    }
.ru-blog .more-link{
    padding: 3px 15px;
    border: 2px solid #3c3950;
    font-size: 12px;
    font-weight:700;
    text-transform: uppercase;
    font-family: montserrate;
    line-height: 26px;
    margin-top: 10px;
    border-radius:8px;
    background-color:transparent;
    box-shadow:0px 3px 10px rgba(0, 0, 0, 0.17);
    }

.ru-blog .post-content a:hover{
    background-color:#3c3950;
    color:#fff!important;
    box-shadow:none;
    }

.entry-title{
    margin-top:30px;    
}
/*==========================================================Contact=============================================================
================================================================================================================================*/      
.ru-contact-form .et_contact_bottom_container{
    width:98%;
}
.ru-contact-form .et_pb_button{
    width:100%;
    padding:0;
    margin:0;
    max-height:44px;
    line-height:32px!important;
}


/*=================================================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;    
}




/*==========================================================Footer=============================================================
================================================================================================================================*/
#footer-bottom{
    display:none;
}

.contact-email{
    color:#ffdf48;
    display:inline-block;
}
.et_pb_social_media_follow li{
    margin:8px!important;
    }