/*
Theme Name: CEP
Author: Viki Team
Author URI: http://www.vikitheme.com
Version: 1.0.0
Description: A Beautiful, Professional and Multipurpose Theme Made by Viki Team
 	
*/
/* ---------------------------------------------------
    CSS CUSTOM AREA 
-------------------------------------------------- */


::-moz-selection {
  background-color: rgb(0,147,120);
  color: #fff; 
}

::selection {
  background-color: rgb(0,147,120);
  color: #fff; 
}

body {
font-family: 'Poppins', sans-serif;
/*    font-family: 'Montserrat Alternates', sans-serif;*/
}

/*h1, h2, h3, h4, h5, h6, .vk-list-service .vk-title, .vk-home-slider-item .vk-main-heading, .vk-contact-item .vk-title {*/
    /*font-family: 'Oleo Script', cursive;*/
    /*font-family: 'Philosopher', sans-serif;*/

/*}*/

a:hover, a:focus {
    color: #00682b;
    text-decoration: none;
}

.vk-home-slider-item .vk-inner-content {
    background: rgba(0, 0, 0, .1) 
}

.vk-text-color-yellow-1 {
    color: rgb(0,147,120);
}

.vk-text-color-black-1{
    color: #dddddd;
    margin-bottom: 5px;
}

.vk-heading.inverse {
    border-color: #b9b9b9;
}

.vk-text-color-black-1 {
    color: #dddddd;
    margin-bottom: 14px;
}

/* FOOTER START */

.vk-footer-style-2 .vk-heading {
    /*color: #e4deae;*/
}

.vk-footer-item  li, .vk-footer-item  p, .vk-footer-item  li  a, .vk-footer-mid p{
    color: #ffffff;
    font-size: 15px;
}

.vk-footer-style-2 {
    background-image: unset; 
    padding: 60px 0;
    background-color: rgb(0,147,120);
}

/* FOOTER END */

/* SERVICES START */

.vk-home.default .vk-home-service {
    background-image: unset; 
    background-color: rgb(0,147,120);
}

.vk-list-service .vk-title {   
    /*color: #4e3e3e;*/
    color: #dddddd;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.vk-service-detail .vk-text {
    color: #ffffff;
}
/* SERVICES END  */

.vk-footer-bottom  p {
    color: #ffffff;
}

.vk-footer-bottom a {
    color: #05f5c9;
}

.vk-navbar-nav {
        font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 15px;
}


.vk-home-shop-category-item .box {
    text-transform: capitalize;
}


/* Menu style for other page except hoem page */

.nt-menu .vk-header-transparent {
    position: relative;
    color: #000000;
}

.nt-menu .vk-header-transparent .vk-btn-navbar-toggle .icon-bar {
    background-color: #000000;
}


.vk-list-filter li { 
    padding: 11px 15px;
}  


.hr_class {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #cbcbcb;
    opacity: 0.5;
}  

/*.vk-nav > li > a {
    padding: 10px 10px 10px 0;
}*/


.vk-list-project-item-1 .vk-main-title {
    font-size: 18px;
    font-weight: bold;
    color: #999999;
    text-transform: uppercase;
}


.mb-0 {
    margin-bottom: 0px;
}

.vk-list-filter li {
    padding: 11px 15px;
    border: 1px solid;
    margin-right: 5px;
}

.vk-page.portfolio .vk-filter-box {
    text-align: center;
}

.vk-page.portfolio .vk-filter-box .vk-filtter-dropdown-box {
    width: 50%;
    float: unset; 
    padding-right: unset;
    margin: 0 auto;
}

.enquiry {
    float: right;
    background-color: #d38215;
    color: #ffffff;
}

.py-3{
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.flex-container {
    display: flex;  
    flex-direction: row;
    align-items: center;
}

.bg-grey {
    background-color: #f4f4f4;
}

.white-foot  .bg-grey {
    background-color: white;
}


@media (min-width: 1200px) {
    .vk-nav > li > a {
        padding: 10px 10px;
    }
}

/*@media (min-width: 1050px) and (max-width: 1200px) {
    .vk-nav > li > a {
        padding: 10px 10px 10px 0;
    }
}*/


@media (min-width: 992px) {
    .nt-menu .vk-header-transparent .vk-navbar-nav {
        background: unset;
    }

    .vk-header-transparent .vk-navbar-nav {
        background: rgba(0, 0, 0, .1) 
    }


/*==============================================*/
   /* .vk-navbar-nav {
        float: right;
    }*/

    .vk-footer-style-2 .vk-footer-bottom {
         padding-top: 40px; 
    }

    .vk-list-service li {
        padding-left: 130px;
        padding-bottom: 25px;
    }
}


@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}