/* ************================{{Home 4}}==================************* */
/*---To left align slider Left---*/
.ds-slider-left.et_pb_slider .et_pb_container {
    float: left !important; /*move the slider text container to the left*/ }
.ds-slider-left .et_pb_slide_description  {
  text-align: left !important; /*align the slider text to the left*/
  padding: 35% 8%;  }
.ds-slider-left.et_pb_slider .et_pb_button {
    float: left !important;  /*move the button to the left*/ }
/* Slider Arrow Navigation */
.slider-5 .et-pb-arrow-prev:before {
    content: "\48";} 
.slider-5 .et-pb-arrow-next:before {
    content: "\49"; }
.slider-5 .et-pb-arrow-prev:before, .slider-5 .et-pb-arrow-next:before {
	  background: #FFF;
    border-radius: 100px;
    color: rgba(var(--black), 1);
    padding: 20px 20px 20px 20px;
    font-size: 30px; }
/* Slider Dot Navigation */
.slider-5 .et-pb-controllers a {
    background-color: #ffffff00 !important;
    border-radius: 100px;
    margin-right: 10px;
    padding: 4px 20px;
    border: 5px solid rgba(var(--black), 1);
    transition: all .4s ease; }
.slider-5 a.et-pb-active-control {
	width:20px;
	background: rgba(var(--black), 1) !important;
    border: 3px solid rgba(var(--black), 1) !important;
	transition: all .4s ease; }
.slider-5 .et-pb-controllers a:hover {
    transform: scale(1.2);
    transition: all .4s ease;   }
.slider-5 a.et-pb-active-control:hover {
    transform: scale(1.0);
    transition: all .4s ease; }
/* Text Animation */
.slider-2 .et_pb_slide_content .et_pb_slide_title {
	animation-duration: .7s !important;
    animation-delay: 1.4s !important;
	animation-timing-function: ease-in-out;
    animation-fill-mode: both;
	animation-name: slideWidth;  }
.slider-5 .et_pb_slide_content p{
	animation-duration: .7s !important;
    animation-delay: 1.4s !important;
	animation-timing-function: ease-in-out;
    animation-fill-mode: both;
	animation-name: fadeInRight;  }
.slider-5 .et_pb_button_wrapper{
	animation-duration: .7s !important;
    animation-delay: 2s !important;
	animation-timing-function: ease-in-out;
    animation-fill-mode: both;
	animation-name: fadeInBottom;  }
/* Divi custom button */
.prosen_blurb a.dg_button {
    color: rgba(var(--black), 1)!important;
    border-width: 0px!important;
    border-radius: 100px;
    font-size: 16px;
    font-family: 'Fira Sans',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: rgb(249,108,0);
    padding-top: 15px!important;
    padding-right: 40px!important;
    padding-bottom: 15px!important;
    padding-left: 40px!important;
     box-shadow: inset -180px 0px 0px 0px #ffffff;
   transition-duration: 350ms;
    transition-timing-function: ease-out;
    transition-delay: 0ms; }
.prosen_blurb:hover a.dg_button {
    color: #ffff!important;
    border-width: 0px!important;
    border-radius: 100px;
    font-size: 16px;
    font-family: 'Fira Sans'!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: rgba(var(--orange), 1);
      box-shadow: inset 0px 0px 0px 0px #ffffff;
    transition-duration: 350ms;
    transition-timing-function: ease-out;
    transition-delay: 0ms;   }
/*all h2 heading color highlights in text*/
.pa-color-highlightx {
    text-decoration: none;
    box-shadow: inset 0 -.5em 0 rgba(250,129,36,0.66);
    color: inherit;  }
/* blurb hover style in business needs*/
.da-blurb-style-5{
   position: relative;
border: 2px solid #fff;
border-radius: 0px 30px;
box-shadow: 5px 5px rgba(var(--orange), 1);
background: rgba(var(--black), 1);
padding: 30px 20px;   } 
@media only screen and (max-width:990px){
    .da-blurb-style-5{ margin-bottom: 30px; }  }
@media only screen and (max-width:767px){
    .da-blurb-style-5:before{ transform: scale3d(1, 1, 1); }
    .da-blurb-style-5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ top: 30px; }  }
@media only screen and (max-width:480px){
    .da-blurb-style-5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { top: 40px; }  }
/*---------------[ BLURB FLOAT]-----------------*/
    .mp_m_blurb_float_shadow {
            border: 1px solid #eee;
        border-radius: 9px;
            box-shadow: 0px 6px 12px rgba(110, 130, 208, 0.3);
            padding: 17px;
            -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;} 
    .mp_m_blurb_float_shadow:before {
            pointer-events: none;
            position: absolute;
            z-index: -1;
            content: '';
            top: 100%;
            left: 5%;
            height: 10px;
            width: 90%;
            opacity: 0;
            background: -webkit-radial-gradient(center, ellipse, rgba(255,107,0,0.52) 0%, transparent 80%);
            background: radial-gradient(ellipse at center, rgba(255,107,0,0.53) 0%, transparent 80%);
            -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;}
    .mp_m_blurb_float_shadow:hover {
            -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
        box-shadow: 0px 8px 14px rgba(110, 130, 208, 0.3);}
    .mp_m_blurb_float_shadow:hover:before {
        opacity:1;
        top: 106%;
            height: 15px;}
/***portfolio ********/
/* filter and pagination */
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_filters {
    text-align: center; }
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_filters > ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01); }
.et_pb_portfolio_auto_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.et_pb_portfolio_auto_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;  }
.et_pb_portfolio_auto_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.et_pb_portfolio_auto_portfolio .et_pb_portofolio_pagination ul li a {
    border: 2px solid rgba(var(--black), 1);
    margin: -2px -2px 0 0;
    background-color: #fff;
    -webkit-transition: all 0.65s ease;
         -o-transition: all 0.65s ease;
            transition: all 0.65s ease;  }
.et_pb_portfolio_auto_portfolio .et_pb_portofolio_pagination {
    text-align: center;
    border-top: none;
    margin-top: 40px; }
.et_pb_portfolio_auto_portfolio .et_pb_portofolio_pagination ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(0,0,0,0.01); }
.et_pb_portfolio_auto_portfolio .et_pb_portofolio_pagination ul li {
    padding: 0; }
.et_pb_portfolio_auto_portfolio.et_pb_portofolio_pagination ul li a {
    padding: 10px 2px;  }
/*blog slider*/
.ds-advent-8 .et_pb_slide {
    padding: 0;  }
.ds-advent-8 .et_pb_slide_image {
    bottom: 0 !important;
    top: 0 !important;
    margin-top: 0 !important;  }
/*Position the slide description and add background*/
.ds-advent-8 .et_pb_slides .et_pb_slider_container_inner {
    display: block;  }
.ds-advent-8 .et_pb_slide_description {
    float: right;
    width: 30% !important;
    text-align: center;
    padding: 30px !important;
    margin: 3% !important;
    background: rgba(0,24,48,0.6);   }
/*Move slide description and add some padding on smaller tablets*/
@media all and (max-width: 768px) {
    .ds-advent-8 .et_pb_slides .et_pb_slider_container_inner {
        padding-top: 100%;    }
    .ds-advent-8 .et_pb_slide_description {
        width: auto !important;
        position: absolute;
        bottom: 0;    }}
/*Add more padding on mobile*/
@media all and (max-width: 479px) {
    .ds-advent-8 .et_pb_slides .et_pb_slider_container_inner {
        padding-top: 200%;    }}
/*Position the controllers*/
.ds-advent-8 .et-pb-controllers {
    bottom: 50%;
    left: -20px;
    width: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);  }
/*Reposition the controllers on smaller tablets and mobiles*/
@media all and (max-width: 768px) {
    .ds-advent-8 .et-pb-controllers {
        bottom: 94%;
        left: auto;
        width: 100%;
        margin: 0 auto;
        -webkit-transform: none;
        transform: none;    }}
/*Style the controllers*/
.ds-advent-8 .et-pb-controllers a {
    background-color: transparent !important;
    border: 2px solid #fff;
    border-radius: 0;
    width: 10px;
    height: 10px;
    margin: 10px;  }
