.banner-content h1{
font-family: 'Mulish', sans-serif;
font-weight: 900;
}

.banner-content-2 h1{
font-family: 'Mulish', sans-serif;
font-weight: 900;
font-size: 40px;
color: #FFFFFF;
}
.youtube-con{
    width: 100%;
    background: #ECECFB;
    padding: 15px;
    margin-bottom: 30px;
}
.photogallery{
  width: 100%;
    background: #ECECFB;
    padding: 5px;
    margin-bottom: 30px;   
}
.photogallery img{
    width: 100%;
    height: 450px;
}
.youtube-vid{
    width: 100%;
    height: 250px;
    background: white;
}
.youtube-vid iframe{
     width: 100%;
     height: 100%;
}

.youtube-title{
 width: 100%;
 padding: 5px;
 height: 60px;
 margin-top: 20px;
 text-align: center;
 font-size: 15px;
 line-height: 24px;
    background: var(--secondary-color);
    color: white;
    }

.main-container{
width: 1200px;
height: 100%;   
margin: 0 auto;
padding: 0 auto;
}
@media (max-width: 1200px){
.main-container{
width: 100%;
height: 100%;
padding: 20px;
margin: 0 auto;
}
}
.contact-info li {
	color: white;
}

.contact-info i {
	color: white;
}

.contact-info  a{
	color: white;
}

.header-topbar .social-icon li a {
	color: white;
	font-size: 16px;
}

.header-navigation .primary-menu li a {
	font-size: 14px;
	color: #555;
	padding: 10px;
	font-family: 'Mulish', sans-serif;
	text-transform: uppercase;
	margin: 0 10px;
	font-weight: 700;
}


.readmorebtn a{
    color: var(--secondary-color);
   
    font-weight: bold;
    font-size: 15px;

}
.readmorebtn a:hover{
     color: var(--primary-color);
    }
.readmorebtn{
    padding-top: 10px;

}

 .section-title .title{
 	font-weight: 1000;
 	font-size: 60px;
 	color: black;
 }

 .feature-text-block p{
 	color: black;
 }

 .tile-gallery-one .img-one img{
 	height: 350px;
 }

  .tile-gallery-one .img-two img{
 	height: 300px;
 }

 .testimonial-box-two .testimonial-inner .testimonial-img img { 
width: 100%;
height: 150px;


 }
 .news-feed-item img{
    width: 70px;
    height: 50px;
 }
.contact-video img{
    width: 100%;
    height: 700px;
}
 .content h2{
 	height: 60px;
 	font-size: 17px;
 	font-weight: 900;
 	line-height: 27px;
 	color: black;
 }

 .categories li{
 	display: inline;
 }

 .section-padding{
 	padding-top: 5%;
 }

 .section-pad-top-bottom{
    padding-top: 5%;
    padding-bottom: 5%;
 }
 .blog-dteails-content img{
    width: 100%;
    height: 450px;
 }
 .contact-thumb img{
 	width: 100%;
 	height: 530px;
 }

 .post-meta li{
 	margin-right: 30px;
 }

 .post-content .title{
 	height: 50px;
 

 }

  .post-content .title a{
 	font-size: 18px;
 	font-weight: 800;
 

 }
.post-thumb img{
	width: 100%;
	height: 250px;
}
.contact-widget2 h4{
    padding-bottom: 20px;
font-size: 20px;
color: var(--white-color);
font-family: 'Mulish', sans-serif;
 }

.nav-widget h4{
 font-size: 20px;
  padding-bottom: 15px;
color: var(--white-color);
font-family: 'Mulish', sans-serif;   
}
.contactstyle li{
    padding-bottom: 20px;
    font-size: 13px;
    font-weight: 400;
    color: var(--white-color);
}

.footerstyle li{
    line-height: 30px;
    color: var(--white-color);
}

.footerstyle li a:hover{
    color: var(--secondary-color);
}

.footerstyle a{
    font-size: 13px;
    font-weight: 300;
    color: var(--white-color);
    }

    .footerstyle{
         font-size: 13px;
    font-weight: 300;
    color: var(--white-color);  
    }

       .main1-btn {
    padding: 20px 30px;
    background-color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    position: relative;
    z-index: 1;
    border: solid 1px var(--white-color);
}



.main1-btn:hover {
    color: #fff;
    border: none;
    background: var(--secondary-color);
}

.service-item-four .services-content .title a{
color: var(--primary-color);
}


.blog-dteails-content p{
color: black;
}

.site-logo img{
width: 180px;
}

.logo img{
    width: 180px;
}

.banner-content-2 h1{
    color: white;
    font-weight: 1000;
    font-size: 80px;
 }

 
/* Error Page */
    .error .clip .shadow
    {
        height: 180px;  /*Contrall*/
    }
    .error .clip:nth-of-type(2) .shadow
    {
        width: 130px;   /*Contrall play with javascript*/ 
    }
    .error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow
    {
        width: 250px; /*Contrall*/
    }
    .error .digit
    {
        width: 150px;   /*Contrall*/
        height: 150px;  /*Contrall*/
        line-height: 150px; /*Contrall*/
        font-size: 120px;
        font-weight: bold;
    }
    .error h2   /*Contrall*/
    {
        font-size: 32px;
    }
    .error .msg /*Contrall*/
    {
        top: -190px;
        left: 30%;
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 32px;
    }
    .error span.triangle    /*Contrall*/
    {
        top: 70%;
        right: 0%;
        border-left: 20px solid #535353;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }


    .error .container-error-404
    {
      margin-top: 8%;
        position: relative;
        height: 250px;
        padding-top: 40px;
    }
    .error .container-error-404 .clip
    {
        display: inline-block;
        transform: skew(-45deg);
    }
    .error .clip .shadow
    {
        
        overflow: hidden;
    }
    .error .clip:nth-of-type(2) .shadow
    {
        overflow: hidden;
        position: relative;
        box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150,0.8), 20px 0px 20px -15px rgba(150, 150, 150,0.8);
    }
    
    .error .clip:nth-of-type(3) .shadow:after, .error .clip:nth-of-type(1) .shadow:after
    {
        content: "";
        position: absolute;
        right: -8px;
        bottom: 0px;
        z-index: 9999;
        height: 100%;
        width: 10px;
        background: var(--primary-color);
        border-radius: 50%;
    }
    .error .clip:nth-of-type(3) .shadow:after
    {
        left: -8px;
    }
    .error .digit
    {
        position: relative;
        top: 8%;
        color: white;
        background: var(--primary-color);
        border-radius: 50%;
        display: inline-block;
        transform: skew(45deg);
    }
    .error .clip:nth-of-type(2) .digit
    {
        left: -10%;
    }
    .error .clip:nth-of-type(1) .digit
    {
        right: -20%;
    }.error .clip:nth-of-type(3) .digit
    {
        left: -20%;
    }    
    .error h2
    {
        color: #A2A2A2;
        font-weight: bold;
        padding-bottom: 20px;
    }
    .error .msg
    {
        position: relative;
        z-index: 9999;
        display: block;
        background: #535353;
        color: #A2A2A2;
        border-radius: 50%;
        font-style: italic;
    }
    .error .triangle
    {
        position: absolute;
        z-index: 999;
        transform: rotate(45deg);
        content: "";
        width: 0; 
        height: 0; 
    }

/* Error Page */
@media(max-width: 767px)
{
    /* Error Page */
            .error .clip .shadow
            {
                height: 100px;  /*Contrall*/
            }
            .error .clip:nth-of-type(2) .shadow
            {
                width: 80px;   /*Contrall play with javascript*/ 
            }
            .error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow
            {
                width: 100px; /*Contrall*/
            }
            .error .digit
            {
                width: 80px;   /*Contrall*/
                height: 80px;  /*Contrall*/
                line-height: 80px; /*Contrall*/
                font-size: 52px;
            }
            .error h2   /*Contrall*/
            {
                font-size: 24px;
            }
            .error .msg /*Contrall*/
            {
                top: -110px;
                left: 15%;
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 18px;
            }
            .error span.triangle    /*Contrall*/
            {
                top: 70%;
                right: -3%;
                border-left: 10px solid #535353;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
            }
.error .container-error-404
  {
    height: 150px;
  }
        /* Error Page */
}

/*--------------------------------------------Framework --------------------------------*/

.overlay { position: relative; z-index: 20; } /*done*/
    .ground-color { background: white; }  /*done*/
    .item-bg-color { background: #EAEAEA } /*done*/
    
    /* Padding Section*/
        .padding-top { padding-top: 10px; } /*done*/
        .padding-bottom { padding-bottom: 10px; }   /*done*/
        .padding-vertical { padding-top: 10px; padding-bottom: 10px; }
        .padding-horizontal { padding-left: 10px; padding-right: 10px; }
        .padding-all { padding: 10px; }   /*done*/

        .no-padding-left { padding-left: 0px; }    /*done*/
        .no-padding-right { padding-right: 0px; }   /*done*/
        .no-vertical-padding { padding-top: 0px; padding-bottom: 0px; }
        .no-horizontal-padding { padding-left: 0px; padding-right: 0px; }
        .no-padding { padding: 0px; }   /*done*/
    /* Padding Section*/

    /* Margin section */
        .margin-top { margin-top: 10px; }   /*done*/
        .margin-bottom { margin-bottom: 10px; } /*done*/
        .margin-right { margin-right: 10px; } /*done*/
        .margin-left { margin-left: 10px; } /*done*/
        .margin-horizontal { margin-left: 10px; margin-right: 10px; } /*done*/
        .margin-vertical { margin-top: 10px; margin-bottom: 10px; } /*done*/
        .margin-all { margin: 10px; }   /*done*/
        .no-margin { margin: 0px; }   /*done*/

        .no-vertical-margin { margin-top: 0px; margin-bottom: 0px; }
        .no-horizontal-margin { margin-left: 0px; margin-right: 0px; }

        .inside-col-shrink { margin: 0px 20px; }    /*done - For the inside sections that has also Title section*/ 
    /* Margin section */

    hr
    { margin: 0px; padding: 0px; border-top: 1px dashed #999; }
/*--------------------------------------------FrameWork------------------------*/
.mt-40{
margin-top: 40px;
}
.mb-100{
margin-bottom: 100px;
}

.homebtn{
text-align: center;
text-decoration: none;
}

.homebtn a{
background: var(--primary-color);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
color: white;
font-size: 15px;
font-weight: bold;
border: solid 1px var(--primary-color);
}

.homebtn a:hover{
background: var(--secondary-color);
border: none;
}