/*
 Theme Name:     Solo Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
::selection {
  background: #121315; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #121315; /* Gecko Browsers */
}
body{
    background: #f4f4f4!important;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
}
h1, h2, h3{
    font-family: futura-pt, sans-serif!important;
    font-style: italic;
    font-weight: 600;
}
h4, h5, h6{
    font-family: futura-pt, sans-serif!important;
    font-style:normal;
    font-weight: 600;
}
body:before{
    content:'';
    height:500px;
    width:500px;
    position:fixed;
    background: #ffffff;
    z-index:1;
    top:0;
    left:0;
    right:0;
    border-radius: 50%;
    position:fixed;
    margin:-150px 0px 00px -150px;
    -webkit-transition: all 0.75s ease-in-out;
       -moz-transition: all 0.75s ease-in-out;
        -ms-transition: all 0.75s ease-in-out;
         -o-transition: all 0.75s ease-in-out;
            transition: all 0.75s ease-in-out;
       -moz-transform:translateX(0%) scale(1);
    -webkit-transform:translateX(0%) scale(1);
         -o-transform:translateX(0%) scale(1);
        -ms-transform:translateX(0%) scale(1);
            transform:translateX(0%) scale(1);
    }
body.change:before{
       -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);

}
body.shrink:before{

       -moz-transform:translateY(-50%) scale(0.1);
    -webkit-transform:translateY(-50%) scale(0.1);
         -o-transform:translateY(-50%) scale(0.1);
        -ms-transform:translateY(-50%) scale(0.1);
            transform:translateY(-50%) scale(0.1);

}
body.moveover:before{
    margin-left:100%;
    left:-300px;
       -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
}

.solo-header{
    width:100%;
    height:74px;
    position:fixed;
    background: transparent; 
    z-index:100;
    padding:10px 30px;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}


.solo-head-logo{
    width:130px;
    height:60px;
    float: left;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}


.solo-header.sticky .solo-head-logo{
    opacity:0;
}
.solo-head-logo.solo-open{
    opacity:0;
}
.solo-head-logo a img{
    position:relative;
    float:left;
    height:auto;
    width:130px;
}
.solo-head-links nav{
    width:auto;
    float:right;
    height:60px;
}
.solo-head-links ul{
     display:table;
}
.solo-head-links ul li{
     display:table-cell;
     padding:0px 20px;
     overflow: hidden;
}
.solo-head-links ul li a{
    height:60px;
    width:auto;
    font-size:21px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #000;
    line-height:52px;
    overflow: hidden;
    position: relative;
}
.solo-head-links ul li a:after{
    content: '';
    bottom:0;
    width:100%;
    height:2px;
    background:#000;
    position:absolute;
    -webkit-transition: all 0.75s ease-in-out;
       -moz-transition: all 0.75s ease-in-out;
        -ms-transition: all 0.75s ease-in-out;
         -o-transition: all 0.75s ease-in-out;
            transition: all 0.75s ease-in-out;
       -moz-transform: translateX(-250%);
    -webkit-transform: translateX(-250%);
         -o-transform: translateX(-250%);
        -ms-transform: translateX(-250%);
            transform: translateX(-250%);
}
.solo-head-links ul li a:hover::after{
    opacity: 0;
       -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    }
.solo-nav-trigger{
    width:60px;
    height:60px;
    position:relative;
    padding:29px 15px;
    float:right;
    cursor: pointer;
    display:none;
    margin-right:-30px;
}
.solo-ham{
    width:20px;
    height:2px;
    position:relative;
}
.solo-ham:before{
    content: '';
    position:absolute;
    background:#000;
    width:20px;
    height:2px;
    margin-top:-8px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
       -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.solo-ham:after{
    content: '';
    position:absolute;
    background:#000;
    width:20px;
    height:2px;
    margin-bottom:-8px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
       -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.solo-nav-trigger .solo-ham.solo-open:before{
    margin-top:-4px;
       -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.solo-nav-trigger .solo-ham.solo-open:after{
    margin-bottom:0px;
    margin-top:-4px;
       -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.solo-ham span{
    position:absolute;
    right:0;
    top:-18px;
    left:-50px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
}
.solo-mobile-menu{
    position:fixed;
    width:0px;
    height:0px;
    border-radius: 50%;
    background: #ffffff;
    right:37px;
    top:35px;
    z-index:50;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
       -moz-transform: scale(1);
    -webkit-transform: scale(1);
         -o-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.solo-mobile-menu.solo-open{
    width:10px;
    height:10px;
    border-radius: 50%;
       -moz-transform: scale(250);
    -webkit-transform: scale(250);
         -o-transform: scale(250);
        -ms-transform: scale(250);
            transform: scale(250);
}
.solo-mobile-nav{
    width:100%;
    height:100%;
    display:none;
    text-align:center;
    position: fixed;
    z-index: 75;
    top:0;
    opacity: 0;
}
.solo-mobile-nav.solo-open{
    display: block;
    opacity:1;
}
.solo-mobile-nav nav{
    width:340px;
    height:auto;
    position: absolute;
    margin:0px auto 0px auto;
    left:0;
    right:0;
    text-align: left;
    top:50%;
       -moz-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
         -o-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
            transform: translateY(-25%);
}
.solo-mobile-logo{
    width:130px;
    height:auto;
    float:left;
    position:relative;
    margin-left:-14px;
    margin-top:-80px;
    margin-bottom:60px;
}
.solo-mobile-logo img{
    width:100%;
    height:auto;
    }
.solo-mobile-nav nav li {
    width:100%;
    margin-bottom:20px;
    float:left;
    height:45px;
    margin-bottom:15px;
}
.solo-mobile-nav nav li a{
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size:26px;
    color: #000000;
}
.nextup{
    /* For the next up section at the bottom */
}
@media only screen and (max-width: 991px) {
    .solo-nav-trigger{
        display:block;
    }
    .solo-head-links{
        display:none;
    }
}
/* PRELOADER */ 
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ffffff;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
   width: 200px;
   height: 80px;
   position: absolute;
   left: 50%;
   top: 50%;
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;
   margin: -100px 0 0 -100px;
}
.site-content {
    width:100%!important;
    height:100%!important;
    position: fixed!important;
    background: #f4f4f4!important;
    z-index:9998;
    opacity:0;
    display:none;
    -webkit-transition: opacity 0.5s ;
        -ms-transition: opacity 0.5s;
         -o-transition: opacity 0.5s;
            transition: opacity 0.5s;
}
.site-content:after {
    content: '';
    width:100%;
    height: 100%;
    position:fixed;
    z-index:9999;
    background: #000000;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
        -ms-transition: -o-transform 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
         -o-transition: -o-transform 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
            transition: transform 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
       -moz-transform: translate(100%);
    -webkit-transform: translate(100%);
         -o-transform: translate(100%);
        -ms-transform: translate(100%);
            transform: translate(100%);
}
.slide-out .site-content{
    opacity: 1;
    display: : block;
}
.slide-out .site-content:after{
    background: #000000;
       -moz-transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
         -o-transform: translateX(-0%);
        -ms-transform: translateX(-0%);
            transform: translateX(-0%);
}


/* DIVI Changes */

#et-main-area{
    padding-top:100px!important;
}
#page-container{
    padding-top:0px!important;
}
.et_pb_slide{
    position:relative;
    height:480px;
    padding:0px;
}
.et_pb_slide_description{
    max-width: 33.333%;
    height: 75%;
    margin: auto;
    padding: 60px!important;
    background: #ffffff;
    float: left;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 0px;
}
.et_pb_slide_title{
    margin-bottom: 60px!important;
}
.et_pb_slider{
    padding:0px;
}
.et_pb_slides .et_pb_slider_container_inner {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
}
.et-pb-controllers a {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 20px;
    padding: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 10px;
    background-color: rgba(255,255,255,.5);
    text-indent: -9999px;
    border: 2px solid #ffffff;
}
.et-pb-slider-arrows {
    opacity: 1;
    background: #f4f4f4;
    position: absolute;
    width: 160px;
    height: 80px;
    left: 0;
    bottom: 0;
    z-index: 12;
    overflow:hidden;
}
.et_pb_button{
    overflow: hidden;
}
.et_pb_button:before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:60px;
    background:#949494;
    visibility: visible;
    z-index:1;
    opacity: 1;
    margin:0px;
    top:0;
    left:-10px;
       -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
         -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
       -moz-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
        -ms-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
         -o-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
            transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.et_pb_button:hover::before{
       -moz-transform: translateX(110%);
    -webkit-transform: translateX(110%);
         -o-transform: translateX(110%);
        -ms-transform: translateX(110%);
            transform: translateX(110%);
}
.et_pb_portfolio_filters li a {
    position:relative;
    display: block;
    overflow: hidden;
    height: auto;
    margin: -1px -1px 0 0;
    padding: 10px 20px;
    border: 0px solid transparent!important;
    color: #666;
    background-color: transparent!important;
}
.et_pb_portfolio_filters li a.active{
    border-bottom: 0px solid #000!important;
    background-color: transparent!important;
    color:#fff;
}
.et_pb_portfolio_filters li a:after{
    content:'';
    left:0;
    bottom:0;
    position:absolute;
    height:2px;
    width:100%;
    background: #000000;
       -moz-transform: translateX(-110%);
    -webkit-transform: translateX(-110%);
         -o-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
            transform: translateX(-110%);
    -webkit-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
       -moz-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
        -ms-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
         -o-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
            transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.et_pb_portfolio_filters li a:hover::after{
       -moz-transform: translateX(110%);
    -webkit-transform: translateX(110%);
         -o-transform: translateX(110%);
        -ms-transform: translateX(110%);
            transform: translateX(110%);
}
.et_pb_portfolio_filters li:first-child a{
    border-radius: 0px 0 0 0px!important;
}
.et_pb_portfolio_filters li:last-child a{
    border-radius: 0 0px 0px 0!important;
}
.et_pb_scroll_top.et-pb-icon {
    display: block;
    height: 200px;
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 0px;
    padding: 10px;
    padding-top: 85px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    color: #fff;
    background: #f4f4f4;
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #000;
}
@media only screen and (max-width: 991px) {
    .et_pb_slide_description{
        max-width: 50%;
    }
}
@media only screen and (max-width: 768px) {
    .et_pb_slide_description{
        min-width:100%;
        max-width: 100%;
        height: 50%;
        margin: auto;
        float:right;
        padding: 60px 30px 30px 210px!important;
    }

}