*{

margin:0px;
padding:0px

}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}


:focus{
    text-decoration: none;
    outline: none;
    border:0;
    background-color:transparent;
}
input:focus{
    text-decoration: none;
    outline: none;
    border:0;
    background-color:transparent;
}
input:-internal-autofill-selected{background-color:transparent !important; background:transparent !important;}

img:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}


body, html{
font-family: 'Gotham Book';
	box-sizing:border-box;
	scroll-behavior: smooth;
}

.scroll-fixed{
    height:100%;
    width:100%;
    overflow:hidden;
}

.mobdsnods{display:none;}
.mobdsno{display:block;}
.padd0left{ padding-left:0px;}

/*-- fonts ---*/
@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/GothamBook.eot');
    src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamBook.woff2') format('woff2'),
        url('../fonts/GothamBook.woff') format('woff'),
        url('../fonts/GothamBook.ttf') format('truetype'),
        url('../fonts/GothamBook.svg#GothamBook') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/GothamMedium.eot');
    src: url('../fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamMedium.woff2') format('woff2'),
        url('../fonts/GothamMedium.woff') format('woff'),
        url('../fonts/GothamMedium.ttf') format('truetype'),
        url('../fonts/GothamMedium.svg#GothamMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue-blackext';
    src: url('../fonts/HelveticaNeue-BlackExt.eot');
    src: url('../fonts/HelveticaNeue-BlackExt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-BlackExt.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-BlackExt.woff') format('woff'),
        url('../fonts/HelveticaNeue-BlackExt.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-BlackExt.svg#HelveticaNeue-BlackExt') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
select.form-control{ border:1px solid #ced4da;}
select.form-control:focus{outline:none; background:transparent; box-shadow:none;}
.nav-justified .nav-item, .nav-justified>.nav-link{ position:relative;}
ul.dropdownsub{ width:100%; position:absolute; top:65px; left:0; list-style:none; opacity:0; overflow:hidden; max-height: 0; transition: max-height 0.4s ease-out; padding-bottom:15px; background-color:#000;}
ul.dropdownsub.addbg{ background-color:#ffffff;}
.header-menu li:hover ul.dropdownsub{ opacity:1; overflow:visible; max-height: 500px;}
.header-menu li ul li a{ padding:12px 0;}
.header-menu li ul li a:after {
    content: '';
    width:0%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0px;
    left: 0;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.header-menu li ul li a:hover:after {
    width: 100%;
}

.relative{ position:relative;}
.hidee{ opacity:0;}
.categorieswrap{width:100%; position:relative; z-index:55;}
.categorieswrap #sidebar{ width:100%; background:#ffffff; padding:20px; box-shadow:0 0 10px 3px #ccc; height:auto; margin-top:23px;}
.categorieswrap h3{font-size:1.59rem; color:#000; position:relative; margin-bottom:15px;}
/*.categorieswrap h3::after{content:''; width:70px; height:6px; background:#000; position:absolute; bottom:0; left:0;}*/
.categorieswrap a{ font-size:14px; color:#000; padding-bottom:5px; display:block; transition:all 0.5s ease;}
.categorieswrap a:hover{ padding-left:3px; color:#212121;}
.categorieswrap a.active{ color:#212121;}
.categorieswrap.fixcate{ position:fixed; top:60px; z-index:3; width:19%;}

.margt0{ margin:0 !important;}

.header-menu{
	
	width:75%;
}
.header-menu a{
	 font-family: 'Gotham Book';
	 font-size:14px;
	color:#fff;
	letter-spacing:1px;
	position:relative;
	font-weight:bold;
	transition: all ease-in-out 0.3s;
	position:relative;
	display:inline-block;
	padding:20px 0px;
}

.header-menu a:hover{
	
}
.text-black{
	
	color:#000!important;
}

.active{
   border-bottom:solid 3px #fff;
}

.active1{
    border-bottom:solid 3px #000; 
}


/*.navbar-nav:after{
    content:'';
    right:0;
    background:#b5c4bd;
    width:60%;
    position:absolute;
    top:0;
    z-index:-1;
    height:64px;
    
}*/


.activeno{
    border-bottom:solid 3px transparent; 
}



.header-menu  a:after {
    content: '';
    width:0%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: -3px;
    left: 0;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.header-menu  a:hover:after {
    width: 100%;
}


.immenu-header{
	z-index:99999;
	border-bottom:solid 1px #fff;
	
	top: 0;
}

.immenu-header1{
    z-index:999;
	border-bottom:solid 1px #000;
}

.padt20{ padding-top:20px;}
.padt40{ padding-top:40px;}
.padb0{ padding-bottom:0 !important;}
.padb40{ padding-bottom:40px !important;}
.padb50{ padding-bottom:50px !important;}

.video-sec{
    display: flex;
    align-items: center;
    height:90vh;
   /* height:100vh;*/
    
}

.imhome-banner2 .banner-title{
    width: 40% !important;
    padding-left:12%;
    text-align:left;
    position:relative;
    z-index:5;
}
.slidercaption .banner-title{
    position:relative;
    z-index:5;
}

.home-video{
 width:100%;  
 display:flex;
}

.video-section {
    position: relative;
    height: 100%;
    
}

.video-section .banner-title{
    position: absolute;
    left: 0;
    top: 0;
    width: 500px!important;
    /*background: #00000030;*/
    height: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
   
}

.video-section .banner-title h2{
    position: relative;
    z-index: 2;
    font-size:35px;
    color:#fff;
}

.video-section .banner-title:after{
    content: '';
    position: absolute;
    left: -87px;
    width:436px;
    /*width: 530px;*/
    background: #00000030;
    height: 150vh;
    transform: rotate(14deg);
    z-index:-1;
}

.video{
    width:auto;
    object-fit:cover;
}
video {
    width: auto;
}
.padb20{padding-bottom:20px;}

/*.service-slider{width:63%;}*/
.service-slider{width:100%;}
/*.service-slider img{*/
/*    height:525px;*/
/*}*/

.inner-sec{
    display: flex;
    align-items: center;
    position: relative;
    height: auto;
    overflow:hidden;
    width:100%;
}

/*.service-title{*/
/*    font-family: 'Helvetica Neue';*/
/*    font-size:30px;*/
/*    color: #fff;*/
/*    line-height:40px;*/
/*    width: 37%;*/
/*    padding-left: 100px;*/
/*    text-align: left;*/
/*}*/


.inner-sec .service-title{
    position: absolute;
    left: 0;
    top: 0;
    width: 520px!important;
    /*background: #00000030;*/
    height: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
   z-index:3;
   font-size:35px;
    color:#ffffff;
    opacity:1;
    font-weight:bold;
    line-height:40px;
    font-family:'Helvetica Neue';
}

.inner-sec .service-title h2{
    position: relative;
    z-index: 2;
    
}

.inner-sec .service-title:after{
    content: '';
    position: absolute;
    left: -87px;
    top:-75px;
    /*width:436px;*/
    width: 90%;
    background: #00000030;
    height: 130%;
    transform: rotate(14deg);
    z-index:-1;
}

.svbanner1{ width:100%; height:95vh; background:url('../images/ticker_service1.jpg') no-repeat; background-size:cover;}
.svbanner2{ width:100%; height:95vh; background:url('../images/ticker_service2.jpg') no-repeat; background-size:cover;}
.svbanner3{ width:100%; height:95vh; background:url('../images/ticker_service3.jpg') no-repeat; background-size:cover;}


.header-menu1{
	
	width:75%;
}

.hmt60{
    margin-top:60px;
}
.header-menu1 a{
	 font-family: 'Gotham Book';
	 font-size:14px;
	color:#000;
	position:relative;
	font-weight:bold;
	letter-spacing:1px;
	transition: all ease-in-out 0.3s;
	position:relative;
	display:inline-block;
	padding:20px 0px;
}

.header-menu1 a:hover{
	
}
.text-black{
	
	color:#000!important;
}


.header-menu1  a:after {
    content: '';
    width:0%;
    height: 3px;
    background: #000;
    position: absolute;
    bottom: -3px;
    left: 0;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.header-menu1  a:hover:after {
    width: 100%;
}


.arrow-down{
animation: MoveUpDown 1s ease-in-out infinite;	
 animation-duration: 2s;
	position:absolute;
	bottom:30px;
	left:15px;
	/*right:15px;*/
	bottom:20px;
	z-index:5;
}

.mobile-portfolio{
    
    background:#191B1D;
}

.barsicons{
    color:#fff;
}
.arrow-down img{
    
    height:84px;
    width:40px;
}


@keyframes MoveUpDown {
  0%, 100% {
    bottom: 30;
  }
  50% {
    bottom: 32px;
  }
}

/*.orange{background: #ffbd59;}
.orange2{background: #ff5757;}
.orange3{background: #00c2cb;}
.orange4{background: #7ed957;}*/

.secpad-bottom .col-md-3{padding:0 10px;}

.who-thumb{
    background:#fff;
    min-height: 216px;
    padding:35px 30px;
    text-align:left;
    margin-top:40px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

/*.abtmiss-visionsec .d-flex {
    
    width: 100%;
    padding: 0 20px;
}*/

.orange:hover{background:#ed1766;color:#fff;}
.orange2:hover{background:#00aeef;color:#fff;}
.orange3:hover{background:#efe539;color:#fff;}
.orange4:hover{background:#191b1d;color:#fff;}
/*service*/
.who-thumbser{ padding:20px 0 15px; background:#fff;} 
.who-thumbser .hover{display:none;}
.who-thumbser:hover .hover{display:block; margin:0 auto;}
.who-thumbser:hover .hover-none{display:none;}

.who-thumbser img{width:80px;}
.who-thumbser:hover h5{color:#fff;}
 .who-thumbser h5{
     
    font-family: 'Helvetica Neue';
    color:#000;
    margin-top: 10px;
}

/*aboutus*/
.who-thumb .hover{display:none;}
.who-thumb:hover .hover{display:block;}
.who-thumb:hover .hover-none{display:none;}

.who-thumb img{width:80px;}
.who-thumb:hover h5{color:#fff;}
 .who-thumb h5{
     
    font-family: 'Helvetica Neue';
    color:#000;
    margin-top: 10px;
}



/*.abtmiss-visionsec .col-md-3, .abtmiss-visionsec .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 23%;
    max-width: 23%;
}*/

.imheader-banner {
    background-position: center center !important;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	height:95vh !important;
	width:100%;
	position:relative;
}

.abtbg{
    
     background:url('../images/contact.jpg');
}
.case_study{
    
     background-color:#decfca
}
.abtbanner-bg{
     background:url('../images/who-we-are.jpg');
}

.greybg{
    
    background:#F7F7F7;
}

.bgwhite{
     background:#fff;
}

.greywhite{
    
    background:#fff;
}



.imhome-banner{
    background:#decfca;
    height:95vh;
    overflow:hidden;
    position:relative;
}

.arrowupd{ position:absolute; top:0px; left:15px;}
.imheader-banner .container{
	flex-direction:column;
	position:relative;
	height:95vh;
	display:flex;
	justify-content:center;
}

.banslide-items{
	
	background-repeat:no-repeat!important;
	background-size:cover!important;
	height:95vh !important;
	width:100%;
	
	
}
.imhome-banner .container{
	flex-direction:column;
	position:relative;
	height:100%;
	display:flex;
	justify-content:center;
}

.fade {

   -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
       -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
           transition: opacity 0.5s ease-in-out;
 }

.banner-text{
	margin-top:20px;
	font-size:15px;
	color:#fff;
	font-family: 'gotham_bookregular';
}

.secpad{
    padding:60px 0px;	
}


.secpad-top{
    padding-top:60px;	
}
.secpad-top20{
    padding-top:20px;	
}

.secpad-bottomab{
    padding-bottom:60px;	
}
/* --- services ---*/

.imservice {
	
	
	background:#F7F7F7;
}

.sechead-title{
	   font-family: 'Helvetica Neue';
	font-size:30px;
	font-weight:500;
}

p{
    
  font-family: 'Gotham Book';   
}

a{
    
 font-family: 'Gotham Book';   
}

.margtop0{ margin-top:0 !important;}
.sectext{
	font-family: 'Gotham Book';
    margin-top: 15px;
    font-size: 14px;
    color: #6f7172;
    font-weight: 500;
}

.servcon-text{
	width:62%;
	margin-left:20px;
}

/*.serv-rcon{*/
/*	margin-top:20px;*/
	
/*	border-bottom:solid 1px rgba(0, 0, 0, 0.4);*/
/*	border-top:solid 1px rgba(0, 0, 0, 0.4);*/
	
/*}*/

.servconlist {
	
	position:relative;
	padding:20px 0px;
}

.br-bt{
	
	border-bottom:solid 1px rgba(0, 0, 0, 0.4);
}
.link-arrows{
	
	position:absolute;
	right:0px;
	bottom:30px;
	transition: all ease-in-out 0.3s;
}



.link-arrows:hover{
	
	right:-5px;
	transition: all ease-in-out 0.3s;
}


.our-journey{padding:60px 0;}


.journey-slider{margin-top:30px;}

.our-journey .control .icon-sliderleft img {
    transform: rotate(180deg);
    margin-right:15px;
}

.our-journey .control  img {width:40px;}

.our-journey .control{
    width: 100px;
    float: right;
    margin-top:15px;
    position:relative;
    z-index:55;
    cursor:pointer;
    }

.our-journey h2{
    font-size:70px;
    margin-bottom:30px;
    font-family: 'Helvetica Neue';
    font-weight:1000;color: #fff;
    -webkit-text-stroke: 1px #000;
    
}

.our-journey .sechead-title{
line-height: 35px;
    
}



.our-journey .slick-current  h2{color:#000;-webkit-text-stroke: 0px #000;}

.our-journey .slick-slide{
    opacity: .4;
  }

.our-journey .slick-current{opacity:1;}

.journey-content {padding:0 22px;}

.journey-content:last-child

.servcon-text h4{
	margin-top:5px;
	font-size:15px;
	color:#212529;
	  font-family: 'Gotham Book';
	 font-weight:600;
}

.servcon-text p{
font-family: 'Gotham Book';
    margin-top: 15px;
    font-size: 14px;
    color: #585a5b;
    font-weight: 500;
	
}

.serv-link{
	
	position:absolute;
	bottom:0px;
	
}

.serv-link a{
	color:#000;
	font-size:14px;
	font-weight:500;
	width:130px;
	padding-bottom:5px;
	transition: all ease-in-out 0.3s;
	border-bottom:solid 1px #000;
}

.serv-link img{
    right:5px;
    position:absolute;
    	transition: all ease-in-out 0.3s;
}

.serv-link a:hover{
	opacity:0.8;
	border-bottom:solid 1px rgba(0, 0, 0, 0.8);
	transition: all ease-in-out 0.3s;
}

.serv-link a:hover img{
	transition: all ease-in-out 0.3s;
    right:0px;

}


.serv-link a:hover{
	
	text-decoration:none;
}

#abtsec{padding-bottom:100px;}

#abtsec .serv-link1{
	
	bottom:-40px;
	
}

.serv-link1{
	
	position:absolute;
	bottom:0px;
	
}

.serv-link1 a{
	color:#000;
	font-size:14px;
	font-weight:500;
	width:150px;
	padding-bottom:5px;
	transition: all ease-in-out 0.3s;
	border-bottom:solid 1px #000;
}

.serv-link1 img{
    right:5px;
    position:absolute;
    	transition: all ease-in-out 0.3s;
}

.serv-link1 a:hover{
	opacity:0.8;
	border-bottom:solid 1px rgba(0, 0, 0, 0.8);
	transition: all ease-in-out 0.3s;
}

.serv-link1 a:hover img{
	transition: all ease-in-out 0.3s;
    right:0px;

}


.serv-link1 a:hover{
	
	text-decoration:none;
}

/*--- about section ---*/

.abtsec-con{
	
	position:relative;
}
.abtvert-img{
	top:0px;
	right:0px;
	bottom:0px;
	z-index:-1;
	position:absolute;
}

.abtvert-img img{
	width:300px;
	height:100%;
}

.abtimg-sec  img{
	
	height:370px;
	object-fit:cover;
}


/*---- brand section --*/
.brand-sec{
    box-sizing:border-box;
}

.brand-con {
	
	flex-wrap:wrap;
}
.brandsec-list{
	margin-top:30px;
	width:20%;
	transition: all ease-in-out 0.5s;
	text-align:center;
	border-left:solid 1px rgba(0, 0, 0, 0.4);

box-sizing:border-box;
	padding:10px 15px;
	 border-collapse: collapse;
	
	 transition:all 1s ease-in-out;
	
}

.rightarrow-white{
    color:#fff;
    font-size:22px;
}


.lineheight20{
   
    display:inline-block;
    line-height:0px;
}
.rightarrow-white2{
    color:rgba(255, 255, 255 , 0.7);
    font-size:20px;
}

.brandsec-list:hover{
   background:rgba(0, 0, 0, 0.1);
         cursor: pointer;
         border-left:solid 1px rgba(0, 0, 0, 0);
         border-right-color:transparent!important;
         box-sizing:border-box;
}

.brandsec-list:hover  + .brandsec-list{
     border-left:solid 1px rgba(0, 0, 0, 0);
     
        
}

.brandsec-list img{
   height:57px;
   width:143px;
   object-fit:cover;
    transition:all 1s ease-in-out;
    
}
	

.brandsec-list:hover img{
  /*  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
   */
 transform: scale(1.1);
}

.brandsec-list:nth-child(5){
	
	border-right:solid 1px rgba(0, 0, 0, 0.4);
}


.brandsec-list:nth-child(10),
.brandsec-list:nth-child(15), 
.brandsec-list:nth-child(20),
.brandsec-list:nth-child(24){
	border-right:solid 1px rgba(0, 0, 0, 0.4);
}


.mb-3p{
    
    margin-bottom:3px;
}
.viewall-link a{
position:relative;	
color:#000;
width:100px;
text-align:left;
padding-bottom:5px;
	font-size:14px;
	font-weight:500;
	border-bottom:solid 1px #000;
	transition: all ease-in-out 0.3s;
}

.viewall-link a:hover{
	
text-decoration:none;
}

.viewall-link a:hover{
	opacity:0.8;
	transition: all ease-in-out 0.3s;
	border-bottom:solid 1px rgba(0, 0, 0, 0.8);
}


.viewall-link img{
    position:absolute;
    right:5px;
    top:5px;
    transition: all ease-in-out 0.3s;
}

.viewall-link a:hover img{

 right:0px;
	transition: all ease-in-out 0.3s;
}
.bgcol{ background:#fff;}
.viewall-linkhow{ width:100%; float:left;}
.viewall-linkhow a{
position:relative;	
color:#000;
width:110px;
float:left;
text-align:left;
padding-bottom:5px;
	font-size:14px;
	font-weight:500;
	border-bottom:solid 1px #000;
	transition: all ease-in-out 0.3s;
}
.viewall-linkhow a:after
{
    content: '→';
    right: 0;
    position: absolute;
    font-size: 23px;
    top: -8px;
    height: 0;
}

/*
.viewall-link a:after{
    
    content: "\2192";
    height:22px;
    width:30px;
}

*/

.viewall-linkhow a:hover{
	
text-decoration:none;
}
.viewall-linkhow a:hover::after{
	transition: all ease-in-out 0.3s;
	right:-2%;
}
.viewall-linkhow a:hover{
	opacity:0.8;
	transition: all ease-in-out 0.3s;
	border-bottom:solid 1px rgba(0, 0, 0, 0.8);
	
}


.viewall-linkhow img{
    position:absolute;
    right:5px;
    top:5px;
    transition: all ease-in-out 0.3s;
}

.viewall-linkhow a:hover img{

 right:0px;
	transition: all ease-in-out 0.3s;
}

.showtexthow{opacity:0; overflow:hidden; max-height: 0; transition: max-height 0.3s ease-out;} 
.showtexthow.openactive{ opacity:1; max-height:200px; transition: max-height 0.5s ease-in;}

.showtextawhy{opacity:0; overflow:hidden; max-height: 0; transition: max-height 0.3s ease-out;}
.showtextawhy.openactiveaw{opacity:1; max-height:320px; transition: max-height 0.5s ease-in;}



/*--- contact ---*/

.contact-sec{
	
	background-size:cover !important;
	background-repeat:no-repeat ;
	background-position:center;
	display:flex;
	height:500px;
	flex-direction:column;
	justify-content:center;
	position:relative;
	overflow:hidden;

}

.contact-sec .container{
	z-index:99;
}

.contact-sec:after{
	
	content:'';
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
	background:rgba(0, 0, 0, 0.46);
	
}
.openb-headtitle{
	margin-bottom:15px;
	font-size:15px;
		color:rgba(255, 255, 255 , 0.48);
}

.cbanner-title {
    font-size: 30px;
    color: #fff;
    line-height: 45px;
    font-family: 'Helvetica Neue';
}


.padx15{
    
    padding-left:15px;
    padding-right:15px;
}

.hello-link{
    margin-left:15px;
    margin-right:15px;
		border-bottom:solid 1px #fff;
}
.hello-link a{
font-family: 'Gotham Book';	
color:#fff;
	font-size:15px;
	font-weight:500;
transition: all ease-in-out 0.3s;
	padding-bottom:5px;
	display:inline-block!important;
	position:relative;
}

.hello-link a:hover{
	
text-decoration:none;
}

.hello-link a:hover{
    color:rgba(255, 255, 255, 0.8);
	transition: all ease-in-out 0.3s;
}

.hello-link a span{
   position: absolute;
    right: -35px;
    transition: all ease-in-out 0.3s;
    top: -5px;
}

.hello-link a:hover span{
right:-40px;
	transition: all ease-in-out 0.3s;
}

/*--- footer ----*/

.footer-sec{
   background:#191B1D;
   position:relative;
     background:url('../images/1 (1).png');
   background-size:100% 100%;
   background-repeat:no-repeat;
   
}

.footer-sec .container{
   
}

.footer-sec2{
   background:#191B1D;
   position:relative;
    z-index:10;
   
}

.ftright-bg1{
    z-index:-1;
    position:absolute;
    right:0px;
    left:50%;
   
    bottom:30px;
    top:0px;
   
}

.vdata3sec-img{
    
   
    position:absolute;
    bottom:0;
    top:60px;
    right:0;
    left:0;
    background-size:cover;
}

.vdata3sec-img img{
    
    width:100%;
    height:100%;
}


.bgdiv{
    height:100%;
     background:url('../images/Footer-Image.png');
   background-size:cover;
   background-repeat:no-repeat; 
}


.footer-sec canvas{
	height:100%;
	position:absolute;
	top:0px;
	bottom:0px;
	width:100%;
}


.openingcon-title{
    color:#000;
    font-family: 'Helvetica Neue';
    font-size: 30px;
}
.addcontact canvas{
	height:100%;
	position:absolute;
	top:0px;
	bottom:0px;
	width:100%;
	right:0px;
}

.ftphone{
	font-size:14px;
	color:rgba(255, 255, 255 , 0.66);
	margin-bottom:5px;
}

.ftmail{
	font-size:14px;
	color:rgba(255, 255, 255 , 0.66);
	margin-top:8px;
	border-bottom:solid 1px #fff;
}

.ftphone:hover{
    
     color:#fff;
    opacity:0.8;
    text-decoration:none;
}

.ftmail:hover{
    
    color:#fff;
    opacity:0.8;
    text-decoration:none;
}

.ftcert-badge{
    margin-top:0;
}

.ftcert-badge img{
    width:236px!important;
    max-width:236px!important;
    max-height:184px!important;
    height:auto;
    display:block;
}

.ftcert-col{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-left:0!important;
    padding-right:0!important;
}


.cftphone{
	font-size:14px;
  color:#fff;
	margin-bottom:5px;
}

.cftmail{
	font-size:14px;
  color:#fff;
	margin-top:8px;
	border-bottom:solid 1px #fff;
}

.cftphone:hover{
    
     color:#fff;
    opacity:0.8;
    text-decoration:none;
}

.cftmail:hover{
    
    color:#fff;
    opacity:0.8;
    text-decoration:none;
}

.slider_box img {
     width: 100%;
}
.ft-linkhead{
	
	font-size:14px;
	color:#fff;
}



.ftlink-list{
	list-style:none;
	margin:0px;
	font-size:14px;
	margin-top:18px;
}

.ft-link.col-lg-6.col-md-6.pad-lt30 {
    padding-left: 45px;
}
.ft-link p{
	font-size:12px;
color:rgba(255, 255, 255 , 0.66);
	margin-top:18px;
		font-weight:300;
	line-height:20px;
}
.ftlink-list li a{
	display:inline-block;
	font-size:12px;
	color:#fff;
	font-weight:300;
	margin-bottom:10px;
		color:rgba(255, 255, 255 , 0.66);
}

.ftsocial-link{
	
	margin-top:50px;
}
.ftsocial-link a{
	
	color:rgba(255, 255, 255 , 0.66);
	margin:0px 0px 0 20px;
	padding:0px 0px;
}

.ftsocial-link a{
	
	
	font-size:20px;
	
}

.copyright-sec {
	color:rgba(255, 255, 255 , 0.48);
	
	background:#222323;
	padding:6px 0px;
	font-size:12px;
}

/*--- testimonial --*/

.portfolio-sec{
	
	height:85vh;
	 background:#191B1D;
}

.portfolio-sec .slick-list{
    
    height:85vh!important;
   padding: 100px 0px 40px 0px!important;
}

.textbg {
    
    position:absolute;
    left:0px;
    z-index:-1;
}


.sld-img img{
    
    width:80%!important;
    height:300px;
}


.ourport-watermark span{
    font-family: 'Helvetica Neue';
    font-size:50px;
    
    color:rgb(0, 0 ,0 , 0.46)
}

.slidetext{
    margin-left:40PX;
}

.text-white{
    
    color:#fff!important;
}
.portfolio-sec .sectext{
       font-family: 'Gotham Book';
  font-size:15px; 
  	color:rgba(255, 255, 255 , 0.7);
  margin-top:3px;
}
.slidetitle{
     font-family: 'Helvetica Neue';
    font-size:22px;
    margin-top:7px;
    text-transform: uppercase;
}
.textbg span{
    font-family: 'Helvetica Neue';
    font-size:180px;
    
    color:rgb(0, 0 ,0 , 0.46);
}

.banslide-items:focus{
    
    
    outline:none!important;
    outline:0!important;
}

.portfolio-sec .slider-items:focus{
    
    
    outline:none!important;
    outline:0!important;
}

.banner-slider .banslide-items:focus{
    
    
    outline:none!important;
    outline:0!important;
}

.portfolio-sec .slick-list .slick-current.slick-active.slick-center{
    
   
}
.portfolio-sec .slick-dots{
    top:46%;
    list-style:none;
    margin:0px;
    position:absolute;
}

.portfolio-sec .slick-dots li{
    display:none!important;
}

.portfolio-sec .slick-dots .slick-active {
    display:inline-block!important;
}


.portfolio-sec .slick-dots .slick-active button{
    background:rgba(25, 27, 29, 0.93);
    padding:10px 15px;
    color:#FFF;
    border:none;
    margin-left:15px;
}
.slider-items {
    display:flex!important;
    align-items:center!important;
    height:400px;
    
    margin:30px 0px;
    
}

.ports-link{
	
	position:relative;
    margin-top:5px;
	
}
.ports-link a:focus{
    
    outline:0!important;
    border:none!important;
}
.ports-link a{
	color:rgba(255, 255, 255 , 0.7);
	margin-top:35px;
	font-size:14px;
	font-weight:500;
	padding-bottom:0px;
	transition: all ease-in-out 0.3s;
	position:relative;
	width:100px;
	
}

.ports-link a:after{
 content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    left: 0;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.ports-link a:hover{
    color:rgba(255, 255, 255, 0.8);
}

.ports-link a:hover:after {
    width: 100%;
}
.ports-link a:hover:after{
	background: rgba(255, 255, 255, 0.8);
	transition: all ease-in-out 0.3s;
}

.ports-link a span{
   
    position: absolute;
    right: 5px;
    line-height: 15px;
     transition: all ease-in-out 0.3s;
}
.ports-link a:hover span{
    right:0px;
	transition: all ease-in-out 0.3s;
}


.ports-link a:hover{
	
	text-decoration:none;
}

.porttitle{
	margin-top: -10px;
	color:rgba(255, 255, 255 , 0.48);
	    font-family: 'gotham_mediumregular';
	    font-size:14px;
}

.slidetitle{
	
	color:#fff;
	font-size:25px;
}

.row{
    
    margin:0px;
}
.addcontact{
	padding: 0px 60px;
    background: #191B1D;
    height: 400px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
}

.mapimagesec img{
     height: 400px;
    object-fit:cover;
}

.contact-title{
	color:#fff;
	font-size:25px;
	font-weight:bold;
font-family: 'Helvetica Neue';

}

.openingpara-text{

font-family: 'Gotham Book';
    margin-top: 15px;
    font-size: 14px;
    color: #585a5b;
    font-weight: 500;
}


.secmar-top30{
    margin-top:40px;
}



.contact-add{
	color:#fff;
	margin-top:10px;
	font-size:14px;
}

/*--- mobile menu css --*/

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}


.portfolio-sec  .slidetext{
    
    opacity:0;
    transition: all .4s ease-in-out;
}

.portfolio-sec .slick-current .slidetext{
    
    opacity: 1;
    transition-delay: 1s;
}


.overflow-hide{
    
    overflow:hidden;
}
.zindex20{
    
    z-index:20;
}
.overlayft-bg{
  
    position: absolute;
    bottom: -80px;
    -ms-transform: rotate(20deg);
    transform: rotate(25deg);
    left: -50px;
    top: 60%;
    border-radius: 50%;
    width: 100%;
    right: 30%;
    background: #222323;
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    z-index: 1;

}

.ourport-watermark{
    
   position: absolute;
    right: 21.5%;
    font-size: 50px;
    top: 35%;
    /* z-index: -1; */
    /* top: 0px; */
    display: inline-block;
line-height:60px;
animation-duration: 1s;
    animation-fill-mode: both;
}


.textbg{
    animation-duration: 1s;
    animation-fill-mode: both;
}
.fadeInBottom { animation-name: fadeInBottom }


@keyframes fadeInBottom {
    from {
        opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    }
    to { opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
        
        
    }
}


/*--- slider css --*/
.dvd_fixed_slider { font-family: sans-serif; font-style: normal; }
.slide_text .title { font-size: 36px; color: #fff; line-height: 2.8125rem; font-weight: 700; }
.slide_text .description { font-size: 1rem; color: #fff; line-height: 1.75; font-weight: 300; margin-bottom: 20px; }
.slide_text .button { font-size: 1rem; color: #333; line-height: 1; font-weight: 700; background: hsla(0,0%,100%,.82); }
.slide_text .button { text-align: center; padding: 14px 40px 12px; display: inline-block; }
.slide_dots_wheel a { font-size: .875rem; color: #fff; line-height: 1.2em; }

.slide_dots_wheel a:first-child .slide_dot,
.slide_dots_wheel a:hover       .slide_dot { background-color: #0078d4; }
.slide_dots_wheel .slide_dot { background-color: #fff; }




/* --- about page --*/

.abtp-subtitle{
  /*font-size: 15px;*/
    font-size:30px;
    color: #212529;
    line-height: 40px;
    font-family: 'Helvetica Neue';
    font-weight:500;
    
}

.pabtsec-title{
    line-height:38px;
    font-family: 'Gotham Book';
    letter-spacing:-1px;
    font-size: 30px;
    
    font-weight: 500;
}



.bgblack{
    
    background:#191B1D;
}

.pabtsec-text{
    
    
    font-family: 'Gotham Book';
    margin-top: 20px;
    font-size: 14px;
    color: #585a5b;
    font-weight: 500;
}


.amvsec-title{
    line-height:38px;
    font-family: 'Helvetica Neue';
    font-size: 30px;
    font-weight: 500;
    color:#fff;
}


.amvsec-text{
    
    
   font-family: 'Gotham Book';
    margin-top: 20px;
    font-size: 14px;
    color: rgb(255, 255, 255 , 0.71);
    font-weight: 500;
}

.abtmv-secimg{
    top:0;
    position:absolute;
    right:0;
    left:65%;
    bottom:0;
    background:url(../images/Vision.jpg);
    background-size:cover;
    background-repeat:no-repeat;
}

.abthistory{
    
  
    
}

.history1996{
    height:400px;
    background:url(../images/about/history/1996.jpg);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}




.abthis-subtitle{
  font-size: 15px;
    color: #fff;
   font-family: 'Helvetica Neue';
    font-weight: 600;
    
}

.pabthis-title{
    font-family: 'Gotham Book';
    letter-spacing:-1px;
    line-height:38px;
   
    font-size: 30px;
    font-weight: 500;
    color:#fff;
}



.pabthis-text{
    
    
   font-family: 'Gotham Book';
    margin-top: 20px;
    font-size: 14px;
    color: rgb(255, 255, 255 , 0.85);
    font-weight: 500;
}


.abthistory::after{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index:1;
    height:200px;
    width:200px;
    background:red;
}
.historyoverlay-fade{
    
   position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.44);
   
}


.htabscon{
    
 

}


.hyrtabs-link{
    bottom:60px;
    margin:0px 30px;
    left:0px;
    right:0px;
    justify-content:space-between;
}


.history1996{
    height:430px;
    background:url(../images/about/history/1996.jpg);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}


.history1997{
    height:430px;
    background:url(../images/about/history/1197.jpg);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}

.history2001{
    height:430px;
    background:url(../images/about/history/2001.jpg);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}

.history2004{
    height:430px;
    background:url(../images/about/history/2004.jpg);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}

.history2007{
    height:430px;
    background:url(../images/about/history.png);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}


.history2009{
    height:430px;
    background:url(../images/about/history.png);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}

.history2011{
    height:430px;
    background:url(../images/about/history.png);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}

.history2013{
    height:430px;
    background:url(../images/about/history.png);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}

.history2017{
    height:430px;
    background:url(../images/about/history.png);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}

.history2020{
    height:430px;
    background:url(../images/about/history.png);
    background-size:cover;
    
    background-repeat:no-repeat;
    
}


.hyrtabs-link .nav-link:hover{
    
    border:transparent;
}

.hyrtabs-link .nav-link:focus{
    outline:0;
    border:none;
}

.hyrtabs-link .nav-link:hover{
    
    border-bottom:solid 2px #fff;
    color:#fff;
}

.hyrtabs-link .nav-link{
    border:none;
    margin-bottom:0px;
   font-family: 'Gotham Book';
    font-weight:600;
    color:rgba(255, 255, 255, 0.59);
    font-size:16px;
}
.hyrtabs-link .nav-link.active{
    color:#fff;
    border:none;
    border-bottom:solid 2px #fff;
    background:transparent;
}

.teamslide-row{
    
    justify-content:space-between;
}

.temamem-img img{
    
    width:100%;
    height:390px;
}

.teammember-text{
line-height: 38px;
    font-family: 'Gotham Book';
    letter-spacing: -1px;
    font-size: 20px;
    font-weight: 500;
    
}

.teamsmember-desig{
    font-family: 'Gotham Book';
    margin-top:80px;
    line-height:18px;
    color: #000;
    font-size:18px;
    text-align:left;
}

.teamsmember-desig span{
    
    font-size:14px;
}
   
   
.teamsslide-items:focus{
   outline:none!important;
    outline:0!important;
}

.abtteam-slidecon .slick-dots {
    position: absolute;
   bottom:-30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    
}

.abtteam-slidecon .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 12px;
    padding: 0;
    cursor: pointer;
}

.abtteam-slidecon li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}


.abtteam-slidecon  .slick-dots li button:before {
    color: #000;
    font-size: 6px;
    opacity: 0.9;
    content:'.';
}


.abtteam-slidecon  .slick-dots li button:before{
    font-size: 22px;
    padding-left:1px;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 20px;
    height: 20px;
     display:flex;
    align-items:center;
    justify-content:center;
    content: "•";
    text-align: center;
    opacity: 0.9;
    color: rgb(153, 153, 153);
    -webkit-font-smoothing: antialiased;
  
}


.abtteam-slidecon .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #000;
    border: solid 1px #000;
    border-radius: 100%;
   
    
}



/*--- services ---*/


.abtmv1-secimg img{
    margin-top:60px;
    height:300px;
}

.vdatasec-img2 img{
    
     margin-top:60px;
    height:300px;
}
.abtservice-bgbanner{
    
     background:url('../images/SERVICES.jpg');
}

.pservtabs-links .nav-link:hover{
    
    border:transparent;
}

.pservtabs-links .nav-link:focus{
    outline:0;
    border:none;
}


.pservices-cattabs{
    
    padding:0px 15px;
}
.pservtabs-links .nav-link:hover{
    
    border-bottom:solid 2px #000;
    color:#000;
}

.pservtabs-links .nav-link{
    border:none;
    padding-left:0px;
    padding-right:0px;
    margin-right:45px;
    margin-bottom:0px;
    font-family: 'Gotham Book';
    font-weight:600;
    color:rgba(0, 0, 0, 0.59);
    font-size:16px;
}
.pservtabs-links .nav-link.active{
    color:#000;
    border:none;
    border-bottom:solid 2px #000;
    background:transparent;
}


.servsecpad-top{
    
    padding-top:30px;
}

.print-tabssec-img{
    width:100%;
    /*height:325px;*/
    overflow:hidden;
}
.print-tabssec-img img{
    
   /* width:100%;
    height:325px;*/
    overflow:hidden;
    transition: transform 2s;
}


.quotesimg{
   position: absolute;
    top: 20px;
    left: -60px;
    /* bottom: 60px; */
    z-index: -1;
}
.quotesimg img{
    
   width:450px;
    height:100%;
}

/*.print-tabssec-img:hover img{
  -ms-transform: scale(1.1); 
  -webkit-transform: scale(1.1); 
  transform: scale(1.1); 
}*/

.printserv-scat{
   
    margin-top:30px;
    border-bottom:1px solid rgba(0,0,0,.5);
    padding-bottom:15px;
    line-height: 38px;
     font-family: 'Gotham Book';
    letter-spacing:-1px;
    font-size: 27px;
    font-weight: 500;
    position:relative;
}


.printserv-scat::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    bottom: 0;
    position: absolute;
    right: 0;
    background: #000;
    -webkit-transition: width .5s;
    transition: width .5s;
} 

.printserv-scat:hover::after {
    width: 100%;
    left:0px;
 

    
}
.printserv-scat:hover{

cursor: context-menu;

}

.printserv-scatl{
     width:95%;
    
}

.printserv-scatr{
     width:95%;
    
}

.vdata-printcon{
    
    background:url('../images/services/vprint_bg.png'), ; /*#6DB3F2*/
    background-size:cover;
    position:relative;
}

.pdx15{
    
    padding:0px 15px;
}

.mrx15{
    
    padding:0px 15px;
}
.vdataoverlay-bg{
    
    position:absolute;
    right:0;
    left:0;
    top:0;
    bottom:0;
    background:rgba(255, 255, 255, 0.94);
}


.vdata-secimg{
    top:0;
    position:absolute;
    left:0;
    right:54%;
    bottom:0;
    background:url(../images/services/vdata1.png);
    background-size:cover;
    background-repeat:no-repeat;
}

/* bootstrap hack: fix content width inside hidden tabs */
.pservices-section .tab-content > .tab-pane,
.pservices-section .pill-content > .pill-pane {
    display: block;     /* undo display:none          */
    height: 0;          /* height:0 is also invisible */ 
    overflow-y: hidden; /* no-overflow                */
    border:none;
}
.pservices-section .tab-content > .active,
.pservices-section .pill-content > .active {
    height: auto;       /* let the content decide it  */
} /* bootstrap hack end */

.pservices-section .control .icon-sliderleft img {
    transform: rotate(180deg);
    margin-right:15px;
}

.pservices-section .control  img {width:40px;}

.pservices-section .control{
    width: 100px;
    float: right;
    margin-top:15px;
    position:relative;
    z-index:55;
    cursor:pointer;
    }

.vprinttab-prev{
    
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:99;
    transition: all ease-in-out 0.3s;
}

.vprinttab-next{
    
    position:absolute;
    bottom:0px;
    left:80px;
    z-index:99;
    transition: all ease-in-out 0.3s;
}

.vprinttab-next:hover {
    left: 85px;
    transition: all ease-in-out 0.3s;
}


.vprinttab-prev:hover {
    left:-5px;
    transition: all ease-in-out 0.3s;
}


.vtabslide-section .printstabs-text:focus{
    
     
    outline:none!important;
    outline:0!important;
}


/*--- our work section --*/


.our-workptitle{
font-family: 'Helvetica Neue';
    font-size: 30px;
    font-weight: 500;
    line-height:35px;
    
}

.ourwork-conrow{
    
    justify-content:space-between;
}

.oursec-partimg{
    height:500px;
    overflow:hidden;
    transition: transform 2s;
}
.oursec-partimg img{
    width:100%;
    height:500px;
    overflow:hidden;
    transition: transform 2s;
}



.oursec-partimg:hover img{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.ourwsec-part2{
      height:500px;
    
}

.heightw-overhide{
    height:350px;
    overflow:hidden;
}
.ourwsec-part2 img{
    object-fit:cover;
    width:100%;
    height:350px;
    overflow:hidden;
     transition: transform 2s;
}


.ourwsec-part2 img{
    
    transition: transform 2s;
}

.ourwsec-part2:hover img{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.ourw-sectitle{
    
    margin-top: 25px;
    font-size: 14px;
    color: #212529;
    font-family: 'Gotham Book';
    font-weight: 600;
}


.ourw-sectxt{
    font-family: 'Gotham Book';
    margin-top: 3px;
    font-size: 14px;
    color: #585a5b;
    font-weight: 500;
    
}


.ourwsec-part2title{
    margin-bottom:80px;
    font-family: 'Helvetica Neue';
    font-size: 45px;
    line-height: 60px;
    font-weight: 500;
}


.oursec-part12img1{
    height:500px;
    overflow:hidden;
    
}
.oursec-part12img1 img{
    width:100%;
    height:500px;
    object-fit:cover;
    overflow:hidden;
    transition: transform 2s;
}

.oursec-part12img1 img{
    
    transition: transform 2s;
}

.oursec-part12img1:hover img{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.jstcon-sbet{
    
    justify-content:space-between;
}

.oursec-part12img2{
      margin:100px 0px;
}

.oursec-part12img2{
    
}

.imgover1-hide {
    height:260px;
    overflow:hidden;
}
.oursec-part12img2 img{
  
    width:100%;
    height:260px;
}

.imgover1-hide img{
    
    transition: transform 2s;
}

.imgover1-hide:hover img{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.ourwsec-part12{
   margin-top:80px; 
    
}


.ourwsec-part14{
   margin-top:80px; 
    
}


.ourwsec-part13{
    
    margin-top:100px;
}


.overimg4-hide{
     height:500px;
     overflow:hidden;
    
}
.oursec-part12img4 img{
    
    width:100%;
    height:500px;
}

.overimg4-hide img{
    
    transition: transform 2s;
}

.overimg4-hide:hover img{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.getint-video{
    
    position:absolute;
    top:0px;
    bottom:0px;
    right:0;
    left:0;
    width:100%;
    height:inherit;
    object-fit:cover;
}
.mbrand-img img{
    
    margin:0px auto;
}

.mbrand-img{
    margin:15px 15px 30px 15px;
 
    text-align:center;
    border:solid 1px rgba(0, 0, 0, 0.49);
    padding: 15px;
}


.trustbyslider  .slick-dots {
    position: absolute;
   bottom:10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    
}

.trustbyslider  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 12px;
    padding: 0;
    cursor: pointer;
}

.trustbyslider  li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}


.trustbyslider  .slick-dots li button:before {
    color: #000;
    font-size: 6px;
    opacity: 0.9;
    content:'.';
}


.trustbyslider   .slick-dots li button:before{
    font-size: 22px;
    padding-left:1px;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 20px;
    height: 20px;
     display:flex;
    align-items:center;
    justify-content:center;
    content: "•";
    text-align: center;
    opacity: 0.9;
    color: rgb(153, 153, 153);
    -webkit-font-smoothing: antialiased;
  
}


.trustbyslider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #000;
    border: solid 1px #000;
    border-radius: 100%;
   
    
}

.mobile_menu{
padding: 19px 0px;
    width: 100%;
    z-index: 999;
    border-bottom: solid 1px #fff;
    
}
.barsicons{ color:#0000 !important;}
.mobile_menu span{
    color:#000000 !important;
}

.bgwhite{
    background-color:#fff!important;
}


.pyborbt{
    padding:15px 15px;
    border-bottom:solid 1px #fff;
}

.brbtblack{
   border-bottom:solid 1px #000!important; 
}

.textblack{
    color:#000!important;
}

.sidenav {
    padding:0px 0px;
  height: 100%;
  width: 0;
  position: fixed;
  z-index:9999;
  top: 0;
  
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: 0.5s;
 
}

.sidenav a {
  
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn:hover{
    text-decoration:none
}

.sidenav .closebtn {
 font-size: 50px;
    cursor: pointer;
    color: #fff;
    line-height: 40px;
}

.mobilemenu-link{
    
    transition:0.6s;
}
.mobilemenu-link a{
    font-family: 'Gotham Book';
   
    color:#fff;
    font-size:25px;
    margin:15px 0px;
    
}

.mobilemenu-link{
    height:80vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}



.vprinttab-prev1{
    color:#fff;
    font-size:30px;
    position:absolute;
    bottom:0px;
    right:0px;
    line-height:0;
    z-index:99;
    transition: all ease-in-out 0.3s;
}

.vprinttab-prev1:hover{
    color:#fff;
    text-decoration:none;
}

.vprinttab-next1{
    color:#fff;
    line-height:0;
    font-size:30px;
    position:absolute;
    bottom:0px;
    right:60px;
    z-index:99;
    transition: all ease-in-out 0.3s;
}

.vprinttab-next1:hover{
    color:#fff;
    text-decoration:none;
}


@media (max-width:1920px) and (min-width:1440px){
    .video-sec{
   
    height:80vh;
    }
    
.imhome-banner2 .banner-title {
    width: 35% !important;
}
    
.imheader-banner2{height:525px !important;}    
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


.projectImg .d-flex {
    padding: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: #191a1d47;
}
.projectImg {
    overflow: hidden;
    position: relative;
    margin-bottom:30px;
    margin-left:15px;
    margin-right:15px;
}
.projectImg .d-flex span {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}
span.underline {
    text-decoration: underline;
}

.projectImg img {
    transition: all ease-in-out 0.5s;
    width:100% !important;
}

.projectImg:hover img {
    transform: scale(1.2);
}

/*.scroll {
        height: 250px;
    overflow-y: scroll;
    padding-right: 30px;
}*/

.scroll::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.scroll::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.scroll::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.fancybox-container{
        z-index: 9999999 !important;
}

.hide {
    display:none;
}



.fancybox-infobar{
    font-size:25px!important;
    line-height:19px!important;
}


.formbtn .btn{
    margin-top:25px;
    border:solid 1px #000;
    
}


.formbtn:hover .btn{
    
    
    background:#000;
    color:#fff;
}

.formbtn .btn:focus{
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);

}
.formpart .form-control{
    margin-bottom:30px;
}
.formpart input:focus{
    outline:0;
    box-shadow:none;
    border-color:#000;
    border-width:2px;
    position:relative;
}

.formpart input{
    padding-left:0px;
    border:none;
    border-bottom:solid 1px #000;
    border-radius:0;
}


.formpart textarea:focus{
    outline:0;
    box-shadow:none;
    border-color:#000;
    border-width:2px;
}

.formpart textarea{
     padding-left:0px;
    border:none;
    border-bottom:solid 1px #000;
    border-radius:0;
}


.formpart select:focus{
    outline:0;
    box-shadow:none;
    border-color:#000;
    border-width:2px;
}

.formpart select{
     padding-left:0px;
    border:none;
    border-bottom:solid 1px #000;
    border-radius:0;
  
}
.formpart option{
    
    padding-left:0px;
    margin-left:0px;
}


.printing-servlink a{
    position:relative;
    border:none;
    text-transform:capitalize;
    font-size:14px;
    padding-left:0px;
    border-bottom:1px solid rgba(0,0,0,.125);
    background:transparent;
    transition: all ease-in-out 0.3s;
}


.printing-servlink a:hover{
    background:transparent;
    opacity:0.8;
}
.printing-servlink a:last-child{
    border:none;
}


.printing-servlink .link-sclickicon{
    top:30%;
    position:absolute;
    right:10px;
    transition: all ease-in-out 0.3s;
}

.printing-servlink .link-sclickicon img{ width:20px;}

.printing-servlink a:hover .link-sclickicon{
 right:0px;   
}

.printlist-icon{
    width:32px;
}


.vission_mission .amvsec-title.secpad-top{
       font-size: 15px;
    color: #fff;
    font-family: 'Helvetica Neue';
    font-weight: 600;
    padding-top:0;
}

.vission_mission .amvsec-text p{
    line-height: 38px;
    font-family: 'Gotham Book';
    letter-spacing: -1px;
    font-size: 30px;
    font-weight: 500;
}

.pd-6 {
    padding-bottom:80px;
}

/*.pservices-section  {*/
/*    padding-bottom:40px!important;*/
/*}*/

#construction{
background: #fff;
    padding: 100px 0 100px 0;
    text-align: center;}
.paddlr0{ padding:0 !important;}
.padd80{ padding:60px 0px;}  
.wearegrid{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.wearegrid .col-md-3{ max-width:20%;}
.wearegrid .who-thumb{ min-height:auto !important; padding:22px !important; text-align:center;}
.wearegrid .who-thumb h5{ font-size:18px;}
.Industrygridwrapp {width:100%; float:left; position:relative;}
.Industrygridwrapp .indushead{ font-size:30px; font-family:'Helvetica Neue'; color:#000000; margin-bottom:40px; line-height:normal;}
/*.indusinnergrid{ width:100%; float:left; margin-bottom:50px;}*/
/*.indusinnergrid .industry { width:100%;padding:30px 0; background:#fff;box-shadow:0 0 10px 2px #cccccc69;text-align: center;margin-bottom: 25px; -webkit-transition: all ease-in-out 0.3s;*/
/*    -o-transition: all ease-in-out 0.3s;*/
/*    transition: all ease-in-out 0.3s;}*/
/*.industry .hover {display: none;}*/
/*.industry:hover .hover{display:block;margin: auto;}*/
/*.industry:hover .hover-none{display:none;}*/
/*.indusinnergrid .orange:hover{background:#ed1766;color:#fff;}*/
/*.indusinnergrid .orange2:hover{background:#efe539;}*/
/*.indusinnergrid .orange3:hover{background:#00aeef;color:#fff;}*/
/*.indusinnergrid .industry:hover strong{color:#fff;}*/

/*.indusinnergrid .industry img{width:120px;}*/
/*.indusinnergrid .industry strong{ font-size:18px; color:#000; padding-top:20px;display: block;font-family: 'Gotham Book';}*/
/*.indusinnergrid p{ font-size:15px; color:#000; font-family: 'Gotham Book';}*/
/*.indusinnergrid a{ width:120px; float:left; font-size:15px; color:#000; font-weight:normal; position:relative; border-bottom:solid 1px #F7F7F7;}*/
/*.indusinnergrid a::after{content: '→'; right: 0; position: absolute; font-size: 23px; top: -7px; height: 0}*/

/*.indusinnergrid a:hover{text-decoration:none;}*/
/*.indusinnergrid a:hover::after{*/
/*	transition: all ease-in-out 0.3s;*/
/*	right:-2%;*/
/*}*/
/*.indusinnergrid a:hover{*/
/*	opacity:0.8;*/
/*	transition: all ease-in-out 0.3s;*/
/*	border-bottom:solid 1px rgba(0, 0, 0, 0.8);*/
	
/*}*/

.pointer; {cursor: pointer;}
.disflex{ text-align:center;}
    .section-box{
        height: 200px;
        width:100%;
        background:#000;
        /*background: radial-gradient(#6e6e6e,#2f2f2f);*/
        /*background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);*/
        /*background: -moz-radial-gradient(#6e6e6e,#2f2f2f);*/
        color: #fff;
        position: relative;
        overflow:hidden;
        margin-bottom:35px;
        box-shadow:0 0 0.2px 0.1px #2f2f2f;
    }
    .section-box figure {
        position: absolute;
        text-align: left;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box figure strong{ font-size:18px; color:#fff; padding-top:10px;display: block;font-family: 'Gotham Book';}
    .section-box figure p{
        font-size:14px; color:#ffff; font-family: 'Gotham Book'; padding:8px 0;
    }
    
    .section-box figure a{
        width:40px; float:left; text-align:left; font-size:14px; color:#fff; font-weight:normal; position:relative; cursor:pointer; z-index:4;}
    }
    .section-box figure a svg{ width:40px;}
    .section-box figure a i{ font-size:32px; color:#ffffff; position:relative; left:2px;}
    /*.section-box figure a::after{content: '→'; width:100%; right: 0; position: absolute; font-size: 23px; top: -7px; height: 0}*/

    /*.section-box figure a:hover{text-decoration:none;}*/
    /*.section-box figure a:hover::after{*/
    /*	transition: all ease-in-out 0.3s;*/
    /*	right:-2%;*/
    /*}*/
    /*.section-box figure a:hover{*/
    /*	opacity:0.8;*/
    /*	transition: all ease-in-out 0.3s;*/
    /*	border-bottom:solid 1px #fff;*/
    	
    /*}*/
    .section-box .hoverimg
    {
        height: 100%;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        position: absolute;
        flex-direction: column;
        background:#fff;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box .hoverimg strong{ font-size:18px; color:#000; padding-top:15px;display: block;font-family: 'Gotham Book';}
    
    .section-box .hoverimg img{ 
        width:100px;
    }
    .section-box:hover .hoverimg{
        opacity:0;
        /*transform: translate(0,-150%);*/
        /*-webkit-transform: translate(0,-150%);*/
        /*-moz-transform: translate(0,-150%);*/
    }
    #fullname_error,#email_error,#phone_error,#appointment_title_error,#appoint_desc_error,#event-start-time_error
    ,#event-end-time_error{ position:absolute; top:37px; right:20px;}
    .input-error {
    color: red;
    font-size: 13px;
    }
    .bottomshape{ position:absolute; bottom:0; left:0; z-index:33; width:100%;}
    .bottomshape img{ width:100%;}
    .ourgridsider { width:100%;}
    .gridtitle h4{font-size: 1.59rem; font-family: 'Helvetica Neue'; font-weight: 500; color: #212529; padding-bottom: 15px;}
    .ourslide .control .icon-sliderleft img {
        transform: rotate(180deg);
        margin-right:15px;
    }
    
    .ourslide .control  img {width:40px;}
    
    .ourslide .control{
        width: 100px;
        float: right;
        margin-top:15px;
        position:relative;
        z-index:55;
        cursor:pointer;
        }
    
    .ourslide .control .icon-slider-left img {
        transform: rotate(180deg);
        margin-right:15px;
    }
    
    .ourslide .control  img {width:40px;}
    
    .ourslide .control{
        width: 100px;
        float: right;
        margin-top:15px;
        position:relative;
        z-index:55;
        cursor:pointer;
        }
    .banner-slide{ position:relative;}
    .inner-sec-rotat{
        position: absolute;
        height: 100%;
        overflow:hidden;
        width:520px!important;
        top:0;
        left:0;
        bottom:0;
        z-index:1;
    }
    
    .inner-sec-rotat::after{
        content: '';
        position: absolute;
        left: -87px;
        top:-75px;
        /*width:436px;*/
        width: 90%;
        background: #00000030;
        height: 130%;
        transform: rotate(14deg);
        z-index:-1;
    }
    .cateimg img{ width:100%;}
    
.bantextvert{ width:100%;}
.bantextvert .slidgrid{ width:280px !important; display:block;  height:200px !important; position:relative; z-index:3;}
.bantextvert .slidgrid h2{ position:absolute; z-index:5; width:100%; height:100%; align-items:center; display:flex;}
.imhome-banner .inner-sec .service-title{ padding-left:20%;}
