/*POP UP VIDEO */
  .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgba(0,0,0,0.5); /* Black with opacity */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        
        .modal-content {
            background-color: #fff;
            padding: 1px;
            border: 5px solid #888;
            width: 80%;
            max-width: 700px; /* Set a maximum width */
            position: relative;
        }

        
        .close {
            position: absolute;
            top: 10px;
            margin-right: 40px;
            color: #fff;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
          	background-color: ;
        }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
        }

      
        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            height: 0;
            overflow: hidden;
            max-width: 100%;
            background: #000;
        }

        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .close-btn {
            background-color: rgba(0,0,0,0);
            color: white;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
            margin-top: 20px;
          	margin-left: 10px;
        }

        .close-btn:hover {
            background-color: none;
        }








/* write your own custom css, this will load at header */
div.widget.widget_archive.style-01{
margin-top: -50px;
}  
.info-items-02 li .number{
font-size: 15px;
color: #f2e920;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; 
}
div.comments-area{
display: none;
}    
.eco-friendly-area{
border-top: 1px solid #cecece;
}  
section.blog-area.padding-top-110.padding-bottom-100.bg-liteblue{
border-top: 1px solid #cecece;
}
.single-testimonial-item .content .description{
font-size: 14px;
}  

.social-link{
}
.bottom-part {
 display: none;
} 
div.serivce-bg{
margin-right: -12px;
}  
.breadcrumb-area p{
display: none;  
}  

/* Hover on link yellow */
.cleaning-single-item .content .title a:hover{
color: yellow;
}

/* Hover on link yellow */
/*
.we-available p:hover{
color: yellow;
cursor:pointer;    
}
*/


.we-available p{
font-size: 120%;
font-weight: bold;
color: white;
}  

.social-share-wrap ul{
display: none;
}  

.info-items li a{
display: none;  
}
  
.TableParagraph {
line-height: 1.6;
}
  
.MsoNormalTable {
width: 100%;
font-size: 14px;
font-family: Archivo;  
}

.single-testimonial-item .content .description {
line-height: 1.5;  
}  

div.bg-img-02.home{
border-top-left-radius: 50px;
}

div.bg-img-01.bg-blue{
border-top-right-radius: 50px;
}  

.single-testimonial-item .content .author-details .author-meta .title {
font-size: 14px;  
}  

.single-testimonial-item .content .author-details .author-meta .ratings {
display: none;
}

.navbar-area.nav-style-02 .nav-container {
background-color: #fff0;
}  

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
font-weight: normal;
font-size: 110%;  
color: #142d70;
text-shadow: -0px 0 white, 0 0px white, 0px 0 white, 0 -0px white;  
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li a{
color: #fff; 
font-weight: bold;
font-size: 120%;  
/*text-shadow: 0px 2px 1px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);  */
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; 
}
 
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li{
color: cyan; 
}

.header-area .title {
 line-height: 1.1; font-size: 40px; text-shadow: 0px 2px 1px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);  
}

.social-link.style-02 {
visibility: hidden;
}  

.col-lg-6.offset-lg-1 {
display: none;
}
  
.header-buttom-content span{
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
color: yellow;
font-weight: bold;  
}  

.h4 .title a:hover {
color: #fff;
}  

.cleaning-single-item .content .title{
line-height: 1.5;  
}

.appointment-single-item .content .title {
font-size: 16px;
}  
  
.content .btn-wrapper .boxed-btn{
display: none;
}  

.pcount {
display: none;
}

.icon-part{
display: none;
}  

.top-search-wrapper {
height: 1px;
visibility: hidden;  
}  

.col-md-6 {
width: 360px; 
font-weight: normal;
color: #14287b;
}
  
.content {
text-align: left;  
}

.flaticon-paint-brush {
color: #fff;
font-size: 0px;
}

.right-content {
text-align: left;  
}  
  
.line-one {
display: none;
}
.line-two {
display: none;
}
.line-three {
display: none;
}
.line-four {
display: none;
}
.widget-nav-menu {
display: none;
}
 
.container {
}

.page-list {
visibility: visible;  
}
.cat {
display: none;  
}  
a.service-item-list.active.style-02 {
background-color: #fff;
}  

a[href="#nav-booking"] {
display:none;
}

a[href="#nav-feedback"] {
display:none;
}

h4 {
font-size: 130%; 
}  
h4.price {
display: none;  
}

.left-content.bg-blue {
border: 1px solid #3b5998;  
}

.right-content {
border-right: 1px solid #cecece;
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;  
}

.cleaning-company-area {
padding-top: 50px;  
}

.tab-content {    
      background-image: url('assets/uploads/media-uploader/agroteknologi1712116111.jpg');
      background-size: cover;
}

.mylink{
padding:5px; background-color: #014287; color: #fff; 
}

.mylink:hover {
color: #f3e921;
}