/* -> Slick slider
================================ */
.slick-prev,
.slick-next{
    display: none!important;
}
/* ============================= */

/* -> MENU
================================ */
.navbar-default{
    background-color: #fff;
    padding: 0px!important;
    -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.03);
    border-bottom: 1px solid #f5f5f5;
}

.navbar-default .navbar-brand img{
  height: 60px;
  display: inline-block;
}

.navbar-default .navbar-nav > li > a {
     color: #777!important;
}


/* -> Concept
================================ */
#concept{
    padding: 100px 0px;
}

    #concept .title-box{
      text-align: center; 
      margin-bottom: 30px;
    }

    #concept .row{
      display: block;
      align-items: center;
      justify-content: center;
    }

    .concept-image{
        margin-top: 15px;
    }
/* ============================= */


/* ============================= */
#process{
  position: relative;
  padding: 80px 0px;
  background-color: #eee;
}

#process:before{
    z-index: 1;
    content: "";
    position: absolute;
    height: calc(100% - 400px);
    left: 50%;
    top: 240px;
    border-left: 1px solid rgba(191, 191, 191, 0.4);
}

    .process{
        z-index: 2;
        position: relative;
    }

        .process:nth-child(3) .process-head{
            background-color: #46b8e9;
        }

        .process:nth-child(4) .process-head{
            background-color: #3ee9d1;
        }

        .process:nth-child(5) .process-head{
            background-color: #ce43eb;
        }

        .process:nth-child(6) .process-head{
            background-color: #4d92eb;
        }

        .process:nth-child(7) .process-head{
            background-color: #46b8e9;
        }

        .process:nth-child(8) .process-head{
            background-color: #3ee9d1;
        }

            .process-head h2 {
                font-size: 16px;
            }

            .process-body img{
                width: 100%;
            }
/* ============================= */



/* -> Contacts
================================ */
#contacts{
    padding: 80px 0px 0px 0px;
}

    #map-wrapper{
        padding: 60px 0 0 0;
    }

        #map{
            height: 500px;
        }
/* ============================= */


/* -> Footer
================================ */
footer{
    padding: 40px 0px;
    text-align: center;
}
    
    #author{
        text-align: center;
    }
/* ============================= */