body{
    font-family: 'Montserrat', sans-serif !important;
}

.container{
    margin: 0 auto !important;
}

.congo-sec{
    background: black;
}
.heading-text{
    color: aliceblue;
    font-size: 46px;
    text-transform: uppercase;

}

.hl-text{
    color: #ff6602;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 65px;
}

.lts{
    letter-spacing: 8px;
}
.fl-text{
    color: #ff6602;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 50px;
}
.sec-text{
    margin: auto 0 !important;
    text-align: center;
}
.sec-text span{
    font-size: 34px;
}
p.heading-text{
    text-transform: uppercase;
    font-size: 30px;
}
.about-text{
    padding: 37px;
    margin: 26px;
    border: 1px solid #bebdc3;
    border-radius: 5px;
}
.about-text span{
    font-size: 25px;
}
.about-video video{
    width:800px;
    border: 1px solid #bebdc3 !important;
    border-radius: 5px !important;
}
.amount-text{
    font-weight: 800;
    font-family: auto;
}

/* .btn-dsgn{
    display: block;
    margin: 0 auto;
} */
a.btn-primary{
    background: #ff6602 !important;
    width: 300px;
    margin: 0 auto;
    border-radius: 20px;
    text-decoration: none;
    border: none;
    font-family: 'Montserrat', !important;
}
button.btn-primary{
    background: #ff6602 !important;
    width: 370px;
    margin: 10px auto;
    border-radius: 20px;
    text-decoration: none;
    border: none;
    
}

.m-auto{
    display: block;
    margin: 0 auto;
}
a.footer-btn{
    width: 315px;
}
.btn-primary:hover{
    background:blue !important;
}

.color-right{
    background:linear-gradient(to left, #d6541b26 -50%, #ffff 67%) !important;
}
.color-left{
    background:linear-gradient(to right, #d6541b26 -50%, #ffff 67%) !important;
}
.book-sec{
    padding:10px 0px;
}

.book-sec img{
    width: 100%;
}
.upper_text{
    text-transform: uppercase;
}

.book-sec video{
    border: 11px solid #bebdc3;
    border-radius: 16px;
    width: 100%;
}
button.btn-primary:hover{
    background: #ff4a02 !important;
}
.owl-nav{
    text-align: center;
    font-size: 38px;
    margin-top: 0px !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    margin: 0px 15px !important;
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background: none!important;
    color: #ff6602 !important;
}

.review_heading{
    text-align: center;
}
.review_heading h2{
    color: #ff6602;
    font-weight: 600;
}
p.heading-text{
    text-transform: uppercase;
    font-size: 30px;
}
.sec_3_img {
    margin:25px 0px;
    cursor: zoom-in;
}
.lightbox .lb-image{
    cursor: zoom-out;
}
.about-video{
    margin: 25px 0px !important;
}
.about-video iframe{
    height: 100%;
    width: 100%;
}

/* .modal-dialog {
    max-width: 100%;
    height: auto;
    padding: 0;
  }
   */

   
   .modal-content {
       width: auto !important;
       display: block !important;
       margin: 0 auto !important;
   }

  .modal.fade .modal-dialog{
    max-width: 100%;
    height: auto;
  }
  .modal-content {
    height: 100%;
    border-radius: 0;
  }
  .modal-body img {
    height: 775px;
    margin: 0 auto;
    display: block;
    /*width:1035px;*/
}


.footer-content{
    color: #bbb3b3;
    text-align: center;
}
.footer-content .branding img{
    height: 40px;
    margin-bottom: 10px;
}

.footer-content h3{
    font-weight: 600;
}

footer{
    background: #080808;
    padding: 15px;
}
.footer-content h4{
    font-size: 20px;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
      width: 100%;
    }

    .hl-text{
        color: #ff6602;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 27px;
    }
    .lts{
        letter-spacing: 4px;
    }
    .heading-text{
        font-size: 15px;
    }
    .sec-text span{
        font-size: 18px !important;
    }
    button.btn-primary{
        width: 295px;
        font-size: 15px;
        font-weight: 500;
        margin-top: 20px;
        border: none;
    }
    .sec_3_img {
        margin:25px 0px;
        height: 225px !important;
        width: 100% !important;
    }
    p.heading-text{
        font-size: 12px;
    }
    .fl-text{
        font-size: 16px;
    }
    button.footer-btn{
        width: 320px;
    }

    .sec_5_img {
        height: 185px !important;
        width: 100% !important;
    }
    .sec_1_img{
        height: 230px !important;
        width: 100% !important;
    }
    .book-sec video{
        width: 100%;
        border: 6px solid #bebdc3;
    }
    .review_heading h2{
        font-size: 21px;
    }
    .review_heading h3{
        font-size: 18px;
    }
    .pp_img{
        height:250px !important;
    }

    .about-text{
        padding: 5px;
        margin: 0px;
        border: 1px solid #bebdc3;
        border-radius: 5px;
    }
    .about-text span{
        font-size: 15px;
    }
    
    img.xzoom{
        width: 100% !important;
        
    }
    .book-sec img{
        height: auto;
        width: 100% !important;
    }

    .lightbox{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate( -50%, -50% );
    }
    
    .lightbox .lb-image{
        width: 100% !important;
        height: auto !important;
    }
    .lightbox, .lb-outerContainer{
        width: 100% !important;
        height: auto !important;
    }

    .about-video iframe{
        height: 230px;
    }

    .modal-body{
        padding:0px !important;
    }
    .modal-body img{
        width: 100%;
        height: auto;
    }
     .footer-content h4{
        font-size: 15px;
    }




    

  
}


.demo:empty {
    margin: auto;
		width: 500px;
		height: 600px; /* change height to see repeat-y behavior */
    
		background-image:
			radial-gradient( circle 50px at 50px 50px, lightgray 99%, transparent 0 ),
			linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ),
			linear-gradient( lightgray 20px, transparent 0 ),
			linear-gradient( lightgray 20px, transparent 0 ),
			linear-gradient( lightgray 20px, transparent 0 ),
			linear-gradient( lightgray 20px, transparent 0 );

		background-repeat: repeat-y;

		background-size:
			100px 200px, /* circle */
			50px 200px, /* highlight */
			150px 200px,
			350px 200px,
			300px 200px,
			250px 200px;

		background-position:
			0 0, /* circle */
			0 0, /* highlight */
			120px 0,
			120px 40px,
			120px 80px,
			120px 120px;

		animation: shine 1s infinite;
	}

	@keyframes shine {
		to {
			background-position:
				0 0,
				100% 0, /* move highlight to right */
				120px 0,
				120px 40px,
				120px 80px,
				120px 120px;
		}
	}