.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 130%;z-index: 9999;background: #000000;opacity: 1;}
.load-shutter {position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;background: white;z-index: 1111;}
/*---clickAnimation_wrp---*/
#clickAnimation_wrp{position: fixed;top:0;left: 0;z-index: -1;width:100%;height:100%;background: #000000;opacity: 0;}
#clickAnimation_wrp.current {  }
#clickAnimation_wrp .swipe { width: 20%;height: 100vh; display: inline-block;margin: 0px;padding: 0px;float: left; overflow: hidden;}
#clickAnimation_wrp .swipe .lr_animation { width: 0;height: 100vh;background: black;display: inline-block;margin: 0px;padding: 0px;float: right; transition: all 500ms ease-in-out; }
#clickAnimation_wrp.current .swipe .lr_animation { width: 100%; transition: all 500ms ease-in-out; } 



.cursor {position: fixed;width: 30px;height: 30px;border-radius: 100px;border: 2px solid #ffffff;transition: 0.3s;transform: translate(-50%, -50%);pointer-events: none;z-index: 1000;}
.cursor2 {position: fixed;width: 6px;height: 6px;border-radius: 100px;background-color: #27B0FD;transform: translate(-50%, -50%);transition: 0.1s;pointer-events: none;z-index: 1000;}

.grow,
.grow-small {transform: scale(4);background: white;mix-blend-mode: difference;border: none;}
.grow-small {transform: scale(2);}

.cursor.btn_big{text-align: center;display: flex;align-items: center;width: 8rem;height: 8rem;line-height: 1;transform: translate(-50%, -50%);box-shadow: 0px 0px 20px rgba(0,0,0,.2);justify-content: center;}
.cursor.btn_big span {visibility: visible;transform: scale(1);}

.cursor.btn_big.lg_seemore{background:#ffffff;border-color:#ffffff;}
.cursor.btn_big.lg_seemore span:after{content:"SEE MORE";color:#000000;}

.cursor.btn_big.lg_btnwork{background:#ec268f;border-color:#ec268f;}
.cursor.btn_big.lg_btnwork span:after{content:"SEE WORK";color:#ffffff;}

.cursor.btn_big.lg_video{background: #ec268f;border-color:#ec268f;}
.cursor.btn_big.lg_video span:after{content:"";position:absolute;top:50%;left:50%;margin:0px 0px 0px 10px;width:auto;height:auto;border:15px solid transparent;border-left:25px solid #ffffff;transform:translate(-50%,-50%);}

.cursor.btn_big.lg_industry{background:url("../img/link-right.png") no-repeat center center;background-size:cover;border-color:transparent;box-shadow: none;mix-blend-mode: exclusion;filter: invert(1);}

.cursor.btn_big.link_h_circle{background:#000000;border-color:transparent;opacity:.5;width:54px;height:54px;}

 
.btn-scrollTop {position: fixed;bottom: -100px;right: 10px;z-index: 99;text-align: center;transition: all 500ms ease-in-out 0s;}
.btn-scrollTop span.top_icon {display: block;width: 40px;filter: drop-shadow(-4px 4px 5px #8c8c8c);}
.btn-scrollTop span.txt {display: block;color: #02080a;background: #45bbfd;padding: 2px 7px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;text-align: center;font-size: 11px;position: relative;top: -1px;z-index: 2;box-shadow: -4px 4px 5px #39b7fd7d;}
.btn-scrollTop:hover, .btn-scrollTop:hover span.txt {color: rgb(0, 0, 0);text-decoration: none;}
.btn-scrollTop.active {bottom: 10px;transition: all 500ms ease-in-out 0s;}

* {margin: 0px;padding: 0px;}
h1, h2, h3, h4, h5, h6 {line-height: 1;}
p {/* line-height: 1.3; */letter-spacing: 0.1px;}
strong{font-weight: 700;} 
.overflow{overflow: hidden;}
.navbar-brand {margin: 0px;padding: 0px;}

h1 > span.spo,
h2 > span.spo,
h3 > span.spo,
h4 > span.spo,
h5 > span.spo,
p > span.spo{position:relative;overflow: hidden;display: block;}

h1 > span.spo > span.spib,
h2 > span.spo > span.spib,
h3 > span.spo > span.spib,
h4 > span.spo > span.spib,
h5 > span.spo > span.spib,
p > span.spo > span.spib{display: block;overflow: hidden;}

span.full-stop {font-size: 13px;line-height: 1;position: relative;left: 5px;z-index: 9}
span.full-stop:after {content: "";position: absolute;top: 6px;left: 0px;width: 8px;height: 8px;background: #f15931;}
span.full-stop-anim {font-size: 1px;line-height: 1;position: absolute;width: 100%;height: 101%;right: 0px;display: inline-block;background: white;z-index: 9;transition: all 1000ms ease-in-out;}
span.full-stop-anim:after {content: "";position: absolute;top: 68%;left: 10px;width: 8px;height: 8px;background: #f15931;display: none;}
span.full-stop-anim.active {width: 0%;transition: all 1000ms ease-in-out;}

.color-white{color: #ffffff;}
.color-lightgray{color:#A4A4A4;}
.color-gray{color:#545454;}
.color-green{color:#ec268f;}
.color-pink{color:#ec268f;}

.sub-heading{padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #cccccc;}

h1.heading-01{font-size:calc(36px + 2.5vh);}
h2.heading-01{font-size: calc(36px + 5.5vh);}
.heading-02{font-size:calc(30px + 1.5vh);}
.heading-03{font-size:calc(24px + 1.5vh);}
.heading-04{font-size:calc(20px + 1.5vh);}
.heading-05{font-size:calc(15px + 1.5vh);}
.heading-project{font-size: calc(34px + 1.5vh);line-height: 1.1;}

.para-01{font-size:30px;}
.para-02{font-size:24px;}
.para-03{font-size:21px;}
.para-04{font-size:18px;}
.para-05{font-size:15px;}

.bdr-top{border-top: 1px solid #000000;}
.bdr-btm{border-bottom: 1px solid #000000;display: block;margin-bottom: 20px;}

.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}
.z-index-4{z-index: 4;}
.z-index-5{z-index: 5;}
.z-index-6{z-index: 6;}
.z-index-7{z-index: 7;}
.z-index-8{z-index: 8;}
.z-index-9{z-index: 9;}
.z-index-10{z-index: 10;}
.z-index-99{z-index: 99;}
.z-index-999{z-index: 999;}
.z-index-9999{z-index: 9999;}

.page-wrp {overflow: hidden;}

.container-fluid{max-width: 91.66%;}

#scroll-container{margin-left: -1px;}


.overlay_01{content: "";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;z-index: 5;}
.overlay_02{content: "";position:absolute;top:0;left:0;width:100%;height:100%;background: #000000;z-index: 10;}
.overlay_03{content: "";position:absolute;top:-2px;left:0;width:100%;height:100%;background:#ffffff;z-index: 9;}
.overlay_04{content: "";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff;z-index: 5;}
 

.card-tilt_box {display: inline-block;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);transform-style: preserve-3d;transform: perspective(500px);}
.card-tilt_box:after {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;/* box-shadow: 0 10px 30px -20px rgba(0, 0, 0, 0.7), 0 0px 30px 0 rgba(0, 0, 0, 0.2); */z-index: -1;transform: translateZ(-20px);transition: 0.5s;}
/*.card-tilt_box > span {display: block;transform: translateZ(50px) scale(0.7);}*/
.card-tilt_box:hover:after {transform: translateZ(-50px);}
.c-button {border-radius: 5px;background: linear-gradient(to right, #00803b, #004347);padding: 0.5em 1em;color: white;text-decoration: none;}


header {padding-top: 40px;position: absolute;top: 0px;left: 0px;width: 100%;background: rgba(0, 0, 0,0);z-index: 99;box-shadow: 0px 0px 0px rgba(0, 0, 0,1);transition: all 300ms ease-in-out;}
header .navbar-brand img{transition:all 500ms ease-in-out;}
header nav {}
header nav.navbar{padding: 20px 0px;}
header nav.navbar #collapsibleNavbar {float: right !important;}
header nav.navbar a.nav-link{font-size:15px;padding:10px 30px !important;}

header .top-header{color: #ffff;font-size: 14px;font-weight:500;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7dd0fe+0,27b0fd+100 */text-align: center;padding: 10px;position: fixed;top: 0;z-index: 9;width: 100%;background: #7dd0fe; /* Old browsers */background: -moz-linear-gradient(to bottom,  #001429 0%,rgb(7 30 41) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(to bottom,  #001429 0%,rgb(7 30 41) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #001429 0%,rgb(7 30 41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd0fe', endColorstr='#27b0fd',GradientType=0 ); /* IE6-9 */}
header .top-header p{margin:0px;}
header .top-header p a{color:#ffffff;}
header.stickyheader {
    background: rgba(0, 0, 0,1);
    box-shadow: 10px 0px 20px rgba(0, 0, 0,1);
    transition: all 300ms ease-in-out;
}



.tnc-sec-01{color:#ffffff;font-size:12px;font-weight: 300;padding: 0px 0px 70px 0px;}
.tnc-sec-01 .container{}
.tnc-sec-01 p{
    padding-top: 80px;
    border-top: 1px solid #ffffff1c;
} 
.tnc-sec-01 ul{margin: 0px 0px 0px 13px;padding:0px;list-style-type: decimal;}
.tnc-sec-01 ul li{padding: 4px 2px;}


.modal-backdrop.show {
    opacity: .9;
}
.modal-content{background:#000000;border-radius: 11px;}
.modal-body{padding:0px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccc64+0,42b5b1+31,ffffff+60,ffde2f+100&1+0,0.5+60,0.3+100 */border-radius: 10px;background: -moz-linear-gradient(top,  rgba(204,204,100,1) 0%, rgba(66,181,177,0.74) 31%, rgba(255,255,255,0.5) 60%, rgba(255,222,47,0.3) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(204,204,100,1) 0%,rgba(66,181,177,0.74) 31%,rgba(255,255,255,0.5) 60%,rgba(255,222,47,0.3) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(204,204,100,1) 0%,rgba(66,181,177,0.74) 31%,rgba(255,255,255,0.5) 60%,rgba(255,222,47,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccc64', endColorstr='#4dffde2f',GradientType=0 ); /* IE6-9 */}
button.close{
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 9;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: none;
    opacity: 1;
}

.popup-sec-01{color:#ffffff;font-size: 14px;font-weight: 300;line-height: 1.5;padding: 50px 40px 30px 20px;margin: 1px;position: relative;background: #000000;border-radius: 10px;}
.popup-sec-01 .container{}
.popup-sec-01 p{} 
.popup-sec-01 ul{margin: 0px 0px 20px 13px;padding:0px;list-style-type: decimal;}
.popup-sec-01 ul li{padding: 4px 2px;}

/***********************/
/*     Social Media    */
/***********************/
ul.social_media_footer {margin: 20px 0px 0px 0px;padding: 0px;list-style-type: none;display: inline-block;width: 100%;}
ul.social_media_footer li {display: inline-block;}
ul.footerLinks li.active  a {font-weight: 700;color: #333;transition: all 500ms ease-in-out;}
ul.social_media_footer li {margin-right: 10px;/* transition: all 500ms ease-in-out; */}
ul.social_media_footer li a {display: inline-block;font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 0px;background: #fff;border-radius: 10px;transition: all 500ms ease-in-out;}
ul.social_media_footer li a span{display:none !important;}
ul.social_media_footer li a img{/* filter: invert(1); */width: 45px;}
ul.social_media_footer li a:hover{color:#000000;/* background: #ffffff; */transition: all 500ms ease-in-out;}
ul.social_media_footer li a:hover img{opacity: .3;mix-blend-mode: initial;transition: all 500ms ease-in-out;}

a.fb:hover {color: #fff;background: #26b0fd !important;transition: all 500ms ease-in-out;}
a.tw:hover {color: #fff;background: #38A1F3 !important;transition: all 500ms ease-in-out;}
a.dr:hover {color: #fff;background: #eb4b89 !important;transition: all 500ms ease-in-out;}
a.in:hover {color: #fff;background: #0077B5 !important;transition: all 500ms ease-in-out;}
a.insta:hover {color: #fff;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);transition: all 500ms ease-in-out;}
a.vi:hover {color: #fff;background: #00adef !important;transition: all 500ms ease-in-out;}
a.yt:hover {color: #fff;background: #d82423 !important;transition: all 500ms ease-in-out;}

/***********************/
/*     Social Media    */
/***********************/
 


/*Vertical Sliding*/
.slidingVertical{
	display: inline;
	/* text-indent: 8px; */
}
.slidingVertical span{
	animation: topToBottom 15s linear infinite 0s;
	-ms-animation: topToBottom 15s linear infinite 0s;
	-webkit-animation: topToBottom 17.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
}
.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

.slidingVertical span:nth-child(6){
	animation-delay: 12.5s;
	-ms-animation-delay: 12.5s;
	-webkit-animation-delay: 12.5s;
}



/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(-50px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-50px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	15% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 0; -webkit-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}









/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 768px) { 
	
	header{padding:60px 0px 0px 0px  !important;}
	button.navbar-toggler{float: right; display: none !important;}
	
	h1.heading-01{font-size: 30px;}
	h2.heading-01{font-size: 30px;}
	.heading-02{font-size: 40px;}
	.heading-03{font-size: 44px;}
	.heading-04{font-size: 24px;line-height: 1.1;}
	.heading-05{font-size: 21px;}

	.para-01{font-size: 21px;}
	.para-02{font-size:21px;}
	.para-03{font-size:18px;}
	.para-04{font-size:16px;}
	.para-05{font-size:14px;}

	p{}

	a.btn-bdr{font-size:15px;padding-top: 16px;}
	
	footer{padding: 0px;}
	footer .top-footer{padding: 40px 0px 0px 0px !important;}
	footer nav{min-height: auto;}

	.footer-content{padding-top: 0px;padding-bottom: 20px;margin-top: 30px;width: 100%;}
	footer h3, footer h4{padding-bottom: 0px;}
	footer h4{margin-bottom: 0px;}
	
	footer .col-md-4:nth-child(2) h4{display: none;}
	ul.privacy_list{display: flex;flex-direction: column-reverse;}
	ul.privacy_list li{padding: 4px 0px !important;}

	footer ul.quicklinks li br{display:none;}
	
}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	
}


@media (min-width: 320px) and (max-width: 1279px){  
	
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1224px) {
	 
	
}

/* Large screens ----------- */
@media only screen and (min-width : 1660px) {
	
	.container.c_w1140{max-width: 1440px;}
	
} 


/* Large screens ----------- */
@media only screen and (min-width : 1200px) and (max-width : 1659px) { 
 
} 
@media (min-width: 1200px) { 

	.modal-xl {
		max-width: 1000px;
	}
}