@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900');
@import url('corporate-bazar.css');
@import url('slick.css');
@import url('slick-theme.css');
.rubik{font-family: 'Rubik', sans-serif;}
a, button, input, .button, .btn{ transition: all ease-in-out 0.35s; -webkit-transition: all ease-in-out 0.35s;}
h1,h2,h3,h4,h5,h6, strong, b, th{ font-weight: 500;}
img{ max-width: 100%; display: block;}
body{font:400 15px/1.6 'Rubik', sans-serif; padding: 0; }
.btn{ border-radius: 50px;  padding: 20px 50px 17px; font-size: 1.066667em; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; line-height: 1; box-shadow: none;}
.btn-default{ background: #fff; color: #2c1a7d; border: none;}
.btn-default:hover{background:rgba(255,255,255,0.75); color: #2c1a7d; }
.btn-primary{ background: #523cb8;
    background-image: -moz-linear-gradient(145deg, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.08) 100%); 
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255,255,255,0.08)), color-stop(100%, rgba(0,0,0,0.06))); 
    background-image: -webkit-linear-gradient(145deg, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.08) 100%); 
    background-image: -o-linear-gradient(145deg, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.08) 100%); 
    background-image: -ms-linear-gradient(145deg, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.08) 100%); 
    background-image: linear-gradient(305deg, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.08) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); 
    color: #fff; border: none;}
.btn-primary:hover{ background: #f3860a; }

.form-control{ border-radius:3px; background: rgba(42,47,89,0.08); padding: 15px; line-height: 1; font-size: 1em; border-color: rgba(0,0,0,0);}
textarea.form-control{ height: 100px;}
.form-list { display: block; padding: 0;}
.form-list li { display: block; margin: 0;}
.form-list li .form-field{ margin: 0 -10px; }
.form-list li .form-field:after{ content: ""; display: table; clear: both;}
.form-list li .form-field .form-group{ width: 50%; float: left; padding: 0 10px;}
.form-list li .form-field .form-group.wide{ width: 100%; }
.form-list li .form-field .form-group.oneThird{ width: 33.333334%; }


.outer-wrapper{ max-width: 1800px; margin: auto; padding: 0 45px;}
.outer-wrapper:after{ display: table; clear: both; content:"";}

.tab-pane{ display: none;}
.tab-pane.active { display: block;}

.page{ overflow: hidden;}
.page:after{ display: table; clear: both; content:"";}

 p{ color: rgba(0,0,0,0.5);}

.header{ position: absolute!important; top: 0; left: 0; width: 100%; z-index: 999;}
.header.sticky{position: fixed!important; background: #fff; box-shadow: 0 1px 5px 0px rgba(0,0,0,0.1);}
.topbar{ padding: 0; border-bottom: 1px solid rgba(255,255,255,0.2);}
.bar-collapse  { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1;  -ms-flex-align: center; align-items: center;}

 .collapse {
    display: none;
}
.collapse.show{ display: block;}

.mainbar { padding:25px 0; }
.mainbar .nav-toggle-btn {margin: 0;
    margin-left: auto;
    background: rgba(255,255,255,0.2);
    height: 38px; display: none; }
.mainbar .logo-nd-call{ display: flex; flex-direction: row;}
.mainbar .logo-nd-call .call-us{ margin-left: 20px; padding-left: 20px; border-left: 1px solid #aaa;}
.mainbar .logo-nd-call .call-us a{ color: #fff; font-size: 1.2em; text-decoration: none; font-weight: 400;}
.mainbar .logo-nd-call .call-us a:hover{ color: #f3860a; }
.mainbar .logo-nd-call .call-us a i{ font-size: 17px; margin-right: 5px;}
.mainbar .logo{ max-width: 220px;}
.mainbar .logo img.logo-white { display: block;}
.mainbar .logo img.logo-color { display: none;}
/*.mainbar .logo:hover img{ -webkit-filter: brightness(1);  filter: brightness(1);}*/
.mainbar .collapse-navbar {margin: 0 ; margin-left: auto;  }
.mainbar .navbar-nav { font-size: 1.06667em; display: flex;}
.mainbar .navbar-nav li { padding:0 5px; margin: 0 auto;}
.mainbar .navbar-nav li a{ display: block; padding:10px 20px 8px; color: #fff; position: relative; font-weight: 400; line-height: 1;}
.mainbar .navbar-nav li a:after{ width: 20px; height: 2px; background: #f3860a; content: ""; position: absolute; bottom: 0; left: calc(50% - 10px); border-radius: 10px; opacity: 0; transition: all ease-in-out 0.35s; -webkit-transition: all ease-in-out 0.35s;}
.mainbar .navbar-nav li a:hover:after{ opacity: 1;}
.mainbar .navbar-nav li.active a:after{ opacity: 1;}

.header.sticky .mainbar .navbar-nav li a{ color: rgba(0,0,0,0.75);}
.header.sticky .mainbar .logo img.logo-white { display: none;}
.header.sticky .mainbar .logo img.logo-color { display: block;}
.header.sticky .mainbar .logo-nd-call .call-us a{ color: #f3860a; }

 
.descrp{ max-width: 850px; margin: auto; padding: 30px 0;}
.descrp h2{ font-size: 2.6667em; color: #0b032f; line-height: 1; text-align: center; position: relative; padding-bottom: 15px;}
.descrp h2 span{ display: block; padding-bottom: 15px; font-size: 0.35em; text-transform: uppercase; color: #f3860a; font-weight: 400;}
.descrp h2:after{ width:33px; height: 2px; background:rgba(0,0,0,0.22); content: ""; position: absolute; bottom: 0; left: calc(50% - 10px); border-radius: 10px; opacity: 1; transition: all ease-in-out 0.35s; -webkit-transition: all ease-in-out 0.35s;}
.descrp p{ text-align: center;  color: rgba(0,0,0,0.65); text-align: center; padding:25px 0 0;}

.hero{ }
.hero .slide{ position: relative; min-height: 806px; height: 100vh; }
.hero .hero-container{    align-items: center; max-height: 600px; position: absolute;   padding-top: 230px; padding-bottom:30px; z-index: 99; top: 0; width: 100%;}
.hero .hero-container:after{ display: table; clear: both; content: "";}
.hero .hero-container .hero-graphic{ margin-right: -485px;       transform: translate(0, 100px);}
.hero .hero-container .description { color: #fff; max-width: 560px; }
.hero .hero-container .description h2{line-height: 1.15; font-weight: 300; text-align: left; font-size:4.066667em; margin: 0;}
.hero .hero-container .description p{ padding: 20px 0 25px; font-size: 1.466667em; letter-spacing: 0.05em; font-weight: 300; margin: 0; color: #fff;}
 

.hero .slick-arrow{ width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1); z-index: 9;}
.hero .slick-arrow:hover{background: rgba(255,255,255,0.5);}
.hero .slick-arrow:before{ display: none;}
.hero .heroSilder .slick-arrow.slick-prev {left: -100px;}
.hero .heroSilder .slick-arrow.slick-next{ right: -100px;}
.hero .heroSilder:hover .slick-arrow.slick-prev {left: 40px;}
.hero .heroSilder:hover .slick-arrow.slick-next{ right: 40px;}
.hero .slick-arrow.slick-next:after,
.hero .slick-arrow.slick-prev:after{right:30%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
    border-width: 5px;
	margin-top: -5px;
}

.hero .slick-arrow.slick-next:after {
	
	border-left-color: rgba(255,255,255,0.5);
	
}
.hero .slick-arrow.slick-prev:after {
	left:30%;
	border-right-color: rgba(255,255,255,0.5);
	
}

.hero .slick-arrow.slick-next:hover{border-left-color: rgba(255,255,255,0.95);}
.hero .slick-arrow.slick-prev:hover{border-right-color: rgba(255,255,255,0.95);}

.hero .slick-dotted.slick-slider{ margin-bottom: 0;}
.hero .slick-dots{ bottom:50px;}
.hero .slick-dots li{ width: auto; height: auto; margin: 0 5px; }
.hero .slick-dots li button{ background: #fff; border-radius: 50%; width: 12px; height: 12px; opacity: 0.5;}
.hero .slick-dots li.slick-active button{ opacity: 1;}
.hero .slick-dots li button:before{ display: none;}



@media (min-width: 992px){
    .hero .hero-container,  
.bar-collapse {    display: -ms-flexbox!important;    display: flex!important;    -ms-flex-preferred-size: auto;    flex-basis: auto;}
    
  
.mainbar .navbar-nav,    
.topbar .navbar-nav { -ms-flex-direction: row; flex-direction: row;}   
    
}/*closed @media (min-width: 992px)*/


.hp-main-tabs{}
.hp-main-tabs:after{ display: table; clear: both; content: ""; }
.hp-main-tabs .tabar{ }
.hp-main-tabs .tabar .nav-tabs{ border: none; text-align: center; justify-content: center; border-bottom: 1px solid rgba(0,0,0,0.05); margin: 0 -15000px; padding: 0 15000px;}
.hp-main-tabs .tabar .nav-tabs li{ display: block; margin: 0; padding: 0 10px; }
.hp-main-tabs .tabar .nav-tabs li a{ border: none; border-radius: 0; padding: 20px 50px 15px; color: #000000; opacity: 0.3; border-bottom: 2px solid rgba(44,26,125,0);}
.hp-main-tabs .tabar .nav-tabs li a.active{ opacity: 1; border-color:rgba(44,26,125,1);}
.hp-main-tabs .tabar .nav-tabs li a span{ display: block; line-height: 34px;     position: relative;    padding-left: 40px;}
.hp-main-tabs .tabar .nav-tabs li a i {font-size: 2.0666667em; position: absolute;   left: 0;    top: 0;}
.hp-main-tabs .tabar-content{ padding-top: 90px;}
.tab-content > a.accordion-link,
.hp-main-tabs .tabar-content h3{ display: none;}
.hp-main-tabs .tabar-content .process { padding: 15px 0 50px;}
.hp-main-tabs .tabar-content .process .process-card{ position: relative; text-align: left; margin: 0;}
.hp-main-tabs .tabar-content .process .process-card .icon-num{ font-size: 220px; font-family: "Times New Roman", "Georgia", sans-serif; font-style: italic; font-weight: bold; color: #fff5ef; line-height: 1;}
.hp-main-tabs .tabar-content .process .process-card .icon-num i{ font-size: 40px; color: #ff8f0f;}
.hp-main-tabs .tabar-content .process .process-card h3{ font-size: 1.4428em; font-weight: 400; color: #2c1a7d; margin: 0; padding-bottom:15px; display: block;}
.hp-main-tabs .tabar-content .process .process-card p{ color: rgba(0,0,0,0.5);}
.hp-main-tabs .tabar-content .abt-content{  max-width: 450px; padding-bottom: 50px;}
.hp-main-tabs .tabar-content .abt-content.abt-left{ margin: auto; margin-right: 0; padding-right: 15px; text-align: right;}
.hp-main-tabs .tabar-content .abt-content.abt-right{ margin: auto; margin-left: 0; padding-left: 15px; text-align: left;}
.hp-main-tabs .tabar-content .abt-content h4{ font-weight: 400; color: #2c1a7d; font-size: 1.428571em; line-height: 1.5; }
.hp-main-tabs .tabar-content .abt-content h5{ font-weight: 400; color: rgba(0,0,0,0.77); font-size: 1.1428571em; line-height: 1.5; margin: 0; padding: 15px 0; }
.hp-main-tabs .tabar-content .abt-content ul{ display: block; padding: 0;}
.hp-main-tabs .tabar-content .abt-content ul li{ display: block; clear: both; font-size:0.928571em;  color: rgba(0,0,0,0.56); padding: 5px 0; line-height: 1.5; position: relative; }
.hp-main-tabs .tabar-content .abt-content ul li:before{ position: absolute; width: 4px; height: 4px; background: rgba(0,0,0,0.4); border-radius: 10px; content: ""; top: 13px;}
.hp-main-tabs .tabar-content .abt-content.abt-left ul li{ padding-right: 20px;}
.hp-main-tabs .tabar-content .abt-content.abt-left ul li:before{ right: 5px;}
.hp-main-tabs .tabar-content .abt-content.abt-right ul li{ padding-left: 20px;}
.hp-main-tabs .tabar-content .abt-content.abt-right ul li:before{ left: 5px;}

.hp-main-tabs .tabar-content .whyus { padding-bottom: 50px;}
.hp-main-tabs .tabar-content .whyus .card-whyus{box-shadow: none; border-radius:0;  padding: 0; text-align: left; align-items: none; justify-content: center; border:none; margin:0; background: none; }
.hp-main-tabs .tabar-content .whyus .card-whyus .wrap-icon{ display: block; margin: auto; margin-left: 0; font-size: 45px; display: block; line-height: 1}
.hp-main-tabs .tabar-content .whyus.card-whyus .wrap-icon  > span{ background: #416ee3;
background: -moz-linear-gradient(4card-5deg, #416ee3 0%, #339df2 100%);
background: -webkit-linear-gradient(45deg, #416ee3 0%,#339df2 100%);
background: linear-gradient(45deg, #416ee3 0%,#339df2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#416ee3', endColorstr='#339df2',GradientType=1 );
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent; 
-webkit-text-fill-color: transparent; }
.hp-main-tabs .tabar-content .whyus .card-whyus .wrap-num{font-family: "Times New Roman", "Georgia", sans-serif; font-size: 60px; font-weight: 700; text-align: left; color: #f8e4d6; line-height: 1;}
.hp-main-tabs .tabar-content .whyus .card-whyus h3{ font-size: 1.066667em; text-align: left; -webkit-align-self: flex-start;    -ms-flex-item-align: start;    align-self: flex-start; padding:18px 0 10px; margin: 0; color: #5d5d5d;  font-weight: 400; color: rgba(0,0,0,0.80);}
.hp-main-tabs .tabar-content .whyus .card-whyus a{ -webkit-align-self: flex-start;    -ms-flex-item-align: start;    align-self: flex-start; display: block; border: 1px solid rgba(0,0,0,0.05); display: block; padding: 6px 15px 5px; border-radius: 30px; font-weight: 600; color: rgba(0,0,0,0.75); text-decoration: none;}
.hp-main-tabs .tabar-content .whyus .card-whyus a:hover{background:rgba(0,0,0,0.1); box-shadow: 0 0 10px 4px rgba(0,0,0,0.01) inset; border-color:rgba(0,0,0,0.1);   }
.hp-main-tabs .tabar-content .whyus .card-whyus p{ font-weight: 300; line-height: 1.75; color: rgba(0,0,0,0.65)}




.graphic{ position: absolute; top: auto; left: auto;}
.services{background: #f6f6f6; padding: 90px 0 60px; position: relative;}
.services:after{ clear: both; content: ""; display: table;}
.services .graphic-1{ top: -204px; left: 0;}
.services .graphic-2{ top: -190px; right: 0;}
.services .graphic-3{ bottom: 0; left: 0;}
.services .services-tabs .responsive-tabs-container{ display: flex; flex-direction: row;}
.services .services-feattured a.accordion-link{ display: none; background: rgba(0,0,0,0.05); color: rgba(0,0,0,0.9); text-decoration: none; text-align: left; padding: 10px 15px; line-height: 1.2; border: 1px solid rgba(0,0,0,0.1); border-width: 0 0 1px;  border-radius:0; font-size: 14px; position: relative;}
.hp-main-tabs .tab-content > a.accordion-link span:after,
.services .services-feattured a.accordion-link:after {
	right: 10px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-left-color: rgba(0,0,0,0.5);
	border-width: 5px;
	margin-top: -5px;
}

.hp-main-tabs .tab-content > a.accordion-link.active span:after,
.services .services-feattured a.accordion-link.active:after {
	top: 58%;
	right: 14px; 
	border-left-color: rgba(0,0,0,0);
 	border-color: rgba(0, 0, 0, 0);
	border-top-color:rgba(0,0,0,0.5);
	 
}


.services .nav-tabs{ flex-direction: column; clear: both; margin: 0; padding-right: 30px; border: none; -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;}
.services .nav-tabs li{ display: block; padding: 10px 0;}
.services .nav-tabs li a{ font-size: 1.06667em; line-height: 1; padding: 20px 10px; border-radius: 3px 0 0 3px; position: relative;  border: none; border-left: 5px solid rgba(44,26,125,0); text-align: right; color: #929292; text-decoration: none; display: block; box-shadow: none;}
.services .nav-tabs li a.active,
.services .nav-tabs li a:hover{ background: rgba(255,255,255,0.7); color:rgba(44,26,125,1); border-color: rgba(44,26,125,1); box-shadow: -5px 0 10px 0px rgba(0,0,0,0.1)/*, inset 1px 0 3px 0 rgba(0,0,0,0.1)*/ }

.services .services-feattured{ -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%}
.services .services-feattured h3{ display: none;}
.services .card-service{box-shadow: none; border-radius:0;  padding: 0 0 15px; text-align: left; align-items: none; justify-content: center; border:none; margin:0; background: none; }
.services .card-service .wrap-icon{ display: block; margin: auto; margin-left: 0; font-size: 45px; display: block; line-height: 1}
.services .card-service .wrap-icon  > span{ background: #416ee3;
background: -moz-linear-gradient(4card-5deg, #416ee3 0%, #339df2 100%);
background: -webkit-linear-gradient(45deg, #416ee3 0%,#339df2 100%);
background: linear-gradient(45deg, #416ee3 0%,#339df2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#416ee3', endColorstr='#339df2',GradientType=1 );
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent; 
-webkit-text-fill-color: transparent; }
.services .card-service .wrap-num{font-family: "Times New Roman", "Georgia", sans-serif; font-size: 40px; font-weight: 700; text-align: left; color: #f3860a; line-height: 1;}
.services .card-service h3{ font-size: 1.066667em; text-align: left; -webkit-align-self: flex-start;    -ms-flex-item-align: start;    align-self: flex-start; padding:5px 0 10px; margin: 0; color: #5d5d5d;  font-weight:500; color: rgba(0,0,0,0.80); display: block; }
.services .card-service a{ -webkit-align-self: flex-start;    -ms-flex-item-align: start;    align-self: flex-start; display: block; border: 1px solid rgba(0,0,0,0.05); display: block; padding: 6px 15px 5px; border-radius: 30px; font-weight: 600; color: rgba(0,0,0,0.75); text-decoration: none;}
.services .card-service a:hover{background:rgba(0,0,0,0.1); box-shadow: 0 0 10px 4px rgba(0,0,0,0.01) inset; border-color:rgba(0,0,0,0.1);   }
.services .card-service p{ font-weight: 300; line-height: 1.75; color: rgba(0,0,0,0.65)}

.business-clients{background: #392594 url(../images/our-belive-bg.jpg) no-repeat top center fixed; background-size: cover; position: relative; padding: 100px 0 120px;}
.business-clients:after{ content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0.95; background: rgba(64,41,170,1);
background: -moz-linear-gradient(left, rgba(64,41,170,1) 0%, rgba(64,43,159,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(64,41,170,1)), color-stop(100%, rgba(64,43,159,1)));
background: -webkit-linear-gradient(left, rgba(64,41,170,1) 0%, rgba(64,43,159,1) 100%);
background: -o-linear-gradient(left, rgba(64,41,170,1) 0%, rgba(64,43,159,1) 100%);
background: -ms-linear-gradient(left, rgba(64,41,170,1) 0%, rgba(64,43,159,1) 100%);
background: linear-gradient(to right, rgba(64,41,170,1) 0%, rgba(64,43,159,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4029aa', endColorstr='#402b9f', GradientType=1 );}
.business-clients .container{ position: relative; z-index: 99;}
.business-clients .descrp { padding-bottom: 10px;}
.business-clients .descrp h2{font-weight: 500; font-size: 40px; color: #fff; padding-bottom: 20px;}
.business-clients .descrp h2:after{background: rgba(255,255,255,0.22);}
.business-clients .clients-scroller{ margin: 0 -15px;}
.business-clients .clients-scroller .slick-track{ padding: 30px 0;}
.business-clients .clients-scroller .clients-wrap{ padding:0 15px; }
.business-clients .clients-scroller .clients-wrap > div{ border-radius: 5px; background: #fff; transition: 0.3s ease all;   }
.business-clients .clients-scroller .clients-wrap > div:hover{ transform: scale(1.05);}
.business-clients .clients-scroller .clients-wrap > div > a{min-height: 120px; padding: 15px; display: flex; align-items: center; justify-content: center;}
.business-clients .clients-scroller .clients-wrap > div img{ margin: auto; display: block; max-width: 100%; opacity: 0.70;  transition: 0.3s ease all; }
.business-clients .clients-scroller .clients-wrap > div:hover img{opacity: 1;}
.business-clients .slick-dots{ bottom: -30px;}
.business-clients .slick-dots li{ width: auto; height: auto; margin: 0 5px; }
.business-clients .slick-dots li button{ background: #fff; border-radius: 50%; width: 12px; height: 12px; opacity: 0.5;}
.business-clients .slick-dots li.slick-active button{ opacity: 1;}
.business-clients .slick-dots li button:before{ display: none;}

    
.our-scenario { padding: 90px 0 240px; position: relative;}
.our-scenario .graphic-4{ top: -202px; left: auto; right: 0; }
.our-scenario .descrp{max-width: 765px;}
.our-scenario .descrp h2{ line-height: 1.3;}
.our-scenario .svg-wrapper{ display: block; max-width: 737px; margin: auto; margin-bottom: 50px;}
.our-scenario .corporate-scroller{ margin: 0 -15px;}
.our-scenario .corporate-scroller .slick-track{ padding: 30px 0;}
.our-scenario .corporate-scroller .corporate-wrap{ padding:0 15px; }
.our-scenario .corporate-scroller .corporate-wrap > div{ border-radius: 5px; background: #fff; transition: 0.3s ease all; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 1px 5px 0px rgba(0,0,0,0.1); opacity: 0.50; }
 .our-scenario .corporate-scroller .corporate-wrap > div:hover{  opacity: 1;} 
.our-scenario .corporate-scroller .corporate-wrap > div > a{min-height: 120px; padding: 15px; display: flex; align-items: center; justify-content: center;}
.our-scenario .corporate-scroller .corporate-wrap > div img{ margin: auto; display: block; max-width: 100%;  transition: 0.3s ease all; filter:   grayscale(100%);}
.our-scenario .corporate-scroller .corporate-wrap > div:hover img{opacity: 1; filter:   grayscale(0);}
.our-scenario .slick-dots{ bottom: -30px;}
.our-scenario .slick-dots li{ width: auto; height: auto; margin: 0 5px; }
.our-scenario .slick-dots li button{ background: #45309e; border-radius: 50%; width: 12px; height: 12px; opacity: 0.15;}
.our-scenario .slick-dots li.slick-active button{ opacity: 1;}
.our-scenario .slick-dots li button:before{ display: none;}


.footer{ background:#fff url(../images/footer-bg.jpg) no-repeat top center; background-size: cover; -webkit-background-size: cover; box-shadow: 0 -5px 50px 4px rgba(0,0,0,0.1); position: relative;}
.footer:after{ content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0.95; background: rgba(15,15,15,1);
background: -moz-linear-gradient(left, rgba(15,15,15,1) 0%, rgba(32,32,32,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,15,15,1)), color-stop(100%, rgba(32,32,32,1)));
background: -webkit-linear-gradient(left, rgba(15,15,15,1) 0%, rgba(32,32,32,1) 100%);
background: -o-linear-gradient(left, rgba(15,15,15,1) 0%, rgba(32,32,32,1) 100%);
background: -ms-linear-gradient(left, rgba(15,15,15,1) 0%, rgba(32,32,32,1) 100%);
background: linear-gradient(to right, rgba(15,15,15,1) 0%, rgba(32,32,32,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr='#202020', GradientType=1 );}
.footer .container{ position: relative; z-index: 99;}

.footer .get-in-touch{ margin: auto; margin-left: 0; padding: 80px 0 50px;}
.footer .get-in-touch h2{ color: #fff; font-size: 2.6667em;
    line-height: 1;
    text-align: left;
    position: relative;
    padding-bottom: 45px;}
.footer .get-in-touch h2 span {
    display: block; padding-top: 10px; letter-spacing: 0.15em;
    padding-bottom: 15px;
    font-size: 0.35em;
    text-transform: uppercase;
    color: #f3860a;
    font-weight: 400;}
.footer .get-in-touch p{ font-size: 1.33334em; color: rgba(255,255,255,0.88); margin-bottom: 40px;}
.footer .get-in-touch p span{ display: block; font-size: 0.65em; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.15em;}
.footer .get-in-touch p a{ text-decoration: none; color: rgba(255,255,255,0.88);}
.footer .get-in-touch p a:hover{color: rgba(255,255,255,1);}
.footer .connect-with-us{ max-width: 470px; background: #fff; border-radius: 10px; margin: auto; margin-right: 0; margin-top: -50px; padding-bottom: 20px; box-shadow: 0 0 40px 0 rgba(46,0,255,0.14);}
.footer .connect-with-us h2{padding: 40px; margin: 0; font-weight: 400;}
.footer .connect-with-us .form-list{ padding:0 40px; }
.footer .connect-with-us textarea.form-control{ height:180px;}
.footer .connect-with-us .btn{ display: block; margin: auto; margin-right: 0;}


 
.footer .ftr-bottom{ margin: 0 -15000px; padding: 0 15000px ; border-top:  1px solid rgba(255,255,255,0.05); background: #212121;}
.footer .ftr-bottom:after{ display: table; clear: both; content: "";}
.footer .ftr-bottom ul{ display: flex; text-align: center; margin: 0 -65px; padding:40px 0;}
.footer .ftr-bottom ul li{ display: block; padding: 0 ; margin: 0 auto;}
.footer .ftr-bottom ul li a{text-decoration: none; color: rgba(255,255,255,0.70); font-size: 1.133334em; padding: 0 ; margin: 0;}
.footer .ftr-bottom ul li a:hover{ color: #fff;}
.footer .ftr-bottom p{ text-align: center; margin: 0; color: rgba(255,255,255,0.65);}
.footer .ftr-bottom .web-info{ display: flex; padding:40px 0 30px;}
.footer .ftr-bottom .web-info:after{ display: table; clear: both; content: "";}
.footer .ftr-bottom .web-info p{ margin: 0 auto 0 0; font-size: 0.866667em; color: rgba(255,255,255,0.5); line-height: 32px;}
.footer .ftr-bottom .web-info p a{ text-decoration: none; color: rgba(255,255,255,0.5);}
.footer .ftr-bottom .web-info p a:hover{color: rgba(255,255,255,1);}
.footer .ftr-bottom .web-info .logo{ max-width: 230px; margin: 0; margin-left: auto;}
.footer .ftr-bottom .web-info .logo img{   }

.back2top{ position: fixed; width: 50px; height: 50px; border-radius: 50%; background: #f3860a;  right: 15px; bottom: 15px; z-index: 999; box-shadow: 0 0 45px 0 rgba(0,0,0,0.5);}
.back2top span{ display: none;}
.back2top:after {
	bottom: 50%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #fff;
	border-width: 5px;
	margin-left: -5px;
	margin-bottom: -2px;
}

@media (max-width: 1366px){
  
    .mainbar .navbar-nav li a{padding:10px 10px 8px; }
    .services .graphic-1{max-width: 95px; top:-85px;}
    .services .graphic-2{ width: 120px; top: -95px;}
    .services .graphic-3{ max-width: 150px;}
    .our-scenario .graphic-4{ top: -95px;  width: 100px;}
    
}

@media (max-width: 1199px){
     .hero .slide{min-height: 650px; height: 70vh;background-size: cover; }
    .mainbar{ padding: 5px 0;}
    .mainbar .navbar-nav li a{    padding: 10px 8px 8px;}
    .mainbar .logo-nd-call{ flex-direction: column;}
    .mainbar .logo-nd-call .call-us{ padding:5px 0 0; margin:5px 0 0; border: none; border-top: 1px solid rgba(255,255,255,0.3); }
    .sticky .mainbar .logo-nd-call .call-us{ border-color:rgba(0,0,0,0.1) }
    .hp-main-tabs .tabar-content .process .process-card h3{font-size: 1.1428em;}
    .services .nav-tabs{padding-right: 20px;} 
    .services .nav-tabs li a{ font-size: 1em;}
   
    
}


@media (min-width:992px){
    .navbar-toggleable-md {    display: block!important;}
    .tab-content > a.accordion-link,
    .services .services-feattured a.accordion-link{ display: none;}
    
}

@media (max-width:991px){
        .header,
    .header.sticky {    position: static!important;    background: #fff;    box-shadow: 0 1px 5px 0px rgba(0,0,0,0.1);}
    
    .header .mainbar .logo img.logo-white{ display: none;}
    .header .mainbar .logo img.logo-color{ display: block;}
    .header .mainbar .logo-nd-call .call-us a{    color: #f3860a;}
    .mainbar  {     padding: 10px 0;}
    .mainbar .bar-collapse  {    padding-right: 45px;}
    .mainbar .logo-nd-call{ flex-direction: row; justify-content: space-between; align-items: center;}
    .mainbar .logo{ max-width: 180px;}
    .mainbar .logo-nd-call .call-us{ padding:0; margin: 0; border: none; border-top: none; align-self: flex-end; }
   
   
    .mainbar .nav-toggle-btn{ position: absolute; top: 5px; right: 5px; color: #f3860a; border: 1px solid rgba(255, 143, 15,0.1); display: block;}
    
    .mainbar .navbar-nav li { margin:5px 0;}
    .mainbar .navbar-nav li a{color: rgba(0,0,0,0.75); text-align: center;}
    
    
    .mainbar .collapse-navbar{ margin: 10px -60px 0 -15px; background: rgba(0,0,0,0.02); border-top: 1px solid rgba(0,0,0,0.05);}
    
    .hero .slide{min-height: 400px; height: 60vh; background-repeat: no-repeat; }
    .hero .hero-container{padding-top: 55px;}
    .hero .hero-container .description h2{ font-size: 3.5em;}
    .hero .slick-dots{ bottom: 20px;}
    .hp-main-tabs .tabar .nav-tabs.intro-tabs{ display: none;}
    .hp-main-tabs .tabar .nav-tabs li{ display: block; margin: 0; padding: 0 10px; }
    .hp-main-tabs .tabar-content{ padding-top: 0; padding-bottom: 30px;}
    .hp-main-tabs .tab-content > a.accordion-link{ border: none; border-radius: 0; padding: 10px 10px 5px; color: #000000; opacity: 0.7; border-bottom: 2px solid rgba(44,26,125,0.1);  display: block;}
    .hp-main-tabs .tab-content > a.accordion-link.active{ opacity: 1; border-color:rgba(44,26,125,1);} 
    .hp-main-tabs .tab-content > a.accordion-link span{ display: block; line-height: 34px;     position: relative;    padding-left: 40px;}
    .hp-main-tabs .tab-content > a.accordion-link i {font-size: 2.0666667em; position: absolute;   left: 0;    top: 0;}
   /* .hp-main-tabs .tab-content > a.accordion-link:not(.first){border-top: 2px solid rgba(44,26,125,0.1);}*/
   /* .hp-main-tabs .tab-content > a.accordion-link.active{border-top: 2px solid rgba(44,26,125,0);}*/
    .tab-pane.active{border-bottom: 2px solid rgba(44,26,125,0.1)}
    .hp-main-tabs .tabar-content .process{padding: 5px 0;}
    
    .descrp{ padding-bottom: 15px;}
    .services{padding:50px 0 60px;}
    .services .services-feattured a.accordion-link{ display: block;}
    .services .nav-tabs{ display: none;}
    .services .services-feattured{-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    
    .tab-pane.active {     opacity: 1; padding: 15px 0;}
    .hp-main-tabs .tabar-content .process .process-card .icon-num{font-size: 120px;}
    .hp-main-tabs .tabar-content .process .process-card h3{padding-bottom: 10px; min-height: 50px;}
    .business-clients{padding: 50px 0 60px;}
    
    .footer .connect-with-us h2{ padding: 20px 20px 10px;}
    .footer .connect-with-us .form-list{padding: 10px 20px 0; margin-bottom: 0;}
    
    
    .services .graphic-1,
    .services .graphic-2,
    .services .graphic-3,
    .our-scenario .graphic-4{ width: 10vw; top: -7vw; }
    .services .graphic-3{ top: auto; bottom: 0;}
    
}
@media (max-width:767px){

    .outer-wrapper{ padding: 0 0 0;}
    .hero .slide{min-height: 335px; height: 50vh;  }
    .hero .hero-container .description h2{ font-size: 2.1em;}
    .hero .hero-container .description p{font-size: 1.10em;}
 
    .footer .get-in-touch h2,
     .descrp h2 { font-size: 2em;}
    .footer .get-in-touch h2 span,
    .descrp h2 span{ font-size: 0.5em; padding-bottom: 5px;}
    .descrp p{    padding: 10px 0 0; text-align: justify; text-align-last: center;}
    .hero .hero-container{}
    .services{padding: 20px 0 60px;}
    .hp-main-tabs .tabar-content .process .process-card p,
    .services .card-service p{ font-weight: 400; text-align: justify; text-align-last: left;     color: rgba(0,0,0,0.65);} 
    .hp-main-tabs .tabar-content .abt-content h4{font-size: 1.228571em;}
    .hp-main-tabs .tabar-content .abt-content h5{font-size: 1.0428571em;}
    .hp-main-tabs .tabar-content .abt-content ul li{font-size: 0.8528571em; font-weight: 400;}
    .business-clients{    padding: 20px 0 30px;}
    .business-clients .slick-dots {    bottom: -5px;}
    .business-clients .clients-scroller .slick-track{padding: 5px 0 30px;}
    .our-scenario{    padding: 15px 0 110px;}
    .our-scenario .corporate-scroller .slick-track{    padding: 0 0 30px;}
    .our-scenario .slick-dots{bottom: -15px;}
    .our-scenario .svg-wrapper{    margin-bottom: 10px;}
    
.footer .ftr-top .row > div{ order: 1;}
.footer .ftr-top .row > div + div{ order: 0;}
    .footer .connect-with-us{ margin-right: auto; max-width: inherit; padding: 10px;}
    .footer .get-in-touch{    padding:60px 0 0;}
    .footer .get-in-touch h2{ padding-bottom: 15px;}
    .footer .get-in-touch p{ font-size: 1.200em;}
    .footer .get-in-touch p span{font-size: 0.75em;}
    .footer .get-in-touch p:last-child{ margin-bottom: 0;}
    
    .footer .ftr-bottom .web-info{ flex-direction: column; padding: 20px 0;}
    .footer .ftr-bottom .web-info p{ margin: auto;}
    .footer .ftr-bottom .web-info .logo{ margin: auto; padding: 5px 0 0;}

}



@media (max-width:575px){
    
    .hp-main-tabs .tabar-content .abt-content.abt-left{    padding-right: 0; text-align: left; max-width: inherit;     padding-bottom: 10px;}
    .hp-main-tabs .tabar-content .abt-content.abt-left ul li { padding-right: 0;   padding-left: 20px;}
    .hp-main-tabs .tabar-content .abt-content.abt-left ul li:before {    left: 5px;}
    .hp-main-tabs .tabar-content .abt-content h5{    padding: 5px 0;}
    .hp-main-tabs .tabar-content .abt-content ul li{font-size: 0.928571em;}
    .hp-main-tabs .tabar-content .abt-content.abt-right{ padding-left: 0;  padding-bottom: 10px;}
    
    
    
}
    
@media (max-width:567px){
    
    .btn{    font-size: 1.0em;    padding: 15px 30px 13px;}
    .hero .slide{ height: 40vh; min-height: 270px; background-position: top right  30%;}
    .hero .hero-container .description h2{font-size: 2.0em;}
    .hero .slick-dots{ bottom: 10px;}
    .hp-main-tabs .tabar-content .process .process-card .icon-num{    font-size: 85px; color:  rgba(255, 143, 15,0.1);}
}

@media (max-width:480px){
    .mainbar{ min-height: 50px;}
    .mainbar .bar-collapse{ padding-right: 35px;}
    
    .header .mainbar .logo-nd-call .call-us a{font-size: 1.0em;}
    .mainbar .logo{max-width: 150px;}
    .mainbar .logo-nd-call .call-us a i{ display: none;}
}
@media (max-width:380px){
   .mainbar .logo{   max-width: 130px;}
    .header .mainbar .logo-nd-call .call-us a {    font-size: 0.8em;}
}