@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap');
body{font-family: 'Source Sans Pro', sans-serif; background-color: #fff !important;}
.innerbanner{height: 75vh !important;}
.b1 {
		background-image: url("../images/banner1.jpg");
		background-size: cover;
	}

.carousel-fade .carousel-inner .carousel-item {
  opacity: 0.8;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.section1 .carousel-inner .carousel-item img{ width: 100%; height:89vh;}
.section1 .slide_div{top: 40%;}
.section4 .slide_div{top: 20%;}
.section1 .carousel-inner .carousel-item h2{font-size: 65px;color: #1b418c;}

.section3 .mtb100, .section5 .mtb100, .section6 .mtb100 {margin: 160px auto;}
.section4 .mtb100{margin: 120px auto;}
.section2:before{    position: absolute;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 73%;
    background-image: url(../images/city1.png);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
    /* background-position: center center; */
    opacity: 1;}
.section3:before{position: absolute;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/bg/bg1.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center;opacity: 0.3;
    background-color: #efefef24}
.section4:before{position: absolute;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    /*top: 0;*/
    background-image: url(../images/pattern-bg.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center center;opacity: 0.3;background-color: #8c871b;}
    .qfacts:before{position: absolute;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    /*top: 0;*/
    background-image: url(../images/bg/bg3.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center center;opacity: 0.1;background-color: #ffffff;}
    .awards:before{
	  position: absolute;
    z-index: -1;
    content: "";
    width: 45%;
    height: 100%;
    left: 0;
    /* top: 0; */
    background-image: url(../images/bg/gleftpatch.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: left;
    opacity: 0.8;}
	.psec:before{    position: absolute;
    z-index: -1;
    right: 0;
    /* top: 0; */
    background-image: url(../images/bg/2.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: right;
    opacity: 1;}
    .awards:before{background-image: url(../images/bg/bg1.png);background-position: center;width: 100%;}
    .section6:before,.section7:before{position: absolute;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    /*top: 0;*/
    background-image: url(../images/bg3.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center center;opacity: 0.1;background-color: #1b4f8c08;}
.section2 .intro_title i::before{font-size: 75px;color: #1b418c; margin: 0 !important}

	section .slide_div {
		font-family: 'Open Sans';
		font-style: normal;
		text-align: center;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	.button {
		background-color: #F2CF66;
		border-bottom: 5px solid #D1B358;
		text-shadow: 0px -2px #D1B358;
		padding: 10px 40px;
		border-radius: 10px;
		font-size: 25px;
		color: #FFF;
		text-decoration: none;
	}
.w-10{width: 10%;}
.w-15{width: 15%;}
.w-20{width: 20%;}
.mr-50{margin-inline-end: 50px;}
.mt-3{margin-top: 1rem;}
.mt-4{margin-top: 1.5rem;}
/*Sidenavbar*/
nav {
/*  padding: 10px;*/
  position: relative;
/*  background: #4DEB5A;*/
  z-index: 2;
}


aside {
  position: absolute;
  width: 300px;
  height: 100%;
  background: #fffdfdcf;
  right: 0;
      top: 0;
  display: none;
z-index: 1;
}
aside::before {
  content: "";
  display: block;
  height: 100px;
}
aside a {
  display: block;
  padding: 25px 20px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  border-bottom: 1px solid #414141;
}
.toggle-wrap {
  padding: 35px 40px;
  position: relative;
  cursor: pointer;
  float: right;

  /*disable selection*/
  -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.toggle-bar {
	width: 38px;
	margin: 10px 0;
	position: relative;
	border-top: 3px solid #2e5399;
	display: block;
	z-index: 9;
}
.toggle-bar::before,
.toggle-bar::after {
	content: "";
	display: block;
	background: #2e5399;
	height: 3px;
	width: 38px;
	position: absolute;
	top: -14px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-transform-origin: 13%;
	-webkit-transform-origin: 13%;
	transform-origin: 13%;
}
.toggle-bar::after {
  top: 7px;
}
.toggle-wrap.active .toggle-bar {
  border-top: 6px solid transparent;
}
.toggle-wrap.active .toggle-bar::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.toggle-wrap.active .toggle-bar::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*end of Sidenavbar*/
 
.ptb{ padding: 100px 0; }
h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro', sans-serif;}
.mtop50{margin-top: 50px}
p{font-family: 'Source Sans Pro', sans-serif;    text-align: justify}
.nav_img{width: 200px;margin: 10px; float: right }
.section2 .sec_head,.section5 .sec_head, .section7 .sec_head, .services-slider, .col-eq-ht{ margin-top: 40px }
.section2 .intro_title h5{font-size: 30px;color: #4b4d50;}
.section2 .sec_head p{ font-size: 25px;color: #2b2b2b;}
.section3 h5{ font-size: 60px }
.section3 hr{width: 145px;
    height: 4px;
    background-color: #1b418c;
    margin-top: 10px;}
.section3 p{font-size: 33px;
    font-weight: 500;}

/*partner slick.js*/
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*end of partner slick.js*/


/* Carousel Styles */
.heading-box h2{ width:100%; color: red; }
.text-box {
	position: absolute;
	top: 50%;
	left: 15%;
	right: 15%;
	color: #fff;
	text-align: center;
	transform: translateY(-50%);
}

/*services*/
.section-title {
	position: relative
}
.section-title p {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 400;
}
.section-title h4 {
	font-size: 40px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 20px;
	display: inline-block
}
.section-title h4:before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background-color: #d8d8d8;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}
.section-title h4:after {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background-color: #FF7200;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}
.pt-100 {
	padding-top: 20px;
}
.pb-100 {
	padding-bottom: 100px;
}
.mb-100{
    margin-bottom:100px;
}
.services {
/*	background-color: #FBFBFB;*/
}
.single-product {
	position: relative;
	text-align: center;
	margin-bottom: 10px;
	-webkit-transition: .3s;
	transition: .3s;
	padding: 20px 20px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
	background-color: #ffffffcf;
}
.single-product img{margin: 0 auto; width: 150px}
.single-product:before {
	position: absolute;
	width: 0;
	height: 0;
	background-color: #1b418c;
	left: 0;
	top: 0;
	content: "";
	-webkit-transition: .3s;
	transition: .3s
}
.single-product:after {
	position: absolute;
	width: 0;
	height: 0;
	background-color: #1b418c;
	right: 0;
	bottom: 0;
	content: "";
	-webkit-transition: .3s;
	transition: .3s
}
.single-product:hover:after,
.single-product:hover:before {
	width: 50%;
	height: 2px;
	-webkit-transition: .3s;
	transition: .3s
}
.single-product:hover {
	box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.10)
}
.single-product i:before{    font-size: 120px;
    margin-left: 0;
    position: absolute;
    margin: 0;
    top: 55px;
    left: 0;
    right: 0;
    opacity: 0.1; }
.single-product i.fa {
	font-size: 20px;
	width: 60px;
	height: 60px;
	border: 1px solid #ddd;
	line-height: 60px;
	margin-bottom: 30px;
	border-radius: 50%;
	-webkit-transition: .3s;
	transition: .3s
}
.single-product:hover i:before {
	color: #1b418c;
}
.single-product:hover i.fa {
	background-color: #1b418c;
	color: #fff;
	border-color: #1b418c;
	border-radius: 0;
}
.single-product h4 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
	text-transform: capitalize;
}
.single-product p {
	    font-size: 18px;
    line-height: 1.8;
    margin-top: 20px;
    color: black;
}

.btn-shutter{color: #000;
    border: 1px solid #000;
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: #FFFFFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0.6rem 2.8rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 1.5px;
    font-weight: 700;
    margin: 1.11rem 0;
    text-transform: uppercase;font-size: 12px;}
    .btn-shutter:hover {
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    text-decoration: none;

}
.btn-shutter:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #000;
    z-index: -1;
}
.ser_container .middle_wrapper{height: 540px !important;}
.ser_container .outer-wrapper {
  float: left;
  width: 100%;
  height: 270px;
  position: relative;
  background: #ffffffd9;
}
.ser_container .outer-wrapper:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0px;
  left: 0;
  background: linear-gradient(90deg, #efefef, #cfcfcf, #efefef);
  content: "";
  z-index: 45;
}
.ser_container .outer-wrapper:nth-child(odd):after {
  display: block;
  position: absolute;
  width: 2px;
  height: 90%;
  background: linear-gradient(#efefef, #cfcfcf, #efefef);
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  content: "";
  z-index: 40;
}
.ser_container .outer-wrapper:hover:after, .ser_container .outer-wrapper:hover:before {
  display: none;
}
.ser_container .outer-wrapper:hover .inner-wrapper {
  background: linear-gradient(#7b8fb7 10%, #214996 70%);
  width: 100%;
  height: 100%;
  z-index: 50;
  box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.27);
  color: #fff;
}
.ser_container .outer-wrapper .inner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #ffffff36;
  overflow: hidden;
  z-index: 40;
  color: #505050;
  font-size: 24px;
  text-align: center;
  box-shadow: 0px 0px 0px transparent;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ser_container .outer-wrapper .inner-wrapper .icon-wrapper {
  width: 50%;
  text-align: center;
}
.ser_container .outer-wrapper .inner-wrapper .icon-wrapper i:before {
      font-size: 47px;
    font-weight: 500;
    margin-right: 15px;
    margin-left: 0;
    color: #214996;
}
.ser_container .outer-wrapper:hover .inner-wrapper i:before{ color: #ffffff; }
.ser_container .outer-wrapper .inner-wrapper .content-wrapper {
  text-align: left;
      padding: 5px 25px;
}
.ser_container .outer-wrapper .inner-wrapper .content-wrapper span {
  margin: 0;    font-size: 24px;    font-weight: 600;    font-family: 'Source Sans Pro', sans-serif;
}

.ser_container .outer-wrapper .inner-wrapper .content-wrapper p { font-size: 20px }
.ser_container .outer-wrapper:hover .inner-wrapper span, .ser_container .outer-wrapper:hover .inner-wrapper i{ color: #ffffff; }
.ser_container .outer-wrapper .inner-wrapper .content-wrapper .cwp {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 5px;
  font-family: 'Source Sans Pro', sans-serif;
}
.ser_container .outer-wrapper .inner-wrapper .content-wrapper span:last-child {
  font-size: 22px;
/*  font-style: italic;*/
  font-family: 'Source Sans Pro', sans-serif;
}

/*counter*/
.sectionClass {
  padding: 20px 0px 50px 0px;
  position: relative;
  display: block;
}

.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}


.sectiontitle {
  background-position: center;
  margin: 30px 0 0px;
  text-align: center;
  min-height: 20px;
}

.sectiontitle h2 {
  font-size: 30px;
  color: #222;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}


.headerLine {
  width: 160px;
  height: 2px;
  display: inline-block;
  background: #101F2E;
}


.projectFactsWrap{
    display: flex;
  margin-top: 30px;
  flex-direction: row;
  flex-wrap: wrap;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 25%;
  height: 100%;
  padding: 50px 0px;
  text-align: center;
}

.projectFactsWrap .item:nth-child(1){
  background: rgb(27, 65, 140)
}

.projectFactsWrap .item:nth-child(2){
  background: rgb(26, 67, 148);
}

.projectFactsWrap .item:nth-child(3){
  background: rgb(30, 77, 171);
}

.projectFactsWrap .item:nth-child(4){
  background: rgb(22, 79, 191);
}

.projectFactsWrap .item p.number{
  font-size: 40px;
  padding: 0;
  font-weight: bold;
}

.projectFactsWrap .item p{
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  margin: 0;
  padding: 10px;
  font-family: 'Open Sans';
}


.projectFactsWrap .item span{
  width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.8);
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
  color: white;
}

.projectFactsWrap .item:hover span{
  background: white;
}

@media (max-width: 786px){
  .projectFactsWrap .item {
     flex: 0 0 50%;
  }
}

/*GALLERY AWARDS*/
.gallery-block{
  padding-bottom: 60px;
  padding-top: 60px;
}

.gallery-block .heading{
    margin-bottom: 50px;
    text-align: center;
}

.gallery-block .heading h2{
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.gallery-block.compact-gallery .item{
  overflow: hidden;
  margin-bottom: 0;
/*  background: black;*/
  opacity: 1;
}

.gallery-block.compact-gallery .item .image{
  transition: 0.8s ease;
  width: 500px;
    height: 350px;
    padding: 25px;
}

.gallery-block.compact-gallery .item .info{
  position: relative;
    display: inline-block;
}

.gallery-block.compact-gallery .item .description{
  display: grid;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    font-size: 17px;
    line-height: 18px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    opacity: 1;
    color: #fff;
    transition: 0.8s ease;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));
}

.gallery-block.compact-gallery .item .description .description-heading{
  font-size: 1em;
  font-weight: bold;
}

.gallery-block.compact-gallery .item .description .description-body{
  font-size: 0.8em;
  margin-top: 10px;
  font-weight: 300;
}

@media (min-width: 576px) {

  .gallery-block.compact-gallery .item .description {
    opacity: 0;
  }

  .gallery-block.compact-gallery .item a:hover .description {
    opacity: 1;background-color: #17171775;
  }

  .gallery-block .zoom-on-hover:hover .image {
    transform: scale(1.3);
    opacity: 0.7;
  }
}
.cookie-box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 1rem 2rem;
    background: #fff;
    transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 224;
    border-top: 3px solid #1a4394;
    font-family: 'Source Sans Pro', sans-serif;
}
.cookie-button {
    display: inline-block;
    cursor: pointer;
    padding: 0.65rem 0.85rem;
    margin-left: 0.45rem;
    color: #2F528A;
    font-size: 0.75rem;
    letter-spacing: 1px;
    border: 1px solid #2F528A;
    font-weight: bolder;
    font-family: 'Source Sans Pro', sans-serif;
}

/*Contact*/
.no-gutter{
	padding-left:0px;
	padding-right:0px;
}
.get-in-touch{
	position:relative;
	padding: 35px 40px;
	width:100%;
	height:100%;
	background-color:#2F528A;
}
.grid__title {
    font-size: 36px;
    line-height: 35px;
    font-weight: 300;
    padding: 0 0 90px 0;
    margin: 0px;
    position: relative;
}
.grid__titlec{padding: 40px 0 18px 0;}
.get-in-touch .grid__title span{font-size: 4rem;}
.get-in-touch .gitp{margin-bottom: 63px;}
.grid__title span{    /*font-size: 4rem;*/
    line-height: 40px;}
.white {
    color: #fff;
}
.grid--contact .grid__more {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}
.grid--contact .grid__more {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}
.svg-form-left {
    height: 100%;
    width: 15%;
    position: absolute;
    right: -55px;
    top: 0px;
    z-index: 222;
}
.bg-grey {
    background-color: #f5f5f5;
}
.get-contact-form {
    padding: 40px 80px;
    background-color: #f7f7f7;
    height: 100%;
}
.form__row {
    position: relative;
}
.form__label {
    width: 100%;
    display: block;
    color: #a8a8a8;
    padding: 20px 0 0 0;
    font-size: 16px;
}
.form__input {
    width: 100%;
    height: 30px;
    line-height: 50px;
    background: none;
    border: none;
    border-bottom: 1px #a8a8a8 solid;
}
.form__textarea:focus, .form__textarea:active, .form__input:focus, .form__input:active {
    border-bottom: 2px #2F528A solid;
}
.form__textarea {
    width: 100%;
    height: 80px;
    background: none;
    border: none;
    border-bottom: 1px #a8a8a8 solid;
    padding: 10px 0;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
}
.mt-30{ margin-top: 30px }
a:focus, a:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active {
    -moz-outline: none;
    outline: none;
}
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;    padding: 20px;
    border-radius: 20px;}
.btn-social-icon :first-child{position:absolute;left:0;top:4px;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-instagram{color:#fff !important;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{color:#fff;background-color:#335d7e;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-linkedin{color:#fff !important;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{color:#fff;background-color:#005f8d;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-twitter{color:#fff !important;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#309aea;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.career h3{ font-size: 25px }
.career p{ font-size: 20px;color: #000; }
.introbox{    box-shadow: 0px 1px 5px grey;
    margin: 5px 0;background-color: #ffffffd9;}
.carousel {
    position: unset;
}
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 10%;}
/*.show-strip .navbar-header .navbar-brand img{ display: none; }*/
.navbar-header .navbar-brand img{ width:180px;}
#hero_slider_carousel .owl-item.active h1 {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;text-shadow: -1px 4px #8a8a8a;}
#hero_slider_carousel .owl-item.active .btn-shutter-more {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}

/*top clients css*/

div.secondary-clients-border-all {
    border: 1px solid #dedede;
}
div.secondary-clients-right-none {
    border-right: 0;
}
div.secondary-clients-left-none {
    border-left: 0;
}
div.secondary-clients-top-none {
    border-top: 0;
}
div.secondary-clients-bottom-none{
  border-bottom: 0;
}

/*end of top clients css*/
.gal-container{
  padding: 12px;
}
.gal-item{
  overflow: hidden;
  padding: 3px;
}
.gal-item .box{
  height: 350px;
  overflow: hidden;
}
.box img{
  height: 100%;
  width: 100%;
  object-fit:unset;
  -o-object-fit:unset;
}
.gal-item a:focus{
  outline: none;
}
/*.gal-item a:after{
  content:"\e003";
  font-family: 'Glyphicons Halflings';
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  right: 3px;
  left: 3px;
  top: 3px;
  bottom: 3px;
  text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}*/
.gal-item a:hover:after{
  opacity: 1;
}
.modal-open .gal-container .modal{
  background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
  padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
  box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
  outline: none;
}
.modal-open .gal-item button.close span{
  position: relative;
  top: 4px;
  font-weight: lighter;
  text-shadow:none;
      font-size: 42px;
      color: #ffffff;
}
.gal-container .modal-dialogue{
  width: 80%;
}
.gal-container .description{
  position: relative;
  height: 40px;
  top: -40px;
  padding: 10px 25px;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  text-align: left;
      display: none;
}
.gal-container .description h4{
  margin:0px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
}
/* Footer Style */
i.red{
    color:#BC0213;
}

footer{
    font-family: 'Quicksand', sans-serif;
}
footer a,footer a:hover{
    color: #024175;font-weight: 550;
}

.menuItems .menulogo img{ width: 180px;margin-bottom: 30px; }

/*about inner page*/
.about_inner:before{position: absolute;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    background-image: url(../images/about_inner.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center center;opacity: 0.3;background-color: #8c871b;}

.aboutbold{font-weight: bold;font-size: 21px;}
.about_inner p{font-size: 20px}
.about_inner .row{ margin: 100px auto }
.about_inner h1{font-size: 50px;margin: 0 0 30px 0;text-align: left;}
.web-wrap {
    /*background-color: #d1f0f0;*/
    padding: 200px 0 128px 0;
    background-image: url(../images/bg/blueleftpatch.png);
    top: 0;
    background-size: contain;
    /* width: 54%; */
    background-repeat: no-repeat;
}
.webst:before{position: absolute;
  position: absolute;
    z-index: -1;
    content: "";
    width: 15%;
    height: 100%;
    right: 0;
    background-image: url(../images/bg/element4.png);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
    background-position: top right; opacity: 0.5}
.web-wrap .web-content {
    width: 1088px;
    margin: 0 auto;
}
.web-wrap .description {
    width: 623px;
    padding: 64px 105px 73px 80px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    position: relative;
    background-color: #fff;
}
.web-wrap strong {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 34px;
    color: #2a2a2a;
    margin: 0 0 25px -35px;
    display: block;
    text-transform: none;
}
.description p, .full-description p {
    font-size: 18px;
    color: #2a2a2a;
    margin: 0 0 25px 0;
}
.web-wrap p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #231f20;
    line-height: 1.7;
    margin-bottom: 30px;
}
.web-wrap .card {
    position: absolute;
    left: 100%;
    margin-left: -70px;
    top: -60px;
    width: 530px;
    padding: 46px 30px 0 30px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    background-color: #fff;
}
.description ul, .full-description ul {
    margin-top: 38px;
    padding-left: 20px;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.align-items-center {
    -ms-flex-align: center;
    align-items: center;
}
.d-flex {
    display: -ms-flexbox;
    display: flex;
}
.web-wrap .expert {
    position: absolute;
    text-align: center;
    top: calc(100% + 80px);
    top: -webkit-calc(100% + 80px);
    left: calc(50% + 35px);
    left: -webkit-calc(50% + 35px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.web-wrap .card .strength{margin-left: 40px;}
.card ul li,.blog-wrap .submenu li{ list-style: none; }
.submenu{padding: 0 0 0 20px;}
.submenu li span:before{content: ' \203A' !important;
    color: green;
    margin: 0 10px;}
.card ul li p:before, .blog-wrap .client-img li span:before {
    content: ' \2714';
    color: green;
    margin: 0 10px;
}
/*.blog-wrap .submenu li span:before {
    content: ' ';margin: 0;
}*/
.functionality-list p{ font-size: 18px }
.functionality-list li{ list-style: none; }
.functionality-list li{
    padding: 0px 0 20px 0;
}
.light-green-bg {
    background: #dfe5f4;
}
.text-icon-wrap {
    border-radius: 28px;
    background: #c3e1bd;
    position: relative;
    padding: 10px 35px 10px 75px;
    display: inline-block;
    margin-bottom: 21px;
    width: auto;
    height: auto;
}
.text-icon-wrap .image-wrap {
    position: absolute;
    left: 0;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    overflow: hidden;
    background: #0d3480;
    top: 0;
}
.text-icon-wrap h3 {
    font-size: 24px;
    font-weight: 700;
    color: #2a2a2a;
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
        margin: 5px 0;
}
.image-wrap span{font-size: 0px;}
.image-wrap i:before{    font-size: 35px;
    /* margin: 0 15px; */
    color: #fff;
    position: absolute;
    top: 5px;
    left: -8px;}
.core_services h1, .tabbing-section h1{font-size: 50px;margin: 0 0 30px 0;text-align: left;}
.core_services .container{
    padding: 64px 105px 73px 80px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    position: relative;
    background-color: #fff;}
/************************************* tabbing section styling**************************************/
.tabbing-section {
  padding-top: 100px;
  text-align: center;
  position: relative;
  z-index: 12;
}
.tabbing-section h2 {
  color: #fff;
  margin-bottom: 23px;
  text-align: center;
  border-bottom: none;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:36px;
  line-height:43px;
}
.tabbing .listing {
  width: 365px;
  background-color: #f7f7f7;
  border-right: 1px solid #ebebeb;
  margin-bottom: 0;
}
.tabbing ul{padding: 0}
.tabbing .listing li{list-style: none;}
.tabbing .listing .active{background: rgb(114,242,199);
background: linear-gradient(10deg, rgba(114,242,199,1) 24%, rgba(91,162,247,1) 100%);
}
.tabbing-section .tabbing {
  background-color: #fff;
  margin-bottom: 56px;
  box-shadow: 0 11px 13px 0 rgba(0,0,0,0.2);
  position: relative;
}
.listing .list-item a {
  text-transform: uppercase;
  padding: 0 30px;
  color: #909090;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  position: relative;
  letter-spacing: -0.39px;
  cursor: pointer;
  text-align: left;
  border-bottom: 2px solid #ebebeb;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  min-height: 105px;
  align-items: center;
}
.listing .list-item h3{
  font-size:19px;
  line-height:21px;
  padding-bottom: 0px;
  border-bottom: none;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom: 0px;
  margin-top: 0;
}
.list-item.active a {
  color: #2a2a2a;
  font-weight: 600;
  background-color: #fff;
}
.tab-sign {
  position: absolute;
  left: 26px;
  top: 50%;
  height: 34px;
  width: 34px;
  /*  transition: all 0.3s ease;*/
  transform: translateY(-50%);
 /* background: url("../images/smallicons/plus-sign.png") no-repeat;*/
}
.list-item.active .tab-sign {
  /*background: url("../images/smallicons/cross.png") no-repeat;*/
}
.list-item.active .tab-sign:before, .list-item.active .tab-sign:after {
  background-color: #fff;
}
.list-item.active .tab-sign:before {
  transform: translate(-50%,-50%) rotate(41deg);
}
.frequently-asked .list-item:first-child .tab-sign {
  top: 40px;
}
.list-item.active .tab-sign:after {
  transform: translate(-50%,-50%) rotate(50deg);
}
.frequently-asked .list-item.active {
  border-top: 1px solid #eee;
}
.tabbing .listing.active {
  background-color: #fff;
}
.tabbing .item-details {
  background-color: #fff;
    padding: 20px 122px 10px 99px;
}

.item-details .items {
  margin-bottom: 40px;
}
.item-details .img-wrapper {
  margin-right: 42px;
  box-shadow: 5px 10px 14px -3px rgba(0,0,0,0.3);
  width: 263px;
  float: left;
  margin-top: 5px;
  font-size: 0;
  display: none;
}
.tabbing-section .item-details strong {
  font-weight: 700;
  margin-bottom: 0px;
  color: #2a2a2a;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  border-bottom:none;
  display:block;
  text-align:left;
}
.item-details .contents {
  float: right;
  width: 478px;
  text-align: left;
}
.contents p {
  font-size: 18px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2a2a2a;
  line-height: 30px;
}
.tabbing .tabs-content {
  position: relative;
}
.web-solutions {
  justify-content: space-between;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0 122px 40px 99px
}
.web-solutions li {
  text-align: center;
}
.web-solutions li img {
  height: 18px;
}
.web-solutions a {
  display: block;
  color: #f0011e;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.web-solutions img {
  display: block;
  margin: 0 auto 13px;
}
.tabbing-section strong {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 30px;
  margin-bottom: 31px;
}
.tabbing-section .btn-red {
  font-size: 16px;
  color: #fff;
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #fff;
  text-transform: capitalize;
  margin: auto;
  -webkit-box-shadow: 0 1px 2px 0 rgba(78,77,77,0.5);
  -moz-box-shadow: 0 1px 2px 0 rgba(78,77,77,0.5);
  box-shadow: 0 1px 2px 0 rgba(78,77,77,0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tabbing-section .case-study {
  padding: 0px 15px 0px 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 61px;
}
.tabbing-section a .icon-arrow-long {
  background-position: -29px 0;
  width: 26px;
  height: 9px;
  margin-left: 75px;
  transition: .3s ease;
  background-image: url("../images/web-design-images/sprite-homepage.png");
  border: none;
}
.btn-transparent:hover, .btn-default:hover, .btn-red:hover {
  border: 1px solid #f0011e;
  background-color: #fff;
  color: #f0011e;
  -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
}
.case-study:hover .icon-arrow-long {
  background-position: 0 0;
}

/*
 6.) Footer Styles
 ------------------------------*/
/*Blog Styling*/
.footer h5 {
  display: inline-block;
  font-size: 20px;
  color: #f0011e;
  text-transform: capitalize;
  padding: 10px 14px;
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
  box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
  margin-bottom: 10px;
}
.footer strong,.footer span{
  display: inline-block;
}
.footerlinks-section{background-color: #f9f9f9;padding: 50px 0;}
.footer-widget ul li{ list-style: none; }
.footer-widget .xs-list{padding: 0}
.footer-widget .xs-list li{padding: 5px 0;}
  .friendly-conversation{
  margin-bottom: 39px;
  padding: 39px 0 0;
  position: relative;
}

.friendly-conversation h3 {
  font-size: 30px;
  color: #2a2a2a;
  border-bottom: none;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-bottom: 24px;
  font-weight: 600;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  letter-spacing: -1.4px;
  word-spacing: 1px;
  text-transform:capitalize;
}
.get-start {
  background: transparent;
  padding: 0px;
}
.discuss-project {
  margin-bottom: 0px;
}
.discuss-project .design-services-border:after {
  display: none;
}
.tabbing-section.get-start a {
  background: #f0011e;
  border: 1px solid transparent;
}
.tabbing-section.get-start a:hover {
  border: 1px solid #f0011e;
  background: transparent;
}
.tabbing-section {
  padding-top: 40px;
  text-align: center;
  position: relative;
  z-index: 12;
}
.tabbing-section .case-study {
  padding: 0px 15px 0px 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 61px;
}
.tabbing-section a .icon-arrow-long {
  background-position: -29px 0;
  width: 26px;
  height: 9px;
  margin-left: 75px;
  transition: .3s ease;
  background-image: url("../images/web-design-images/sprite-homepage.png");
  border: none;
}
.btn-transparent:hover, .btn-default:hover, .btn-red:hover {
  border: 1px solid #f0011e;
  background-color: #fff;
  color: #f0011e;
  -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
}
.case-study:hover .icon-arrow-long {
  background-position: 0 0;
}
.contant-block {
  box-shadow: 0 11px 13px 0 rgba(0,0,0,0.2);
  padding-bottom: 39px;
}

/*Slider for Feature Slides*/
.content-area-thankyou
{
  padding: 300px 0 200px;
}

.explore-wrap .features li {
  display: block;
}
.explore-wrap .features li img{
  height: 65px;
}
.no-cap{
  text-transform: none;
    position: static !important;
    display: inline-block !important;
}
.service-area li strong .no-cap{
  color: #ef011e;
}



/*Footer Navigation Styling*/
.footer-menu {
  padding: 37px 27px 23px;
  border-top: 1px solid #edecec;
}
.footer-menu li {
  display: inline-block;
  margin: 20px 10px;
}
.footer-menu li a {
  font-size: 13px;
  text-transform: capitalize;
  text-decoration: underline;
  color: #2a2a2a;
}
.footer-menu li a:hover {
  color: #f0011e;
}
.footer-menu h5 {

  position: relative;
  top: -18px;
  margin-left: 130px;
}
.footer-menu li:first-child h5 {
  margin-left: 0;
}
.footer-menu h5:before {
  position: absolute;
  content: '';
  width: 110px;
  height: 2px;
  background-color: #6a6a6a;
  top: 100%;
  right: 100%;
  margin-right: 25px;
}
.footer-menu li:first-child h5:before {
  display: none;
}
/*Address Styling*/
.offices-wrapper {
  background-color: #2F528A;
}
.offices li {
  /*width: 25%;*/
	width: 33.33%;
  padding: 20px 10px;
}
.offices img{
  width: 100px;
  height: auto;
  margin-right: 10px;
}
.offices .india-map {
  width: 95px;
}
.address-wrap {
  font-size: 12px;
}
.call-us{
  color: #fff;
}
.address-wrap strong {
  color: #e4b04e;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight:600;
}
.address-wrap
{
  color:#fff !important;
}
.address-wrap address {
  width: 234px;
  color: #fff;
  margin-bottom: 15px;
  line-height: 1.2;
}
.address-wrap a {
  color: #fff;
}
.address-wrap a:hover {
  color: #e4b04e;
}
/*Footer-Certification Styling*/
.footer-last {
  padding: 15px 40px;
  background-color: #fff;
}
.company-view {
  float: left;
  padding-left:4px;
}

.company-view li {
  margin-right: 54px;
  font-size: 13px;
  color: #6b6b6b;
  font-weight:100;
  line-height: 1.2;
/*  position: relative;*/
list-style: none;
}

.copyright{
  font-size: 13px;
  color: #6b6b6b;
  font-weight:600;
  line-height:15.6px;
}
.company-view li .privacy-terms a{
  color:#8b8b8b;
}
.img-size{
  width:75px;
  height:40px;
  position: relative;
}
.img-size a{
  position:absolute;
  top:3px;
}
.img-size-gdpr{
  width:70px;
  height:40px;
  position: relative;
}
.img-size-gdpr a{
  width:70px;
  position:absolute;
  top:9px;
}
.privacy-terms a{
  margin-right: 20px;
}
.company-view li a {
  color: #2a2a2a;
  text-decoration: underline;
}
.company-view li:after ,.footer-logo li:after{
  position: absolute;
  content: '';
  top: -14px;
  width: 1px;
  height: 40px;
  background-color: #d7d7d7;
  right: 100%;
  margin-right: 28px;
}
.company-view li.privacy-terms a{
  color:#bfbfbf;
}
.company-view li.privacy-terms a:hover{
  text-decoration:none;
}
.company-view li:first-child:after {
  display: none;
}
.company-view li div {
  margin-right: 25px;
}
.company-view li div:last-child {
  margin: 0;
}
/*.footer-dmca path{
  fill:#505050;
}*/
.footer-logo {
  float: left;
  padding-right: 15px;
}
.footer-logo li {
  margin-right: 20px;
  font-size: 20px;
  font-weight: 600;
  list-style: none;
}
.social-icon{
  position:relative;
  height:0;
  padding-top:0;
}
.social-icon li:after{
  content:none;
}
.social-icon li a{
  width:20px;
  position: absolute;
  top:50%;
  transform:translateY(-50%);
}
.footer-logo.social-icon li:nth-child(2) a{
  top:2px;
}
.footer-logo li:first-child:after{
  display: none;
}
.footer-logo li a {
  text-decoration: underline;
  color: #6a6a6a;
  position: relative;
}
.footer-logo li:last-child {
  margin-right: 0;
}
.footer-logo-text{
  position: absolute;
  font-size: 11px;
  color: #2a2a2a;
  bottom: -4px;
  right: 0;
  content: '';
}
.footer-last .container{
  padding-top:13px;
}
.offices li:first-child{
  padding-left:7px;

}
.offices li:nth-child(2){
  padding-left:16px;
}
.offices li:last-child{
  padding-left:36px;
}
/*Rating Styling*/
.rating-wrap {
  padding: 60px 0 15px;
  border-bottom: 1px solid #cccccc;
  background-color: #fff;
  margin-bottom: 35px;
  padding-top:21px;
}
.rating-view {
  width: 100%;
}
.rating-view {
  width: 760px;
  margin: 0 auto;
}
.rateit-wrap {
  width: 90px;
  text-align: center;
}
#rateYo1 {
  background-color: #141414;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 5px;
}
#rateYo1 svg {
  color: #d59f4c;
  cursor: pointer;
}
#rateYo1.disable-button svg {
  cursor: auto;
}
.initail-rate span {
  font-size: 13px;
  cursor: pointer;
}
.initail-rate .edited {
  cursor: auto;
}
.overall, .overall span {
  font-size: 14px;
  color: #2a2a2a;
  margin: 0;
  margin-top: -18px;
  vertical-align:bottom;
}
.overall .client-project{
  padding-bottom: 0;
}

.client-project{ overflow: hidden;}

.overall .rating-strong{
  font-weight: 600;
}
.rating-view .more-work {
  font-size: 15px;
  color: #231f20;
  text-transform: capitalize;
}
.rating-view .more-work i {
  color: #231f20;
}
.request-wrap {

    background: #e3f6f6;
    text-align: center;
    padding: 98px 0;
}
.request-wrap strong {

    font-weight: 600;
    font-size: 24px;
    color: #2a2a2a;
    display: block;
    margin-bottom: 25px;

}

@media only screen and (max-width: 1599px){
.web-wrap .card {width: 490px;}
.web-wrap .expert {
    top: calc(100% + 95px);
    top: -webkit-calc(100% + 95px);
}
}
@media only screen and (max-width: 1330px) {
  .blog-content{
    margin-left: 270px;
  }
  .blog-content p{
    font-size: 25px;
    line-height: 1.5;
  }
  .blog-content:before{
    width: 210px;
    margin-right: 40px;
  }
  .blog-content strong{
    font-size: 50px;
  }

  .blog-content span{
    top: -22px;
  }
  .footer-menu li{
    margin: 15px 7px;
  }
  .footer-menu li h5{
    font-size: 18px;
    padding: 10px;
  }
}
/*FOR 1024PX*/
@media only screen and (max-width: 1140px) {
  .blog-content strong{
    font-size: 35px;
  }
  .blog-content p{
    font-size: 20px;
  }
  .blog-content .offer-date{
    top: -35px;
  }
  .footer-menu li h5{
    font-size: 15px;
  }
  .footer-menu li{
    margin: 13px 5px;
  }
  .footer-menu li a{
    font-size: 12px;
  }
  .footer-last{
    padding: 17px 20px;
  }
  .company-view li{
    font-size: 12px;
  }
  .company-view li div{
    margin-right: 20px;
  }
  .company-view li div svg{
    width: 80px;
    height: auto;
  }
  .footer-logo li{
    font-size: 14px;
  }
}
@media only screen and (max-width: 1199px){
  .overall {
    margin: 0 15px;
    line-height: 1.2;
  }
  .rating-view .more-work {
    flex: 0 0 90px;
    font-size: 14px;
  }
  .web-wrap .card {
    width: 400px;
    margin-left: -25px;
  }
}
/*FOR 1070PX*/
@media only screen and (max-width: 1070px) {
  .footer-logo li{
    margin-right: 10px;
    font-size: 13px;
  }
}
/*FOR 768PX*/
@media only screen and (max-width: 1024px) {
  .offices {
    overflow-x: scroll;
    white-space: normal;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  .offices li {
    width: auto;
    flex: 0 0 auto;
  }
}

@media (min-width: 992px) and (max-width: 1024px){
.offices{ padding: 20px 0;}
.offices li{ padding: 0 !important;}
.offices img { width: 72px;}
}

  @media (max-width: 991px) {

.footer-last .container{position: relative; padding-top: 0;}
.footer-last .company-view li:first-child{border-bottom: 1px solid #cccccc;}
.footer-last .footer-logo{ position: absolute; right: 15px; top: 14px;}
.footer-last .privacy-terms, .footer-last .copyright{display: inline-block; margin-right: 15px;}

    .request-wrap {
    padding: 35px 0px;
  }

  .rating-view{
    flex-direction:column;
    width: 100%;
    text-align: center;
  }
  .rateit-wrap{
    width: 100%;
  }
  #rateYo1 {
    display: inline-block;
  }
  .initail-rate span{
    display: block;
    margin: -5px 0 10px;
  }
  .overall{
    margin: 0;
    line-height: 1.8;
    padding: 0 34px;
    position: static;
  }
  .overall .rating-strong{
    font-weight: 400;
  }
  .rating-strong .score-rating{
    font-weight: 600;
  }
  .overall span{
    margin: 0;
  }
  .blog {
    padding: 0;
}
  .blog-content{
    margin: 0;
    display: block;
  }
  .blog-content span{
    left:0;
    top:3px;
  }
  .blog-content .offer-date{
    top:3px;
  }
  .blog-content a{
    display: block;
    font-size: 27px;
    padding: 10px 0px;
    line-height: 1.5;
  }
  .footer-last{
    display: block;
    padding: 17px 0px;
  }
  .company-view{
    display: block;
  }
  .company-view li{
    margin:0 0 10px 0;
    line-height: 1.5;
    padding: 7px 0px;
    position: relative;
      }
  .company-view li::after{display: none; }
  .footer-logo{
    padding-right: 0px;
    float: none;
  }
    .offices{
        flex-direction: column;
        overflow: hidden;

       }
     .offices li{
      flex-direction: column;
     }
    .offices-wrapper ul li{
      text-align: center;
    }
    .offices img{
      margin-bottom: 15px;
    }

   .blog-section .white-card{    margin-right: 0 !important; width: 100% !important;padding: 45px 15px;}
   .company-view{ float: none !important;}

    .social-icon{
      padding: 0;
    }
    .post-date{
      padding: 20px 15px;
    }
    .web-wrap .card {
    width: 100%;
    padding: 0;
    background: transparent;
    box-shadow: none;
    left: 0;
    top: 100%;
    margin: 25px 0 0 0;
    }
    .description .card ul {
    margin: 0 0 103px 0;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    padding: 20px;
    background: #fff;
    }
    .web-wrap .expert {
    left: 50%;
    bottom: initial;
    top: 77%;
    display: none;
    }
  }


/*digitalCommerce*/
.service-banner {
    padding-top: 82px;
    position: relative;
    overflow: hidden;
    max-width: 1600px;
    margin: 0 auto;
}
.vector-w-red {
    position: absolute;
    width: 32%;
    top: 65%;
    right: 100px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.service-banner-area {
    width: 701px;
    margin: 0 auto;
    padding: 100px 0 75px;
    position: relative;
    left: -14%;
}
.service-banner-area figure {
    margin-bottom: 15px;
    width: 110px;
    height: 110px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #212121;
    overflow: hidden;
    position: relative;
}
.service-banner-area figure img {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 60px;
    max-width: 60px;
}
.java-banner-area h1 {
    font-size: 77px;
}
.service-banner-area h1 {
    font-size: 63px;
    display: block;
    margin: 0 0 36px -123px;
    position: relative;
    text-transform: none;
}
.service-banner-area p {
    color: #2a2a2a;
    /*width: 480px;*/
    line-height: 1.7;
    margin-bottom: 44px;
    letter-spacing: -0.3px;
    font-size: 18px;
}
.stag{    font-size: 25px;
    font-style: italic;}

    /*Blog Styling*/
.footer h5 {
  display: inline-block;
  font-size: 20px;
  color: #f0011e;
  text-transform: capitalize;
  padding: 10px 14px;
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
  box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
  margin-bottom: 10px;
}
.footer strong,.footer span{
  display: inline-block;
}
.blog {
  padding: 0 33px 15px;
}
.blog-content {
  display: inline;
  position: relative;
  color: #2a2a2a;
  margin-left: 360px;
}
.blog-content span {
  position: absolute;
  content: '';
  top: -30px;
  left: 0;
  font-size: 14px;
  width: 200px;
}
.blog-content .offer-date {
  top: -48px;
}
.blog-content a {
  display: inline;
  font-size: 30px;
  line-height: 1.6;
  color:inherit;
}
.blog-content a:hover{
  color: #f0011e;
}
.blog-content strong {
  font-size: 60px;
  display: inline;
}
.blog-content:first-child {
  margin: 0;
}
.blog-content:before {
  position: absolute;
  content: '';
  top: 7%;
  right: 100%;
  width: 290px;
  height: 2px;
  background-color: #6a6a6a;
  margin-right: 43px;
}
.blog-content:first-child:before {
  display: none;
}.blog-section {
  display: flex;
  flex-wrap: wrap;
}
.white-card-wrapper {
  flex-wrap: wrap;
  justify-content: center;
}

.footer{
  background-color: #fff;
}
.blog-wrap{margin-top: 45px;}
.blog-section .white-card p{
  font-size:18px;
  margin-bottom: 16px;
}
.blog-section .white-card strong {
  font-size: 24px;
  color: #807c7c;
  display: block;
  margin-bottom: 30px;
}
.blog-section .white-card  a{
  font-size: 24px;
  color: #f72025;
  display: block;
  margin-bottom: 15px;
}
.blog-section .white-card span {
  font-size: 14px;
  position: relative;
  font-weight:700;
}
.blog-section h5 {
  font-size: 38px;
  margin-bottom: 70px;
  color: #fff;
  text-transform:capitalize;
  text-align: center;
  color: #2a2a2a;
  display:block;
  box-shadow: none;
  background-color:transparent;
}
.blog-section .white-card:hover{
  box-shadow: none;
  box-shadow: 2px 4px 6px -4px rgba(0,0,0,0.2), -2px 0 1px -2px rgba(0,0,0,0.2);
}
.blog-section .white-card{
     padding: 30px 30px 30px;
    -moz-box-shadow: 15px 16px 18px -15px #888;
    -webkit-box-shadow: 15px 16px 18px -15px #888;
    box-shadow: 15px 16px 18px -15px #888;
    margin-bottom: 50px;
    min-height: 268px;
    display: inline-block;
    width: 31.33%;
    margin-right: 3%;
    text-align: left;
    box-sizing: border-box;
    font-weight: 400;
    color: #2a2a2a;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    background-color: #fff;
}
.blog-section .white-card:last-child{
  margin-right:0px;
}
.blog-section .white-card:hover{
      -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0 0px 2px rgba(0,0,0,0.25);
}
.blog-wrap .client-img {padding-left: 35px; list-style: none;}
.blog-wrap .client-img li span{
        position: absolute;
    /*top: 0;*/
    left: 31px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    /*background-color: #000000;*/
    font-size: 14px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;}
.dgmarkt .blog-wrap .submenu li span, .dgmarkt .blog-wrap .client-img li span{
        position: absolute;
    /*top: 0;*/
    left: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    /*background-color: #000000;*/
    font-size: 14px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;}
.dgmarkt .blog-wrap .submenu li span{left: 31px;}
.blog-wrap .submenu li span{/*background-color: #000000;*/left: 31px;}
.menusubmenu p{margin-bottom: 10px;}
.dgmarkt .vector-w-red{top: 50%;}

.grid-container {
  display: grid;
  grid-gap: 10px;
  background-color: #1c1d1dba;
  padding: 10px;
  height: 100vh;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
/*  padding: 20px;*/
}

.item1 {
  grid-column: 1 / span 2;
  grid-row: 1;
  background-image: url(../images/mbg1.jpg);
    background-size: cover;
        background-position: center;
}
.item3 {
  background-image: url(../images/mbg.jpg);
    background-size: cover;
        background-position: center;
}
.item2 {
  grid-column: 3;
  grid-row: 1 / span 2;
  background-image: url(../images/mbg2.jpg);
    background-size: cover;
        background-position: center;
}
.item4 {
  background-color: rgba(255, 255, 255);
  background-image: url(../images/logo.svg);
    background-size: contain;
        background-position: center;
          background-repeat: no-repeat;
}
.item5 {
  grid-column: 1 / span 3;
  grid-row: 3;
  background-image: url(../images/mbg3.jpg);
    background-size: cover;
        background-position: center;

}

/*search tab*/
.search-bar{margin: 10px 0 0 0;}
.li-search-form .form-group {  float: left !important;display: none !important;}
.search-form .form-group {
  float: right ;
  transition: all 0.35s, border-radius 0s;
  width: 45px;
  height: 45px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #ccc;
      z-index: 0;
      top: -5px;
}
.search-form .form-group input.form-control {
  /*padding-right: 20px;*/
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
      padding: 22px 25px;
}
.search-bar .search-form .form-control-feedback{top: 13px !important;left: 5px;}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  border-radius: 4px 25px 25px 4px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}
.has-feedback:hover .form-control-feedback{right: 0 !important; left:unset;}
.navfull{padding: 0 100px;}
.no-pb{ padding-bottom: 0 !important }
.ptb{padding: 100px 0;}

.visa-card {
    border: 1px solid #e2e6ea;
    transition: box-shadow .3s;
    margin-bottom: 30px;
}
.visa-card:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}
.visa-card-img img {
    width: 100%;    height: 160px;
}
.visa-card-content img{width: 120px;
    margin-bottom: 10px;}
.visa-card-content .btn-shutter{padding: 7px 10px;}
.nvwork .visa-card-content{background: #fff;}
.visa-card-content {
    padding: 20px;
}
.nvwork .visa-card-title{ font-size: 20px; height: 40px}
.visa-card-title {
    margin-bottom: 10px;
}
.title {
    color: #1c1e20;
}
.btn-link-primary {
    color: #f12a02;
    border-bottom: 2px solid #f12a02;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 6px;
}
.slanting-pattern-small {
    /*background: url(../images/pattern-bg.png);*/
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #2f528a;
}
.blackcon h3, .blackcon p, .blackcon li{ color: black !important }
.section--features {background-color: #2057af38;}

#careers{
background-image: url(../images/bg/gleftpatch.png);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: contain;
background-position: left;
}