/*
Theme Name: Business solution 2
Theme URI: https://divi.webbook.website/business-solution-2
Template: Divi
Author: webbook
Author URI: https://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: 2018-03-22

*/
/*==========Menu==============*/
.et_header_style_left #et-top-navigation nav>ul>li>a{
    padding-bottom:15px!important;   
}
#top-menu li.current-menu-item.ru_menu_cta a,.et-fixed-header #top-menu li.current-menu-item.ru_menu_cta a{
    color:#000!important;
}
.ru_menu_cta a{
    background: #b38f66;
    color: #000;
    text-align: center;
    padding: 15px 15px 0px 15px;
    margin-bottom:20px;
    border-radius: 3px;
}

/*==============map==========*/
@media all and (min-width:981px){
    .ru_map .et_pb_map{
    min-height:500px!important;    
    }
}
.underline-text-color{
   	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, #b38f66 80%);
    background-size: 100px 1.2em;
}
.ru_column_hover, .ru_column_hover .et_pb_module_header, .ru_column_hover .et_pb_blurb_description{
    transition:0.3s ease;    
}
.ru_column_hover:hover{
    background:#000;    
}
.ru_column_hover:hover .et_pb_module_header, .ru_column_hover:hover .et_pb_blurb_description{
    color:#fff!important;    
}


/*=========================================Portfolio design===================================*/
.ru_portfolio_img{
    position:relative;    
}
.ru_portfolio_img:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    transition:all 0.4s ease-in-out;
    background:linear-gradient(to left top, #3636369e 20%, #274472 80%);
}

.ru_portfolio_img:hover:before{
  opacity:1;
    
}
.ru_portfolio_img .et_pb_module_header{
    transform:translateY(-100px);
    opacity:0;
    backface-visibility:hidden;
    transition: all 0.3s ease;
}
.ru_portfolio_img .et_pb_blurb_description{
     transform:translateY(36px);
     opacity:0;
     transition:all 0.4s ease;
}

.ru_portfolio_img:hover .et_pb_module_header,.ru_portfolio_img:hover .et_pb_blurb_description{
    transform:translateY(0);
    opacity:1;
} 
.ru_portfolio_home .et_pb_blurb{
    padding:50% 0 50% 0;    
}
.ru_portfolio_home .et_pb_blurb:not(.ru_first_child){
    height:200px;
}
.ru_portfolio_home .et_pb_blurb:nth-child(2n+1){
    height:200px;
}
.ru_portfolio_home .et_pb_blurb.ru_first_child{
    height:400px;    
}
/*======================================blog=============================*/
.ru_blog .et_pb_post{
    position:relative;
}
.ru_blog .et_pb_post:before{
    content: '';
    display: inline-block;
    position: absolute;
    background: #b38f66;
    height: 5px;
    width: 100%;
    top: 0;
    left: 0;
    transform-origin: left center;
    transform: scaleX(0);
    transition: all 0.5s ease-in-out;
    z-index:99;
}

.ru_blog .post-content:before{
    content: '';
    display: inline-block;
    position: absolute;
    background: #b38f66;
    height: 5px;
    width: 100%;
    bottom: 0; 
    right: 0;
    transform-origin: right center;
    transform: scaleX(0);
    transition: all 0.5s ease-in-out;
    
}

.ru_blog .entry-title:after{
    content: '';
    display: inline-block;
    position: absolute;
    background: #b38f66;
    height: 100%;
    width: 5px;
    top: 0;
    left: 0;
    transform-origin: top center;
    transform: scaleY(0);
    transition: all 0.5s ease-in-out;
    z-index:99;
}
.ru_blog .post-content:after{
    content: '';
    display: inline-block;
    position: absolute;
    background: #b38f66;
    height: 100%;
    width: 5px;
    bottom: 0;
    right: -1px;
    transform-origin: bottom center;
    transform: scaleY(0);
    transition: all 0.5s ease-in-out;
    z-index:99;
}

.et_pb_post:hover .post-content:before, .et_pb_post:hover:before{
    transform: scaleX(1);
}
.et_pb_post:hover .post-content:after, .et_pb_post:hover .entry-title:after{
    transform: scaleY(1);
}
.ru_blog .published{
   font-size: 18px;
    padding-bottom: 20px;
    display: inline-block;
    font-family: roboto condensed;
    font-style: italic;
    color: #10101057;
    font-weight: 900;
    
}
.ru_blog .et_pb_post{
    padding:50px;
    min-height:630px;
}
.et_pb_post .entry-title a:hover{
    color:#b38f66;  
}
.ru_blog .more-link{
    margin-top: 20px;
    display: table;
    font-size: 16px;
    font-weight:700;
    /*font-family: fantasy;*/
}
@media all and (min-width:1920px){
    .ru_blog .et_pb_post{
        min-height:650px;
        padding:100px;
    }
}

/*===========================================Home Company=================================*/

        /*===============Scroll down effect================*/
@media all and (max-width:981px){
.home-scroll-down .et_pb_fullwidth_header_scroll a{
        display:none;    
    }
}
.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)
    }
}


.ru_portfolio_text .ru_heading_border{
    display:inline-block;    
}
.ru_image_1{
    margin-bottom: 0px !important;
    margin-left: 80px !important;
    padding-right: 29% !important
}
.ru_image_2{
    margin-top: -40% !important;
    margin-bottom: 0px !important;
    padding-left: 41% !important;
}
.ru_image_3{
    margin-top: -57% !important;
    margin-bottom: 0px !important;
    padding-right: 40% !important;
    padding-left: 30px !important;
}
@media all and (min-width:1920px){
    .ru_person.et_pb_team_member {
    background-image: linear-gradient(221deg,#303030 100%,#000000 67%)!important;    
    }
}

/*et_pb_module_header et_pb_member_position et_pb_member_social_links*/
.ru_action.et_pb_blurb{
    transition:all 0.4s ease;    
}

.ru_company_slide_bg .et_pb_slides{
    background:#fff!important;    
}




/*============================Home Digital Agency================================*/
@media all and (max-width:981px){
.ru_section_bg.et_pb_section_1,.ru_section_bg.et_pb_section_0, .ru_section_bg{
    background-size: 0 0!important;
    background-image:url(..);
    background-image:none;
    }

}

.ru_video_section{
    position:absolute;
    opacity:0;
    
    
}
.ru_video_cancel,.ru_video_image_1{
    cursor:pointer;
    display:inline-block;
}


/*============= Filterable portfolio 1=============*/


/*Set number of columns and margin for the images*/

@media all and (min-width:981px){
.ru-portfolio-grid .et_pb_portfolio_item.et_pb_grid_item,
.ru-portfolio-grid .et_pb_portfolio_item.active,
.ru-portfolio-grid.et_pb_portfolio_grid .et_pb_portfolio_item,
.ru-portfolio-grid.et_pb_grid_item:nth-child(n){
        width: 33% !important;
        margin:0;
        border:none;
    }
.ru-portfolio-grid .et_pb_grid_item:nth-child(4n+1){
        clear:none!important;
    }
}


/*Ensures portfolio images display on mobile and tablets, you don't need to touch this*/
@media only screen and (max-width:980px) {
    .ru-portfolio-grid .et_portfolio_image img {
        width: 100%;
    }
}

.ru-portfolio-grid .et_overlay.et_pb_inline_icon:before, .et_pb_inline_icon:before{
    display:none;    
}
.ru-portfolio-grid .et_pb_portfolio_item a{
    transition:all 0.3s ease;    
}
.ru-portfolio-grid .et_pb_portfolio_item .et_pb_module_header{
    margin:0;
    padding:0;
}

.ru-portfolio-grid .et_pb_portfolio_item .et_pb_module_header a {
    position: absolute;
    top: 0;
    left:50px;
    opacity: 0;   
}
.ru-portfolio-grid .et_pb_portfolio_item .et_pb_module_header a:before {
    content: '';
    display: block;
    width: 47px;
    height: 5px;
    background: #fde953;
    margin: 0 5px 10px; 
}
.ru-portfolio-grid .et_pb_portfolio_item:hover .et_pb_module_header a{
    position: absolute;
    top: 65%;
    left:50px;
    opacity: 1; 
    z-index:99999;
} 

.ru-portfolio-grid .et_pb_portfolio_item .post-meta{
    position: absolute;
    bottom: 0;
    left: 50px;
    opacity: 0;
    transition:all 0.3s;
}
.ru-portfolio-grid .et_pb_portfolio_item:hover .post-meta{ 
    position: absolute;
    bottom: 25%;
    left: 50px;
    opacity: 1;
    z-index:99999;
}
/*========================================================== Home services ===============================================*/

.what-we-do h1:after{
    content: '';
    display: block;
    background: #ff0;
    width: 25%;
    height: 10px;
    margin-top: 20px;
    border-radius: 20px;
}
.what-we-do{
    transition:0.5s;    
}
.what-we-do a{
    color:#153e4d;
    font-size:18px;
    font-weight:700;
    line-height:60px;  
}
.what-we-do a:hover{
  background: -webkit-linear-gradient(#003be8, #153e4d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.what-we-do:hover{
    border-color:#153e4d;   
}

/*======================================== Home Design Agency ============================*/
@media all and (max-width:980px){
.ru_design_bg_remove{
    background:#fff!important;
    }
}



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

    /*============== Services header style================*/
.ru_services_header .header-content{
     text-align:center!important;
     margin-right:0;
}
.ru_services_header .et_pb_module_header{
    border-bottom:2px solid #fff;
    display:inline-block;
    text-align:center;
}
/*=========================== 767px ================*/
@media all and (max-width:767px){
.ru_services_header .et_pb_module_header:before{
    content: '';
    position: absolute;
    top: 38%;
    left: 2%;
    width: 32%;
    margin-left: 1%;
    height: 2px;
    background: #fff;
    
}
.ru_services_header .et_pb_module_header:after{
    content: '';
    position: absolute;
    top: 38%;
    right: 2%;
    width: 34%;
    margin-right: 3%;
    height: 2px;
    background: #fff;
}
.ru_services_span:before{
    content: '\e031';
    position: absolute;
    top: 34%;
    left: 35%;
    width: 30%;
    height: 6px;
    font-family: ETmodules;
    font-size: 40px;
    font-weight: 500;
    
    }
}
/*=========================== 768px ================*/
@media all and (min-width:768px){
.ru_services_header .et_pb_module_header:before{
    content: '';
    position: absolute;
    top: 30%;
    left: 18%;
    width: 26%;
    margin-left: 0%;
    height: 2px;
    background: #fff;
    
}
.ru_services_header .et_pb_module_header:after{
    content: '';
    position: absolute;
    top: 30%;
    right: 25%;
    width: 22%;
    margin-right: 0;
    height: 2px;
    background: #fff;
}
.ru_services_span:before{
    content: '\e031';
    position: absolute;
    top: 25%;
    left: 34%;
    width: 30%;
    height: 6px;
    font-family: ETmodules;
    font-size: 65px;
    font-weight: 500;
    color:#fff;
    
    }
}

/*=========================== 1920px ================*/
@media all and (min-width:1920px){
.ru_services_header .et_pb_module_header:before{
    content: '';
    position: absolute;
    top: 40%;
    left: 26%;
    width: 16%;
    margin-left: 0%;
    height: 2px;
    background: #fff;
    
}
.ru_services_header .et_pb_module_header:after{
    content: '';
    position: absolute;
    top: 40%;
    right: 32%;
    width: 16%;
    margin-right: 0;
    height: 2px;
    background: #fff;
}
.ru_services_span:before{
    content: '\e031';
    position: absolute;
    top: 38%;
    left: 32%;
    width: 30%;
    height: 6px;
    font-family: ETmodules;
    font-size: 65px;
    font-weight: 500;
    
    }
}
/*=========================== 2560px ================*/
@media all and (min-width:2560px){
.ru_services_header .et_pb_module_header:before{
    content: '';
    position: absolute;
    top: 39%;
    left: 18%;
    width: 14%;
    margin-left: 13%;
    height: 2px;
    background: #fff;
    
}
.ru_services_header .et_pb_module_header:after{
    content: '';
    position: absolute;
    top: 39%;
    right: 38%;
    width: 14%;
    margin-right: -12px;
    height: 2px;
    background: #fff;
}
.ru_services_span:before{
    content: '\e031';
    position: absolute;
    top: 37%;
    left: 32%;
    width: 30%;
    height: 6px;
    font-family: ETmodules;
    font-size: 65px;
    font-weight: 500;
    
    }
}

.ru_services_row .et_pb_column,
.ru_services .et-pb-icon,
.ru_services_row .ru_services a{
    transition:all 0.3s ease;    
}
.ru_services_row .et_pb_column:hover:not(.ru_services_column_image){
    background:#fff!important;    
} 
.ru_services_row .ru_services a{
    margin-top:30px;
    padding:15px 35px 15px;
    background:#b38f66;
    color:#fff;
    border-radius:25px;
    transform:scale(0.9);
    box-shadow:-1px 4px 12px 0px #adadad47, 0px 10px 12px 0px #a5a2a217, 0px 6px 30px 0px #eae7e733, 2px 6px 30px 0px #f5f5f50d;
    
}
.ru_services_row .ru_services a:hover{
    box-shadow:none;
    transform:scale(1.1);
}



/* ##### IMAGE GRID WITH ROLLOVER ##### */

.blurbs_grid .et_pb_column_1_3 .et_pb_blurb_content {
  	display: flex;
  	justify-content: center;
  	flex-direction: column;
  	height: 200px;
}

.blurbs_grid .et_pb_column_1_3 .blurb_hover,
.blurbs_grid .et_pb_column_1_3:hover .blurb_active {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.blurbs_block .et_pb_column_1_3:hover .blurb_active {
	visibility:hidden;	
}

.blurbs_grid .et_pb_column_1_3 .blurb_hover {
	top:0;
	opacity:0;
	position:absolute;
	visibility:hidden;
	width: 100%;
}

.blurbs_grid .et_pb_column_1_3:hover .blurb_hover {
	visibility:visible;
	opacity:1;
}

.blurbs_grid .et_pb_column_1_3 .blurb_hover a {
    background-color: #ce8b2f; /* Background color of the button */
    color: #fff; /* Text color of the button */
    padding: 7px 15px;
    text-transform: uppercase;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.25);
    margin-top:15px;
    display: inline-block;
} 

.blurbs_grid .et_pb_column_1_3 .blurb_hover a:hover {
	background-color: #005ba3; /* Background color of the button when hover */
}

.blurbs_grid .et_pb_column_1_3 .blurb_hover .et_pb_blurb_container {
	margin-top: 52px;
}

/*======================pricing table====================*/
.ru_price_tag{
   position:relative;
}


.ru_price ul{
    padding:0;
}
.ru_price ul li{
    list-style-type:none;
    padding:15px 0 15px;
}
.ru_price ul li:nth-child(2n+2){
    background:#f4f6f7;
    color:#333;
}
.ru_price h2{
    background:#fff;
}
.ru_price p{
    margin-top:30px;
    color:#fff;
}
.ru_price a{
    padding:15px 35px 15px;
    background:#b38f66;
    color:#fff;
    border-radius:25px;
    box-shadow:2px 2px 30px 0px #adadad; 
    transition:all 0.3s ease-in-out;
}
.ru_price a:hover{
    box-shadow:none; 
}
/*=================================About us======================*/
@media all and (min-width:1920px){
.ru_aboutus_blurb.et_pb_blurb_0.et_pb_blurb{
    margin-top: -8%!important;
    margin-left: 57%!important;
    }
.ru_aboutus_blurb.et_pb_blurb_1.et_pb_blurb{
    margin-top: -30%!important;
    margin-left: -100%!important;
    }
.ru_aboutus_blurb.et_pb_blurb_2.et_pb_blurb{
    margin-top: -16%!important;
    margin-left: -79%!important;
    }

}

@media all and (min-width:981px) and (max-width:1024px){
   .ru_aboutus_blurb.et_pb_blurb_0.et_pb_blurb{
    margin-top: 7%!important;
    margin-left: 0!important;
    }     
}

/*==============================================Custom post page design==============================*/

.hero-section {
    padding-top: 20%;
    padding-bottom: 20%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    position:relative;
    /*max-height: 450px;*/
    background-color: #333;
}

.widgettitle{
    margin-top:15px;
    margin-bottom:15px;
}
 @media only screen and (min-width: 981px){
#main-content .container:before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #fff!important; 
    content: "";
    }
}
.single-post #main-content #left-area {padding-top: 0px;}
 
/* ---- Sidebar Settings ---- */
/*.single #sidebar {*/
/*    background: #efefef;*/
/*}*/
 
/* ---- Standard Post Title & Post Meta ---- */
.single h1.entry-title,.attachment h1.entry-title, .single p.post-meta {

text-align: center;
padding-left: 8px;
padding-right: 8px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
}
 
 @media only screen and (min-width: 980px) {
/*** Set title font size for desktop ***/
.single h1.entry-title {
font-size: 65px !important;
width: 80%;
margin:0 auto;
    }
 }
 
 
 /*=================================Footer============================*/
 #footer-bottom{
    display:none;
}
 .ru_footer_menu ul li{
    list-style-type:none;
    /*float:left;*/
    display:inline-block;
    padding:20px;
}