.loader7{width:100px;height:100px;margin:50px auto;position:relative}
        .loader7 .loader-inner-1,.loader7 .loader-inner-2,.loader7 .loader-inner-3,.loader7 .loader-inner-4{display:block;width:20px;height:20px;border-radius:20px;position:absolute}
        .loader7 .loader-inner-1:before,.loader7 .loader-inner-2:before,.loader7 .loader-inner-3:before,.loader7 .loader-inner-4:before{content:"";display:block;width:20px;height:20px;border-radius:20px;position:absolute;right:0;animation-name:loading-7;animation-iteration-count:infinite;animation-direction:normal;animation-duration:2s}
        .loader7 .loader-inner-1{top:0;left:0;transform:rotate(70deg)}
        .loader7 .loader-inner-1:before{background:#fed136}
        .loader7 .loader-inner-2{top:0;right:0;transform:rotate(160deg)}
        .loader7 .loader-inner-2:before{background:#fff}
        .loader7 .loader-inner-3{bottom:0;right:0;transform:rotate(-110deg)}
        .loader7 .loader-inner-3:before{background:#fed136}
        .loader7 .loader-inner-4{bottom:0;left:0;transform:rotate(-20deg)}
        .loader7 .loader-inner-4:before{background:#fff}
        @keyframes loading-7{
            0%{width:20px;right:0}
            30%{width:120px;right:-100px}
            60%{width:20px;right:-100px}
        }
        /*preloader end*/
        
        body{
            overflow-x: hidden !important;
        }
        .bi-play-fill{
			top: 50%;
			left: 50%;
			position: absolute;
			transform: translate(-50%, -50%);
			font-size: 5rem !important;
		}
		.bi-play-fill::before {
			content: "\f4f4";
			color: #14c5fb;			
		}
		#portfolio-item:hover .bi-play-fill::before{
			color: #ffffff;
		}
		#myTabContent .col-12:hover i {
			color: #fff !important;
		}
		#portfolio-item:hover #portfolio-item{
			position:absolute;
			height:100%;
			width:100%;
			background-color:#000;
			
			opacity: 2;
			-webkit-animation: flash 1.5s;
			animation: flash 1.5s;
			cursor: pointer;	
			box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
		}		
		.portfolio-item:hover img {
		}
		a:hover,
		.nav-link:hover {
			color: #fff;
		}
		#portfolio-item:hover #glightbox{
			color: #14c5fb;
		}
		#image-holder{
			background-color: #14c5fb;
		}
		#portfolio-item:hover img{
			opacity:.6;
		}
		
		#about,
		#portfolio{
			padding-bottom:0px;
		}
		.filter{
			text-align: center;
			margin: 0 0 75px;
		}
		.filter a {
			padding: 10px 20px;
			display: inline-block;
			color: #003;
			background: #eee;
			background-color: rgb(238, 238, 238);
			text-decoration: none;
			transition: all 0.2s;
			border-radius: 9px;
		}
		.filter a:hover {
			background: #8ad;
		}
		.hide{
			/*display:none;*/
		}
		.goldbg {
			background-color: #e6af57 !important;
		}
		#intro-text{
		    font-size: 120px;
		    text-align: left !important;
		    font-family: Montserrat, sans-serif;
		    font-weight: bold;
		    text-shadow: 0 1px 3px rgba(0,0,0,.3);
		}
		#home-video{
		    height:100vh;
	        width:auto;
		}
		.holder-video-portrait{
		    display:none;
		}
		.holder-video-landscape{
		    display:inherit;
		}
		.holder-contact-details h3,
		.holder-contact-details h4{
		    font-size:18px !important;   
		}
	    .holder-contact-details h4 strong span{
	        color:#fff !important;
	        background-color:#000;
	    }
	    .navbar-nav.ms-auto .nav-item{
        	text-align: end;
        }
        .navbar-collapse{
            text-align:end;
        }
        #lightgallery{
            justify-content: center;
        }
        .portfolio-item{
            padding: 0px !important;
            margin: 0 !important;
        }
        a{
            text-decoration: none;
        }
        .navbar-collapse a:last-child i{
            padding-right:0;
            margin-right:0;
        }
        
       /* #about{
            margin-top: 100vh;
        }*/
        video {
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            }
        .video-wrapper {
            border: 2px solid #000;
            width: 100vw;
            height: 100vh;
            position: relative;
            overflow: hidden;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        #video-text{
            z-index: 1;
            display: flex;
            justify-content: center;
            flex-direction: column;
            width: 90% !important;
             padding-right: 50%;
            text-align: initial;
            align-items: initial;
            justify-content: initial;

        }
        #video-overlay{
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: rgba(0,0,0,.8);
            z-index: 1;
        }
        #video-text h1{
            text-transform: uppercase;
            text-align: left !important;
        }
        #video-text .para{
            /*text-align:justify;*/
        }
        #video-text .nav-icons a{
            font-size:40px;
        }
        #video-text .nav-icons a:hover{
            color:#fff;
        }
        #portfolio{
            /*margin-top:100vh;*/
        }
        .footer-logo{
            width:100%;
        }
        .list-inline-item a{
            text-align:center;
        }
        .holder-footer-logo,
        .holder-footer-icon{
            text-align:center;
        }
        .social-buttons,
        .social-buttons li a{
            text-align:center;
        }
        .holder-footer-icon{
            padding-top:50px;
        }
        footer{
            
        }    
        #logo-footer{
            width:30%;
            padding-bottom:50px;
        }
        .footer-top-space{
            padding-top: 100px;
        }
        .navbar-collapse{
            transition: all 0.4s ease 0s;
        }
        #current-page{
            color: #fed136;
        }
        
        .animated-icon {
          width: 30px;
          height: 20px;
          position: relative;
          margin: 0px;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .5s ease-in-out;
          -moz-transition: .5s ease-in-out;
          -o-transition: .5s ease-in-out;
          transition: .5s ease-in-out;
          cursor: pointer;
        }
      
      .animated-icon span {
          display: block;
          position: absolute;
          height: 3px;
          width: 100%;
          border-radius: 9px;
          opacity: 1;
          left: 0;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .25s ease-in-out;
          -moz-transition: .25s ease-in-out;
          -o-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
      }
      
      .animated-icon span {
        background: #f3e5f5;
      }
      
      .animated-icon span:nth-child(1) {
          top: 0px;
          -webkit-transform-origin: left center;
          -moz-transform-origin: left center;
          -o-transform-origin: left center;
          transform-origin: left center;
      }
      
      .animated-icon span:nth-child(2) {
          top: 10px;
          -webkit-transform-origin: left center;
          -moz-transform-origin: left center;
          -o-transform-origin: left center;
          transform-origin: left center;
      }
      
      .animated-icon span:nth-child(3) {
          top: 20px;
          -webkit-transform-origin: left center;
          -moz-transform-origin: left center;
          -o-transform-origin: left center;
          transform-origin: left center;
      }
      
      .animated-icon.open span:nth-child(1) {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          top: 0px;
          left: 8px;
      }
      
      .animated-icon.open span:nth-child(2) {
          width: 0%;
          opacity: 0;
      }
      
      .animated-icon.open span:nth-child(3) {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          top: 21px;
          left: 8px;
      }
      i::before:hover{
          color:#fff;
      }
      .holder-side-buttons{
          top: 80%;
          right: 0;
          z-index:9;
          transform:translateY(-50%);
          z-index:3;
      }
      .side-toggle{
            position: relative;
            right: -200px;
            transition: right 0.3s;
            transition-timing-function: ease-out;
      }
      .side-toggle:hover{
          right: 0px;
      }
      nav{
          display:none;
      }
      .holder-preloader{
        position: absolute;
        z-index:5;
        background-color: #000;
        min-width: 100vh;
        min-height: 100vh;
        max-width: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
        
		@media (max-width: 900px)  {
		    html,
		    body{
		        overflow-x:hidden;
		    }
		    body{
		        overflow:hidden;
		    }
		    .intro-text{
		        height:100vh;
		        padding-top: 30%;
                padding-bottom: 250px;
                display: flex;
                flex-direction: column;
                justify-content: center;
		    }
		    .intro-text div h1{
		        font-size: 60px !important;
		    }
		    #home-about{
		        padding-left: 0 !important;
                padding-right: 0 !important;
		    }
		    #intro-about-image{
		        min-width:100%;
		        height:auto;
		    }
		    .navbar-toggler{
		        border: 1px solid #fff;
		        border:none;
		    }
		    .navbar-toggler{
		        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
		    }
		    .holder-video-landscape{
		        display:none;
		    }
		    .holder-video-portrait{
		        display:inherit;
		    }
		    #about{
		        min-height: auto !important;
		    }
		    #portfolio-item{
                width:100%;
            }
		    .navbar-nav.ms-auto{
		        padding-left:10px;
		    }
            .navbar-collapse a{
                padding:0px !important;
                padding:20px !important;
            }
            
            
            .navbar-collapse{
                height:100vh;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            .navbar-collapse .navbar-nav{
                margin-left: unset !important;
            }
            .navbar-collapse .navbar-nav li{
                text-align: center !important;
            }
            .navbar-collapse a{
                font-size: 50px;
            }
            .nav-icons{
                display:flex;
                /*justify-content: center;*/
            }
            .footer-logo {
                width: 40%;
                padding-top:20px;
                padding-bottom:20px;
            }
            #video-text{
                width: 90% !important;
                padding-right: 10px;
            }
            #contact{
                paddng-bottom:50px;
            }
            #logo-footer{
                width:50%;
                padding-bottom:50px;
            }
            .navbar-collapse{
                margin-top: -100px;
            }
            #holder-preloader{
                min-width:unset;
            }
		}
		
/*X-Small devices (portrait phones, less than 576px)

/* Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

//* Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }*/