@charset "utf-8";
/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600;700;900&display=swap');

::selection {
  color: #fff;
  background: #ff0007; 
}



body{font-family: 'Poppins', sans-serif;margin:0;padding:0;font-size:14px;line-height:20px;font-weight:400;overflow-x:hidden;} 
section{overflow-x:hidden;}
a {-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;text-decoration: none;} 
.container{max-width:1330px;}  
.header{width: 100%;position: fixed;left: 0;top: 0;z-index: 99;background: #fff;padding: 15px 0;}
.menu-fixed{background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
.logo{float: left;}
.nav-open{float: right;margin: 30px 22px 0 0;position: relative;z-index: 9999;}
.nav-close img{display: none;}
.nav-close{background: url("../images/close.png") no-repeat;background-position: center center;width: 32px;height: 34px;}

.menu{float: right;margin-top: 13px;}
.menu .navbar{padding: 0;display: inline-block;}
.menu .navbar-nav li{margin: 0 15px 0;padding-top: 9px;}
.menu .navbar-nav li .nav-link{padding:0 0 3px;color: #000;font-weight: 600;border-bottom: solid rgba(0,0,0,0.00) 2px;text-transform: uppercase;font-family: 'Barlow Condensed', sans-serif;letter-spacing: 2px;}
.menu .navbar-nav li .nav-link:hover{color: #ff0007;border-bottom-color: #ff0007;}
.menu .navbar-nav li.active .nav-link{color: #ff0007;border-bottom-color: #ff0007;}
.menu .navbar-nav li:last-child{padding-top: 0;}
.menu .navbar-nav li:last-child a{border-bottom-color: transparent;background: #ff0007;color: #fff;padding: 10px 30px 9px 30px;border-radius: 60px;}
.menu .navbar-nav li:last-child a:hover{background: #ff0007;color:#fff; border-bottom-color: transparent;}
.menu .navbar-nav li:last-child.active a.nav-link{color: #fff;}
.menu .navbar-nav li:last-child.active a.nav-link:hover{color: #fff;}

.menu-fixed .nav-open img{filter: invert(100%);}

.menu-open{position: fixed;left: 0;right: 0;margin: 0 auto;top: 50%;-webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);width: 1px;height: 1px;overflow: hidden;z-index: 999; -webkit-transition: all .2s ease;  
  -moz-transition: all .2s ease;  
  -o-transition: all .2s ease;  
  -ms-transition: all .2s ease;  
  transition: all .2s ease;}
.menu-open-active{width: 100%;height: 100%;background: rgba(0,0,0,0.95);}
.menu-open ul{margin: 0 auto;padding: 0;list-style: none;position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);width: 320px;text-align: center;}
.menu-open ul li{padding: 10px 0;position: relative;}
.menu-open ul li:before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 1px;
background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(175,212,240,1) 51%, rgba(125,185,232,0) 100%);  
background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(175,212,240,1) 51%,rgba(125,185,232,0) 100%); 
background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(175,212,240,1) 51%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=1 );}
.menu-open ul li a{color: #fff;text-transform: uppercase;font-size: 15px;font-weight: 500;}
.menu-open ul li a:hover{color: #ff0007;}
.menu-open ul li.active a{color: #ff0007;}
.head-social{position: fixed;bottom: 0;right: 0;width: 60px;text-align: right;z-index: 99;margin: 0;padding: 0;list-style: none;}
.head-social li{width: 100%;display: inline-block;margin:2px 0;}
.head-social li a{width: 40px;height: 40px;display: inline-block;background: #fff;text-align: center;border-bottom-left-radius: 30px;border-top-left-radius: 30px;font-size: 18px;padding-top: 10px;padding-left: 6px;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);transition-duration: 0.3s;transition-delay: 0.1s;}
.head-social li:nth-child(1) a{width: 60px;color: #19429e;}
.head-social li:nth-child(2) a{width: 50px;color: #ef25b3;}
.head-social li:nth-child(3) a{color: #1fdf15;}
@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-5px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-5px);
    }
}
.bounce1 {
    animation: bounce 1.5s infinite alternate;
    -webkit-animation: bounce 1.5s infinite alternate;
}
.bounce2 {
    animation: bounce 2.3s infinite alternate;
    -webkit-animation: bounce 2.3s infinite alternate;
}
.bounce3 {
    animation: bounce 2.6s infinite alternate;
    -webkit-animation: bounce 2.6s infinite alternate;
}


.slider{width: 100%;float: left;height: 100vh;position: relative;background: url("../images/slider-bg.jpg") no-repeat;background-size: cover;background-position: center bottom;}
.banner-inr{position: absolute;left: 0;top: 50%;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);}
.banner-inr .item img{width: 100%;border-radius: 60px;border: solid 7px rgba(187,101,0,0.30);object-fit: cover;height: auto;}
.banner-inr .owl-dots{position: absolute;left: 0;bottom: -10px;right: 0;margin: 0 auto;width: 200px;height: 30px;border-radius: 30px;background: #fff;padding-top: 5px;}
.banner-inr .owl-dots button{border: solid #fff 2px;border-radius: 25px;width: 20px;height: 20px;padding: 0 !important;text-align: center;outline: none;}
.banner-inr .owl-dots button span{background:#ff0007 !important;opacity: .3;margin: 0 !important;display: inline-block !important;position: relative;top: -2px;}
.banner-inr .owl-dots button.active span{opacity: 1;}
.banner-inr .owl-dots button.active{border-color: #ff0007;}
.banner-cap{position: absolute;left: 0;padding-left: 90px;top: 50%;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);}
.banner-cap h3{font-size: 50px;font-weight: 700;color: #fff;margin: 0 0 15px;line-height:50px;}
.banner-cap h3 strong{color: transparent;-webkit-text-stroke-color: #fff;font-weight: 600;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 3px;}
.banner-cap p{color: #fff;text-align: justify;margin: 0 0 15px;}
.banner-cap a{display: inline-block;border: solid #fff 2px;border-radius: 30px;padding: 8px 45px 8px 20px;background:#fff;color: #000;text-transform: uppercase;font-weight: 600;}
.banner-cap a:hover{background: none;color: #fff;}
.slider-mobile{display: none;}
.scroll-down{position: absolute;right: 0;bottom: 10px;z-index: 9;animation: bounce 1s ease infinite;left: 0;margin: 0 auto;width: 56px;}
@keyframes bounce {
  50% {
    transform: translateY(-50%);
  }
}
.services{width: 100%;float: left;padding: 60px 0;position: relative;}
.services:before{position: absolute;left: 0;top: 0;content: "";width: 100%;height: 57%;background: #f5f5f5;}
.services small{width: 100%;display: inline-block;text-align: center;color: #ff0007;font-size: 14px;font-weight: 600;}
.services h3{text-align: center;margin: 0 0 15px;padding-bottom: 20px;font-size: 40px;color: #0b0b0b;background: url("../images/title-line.png") no-repeat;background-position: center bottom;font-weight: 900;}
.services .container{position: relative;z-index: 9;}
.services .owl-item{padding: 15px;}
.services .item{width: 100%;float: left;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.services .item figure{margin: 0;position: relative;}
.services .item figure img{width: 100%;object-fit: cover;height: 280px;}
.services .item figure a{width: 45px;height: 45px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;color: #fff;font-weight: 200;font-size: 70px;visibility: hidden;opacity: 0;}
.services .item:hover figure a{visibility: visible;opacity: 1;}
.services .owl-nav{margin: 0;}
.services .owl-nav button{outline: none;}
.services .owl-nav button span{display: none;}
.services .owl-nav button:hover{background:#ff0007 !important;}
.services .owl-prev{position: absolute;left: 0;top: 50%;width: 40px;height: 40px;border-radius: 40px !important;background: #fff !important;box-shadow: 0px 0px 10px rgba(0,0,0,0.10); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);}
.services .owl-prev:before{content: "\eac9";font-family:IcoFont;color: #000;font-size: 35px;position: relative;top: 3px;}
.services .owl-nav .owl-prev:hover:before{color: #fff;}
.services .owl-next{position: absolute;right: 0;top: 50%;width: 40px;height: 40px;border-radius: 40px !important;background: #fff !important;box-shadow: 0px 0px 10px rgba(0,0,0,0.10); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);}
.services .owl-next:before{content: "\eaca";font-family:IcoFont;color: #000;font-size: 35px;position: relative;top: 3px;}
.services .owl-nav .owl-next:hover:before{color: #fff;}
.service-owl-des{width: 100%;float: left;padding: 30px;text-align: left;}
.service-owl-des h4{font-weight: 900;font-size: 18px;color: #0b0b0b;margin: 0 0 10px;}
.service-owl-des p{color: #0b0b0b;margin: 0 0 10px;}
.service-owl-des a{color: #ff0007;border: solid #ff0007 2px;border-radius: 60px;padding: 6px 20px;display: inline-block;font-weight: 600;}
.service-owl-des a:hover{color: #fff;background: #ff0007;}
.project-sec{width: 100%;float: left;padding: 60px 0;background:#090909 url("../images/project-bg.jpg") no-repeat;background-size: 100%;background-position: center top;}
.project-sec h3{font-size: 60px;font-weight: 900;color: #fff;margin: 100px 0 0;line-height:55px;}
.project-sec h3 strong{color: transparent;-webkit-text-stroke-color: #fff;font-weight: 400;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;} 
.project-sec-left{text-align: center;}
.project-sec-left img{max-width: 350px;}
.project-thumb{width: 100%;float: left;position: relative;}
.project-thumb a{position: relative;display: inline-block;height: 100%;width: 100%;}
.project-thumb img{width: 100%;object-fit: cover;}
.project-thumb span{position: absolute;left: 0;bottom: 0;padding: 25px;width: 100%;}
.project-thumb span:before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );}
.project-thumb span p{color: #fff;font-weight: 600;font-size: 15px;margin: 0 0 10px;position: relative;z-index: 9;}
.project-thumb span p strong{font-weight: 600;}
.project-thumb span a{width: auto;background: #ff0007;padding: 8px 25px;color: #fff;border-radius: 30px;}
.project-thumb span a:hover{background: #fff;color: #ff0007;}
.project-thumb span h4{color: #fff;font-weight: 900;margin: 0 0 10px;font-size: 28px;position: relative;z-index: 9;}
.padd-0{padding: 0;}
.padd-left-15{padding-left: 15px;}
.padd-right-15{padding-right:15px;}
.project-thumb-lg img{height: auto;}
.project-thumb-md img{height: auto;} 
.about-sec{width: 100%;float: left;padding: 60px 0;background: #fff url("../images/about-bg.png") no-repeat;background-size: contain;background-position: left bottom;}
.about-sec-img{position: relative;width: 100%;float: left;padding: 60px 0 0 60px;}
.about-sec-img:before{position: absolute;left: 0;top: 0;content: "";width: 90%;height: 90%;border: solid #ffcfd0 10px;}
.about-sec-img img{position: relative;z-index: 9;max-width: 100%;}
.about-sec small{display: inline-block;width: 100%;margin:120px 0 0;color: #ff0007;font-size: 14px;font-weight: 600;}
.about-sec h3{font-size: 45px;font-weight: 900;color: #0b0b0b;margin: 0 0 15px;}
.about-sec p{text-align: justify;line-height: 22px;color: #000;margin: 0 0 15px;}
.about-sec a{display: inline-block;padding: 8px 25px;border: solid #ff0007 2px;border-radius: 30px;color: #ff0007;font-weight: 600;}
.whatweoofer{width: 100%;float: left;background: url("../images/what-we-offer-bg.jpg") no-repeat;background-size: cover;background-position: center bottom;padding: 60px 0;text-align: center;}
.whatweoofer img{margin: 0 0 10px;}
.whatweoofer p{margin: 0 0 10px;color: #909090;}
.whatweoofer p strong{color: #fff;font-size: 19px;font-weight: 600;}
#map{height: 680px;width: 50%;float: right;}
.home-contact{width: 100%;float: left;position: relative;}
.home-contact-inr{width: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);z-index: 9;}
.getintouch-outer{padding-top: 60px;padding-left: 60px;}
.getintouch-outer:before{position: absolute;left: 0;top: 0;content: "";width: 90%;height: 90%;border: solid #ffcfd0 10px;}
.getintouch{width: 100%;float: left;padding: 30px;background: url("../images/get-in-touch-bg.jpg") no-repeat;background-size: cover;z-index: 9;position: relative;}
.getintouch h3{color: #fff;font-weight: 900;margin: 0 0 10px;font-size: 36px;}
.getintouch input{width: 100%;border: solid rgba(255,255,255,0.10) 1px;padding: 10px 15px;outline: none;margin: 0 0 10px;background: none;color: #fff;}
.getintouch textarea{width: 100%;border: solid rgba(255,255,255,0.10) 1px;padding: 10px 15px;outline: none;margin: 0 0 10px;height: 100px;resize: none;background: none;color: #fff;}
.getintouch button{border: solid #ff0007 2px;background: #ff0007;color: #fff;border-radius: 30px;padding: 8px 20px;cursor: pointer;}
.getintouch button:hover{background: none;color: #fff;border-color: #fff;}
.address-box{width: 100%;float: left;border-radius: 60px;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);padding: 60px;margin-top: 25px;}
.address-box h3{color: #000;font-weight: 900;margin: 0 0 10px;font-size: 36px;}
.address-box p{position: relative;padding-left: 25px;color: #171717;margin: 0 0 15px;font-weight: 600;word-wrap: break-word;}
.address-box p a{color: #171717;}
.address-box p i{position: absolute;left: 0;top: 0;color: #ff0007;font-size: 20px;}
.address-box ul{margin: 0;padding: 0;list-style: none;}
.address-box ul li{float: left;margin-right: 5px;}
.address-box ul li a{border: solid #a2a2a2 2px;color: #a2a2a2;border-radius: 40px;text-align: center;padding-top: 9px;width: 40px;height: 40px;display: inline-block;font-size: 16px;}
.address-box ul li a:hover{background: #ff0007;border-color: #ff0007;color: #fff;}
.view-all{margin: 15px auto 0;text-align: center;padding: 8px 25px;background: #ff0007;color: #fff;border-radius: 30px;display: table;}
.view-all:hover{color: #fff;}
.gallery-sec{width: 100%;float: left;}
.gallery-sec .item{margin: 0;position: relative;float: left;width: 100%;}
.gallery-sec .item img{width: 100%;object-fit: cover;height: 180px;}
.gallery-sec .item a{width: 45px;height: 45px;position: absolute;left: 0;right: 0;bottom:-50px;margin: auto;color: #fff;font-weight: 200;font-size: 40px;background: #ff0007;border-radius: 45px;padding-top: 14px;text-align: center;}
.gallery-sec .item:hover a{top: 0;bottom: 0;}
.footer{width: 100%;float: left;padding-top: 30px;background-color: #fcfcfc; background-image: url("../images/footer-bg.png");background-repeat: repeat-x;animation: wave 8s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;background-position:0 bottom;}
@keyframes wave {
 0% {
 background-position-x: 0%;
 }
 100% {
 background-position-x: -500px;
 }
}
.footer-logo img{margin-bottom: 10px;}
.footer-logo p{text-align: justify;margin: 0 0 10px;}
.footer-logo a{display: inline-block;padding: 8px 25px;border: solid #ff0007 2px;border-radius: 30px;color: #ff0007;font-weight: 600;}
.footer-logo a:hover{background: #ff0007;color: #fff;}
.footer-insta h3{position: relative;margin: 0 0 15px;font-weight: 600;font-size: 16px;}
.footer-insta h3:before{position: absolute;left: 0;top: 15px;content: "";background: #ff0007;width: 100%;height: 1px;}
.footer-insta h3 strong{display: inline-block;padding: 5px 5px 5px 2px;position: relative;z-index: 9;background: #fff;}
.footer-insta img{max-width: 100%;}
.footer-gallery h3{position: relative;margin: 0 0 15px;font-weight: 600;font-size: 16px;}
.footer-gallery h3:before{position: absolute;left: 0;top: 15px;content: "";background: #ff0007;width: 100%;height: 1px;}
.footer-gallery h3 strong{display: inline-block;padding: 5px 5px 5px 2px;position: relative;z-index: 9;background: #fff;}
.footer-gallery img{width: 100%;object-fit: cover;height: 230px;}
.footer-gallery a{background: #ff0007;color: #fff;padding: 8px 25px;border-bottom-left-radius: 30px;border-top-left-radius: 30px;float: right;margin-top: 15px;font-weight: 600;border: solid #ff0007 2px;}
.footer-gallery a:hover{background: none;color: #ff0007;}
.footer-events h3{position: relative;margin: 0 0 15px;font-weight: 600;font-size: 16px;}
.footer-events h3:before{position: absolute;left: 0;top:15px;content: "";background: #ff0007;width: 100%;height: 1px;}
.footer-events h3 strong{display: inline-block;padding: 5px 5px 5px 2px;position: relative;z-index: 9;background: #fff;}
.footer-events img{width: 100%;object-fit: cover;height: 230px;} 
.footer-events a{background: #ff0007;color: #fff;padding: 8px 25px;border-bottom-left-radius: 30px;border-top-left-radius: 30px;float: right;margin-top: 15px;font-weight: 600;border: solid #ff0007 2px;}
.footer-events a:hover{background: none;color: #ff0007;}
.copyrights{width: 100%;text-align: center;padding: 10px 0;background: #ff0007;color: #fff;margin-top: 30px;}
.copyrights a{color: #fff;}
.inner-banner{width: 100%;position: relative;float: left;}
.inner-banner img{width: 100%;object-fit: cover;object-position: center;height: 470px;}
.inner-banner-cap{width: 100%;position: absolute;left: 0;top: 50%;background: rgba(255,0,7,0.30);padding: 30px 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);}
.inner-banner-cap h3{font-weight: 900;font-size: 36px;color: #fff;margin: 0;padding-left: 20px;position: relative;}
.inner-banner-cap h3:before{position: absolute;left: 0;top: 0;background: #ff0007;content: "";width: 5px;height: 100%;}
.inner-content{width: 100%;float: left;padding: 60px 0;}
.about-page img{width: 100%;margin-bottom: 15px;}
.about-page h3{font-size: 30px;color: #000;margin: 0 0 15px;font-weight: 900;}
.about-page p{text-align: justify;line-height: 22px;margin: 0 0 15px;color: #000;}
.about-page h4{font-size: 16px;font-weight: 900;margin: 0 0 15px;color: #000;}
.about-page ul{margin: 0;padding: 0 0 15px;list-style: none;}
.about-page ul li{margin: 0 0 10px;color: #000;padding-left: 20px;position: relative;}
.about-page ul li:before{position: absolute;left: 0;top: 1px;color: #ff0007;font-family:IcoFont;content: "\f00e";}
.about-vi-mi{width: 100%;float: left;padding: 25px;border-radius: 15px;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.about-page hr{display: inline-block;width: 100%;border-bottom: solid rgba(0,0,0,0.15) 1px;height: 1px;margin-bottom: 25px;}
.about-vi-mi h5{font-weight: 900;}
.team-inr{width: 100%;float: left;}
.team-inr small{display: inline-block;text-align: center;width: 100%;margin: 15px 0 15px;font-weight: 600;font-size: 14px;text-transform: uppercase;color: #ff0007;}
.team-inr h{text-align: center;}
.team-inr figure{margin: 0;}
.team-inr figure img{width: 100%;object-fit: cover;border-radius: 10px;}
.team-inr .owl-item{padding: 15px;}
.team-inr h3{text-align: center;}
.team-inr .item{width: 100%;float: left;padding: 15px;border-radius: 10px;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.10);text-align: center;}
.team-inr .item h5{font-weight: 900;color: #000;font-size: 18px;margin: 0;}
.team-inr .item p{text-align: center;font-weight: 600;margin: 0;}
.service-row{width: 100%;display:inline-block;border-radius: 30px;margin: 15px 0;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);padding: 15px 15px;}
.service-row img{border-radius: 30px;width: 100%;object-fit: cover;}
.service-row h3{font-size:30px;color: #000;margin: 15px 0 15px;font-weight: 900;position: relative;padding-bottom: 10px;}
.service-row h3:before{position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 2px;background: #ff0007;}
.service-row p{font-weight: 600;margin: 0 0 15px;}
.project-img-box{width: 100%;float: left;position: relative;margin: 15px 0;}
.project-img-box img{width: 100%;object-fit: cover;height: auto;border-radius: 15px;box-shadow: 0px 0px 10px rgba(0,0,0,0.20);border: solid #fff 2px;}
.project-img-box span{position: absolute;left: 0;bottom: 0;width: 100%;padding: 25px;border-radius: 15px; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);  
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);  
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); 
}
.project-img-box h3{color: #fff;margin: 0;font-weight: 700;font-size: 20px;}
.project-img-box p{color: #fff;margin: 0;font-weight: 600;font-size: 16px;}
.project-img-box span a{color: #fff;background: #ff0007;padding: 6px 20px;border-radius: 30px;margin-top: 10px;display: inline-block;}
.project-img-box span a:hover{background: #fff;color: #ff0007;} 
.gallery-thumb{width: 100%;float: left;margin: 15px 0;}
.gallery-thumb img{width: 100%;object-fit: cover;height: 250px;border-radius: 30px;}
.contact-form{width: 100%;padding:60px;border-radius: 30px;float: left;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.contact-form input{width: 100%;margin: 0 0 20px;background: #fff;outline: none;border: solid rgba(0,0,0,0.10) 1px;padding:12px 12px;border-radius: 6px;}
.contact-form textarea{width: 100%;margin: 0 0 20px;background: #fff;outline: none;border: solid rgba(0,0,0,0.10) 1px;padding:12px 12px;border-radius: 6px;resize: none;height: 100px;}
.contact-form button{border: solid #ff0007 2px;background: #ff0007;color: #fff;border-radius: 30px;padding: 8px 20px;cursor: pointer;}
.contact-form button:hover{background: none;color: #ff0007;border-color: #ff0007;}
.contact-address-box{width: 100%;float: left;}
.contact-address-box h3{color: #000;font-weight: 900;margin: 0 0 10px;font-size: 30px;}
.contact-address-box p{position: relative;padding-left: 25px;color: #171717;margin: 0 0 15px;font-weight: 600;}
.contact-address-box p a{color: #171717;}
.contact-address-box p i{position: absolute;left: 0;top: 0;color: #ff0007;font-size: 20px;}
.contact-address-box ul{margin: 0;padding: 0;list-style: none;}
.contact-address-box ul li{float: left;margin-right: 5px;}
.contact-address-box ul li a{border: solid #a2a2a2 2px;color: #a2a2a2;border-radius: 40px;text-align: center;padding-top: 9px;width: 40px;height: 40px;display: inline-block;font-size: 16px;}
.contact-address-box ul li a:hover{background: #ff0007;border-color: #ff0007;color: #fff;}
.contact-address-box #map{height: 250px;width: 100%;margin-top: 25px;} 
.fancybox-inner h3{color: #000;margin: 0 0 15px;font-weight: 700;font-size: 20px;}
.fancybox-inner p{color: rgba(0,0,0,0.70);margin: 0;font-weight: 600;line-height: 24px;}
.music-idols-usa-page p{line-height: 24px;color:rgba(0,0,0,0.70);margin: 0 0 15px;}
.music-idols-usa-page p a{color: #000;display: inline-block;font-weight: 600; animation-duration: 1200ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation:blink 1200ms infinite;}
@keyframes blink {
    from {
        color:black;
    }
    to {
        color:gray;
    }
}
@-webkit-keyframes blink {
    from {
        color:black;
    }
    to {
        color:gray;
    }
}
.music-idols-usa-page p a:hover{color: #ff0007;background: none;}
.music-idols-usa-page .gallery-thumb img{border-radius:0px;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;height: auto;}
.music-idols-usa-page .gallery-thumb:hover img{border-radius: 25px;}
.upcoming-projects{width: 100%;float: left;padding: 60px 0;background: #f9f9f9;text-align: center;}
.upcoming-projects h3{text-align: center;margin: 0 0 15px;padding-bottom: 20px;font-size: 40px;color: #0b0b0b;background: url("../images/title-line.png") no-repeat;background-position: center bottom;font-weight: 900;}
.upcoming-projects h4{font-weight: 600;margin: 0 0 15px;color: #000;font-size: 20px;}
.upcoming-projects p{line-height: 22px;color: rgba(0,0,0,0.80);margin: 0 0 15px;}
.upcoming-projects a{padding: 8px 25px;background: #ff0007;color: #fff;border-radius: 30px;display: inline-block;border: solid #ff0007 2px;font-weight: 600;text-transform: uppercase;margin: 0 0 15px;}
.upcoming-projects a:hover{color: #000;background: none;border-color: #000;}
.upcoming-projects a:hover img{filter: invert(100%);}
.upcoming-projects-box{width: 100%;float: left;position: relative;margin: 15px 0;}
.upcoming-projects-box img{width: 100%;object-fit: cover;height: auto;}
.upcoming-projects-box:hover img{filter:none !important;}
.upcoming-projects-box a{background: none;border: none;padding: 0;width: 100%;}
.upcoming-projects .container .row .col-md-4:last-child .upcoming-projects-box {} 
.rec-project-page h3{font-size: 30px;color: #000;margin: 0 0 15px;font-weight: 900;}
.rec-project-page p{text-align: justify;line-height: 22px;margin: 0 0 15px;color: #000;}
.rec-project-page img{max-width: 250px;margin: 0 15px 15px 0;float: left;}
.breadcrumbs{width: 100%;display: inline-block;margin: 15px 0 0 0;}
.breadcrumbs ul{margin: 0;padding: 0;list-style: none;}
.breadcrumbs ul li{display: inline-block;padding-right: 10px;margin-right: 10px;color: rgba(0,0,0,0.70);position: relative;}
.breadcrumbs ul li:before{position: absolute;right: 0;top: 5px;content: "";width: 1px;height: 10px;background: rgba(0,0,0,0.30);}
.breadcrumbs ul li:last-child:before{display: none;}
.breadcrumbs ul li a{color: #000;}
.rec-project-row {
  width: 100%;
  display: inline-block;
}
.rec-project-row .gallery-thumb img{max-width: 100%;border-radius: 10px;height: auto;}
.rec-project-row .gallery-thumb iframe{margin-top: 14px;}
.international-s-s-page .rec-project-row .gallery-thumb img{height: 250px;}
.img-mobile{display: none;}
.international-s-s-page img{max-width: 100%;}
.international-s-s-page .fancybox{position: relative;display: inline-block;width: 100%;}
.international-s-s-page .fancybox:before{content: "Click Here";position: absolute;left: 0;right: 0;bottom: 30px;margin:0 auto;width: 125px;height: 35px;text-align: center;line-height: 35px;background: #fff;color: #ff0007;border-radius: 30px;}
.international-s-s-page .fancybox:hover:before{background: #ff0007;color: #fff;}
.project-page img{max-width: 100%;}
.project-page .fancybox{position: relative;display: inline-block;width: 100%;}
.project-page .fancybox:before{content: "Click Here";position: absolute;left: 0;right: 0;bottom: 30px;margin:0 auto;width: 125px;height: 35px;text-align: center;line-height: 35px;background: #fff;color: #ff0007;border-radius: 30px;}
.project-page .fancybox:hover:before{background: #ff0007;color: #fff;}
.project-page .gallery-thumb a {display: inline-block;width: 100%;position: relative;}
.project-page .gallery-thumb img{margin: 0;}
.project-page .gallery-thumb a:before{content: "Click Here";position: absolute;left: 0;right: 0;bottom: 30px;margin:0 auto;width: 125px;height: 35px;text-align: center;line-height: 35px;background: #ff0007;color: #fff;border-radius: 30px;}
.project-page .gallery-thumb a:hover:before{background: #fff;color: #ff0007;}
.gallery-page .gallery-thumb img{border-radius: 6px;height: 201px;}
.gallery-page .gallery-thumb a{position: relative;display: inline-block;}
.gallery-page .gallery-thumb a:before{content: "Click Here";position: absolute;left: 0;right: 0;bottom: 30px;margin:0 auto;width: 125px;height: 35px;text-align: center;line-height: 35px;background: #fff;color: #ff0007;border-radius: 30px;}
.gallery-page .gallery-thumb a:hover:before{background: #ff0007;color: #fff;}
.map-sec {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}









/*media start here*/


@media screen and (max-width:1550px){  
	.scroll-down{width: 40px;}
	.scroll-down img{max-width: 40px;} 
	.project-sec{padding: 30px 0;}
	.project-thumb span h4{font-size: 22px;margin: 0;}
	.project-thumb span p{font-size: 15px;}
	.gallery-sec .item img{height: 200px;}
	.project-thumb span{padding: 70px 15px 15px 15px;}
}

@media screen and (max-width:1400px){ 
	
}

@media screen and (max-width:1399px){ 
	.banner-inr{padding-top: 80px;} 
}

@media screen and (max-width:1340px){ 
	.container{max-width:100%;} 
	.about-page h3{font-size: 22px;margin: 0 0 10px;}
	.inner-banner img{height: 400px;}
	.banner-inr .item img{height: 440px;border-radius: 15px;}
}

@media screen and (max-width:1199px){ 
	.banner-inr .item img{height: auto;}
	.banner-cap h3{font-size: 35px;line-height: 35px;}
	.banner-cap p{display: none;}
	.banner-cap{padding-left: 30px;}
	.services{padding: 30px 0;}
	.service-owl-des h4{font-size: 14px;}
	.project-thumb span h4{font-size: 21px;margin: 0 0 5px;}
	.project-thumb span p{font-size: 14px;}
	.about-sec{padding: 30px 0;}
	.about-sec-img{padding: 10px 0 0 10px;}
	.about-sec-img:before{border-width: 2px;}
	.about-sec small{margin-top: 15px;}
	.about-sec h3{font-size: 28px;}
	.whatweoofer{padding: 30px 0;}
	.inner-content{padding: 30px 0;}
	.service-row h3{font-size: 22px;margin-top: 0;}
	.service-row{border-radius: 15px;}
	.service-row img{border-radius: 15px;}
	.gallery-thumb img{border-radius: 15px;}
	.upcoming-projects{padding: 30px 0;}
	.rec-project-page h3{font-size: 20px;}
	.project-thumb-lg img{height: auto;}
	.project-thumb-md img{height: auto;}
}

@media screen and (max-width:991px){ 
	.home-contact-inr{position: relative;top:0;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%); transform: translateY(0%);padding-top: 15px;}
	.getintouch-outer {padding-top:15px;padding-left:15px;}
	.getintouch-outer:before{border-width: 2px;}
	.getintouch h3{font-size: 26px;}
	.getintouch{padding: 15px;}
	.address-box{padding: 15px;border-radius: 15px;}
	.address-box h3{font-size: 26px;}
	.home-contact-inr{margin-bottom: 15px;}
	.home-contact{padding: 0 15px 15px;}
	#map{width: 100%;height: 350px;}
	.contact-form{padding: 15px;border-radius: 15px;margin-bottom: 15px;}
	.head-social li a{height: 30px;padding-top: 5px;width: 30px;}
	.head-social li:nth-child(1) a{width: 50px;}
	.head-social li:nth-child(2) a{width: 40px;}
	.services .owl-prev{width: 30px;height: 30px;}
	.services .owl-prev:before{font-size: 22px;}
	.services .owl-next{width: 30px;height: 30px;}
	.services .owl-next:before{font-size: 22px;}
	.navbar-toggler img{filter: invert(100%);}
	.menu .navbar-toggler{border: none;padding: 0;outline: none;position: absolute;right: 0;top:15px;width: 50px;}
	.menu .navbar-toggler img{max-width: 100%;}
	.menu{right: 0;width: 100%;top: 0;position: absolute;padding: 0 15px;margin-top: 0;}
	.menu .navbar{width: 100%;} 
	.menu .navbar-collapse{top:70px;left: 0;padding: 0 0;position: absolute;width: 100%;}
	.menu .navbar-nav li .nav-link{border-radius: 0;background: #f4f4f4;color:rgba(0,0,0,0.60);border-bottom: solid rgba(0,0,0,0.10) 1px;padding: 10px;}
	.menu .navbar-nav li{margin: 0;padding-top: 0;} 
	.menu .navbar-nav li.active .nav-link{color: #ff0007;border-bottom-color: #ff0007;}
	.menu .navbar-nav li .nav-link:hover{color: #ff0007;border-bottom-color: #ff0007;}
	.menu .navbar-nav li:last-child a{border-radius: 0;padding: 10px 30px 9px 10px;}
	.home-contact iframe{width: 100%;height: 350px;}
}

@media screen and (max-width:767px){ 
	.banner-cap h3{font-size: 25px;line-height: 28px;}
	.banner-cap h3 strong{color: #fff;-webkit-text-stroke-color: #fff;font-weight: 400;
-webkit-text-fill-color: #fff;
-webkit-text-stroke-width: 0px;} 
	.services h3{font-size: 25px;}
	.services .item figure img{height: 150px;}
	.service-owl-des{padding: 15px;}
	.services:before{height: 50%;}
	.project-sec{padding-top: 0;}
	.project-sec-left img{max-width: 200px;}
	.project-sec h3{margin: 15px 0;font-size: 35px;line-height: 34px;text-align: center;}
	.about-sec small{margin-top: 0;}
	.about-sec-img{margin-top: 15px;}
	.about-sec-img img{width: 100%;}
	.gallery-sec .item img{height:180px;}
	.footer{padding-top: 15px;}
	.copyrights{margin-top: 15px;padding: 10px;}
	.footer-insta h3{margin-top: 15px;}
	.footer-gallery h3{margin-top: 15px;}
	.about-vi-mi{margin-bottom: 20px;}
	.inner-banner img{height: 320px;}
	.inner-banner-cap h3{font-size: 20px;}
	.inner-banner-cap{padding: 15px 0;} 
	.menu-fixed .nav-open{margin-top: 22px;}
	.service-row img{margin-bottom: 15px;}
	.service-row h3{font-size: 18px;}
	.project-img-box img{height: auto;}
	.project-img-box{margin: 5px 0;}
	.gallery-thumb{margin: 5px 0;}
	.fancybox-inner div{width: 100% !important;}
	.music-idols-usa-page .gallery-thumb img{height: auto;}
	.upcoming-projects-box img{height: auto;}
	.upcoming-projects-box{margin: 5px 0;}
	.project-thumb-md img{height: auto;}
	.project-thumb-lg img{height: auto;}
	.upcoming-projects h3{font-size: 25px;}
	.upcoming-projects h4{font-size: 16px;}
	.banner-cap a{font-size: 12px;font-weight: 600;padding: 7px 45px 8px 20px;background-position: 94% center;}
	.banner-cap{-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%); transform: translateY(0%);top: auto;bottom: 0;padding-bottom: 40px;}
	.rec-project-page img{max-width: 100%;float: none;margin: 0 0 15px;}
	.padd-right-15{padding-left: 15px;}
	.img-mobile{display: block;}
	.img-desktop{display: none;}
}

@media screen and (max-width:700px){ 
	.banner-inr .item img{height: auto;border-radius: 10px;}
}

@media screen and (max-width:450px){ 
	.slider-mobile{display: inline-block;}
	.slider-desktop{display: none;}
	.gallery-sec .item img{height: auto;}
}