body{font-family: 'Roboto', sans-serif; background:#fff;}

h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif; font-weight:bold}
p{font-family: 'Roboto', sans-serif; font-size:20px; margin-bottom: 15px;}
a{text-decoration:none; transition: .3s ease}


.navbar-dark .navbar-toggler {color:none; border-color: rgba(255,255,255,.0);}
.navbar-dark .navbar-toggler-icon{background:url(../images/nav-icon.png) no-repeat;background-size:cover; width:60px; height:55px;}
.navbar-toggler:focus {text-decoration: none; outline: 0;  box-shadow: none;}
.navbar-dark .navbar-brand {z-index:9;}
.navbar-dark .navbar-brand img {width:auto; height:30px}

.navbar{padding-bottom:0 !important; padding-top:0!important}
.navright{float: right; position: absolute; right: 0;left: 0; z-index:10}
.navbar-nav li{display:inline-block;}
.navbar-nav li a{font-family: 'Arial'; color:#fff !important; font-size:20px; font-weight:bold; margin:0 15px; padding:.18rem 1rem; display:block; position:relative}

.navbar-nav li a:after{
	content:'';
	width:0%;
	transition:all 0.3s ease;
	left:50%;
}

.navbar-nav li a:before{
	content:'';
	width:0%;
	transition:all 0.3s ease;
	left:50%;
}

.navbar-nav li a:hover:after{
	content:'';
	position:absolute;
	bottom:0px;
	left:50%;
	background:#FFDA00;
	height:3px;
	width:50%;
}

.navbar-nav li a:hover:before{
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	background:#FFDA00;
	height:3px;
	width:50%;
}

.navbar .container{position:relative; max-width:98%}
.navbar-dark .navbar-toggler {position:absolute !important; right: 0px !important; top: 5px !important; z-index:12;}	

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.2s ease-in-out;
    height: auto;
    background-color:transparent;    
    text-align: center;
    line-height: 40px;
	height:100px;
	transition:background ease 0.5s;
}

.header.active {background:linear-gradient(to bottom,  
            rgba(0, 0, 0, 1) 50%, 
            rgba(0, 0, 0, 0.7) 70%,
            rgba(0, 0, 0, 0.5) 80%,
            rgba(0, 0, 0, 0.3) 90%,
            rgba(0, 0, 0, 0) 100%
		)
}

.nav-circle{
	width:90px; 
    height:90px;
    border-top-right-radius:0;
    border-top-left-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:100%;
    background:#004f9e;
	position:absolute;
	right:0;
	z-index:9999
}
.nav-circle img{margin:15px 0 0 25px}
.google-nav{display:none; background:rgba(0, 0, 0, 0.9); height:100vh; width:100%; padding-top: 100px; }
.google-nav ul{
margin: 0 auto;
max-width: 320px;
border-left: 15px solid #ff0000;
left: 0;
right: 0;
position: absolute;
}
.google-nav ul h4 {color: #fff;
font-size: 30px;
font-weight: bold;
z-index: 99999;
position: relative;
padding-bottom: 15px;
text-align: left;
padding-left: 15px;
text-transform: uppercase;}

.google-nav ul li{display: block;
z-index: 99999;
position: relative;
text-align: left;}
.google-nav ul li{z-index: 99999; position: relative; text-align: left;}
.google-nav ul li h5 {color: #fff; font-size: 25px; z-index: 99999; position: relative; margin-bottom: 0; font-weight:normal}
.google-nav ul li i {color: #fff; font-size: 25px; margin-right: 25px;}
.google-nav ul li .media {margin: 0px 15px 25px 15px; background: red; padding: 15px;}
.google-nav ul li .media-left, 
.google-nav ul li .media-right, 
.google-nav ul li .media-body {display: table-cell; vertical-align: top;}
.google-nav ul li .media-body a{color:#fff}
.google-nav ul li span{color:#fff; font-size: 20px;}

label.nav-area{display: flex;
flex-direction: column;
width: 160px;
height: 160px;
cursor: pointer;
z-index: 999999;
position: fixed;
right: -60px;
top: -55px;
background: #f00;
padding: 75px 70px 0 34px;
box-sizing: border-box;
border-radius: 50%;}

label.nav-area span{background: #fff;border-radius:10px;height:5px;margin: 5px 0;transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}span:nth-of-type(1){width:50%;}span:nth-of-type(2){width:100%;}span:nth-of-type(3){width:75%;}
.nav-area input[type="checkbox"]{display:none;}
.nav-area input[type="checkbox"]:checked ~ span:nth-of-type(1){transform-origin:bottom;transform:rotatez(45deg) translate(8px,0px) }
.nav-area input[type="checkbox"]:checked ~ span:nth-of-type(2){transform-origin:top;transform:rotatez(-45deg) }
.nav-area input[type="checkbox"]:checked ~ span:nth-of-type(3){transform-origin:bottom;width:50%;transform: translate(20px,-10px) rotatez(45deg);}

.call-fix{display:none; position:fixed; top:150px; right:10px; transition:background 0.5s ease; z-index:9999; width:50px; Color:#fff; font-size:18px; padding:0; background:#ff0000; border-radius:50%;}
.call-fix:hover{background:#131348; cursor:pointer}
.call-fix .call-slide{position:absolute; right:-200px; transition:all .5s ease; margin: -30px 0 0 0;}
.call-fix .call-slide a{display:block; color:#fff; background:#ff0000; padding:4px 20px 2px 20px; border-radius:15px; }
.callmove{right:50px !important;}

.carousel-fade .carousel-item img{width:100%;}
.carousel-indicators [data-bs-target] {background-color:#4285f4; width: 15px; height: 15px; border-radius: 50%; opacity:1}
.carousel-indicators button.active{background:#ed0525; border: 0 !important; margin-top: 10px;}
.carousel-indicators {bottom: -50px;}

.tileentry .tileentry__slideshow .slideshow__textslider .textslider__controls .swiper-button-next::before{
background:url(../images/slide-right.png) no-repeat center; font-size:0px; width: 36px; height: 36px;}

.tileentry .tileentry__slideshow .slideshow__textslider .textslider__controls .swiper-button-prev::before {
 background:url(../images/slide-left.png) no-repeat center; font-size:0px; width: 36px; height: 36px;}

.btn--primary-outlined-round::before{background:url(../images/slide-down.png) no-repeat center; font-size:0px; width: 36px; height: 36px;}
.btn--primary-outlined-round::after{
  background-color: transparent;
  border: 1px solid #ff0000;
}

#carousel-01 .carousel-control-next, #carousel-01 .carousel-control-prev {
width: 50px;
background: red;
height: 50px;
top: 47%;
border-radius: 50%;
}

.fade-slide-bg{position:relative;}

.work-row-1{}
.work-row-1 .col-md-6{width:52.3%}
.work-row-1 .col-md-6 .menuteaser-2::before {left: -15.5%; display:none;}

.ce-menu_microsites_selected__wrap {display:flex;}
.menuteaser.w33 {width:33.333333%;}
.menuteaser__wrap--image-slanted {margin-left: -30px; transform: skewX(-7deg); margin-right:6px;}
.menuteaser__image--slanted {/*margin-left: -30px; transform:skewX(-7deg); */ height:460px;}
.menuteaser__wrap--image-slanted {position: relative; overflow:hidden;}
.menuteaser__overlay--image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100px;
  background-color: rgba(0, 0, 124, 0.8);
  transition: background-color .35s ease-in-out, transform .35s;

}
a:hover .menuteaser__overlay--image{background-color: rgba(255, 0, 0, 0.8); }
.menuteaser__overlay--image h2{font-family: 'Roboto Condensed', sans-serif; font-size:36px; font-weight:400; text-align:center; color:#fff; 
 transform: skew(7deg); margin: 26px 0 0 0;}

.it-details{
  transform: translateY(0);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  padding: 20% 20% 10% 10% ;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  transition: opacity .35s, transform .35s;  
  z-index:1
 }
 
.tile:hover .it-details{background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.9) 100%);} 

.it-info{
  color:#fff;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  padding: 0;
  width: 100%;
  opacity: 0;
  transform: translateY(100%)  skewX(7deg);
  transition: opacity .35s, transform .35s;
 }
 .tile:hover .it-info{
  opacity: 1;
  transform: translateY(0);
}


.menuteaser__content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 30px;
}

.menuteaser__wrap--image-slanted::before {
  position: absolute;
  left: -15%;
  top: 0;
  content: '';
  display: block;
  width: 112.1%;
  height: 100%;
  border-right: 10px solid #ff0000;
  /*transform: skew(-8.5deg);''
    background-color: rgba(0,0,0,0.5);
  */
  z-index: 9;
}

.work-row-2 .col-md-4{width:34.333%;}
.work-row-2 .col-md-4 .menuteaser__wrap--image-slanted::before {left: -16%;}
.work-row-2 .col-md-4:nth-child(n + 3) .menuteaser__wrap--image-slanted::before {border:none}

.home-client{border-top:1px solid #a2a1a1; border-bottom:1px solid #a2a1a1; margin:10px 0; padding:5px 0; position:relative}
.home-client .left{float:left; z-index: 9; position: relative;}
.home-client .left h2{font-family:'Roboto Condensed', sans-serif; font-size:50px; color:#f00; font-weight:700; padding:13% 35px 0px 35px; margin:0;}
.home-client .right{}

.owl-carousel .owl-item img{display:block; width:auto; max-height:110px;}
.home-client .owl-theme .owl-nav{display:none}
.home-client .owl-theme .owl-dots {
  display:none;
  position: absolute;
  width: 100px;
  margin: -20px auto 0 auto;
  left: 0;
  right: 0;
}
.client-scroll .owl-item .item img{text-align:center; margin: 0 auto ;}

h2{font-size:45px; color:#000; margin-bottom: 20px;}
h2 span{color:#003deb}
p.bold{font-size: 20px; font-weight:bold}


.desk-banner{}
.mob-banner{display:none}

/*footer*/

footer{margin:0; padding:45px 0 0 0; background:#282828; color:#fff}
footer .container{max-width:93%}
footer h4{font-family: 'Roboto Condensed', sans-serif; font-size:20px; text-transform: uppercase; font-weight: 400; margin-bottom:15px}
footer p{font-family: 'Roboto Condensed', sans-serif; font-size:15px; margin:0; line-height:28px}
footer .link{width: auto; margin: 0 auto; color: #fff; background: #000; padding: 5px 0 5px 0;}
footer .links {width: auto;}
footer .links ul {width: 33.333333%; margin: 0; padding: 0; display:block; float:left}
footer .links ul li {display: block; font-family: 'Roboto Condensed', sans-serif; font-size:15px; margin-bottom:10px;}
footer .links ul li a {color: #fff; font-weight:400}
footer .links ul li a:hover {color:#ed1c24; text-decoration: none; }

footer .left .media {margin-top: 10px;}
footer .left .media-left, footer .left .media-right, footer .left .media-body {display: table-cell; vertical-align: baseline; font-family: 'Roboto Condensed', sans-serif; color: #fff; font-size: 14px;}
footer .left .media-left{padding-right: 15px;}
footer .left .media-left .fa{color:#ff0000; font-size: 16px;}
footer .left .media-body a{color:#fff;}
footer .left .media-body a:hover{color:#ff0000;}

footer .copyright{padding:15px 0; margin-top:25px; display:block; border-top:1px solid #fff}
footer .copyright .left{text-align:left;}
footer .copyright .right{text-align:right;}
footer .copyright p{color:#fff; font-size:14px; font-weight: 400;}
footer .copyright p a{color:#fff;}
footer .copyright p a:hover{color:#ff0000;}

.foot-so-link{width: 100%; margin-bottom: 15px; float: left; color: #fff;}
.foot-so-link ul {margin: 0px; padding: 0;}
.foot-so-link ul li{ list-style: none; display:inline-block;}
.foot-so-link ul li a{ margin:30px 30px 0 0; color: #fff; font-size: 18px; }
.foot-so-link ul li a:hover{color:#ff0000}

/* about */
.banner-inner {width: 100%; position: relative; overflow:hidden}
.banner-inner img{width:100%;}
.banner-angle{
    margin-left: -34px;
    transform: skewX(-10deg);
    margin-right: 6px;
    background:rgba(255, 255, 255, 0.8);
    position: absolute;
    width: 540px;
    height: 360px;
}
.banner-angle::before {
    position: absolute;
    left: 0%;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-right: 10px solid #ff0000;
    z-index: 9;
}
.inner-page{padding:70px 0;}
.inner-page p{font-family: 'Roboto', sans-serif; font-size: 18px; margin-bottom: 15px; font-weight: 300; text-align: justify; /*line-height: 30px;*/}
.inner-page p strong{font-weight:600}

.inner-page h1{font-family:'Roboto', sans-serif; font-size:36px; font-weight:900; color:#000000;}
.inner-page h1.space{padding-bottom:0px; margin-bottom:20px}
.inner-page h1 span{color:#ff0000}

.inner-page .space{padding-bottom:0px; margin-bottom:70px}

/*about*/
.in-text{width:100%}
.in-text p{font-family:'Roboto'; font-size:24px; font-weight:400; color:#000; line-height: normal; text-align: left; margin-bottom:30px;}

.abt-serv{margin:50px 0}
.abt-serv:nth-child(2){margin-bottom:0}
.veri-img{margin-top:125px;}

.abt-serv h3, .solution-box h3{font-family: 'Roboto', sans-serif; font-size:24px; color:#ff0000;}
.abt-serv.wwo{margin:50px 0 0 0}
.abt-serv.wwo h5{padding:0 0 0 25px }
.abt-serv.wwo h5 .icon{font-size:14px; color:#184586; margin:5px 0 0 -20px; position:absolute}

.abt-bg{background:url(../images/about-bg.jpg) no-repeat center; background-size:cover; padding:100px 0}
.abt-bg p{color:#fff; font-size:36px; text-align:center; line-height:normal}

.abt-bg .use-btn{}
.abt-bg .use-btn a{color: #fff; font-size: 24px; padding: 15px 0; width: 250px; background: #ff0000;
border-radius: 8px; text-align: center; font-weight: 600; display: inline-block; margin-top:20px; transition:background 0.5s ease}
.abt-bg .use-btn a:hover{background:#064eb8}
.abt-bg .use-btn .fa{font-size: 20px;
font-weight: normal;
margin: 0 0 0 15px;}
/*about end*/

/*Solutions*/
.solution-box{width:100%; box-sizing:border-box; padding:20px; margin:0 0 24px 0; background:#fff; border:1px solid #d8dbdc; border-radius:15px;}
.solution-box p{line-height:24px; height:96px}
.solution-box:hover{background:#edf2f4; transition: .3s ease}
.solution-box img{margin-bottom:20px; border-radius:15px 15px 0 0;}

.solution-box a.more-btn{color:#fff; font-size:20px; padding:10px 0; width:180px; background:#ff0000; border-radius:8px; text-align:center;
  font-weight:300; display:block; margin-top:20px; transition:background 0.5s ease;}
.solution-box a.more-btn:hover{background:#064eb8}
/*Solutions end*/


/*Solutions sub*/

.sol-table{font-family: 'Roboto', sans-serif; font-size: 18px;  margin-bottom: 15px;  font-weight: 300; line-height: 30px;}
.sol-tool{background:#edf2f4; border-radius:10px; margin-bottom:24px;}
.sol-tool img{border-radius:10px 10px 0 0;}
.sol-tool .tool-text{width:auto; padding:20px; text-align:center}
.sol-tool .tool-text h3{font-size:18px; color:#000000; margin-bottom: 10px; height: 43px;}
.sol-tool .tool-text p{font-size:16px; line-height:24px}

.sol-tool .tool-text a.more-btn{color:#fff; font-size:20px; padding:10px 0; width:100%; background:#ff0000; text-align:center; box-sizing:border-box;
  font-weight:300; display:block; margin-top:15px; transition:background 0.5s ease;}
.sol-tool .tool-text a.more-btn:hover{background:#064eb8}

.prods .owl-stage-outer{box-shadow: -8px 7px 12px #A5A5A5;}

.product-img{margin-bottom:20px}
.product-img .owl-carousel .owl-item img {display: block; width: 100%; max-height: 100%;}
.product-img .owl-carousel .owl-nav {position: absolute; left: 50%; top: 40%; transform: translate(-50%, -60%);}
.product-text{}
.product-text h2{font-size: 28px;  color: #000000; margin-bottom: 10px; }
.product-text ul{margin-bottom:36px;}
.product-text ul li{font-family: 'Roboto', sans-serif; font-size: 18px; line-height: normal; margin-bottom: 10px; font-weight: 300; text-align: justify;  }

a.download-btn{color:#fff; font-size:20px; padding:6px 0; width:180px; background:#ff0000; border-radius:8px; text-align:center;
  font-weight:300; display:block; margin-top:30px; transition:background 0.5s ease;}
a.download-btn:hover{background:#064eb8}
a.download-btn .fa{margin-left:15px;}
/*Solutions sub end*/

/*services-page*/
.services h2{font-weight:600; font-size:30px; color:#000; margin-bottom:20px;}
.services h3{font-weight:600; font-size:24px; color:#000; margin-bottom:20px;}
.services p{line-height:24px;}
.services img{}


/*services-page end*/

/*happening*/
.happening-table{background:url(../images/happening-bg.jpg) no-repeat center; background-size:cover;}
.event-col{}
.event-col h2{font-size: 100px; color:#fff; font-weight:700; text-transform:uppercase; margin:0 0 25px 0; text-align:center}
.event-col .evt-top{background:url(../images/evt-top.jpg) no-repeat center; background-size:cover;}
.event-col .evt-top .evt-sum{padding:70px 45px; }
.event-col .evt-top p{background:rgba(0,0,0,0.52); padding:45px 25px; color:#fff; font-size:24px; margin:0; text-align:justify;}

.event-col .evt-bot{background:rgba(0, 0, 112, 0.8); padding:70px 25px 64px 25px;}
.event-col a.ev-btn{color: #fff; font-size: 24px; text-align: center; font-weight: 400; text-transform:uppercase; padding: 15px 60px; background: #ff0000;  
                     display:inline-block; margin:0; transition:background 0.5s ease}
.event-col a.ev-btn:hover{background:#064eb8}

.event-col a.news-btn{margin-top:14px;}

.event-col .evt-news{background:rgba(0,0,0,0.77); padding:35px 25px 65px 25px;}
.event-col .evt-news .news-row{background:#fff; vertical-align: baseline; }
.event-col .evt-news .news-row .row{margin-bottom:15px }
.event-col .evt-news .news-row .left{
width: auto;
height: 100%; 
background: #ff0000;
color: #fff;
text-align: center;
font-size: 60px;
font-weight: 900;
display: block;
padding:20px 0 0 0;
}
.event-col .evt-news .news-row .left.blue{background: #000070}{}

.event-col .evt-news .news-row .left span{font-size: 30px; font-weight: 400; display: block; text-align: center; width: auto; margin: -10px 0 0 0;}
.event-col .evt-news .news-row .right{text-align: left; padding:10px 15px 15px 0; margin-left: -10px;}
.event-col .evt-news .news-row .right div{margin-top: -72px;}
.event-col .evt-news .news-row .right h5{font-size: 22px; font-weight: 600; margin-bottom:5px}
.event-col .evt-news .news-row .right p{margin:0; line-height:24px}


a.evenews-btn{color:#fff; font-size:20px; padding:7px 0; width:150px; background:#ff0000; text-align:center;
  font-weight:300; display:block; margin-top:10px; transition:background 0.5s ease;}
a.evenews-btn:hover{background:#064eb8}

.happy-nav {width:auto; }
.happy-nav ul{margin:0 auto; padding:0; list-style-type: none; }
.happy-nav li { margin-bottom: 6px;}
.happy-nav li a {
	border-right: 8px solid #ff0000;
	width:auto;
    display:block;
    color: #fff;
    font-size: 55px;
	padding: 20px 45px;
	text-align: left;
	background: #424141;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	position:relative;
}
.happy-nav li a span{position: absolute; right: 60px; width: 73px; transition:all 0.5s ease}
.happy-nav li a:hover span{right: 40px;}

.happy-nav li a:hover {
    background-color: #ff0000;
    border-right: 8px solid #ff0000;
}
.happy-nav li a:hover  {
    color: #fff !important;
	background:#ff0000;
}
.happy-nav li a.active {
    border-right: 8px solid #ff0000;
	background-color: #ff0000;
}
.happy-nav li a.active:hover {
    border-right: 8px solid #424141;
}
.happy-nav li.active,
.happy-nav li.active a {
    background-color: #ed1c24;
    color: #fff !important
}

.event-table{border:1px solid #d6d6d6; margin-bottom:30px}
.event-table .event-col{padding:15px 15px 15px 0px}
.event-table .event-col.event-col-2{padding:15px 0px 15px 15px}
.event-table .event-col h3{font-size: 22px;}
.event-table .event-col .newsdate{font-size:12px; color:#ff0000; margin-top:10px; margin-bottom:5px;}
.event-table .event-col p{font-size: 18px; margin-bottom: 15px; font-weight: 300; line-height:24px;}


.news-table{border:1px solid #d6d6d6; margin-bottom:30px; background:#d6d6d6}
.news-table .news-col{padding:15px 15px 15px 0px}
.news-table .news-col h3{font-size: 22px;}
.news-table .news-col .newsdate{font-size:12px; color:#ff0000; margin-top:10px; margin-bottom:5px;}
.news-table .news-col p{font-size: 18px; margin-bottom: 15px; font-weight: 300; line-height:24px;}


a.newsview-btn{
color: #fff;
font-size: 16px;
padding: 5px 15px;
background: #ff0000;
text-align: center;
font-weight: 300;
display: inline-block;
transition: background 0.5s ease;}
a.newsview-btn:hover{background:#064eb8}
/*happening end*/

/*career*/
.jobs{}
.jobs .accordion-button{background:#ff0000; color:#fff; font-size: 18px; font-weight: 400;}
.jobs .collapsed{background:#a5a5a5;}

.jobs .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image:url(../images/job-arrow.png); }
  
 .jobs .accordion-body strong{font-size:18px; margin-bottom:5px; display:inline-block;}
 
.jobs p{font-size: 18px; font-weight: 300;}
.job-re{padding:10px; background:#F3F3F3}
.job-re strong{color:#024ab5}
.job-re p{margin-bottom:0}

.job-list{width: auto; margin-top: 10px; }
.job-list ul{margin: 0 0 30px 20px; padding: 0; }
.job-list ul li{font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300;}
.job-list ul li a{ margin:30px 30px 0 0; color: #fff; font-size: 18px; }
.job-list ul li a:hover{color:#932400}
.job-list ul li::marker{color:#ff0000}


.job-post{background:#ff0000; color:#fff; display:block; text-align:center; font-size: 22px; padding: 12px 0 15px 0; margin: 0; font-weight: 600;}
#main-form{padding:20px 15px; border:1px solid #d9d9d9}
#main-form .fname{font-size: 15px; font-weight: 300; margin: 0 0 5px 0;}
#main-form .fname sup{color:#ff0000}

#main-form input, #main-form textarea, #main-form select{ width: 100%; max-width: 100%; font-size: 15px; border: 1px solid #eeeeee; padding: 0 5px 0 5px; font-family: 'Roboto', sans-serif; }
#main-form input { height: 36px; font-family: 'Roboto', sans-serif; }
#main-form input{ margin:0 0 15px 0}
#main-form .single-input { margin-bottom: 22px }
#main-form textarea {padding: 15px }
#main-form .attach{border:none; padding-left:0; margin-bottom:-20px}
#main-form select{height: 36px; font-family: 'Roboto', sans-serif; background:#fff; margin:0 0 15px 0; padding: 0 10px 0 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url(../images/select-arrow.png) no-repeat 100% center;
}

#main-form .btn {
font-family: 'Roboto', sans-serif;
color: #fff;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
background: #ff0000;
padding: 10px 50px;
border-radius:0;
display:block;
width: 100%;
box-sizing: border-box;

}

.sp-top20 .read-more { float: left; border: none }


 /*career end*/

/*Knowledge Center*/
.kc-containter{margin-bottom:-30px}
.kc-box{width:100%; background:#fff; padding:5px; margin-bottom:20px; box-sizing:border-box; box-shadow:0px 5px 15px rgba(0, 0, 0, 0.25); }
.kc-box .kc-info{width: 94%; 
  margin: -35px auto 0 auto;
  background: #fff;
  padding: 15px;
  position: relative;}
  
.kc-box .kc-info p{font-size: 18px; font-weight: 600;}
.kc-box .kc-info a{color: #ff0000; font-size: 16px;}
.kc-box .kc-info a:hover{color:#343498}
  
/*Knowledge Center end*/

/*contact*/
.cnt-page{}
.cnt-page h2{font-size:30px;}
.contact-text p{
  font-family: 'Roboto', sans-serif;
  color:#000; 
  font-size:24px; 
  font-weight:300;
  text-align:center;
  line-height: normal;
  margin:0;
  padding-top:30px
}

/*contact us*/
.sppb-addon-content h2 {
  font-size: 26px !important;
  color: #141349;
}
.too-findus .sppb-addon-content span {
  font-weight: 700;
  color: #1a1d24;
}
.too-location{position: relative}
.too-location h3 {margin-bottom: 20px;}
.too-location .sppb-addon-content p {
  margin-bottom: 15px;
}
.too-location .sppb-addon-content p a{color:#212529;}
.too-location .sppb-addon-content p a:hover{color:#ff0000;}

.too-location p{margin-left: 30px;}
.too-location em{float: left;
margin: 5px 13px 0 0;
font-size: 26px;
color: #e0011a;}
.too-location em.fa-envelope-o{ font-size: 16px; font-weight: bold;}

.too-social-media a {
  color: #e0011a;
  margin-left: 15px;
  font-size: 16px;
}
.too-social-media a:hover {
  color: #1a1d24;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.too-contact {
  margin-top: 15px;
}
.too-contact input,
.too-contact textarea {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-size: 14px !important;
}
.too-contact input:hover,
.too-contact textarea:hover,
.too-contact input:focus,
.too-contact textarea:focus {
  box-shadow: none !important;
  border: none !important;
}
.too-contact input.sppb-form-control {
  height: 50px !important;
  border: 1px solid #eeeeee !important;
  margin-bottom: 5px;
  padding-left: 20px !important;
  font-weight: 400;
  color: #737373;
  font-size: 14px !important;
}
.too-contact textarea.sppb-form-control {
  border: 1px solid #eeeeee !important;
  padding-left: 20px !important;
  padding-top: 15px !important;
  height: 155px !important;
  margin-bottom: 5px;
  font-weight: 400;
  color: #737373;
  font-size: 14px !important;
}
.too-contact .sppb-form-check-label {
  margin-left: 10px;
  font-weight: 500;
  color: #737373;
}
.too-contact .sppb-form-check-label a {
  font-size: 15px;
  color: #737373;
}

.cnt-captcha{float:left; width:auto; padding-right:0;}
.cnt-captcha img{height:50px}

.cnt-form input, .cnt-form textarea, .cnt-form select{ width: 100%; max-width: 100%; font-size: 15px; border: 1px solid #ececec; padding: 0 15px 0 15px; border-radius: 5px; font-family: 'Roboto', sans-serif; }
.cnt-form input { height: 50px; font-family: 'Roboto', sans-serif; }
.cnt-form input{ margin:0 0 0 0}
.cnt-form .single-input { margin-bottom: 22px }
.cnt-form textarea { height: 165px; max-height: 165px; padding: 15px }
.cnt-form .attach{border:none; padding-left:0; margin-bottom:-20px}
.cnt-form select{height: 50px; font-family: 'Roboto', sans-serif; background:transparent; margin:0 0 15px 0; 
appearance: none; 
background: transparent url(../images/select-arrow.png) no-repeat 100% center;}
.sp-top20 .read-more { float: left; border: none }

.cnt-form .btn {
font-family: 'Roboto', sans-serif;
background-color: #ff0000;
color: #fff;
border-radius: 0;
padding: 10px 50px;
font-size: 16px;
}

.cnt-border{position:relative }
.cnt-border::after{content: "";
border-left: 1px solid #cccccc;
position: absolute;
height: 100%;
top: 0;
left: -30px;}
/*contact end*/


/*Projects*/
.map-india{width:100%; height:100%; position:relative;}
.map-india h3{border-bottom: 4px solid #ff0000; 
display: inline-block;
right: 10%;
position: absolute;
margin: 15% 0 0 0;
padding-bottom: 10px;
font-weight:600;
z-index: 1;}

.gloc{position:absolute; width: 28px; height: 45px; background:url(../images/map_pointer.png) center center no-repeat; }
.map-india .gloc.gi-01{top: 5%; left: 30%;}
.map-india .gloc.gi-02{top: 9%; left: 24%;}
.map-india .gloc.gi-03{top: 15%; left: 30%;}
.map-india .gloc.gi-04{top: 19%; left: 25%;}
.map-india .gloc.gi-05{top: 22%; left: 40%;}
.map-india .gloc.gi-06{top: 24%; left: 28%;}
.map-india .gloc.gi-07{top: 33%; left: 20%;}
.map-india .gloc.gi-08{top: 31%; left: 41%;}
.map-india .gloc.gi-09{top: 45%; left: 10%;}
.map-india .gloc.gi-10{top: 45%; left: 30%;}


.map-world{position: absolute; width: 480px;left: 60%;margin: -300px 0 0 0;}
.map-world h3{border-bottom: 4px solid #ff0000; 
display: inline-block;
right: 10%;
position: absolute;
margin: -15% 0 0 0;
padding-bottom: 10px;
font-weight:600;
z-index: 1;}
.map-world .gloc.gi-01{top: -3%; left: 32%;}
.map-world .gloc.gi-02{top: 9%; left: 10%;}
.map-world .gloc.gi-03{top: 15%; left: 70%;}
.map-world .gloc.gi-04{top: 50%; left: 20%;}


#tooltip{
	position:absolute;
	border:1px solid #767676;
	background:#f7f5d1;
	padding:2px 5px;
	font:100% Arial, Helvetica, sans-serif;
	font-size:13px; 
	font-weight:normal;
	line-height:18px;
	color:#6A6A6A;
	display:none;
	}	

.ref-logo{width:12%; display:inline-block; margin-top:20px; text-align:center }
.ref-logo img{width:90%;}
/*Projects end*/

.text-red{color:#ff0000 !important}

.c-head {
font-weight: 600;
font-size: 22px;
margin:10px 0 20px 0;
position: relative;
}

.c-head::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 50px;
    background: #ed1c24;
    margin: 28px 0 0 0;
    left: 0;
}

.cnt-01 {
    color: #58595b;
    line-height: 24px;
    font-size: 14px;
    margin: 0 0 15px 0
}
.cnt-01 p{font-size:16px}
.cnt-01 .logo{height:60px; position:absolute;}

.cnt-01 a {color: #58595b; font-size:16px}

.cnt-01 a:hover {
    color: #ed1c24;
    text-decoration: underline
}

.cnt-01 h5{font-size:16px}

.cnt-01 {}

.cnt-01 span {
    display: block;
    font-weight: 600
}

.cnt-01 span+span {
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
}


.cnt-01 ul {margin:15px 0 0 0; padding: 0;}
.cnt-01 ul li {list-style: none; display: inline-block;}
.cnt-01 ul li a {
    margin: 0 10px;
    color: #58595b;
    font-size: 16px;
}

#download-pop{z-index:99999 !important; font-family: 'Roboto', sans-serif;}
#download-pop .btn-pop-close{background:rgba(0,0,0,1); border-radius: 50%; padding: 2px 5px 5px 5px;
                            margin: -60px -35px 0 0; width: 36px; height: 36px; border: 2px solid #fff; cursor:pointer}
#download-pop .btn-close{background:#ff0000;}
#download-pop .modal-content{background-color: #294453;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url("../images/pop-bg.png");
background-size: cover;
border: 3px solid #fff;}
#download-pop .modal-header {padding:15px 15px 5px 15px; border-bottom: 0px solid #fff; color:#fff;}
#download-pop .form-control.here{margin:0 0 15px 0}
#download-pop .otp-btn{margin:0 0 0 0; padding: 5px 25px;  border-radius: 8px; 
                      color: #fff; font-size: 20px; padding: 6px 0; width:180px; background: #ff0000;}
#download-pop .otp-btn:hover{background:#064eb8; color:#fff;}

.icon--arrow-down:focus{display:none;}

/*media query*/
@media (max-width:1399.98px){
.navbar-nav li a{font-size:20px; margin:0 10px;}
.work-list ul li {max-width:240px;}
.home-client .left h2 {padding: 9% 35px 0px 35px;}
}

@media (max-width:1299.98px){
.home-client .left h2 {padding: 8% 35px 0px 35px;}
.menuteaser__image--slanted {height: 340px;}
.menuteaser__overlay--image {height: 70px;}
.menuteaser__overlay--image h2 {font-size: 30px; margin:15px 0 0 0;}
.work-row-1 .menuteaser__wrap--image-slanted::before {left: -15.5%;}
.work-row-2 .col-md-4 .menuteaser__wrap--image-slanted::before {left: -17%;}

.solution-box p {height: 100px;}

}

@media (max-width:1199.98px){
	
.navbar-nav li a{font-size:18px; margin:0 8px;}
.work-row-1 .menuteaser__wrap--image-slanted::before {left: -15.5%;}
.work-row-2 .menuteaser__wrap--image-slanted::before {left: -17%;}

.banner-head .head-top{font-size:60px; line-height:70px;}
.banner-head .head-top span{font-size:100px; margin-bottom: 10px;}

.banner-head h1{font-size:70px; line-height:76px;}
.banner-head h1 span{font-size:100px;}
.banner-head h1 span.red{font-size:80px; margin-top:-20px}

.home-client .left h2 {padding: 6% 35px 0px 35px;}
.owl-carousel .owl-item img{display:block; width:auto; max-height:90px;}

.work-list ul li {max-width: 310px;}
.map-world {position: absolute; width: 380px;}

.solution-box p {height: 140px;}

}

@media (min-width:1023px)and (max-width:1024px) {
.client-scroll .owl-stage-outer{height:100px}	
}

@media (max-width:991.98px){
label.nav-area {
  width: 136px;
  height: 136px;
  right: -50px;
  top: -63px;
  padding: 70px 60px 0 30px;
}
.google-nav {padding-top: 60px;}
.nav-link {padding: 0rem 1rem;}
.navbar-dark .navbar-brand img {height: 15px;}

.navbar-brand img{width:70px;}
.navbar-expand-md .navbar-nav .nav-link{padding-left:0; padding-right:0;}
.navbar-nav li a {font-size: 15px; margin: 0px 8px;}

.home-client .left h2 {padding: 9% 35px 0px 35px; }

.menuteaser__image--slanted {height: 240px;}
.menuteaser__overlay--image{height: 60px;}
.menuteaser__overlay--image h2{font-size: 26px !important; margin: 13px 0 0 0;}
.work-row-1 .menuteaser__wrap--image-slanted::before {left: -16%;}
.work-row-2 .col-md-4 .menuteaser__wrap--image-slanted::before {left: -17.5%;}


.about-img {top: -154px;}
h2{font-size:36px}	
.about-home {}
.veri-img {margin-top:0px; margin-bottom:30px;}
.profile-slide {width: 100%;}
.profile-slide .carousel-inner{width:77.5%; top:-242px;}

.res-right{margin-top:60px}

/*about*/
.banner-angle {width: 40%;}
.inner-page h1 {font-size: 30px;}
.in-text p {font-size: 22px;}
.abt-serv h3, .solution-box h3 {font-size: 24px; margin-top: 0;}
.abt-bg p {font-size: 22px;}
.abt-bg .use-btn a {font-size: 18px; width: 200px; padding: 12px 0;}
  
/*services*/
.serv-list {min-height: 295px;}
.services img{margin-bottom:30px}

.map-world {
  position: relative;
  width: 100%;
  left: auto;
  margin: 100px 0 0 0;
}

.solution-box p {font-size:16px; height:auto;}

.ref-logo{width:16%;}

.job-post {margin-top:30px;}

.product-text h2{font-size:26px; margin-top:15px; display:inline-block;}

.sol-tool .tool-text h3 {height:auto;}

.it-details{padding: 30px 50px;}
.it-info{color:#fff; /*font-size: 13px;*/ line-height: 18px;}

footer h4{margin-top:15px;}
footer .copyright .left {text-align: center;}
footer .copyright .right {text-align: center;}

}

@media (max-width:767.98px){
.navbar-brand img{width:70px;}
.navbar-expand-md .navbar-nav .nav-link{padding-left:0; padding-right:0;}
.navbar-nav li a {font-size:20px; margin:0 15px;}

.navright {background:red; top:0;}
	
.home-banner{min-height:auto; max-height:100%}
.home-banner .banner-head .head-top{margin-top: 120px;}

.banner-head {margin-top:150px; text-align:center;}
.banner-head h1{font-size:60px; line-height:74px; }

.banner-head img{width:200px;}

.work-row-1 .col-md-6 {width: 100%;}
.work-row-2 .col-md-4 {width: 100%;}
.menuteaser__image--slanted {height: 280px; transform: skewX(-7deg) scale(1.2);}
.menuteaser__overlay--image{height: 60px;}
.menuteaser__overlay--image h2{font-size: 26px !important; margin: 13px 0 0 0; transform: skew(0deg);}
.menuteaser__wrap--image-slanted {margin-left: 0; transform: skewX(0deg); margin-right: 0;}
.work-row-1 .menuteaser__wrap--image-slanted::before {left: -16%; }
.work-row-2 .col-md-4 .menuteaser__wrap--image-slanted::before {left: -17.5%;}
.menuteaser__wrap--image-slanted::before {display:none}

.tileentry .tileentry__slideshow .slideshow__textslider .swiper-slide .slide__content .content__title, .tileentry .tileentry__slideshow .slideshow__textslider .swiper-slide .slide__content .content__subtitle {
  margin-left: 0;}

.home-client .left {float: none;}
.home-client .left h2 {padding: 5px 10px 15px 15px; font-size: 24px !important;}

.owl-carousel .owl-item img {max-height: 90px;}

.inner-page{padding:30px 0;}

.manage {text-align:center;}

.work-list ul li {max-width: 100%!important;  margin: 0 0 30px 0;}

.stb-space {padding:60px 0 60px 0;}


.mob-none{display:none;}	

/*about*/
.banner-angle {display:none;}

/*solutions*/
.solution-box {padding:30px;}
.solution-box p {font-size:20px;}

.news-table .news-col {padding:15px;}
.event-table .event-col {padding:15px;}


.tileentry .tileentry__slideshow .slideshow__imageslider .swiper-slide .slide__mediawrapper > * {
  position:relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.tileentry .tileentry__slideshow .slideshow__imageslider .swiper-slide .slide__mediawrapper::before {
  padding-top: 0;
}

.ref-logo{width:24%;}

.desk-banner{display:none}
.mob-banner{display:block}

.it-details {padding: 80px 50px;}
}

@media (max-width:600px){
.py-4{padding:0 !important;}	
.navbar .container {width:100%}
.banner-head .head-top span {font-size: 60px; margin-bottom: 10px;}
.banner-head {margin-top: 100px;}
.banner-head .head-top {font-size: 30px; line-height: 36px;}

.owl-carousel .owl-item img {max-height: 90px;}

.inner-page h1{font-size:26px}
.inner-page h2{font-size:22px}

.it-details {padding: 80px 50px;}
}

@media (max-width:599.98px){

}
@media (max-width:400px){
.profile-slide {width: 240px;}
.profile-slide .carousel-inner {width:100%; top:-130px;}	
.carousel-item .container{width:84%}

.ref-logo{width:30%;}

footer .links {margin: 25px 0;}
footer .links ul {width: 100%;}

}
@media (max-width:360px){

}