.sitemap  h2.menutitle{display:none;}
.video-container {
position: relative;padding-bottom: 66%;
padding-top: 30px; height: 0; overflow: hidden;
}


.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

* {margin: 0; padding: 0; font-family: 'Gotham Book', sans-serif;}
.cl {clear: both;}
.cl:after{display:block;content:"";clear:both;}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}

*::after, *::before {
  content: '';
}
.flx::after, .flx::before{display:none;}

.sgnup {
  display:none;
    position: fixed;
    top: 50%;    right: 0;
    z-index: 9999;
    background: #242D34;    color: #ffffff;
    padding: 20px;
    font-family: 'Gotham Bold';
    text-transform: uppercase;
    cursor: pointer;
    z-index: 1;
  	width: 165px;
}.enquire-now {     position: fixed;    top: 40%;    right: 0;    z-index: 9999;    background: #242D34;    color: #ffffff;    padding: 20px;    font-family: 'Gotham Bold';    text-transform: uppercase;    cursor: pointer; z-index: 1;display:none; }
.pad100 a{text-decoration:none;}
.mome .cont a.arrow {width: 49%; display: inline-block; border: 1px solid; text-align: center;}
.marketing.strategic-marketing-workshops #ivm-main, 
.marketing.strategic-marketing-workshops.marketing section {background-color: #f1f1f1;}
.marketing.strategic-marketing-workshops #ivm-main {padding-top:0;}
.marketing.strategic-marketing-workshops #content-above-full{background-color:#fff;}
.mome p {margin: 15px 0;}
.mome p:nth-of-type(2) {width: 75%; margin-left: auto; margin-right: auto;}

header, section, footer, aside, nav, main, article, figure {display: block;background:#EAE8E9}
.flex-itm {position: relative; font-size:0;}
.menuId101 .middle{top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background: rgba(219, 119, 71, .6); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.menuId101 .flex-itm:hover > .middle{opacity:1;}
.our-work a, .our-work p, .our-work a span { text-decoration: none;}
.our-work .new-middle.home-inner p > span {display: block;}
img {max-width: 100%;}
.flex-container{display: -webkit-box;display: -ms-flexbox;display: flex; font-size:0; overflow:hidden;}
.custom.below-banner-testi.bluebg {background: #4EA7AD;}
.what-we-offer #ac-frm > form{background: #3F505A !important;}
.what-we-offer #ac-frm > form ._submit{background: #DB7747 !important;}
#after-vid-wrapper{opacity: 0; visibility: hidden; max-height: 0;  -webkit-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
#after-vid-wrapper.show {opacity: 1; visibility: visible; max-height:320px;  -webkit-transition: max-height 1s linear;  -o-transition: max-height 1s linear;  transition: max-height 1s linear;}
#after-vid{background: #242D34}
#after-vid > .ivm-container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0 5px 0; max-height: 160px; overflow: hidden;}
.itm-title {color: #fff; text-transform: uppercase; font-family: 'Gotham Bold'; font-size: 14px; cursor: pointer; border-bottom: 2px solid #fff; padding-bottom:5px;}
.itm {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity:0; margin-top: 132px;}
.itm.show{opacity:1; margin-top:0;}
.itm.itm4, .itm.itm3 {text-align: right;}
.itm a {text-decoration: none;}
.itm-info {max-width: 90%; text-align: center; font-style: italic; min-height:75px;}
.itm-info p{max-width: 180px; margin-left: auto; margin-right: auto; opacity:0;  -webkit-transition: all 1s;  -o-transition: all 1s;  transition: all 1s; }
.itm.itm4 .itm-info, .itm.itm3 .itm-info {margin: auto 0 auto auto;}
.itm-info.act > * {opacity:1;}
.itm-info.act {opacity: 1; border-top: 6px solid #fff; margin-top: -4px;}
span.arrow-play {opacity:0; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid white; margin: 10px auto;  -webkit-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
.cont a.arrow {
    background: #fff;
    display: block;
    max-width: 520px;
    margin: auto;
    text-align: center;
  text-decoration:none;
  margin: 40px auto auto;
      line-height: 40px;
}
.cont a.arrow span {
    position: relative;
      vertical-align: middle;
    z-index: 1;
    display: inline-block;
    font-size: 0;
    text-align: center;
    width: 90px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
    -o-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
}

.cont a.arrow span::after{position: absolute;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    color: #3E505A;
    border-top: 1px solid;
    border-left: 1px solid;
    -webkit-transform: rotateZ(135deg);
        -ms-transform: rotate(135deg);
            transform: rotateZ(135deg);
    top: 50%;
    left: 71%;
    margin-top: -6px;
    margin-left: -13px;}
.cont a.arrow span::before{position: absolute;
    display: inline-block;
    content: "";
    background: #3E505A;
    width: 30px;
    height: 1px;
    top: 74%;
    left: 39%;
    margin-top: -8px;
    margin-left: -3px;}
.new-col .cont a{background:none;border:2px solid #3E505A ;}
.thank-you .item-page p,
.enquiry-sent .item-page p{font-size: 16px; text-align: left; padding: 18px 0 45px 0; margin-bottom: 0;}
.thank-you  main,
.enquiry-sent main{padding-top: 0px;}
/* AC Forms*/

#ac-frm > form {margin: auto !important; border-radius: 0 !important; font-family: 'Gotham Bold'; background: #7d8e96 !important; color: #fff !important;}
.modal__body #ac-frm > form {background: rgba(255, 0, 0, 0) !important;}
#ac-frm > form * {font-family: 'Gotham Bold'; font-size: 16px !important; color: #fff;}
#ac-frm > form ._field-wrapper input[type="text"], #ac-frm > form ._field-wrapper select {border: 0 !important; border-radius: 0 !important; height:34px; color:#000;}
#ac-frm > form ._submit {background: #3F505A !important;font-size: 20px !important; width:100% !important; font-family: 'Gotham Bold' !important;}
#ac-frm > form option {color: #000;}
::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.newsletter-frm {display:none; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); z-index: 9999; top: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.ns-frm-wrap {position: relative;}
span.cls {position: absolute; top: -7px; right: -10px; color: #fff; z-index: 2; background: #db7747; border-radius: 50%; padding: 4px 9px; display: block; cursor: pointer;}
.ov-hid{overflow:hidden;}
.flx-cont{display:-webkit-box;display:-ms-flexbox;display:flex;}
.ns-frm-wrap {width:500px;}
.ns-frm-wrap p {
    background: #7d8e96;
    color: #fff;
    margin: 0;
    padding: 18px 0 0 0;
    text-align: center;
}
/*web dev circle*/
.custom-web-dev {padding:10px 0;}
.custom-web-dev .inner{max-width:980px;}
.web-dev {margin: 35px 0;}
.web-dev, .webinfo, .webimg {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.info2, .info3 {-webkit-box-pack: space-evenly;justify-content: space-evenly; -ms-flex-pack: distribute; position: relative;}

.web-dev .txt-wrp {width:220px; text-align:left; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.web-dev.info1 .txt-wrp, .web-dev.info4 .txt-wrp  {width: 290px; text-align: center; position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.webinfo.monitor .txt-wrp, .webinfo.test .txt-wrp {right: 5px; left: auto;}
.webimg {border-radius: 50%; width: 185px; height: 185px;}
.webinfo.think, .webimg.box {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.webinfo.monitor, .webinfo.test  {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.solve .txt-wrp, .design .txt-wrp {text-align:right;}
.webinfo.build {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.webimg.box h3 {text-transform: uppercase; margin-bottom: 4px;}

/*******colors for circles*******/
.colr-1{background-color:#db7747;}
.colr-2{background-color:#de8d67;}
.colr-3{background-color:#FAAE1B; }
.colr-4{background-color:#fcc967;}
.colr-5{background-color:#61c7cf}
.colr-6{background-color:#2e787c;}
.colr-7{background-color: #a0cdd1; }
.colr-8{background-color:#AE5A3A}
.colr-9{background-color:#8D320F}
.colr-10{background-color:#DF8F26;}
.colr-11{background-color:#fff;}
.colr-11 span{color:#707070 !important;font-size:13px; line-height:16px;}

/*Infrograph*/
.circle-container{height: 860px; position: relative; width:980px; margin:auto;}
.circlebox {position:absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex;}
.box-b {width: 340px; height: 340px;}
.box-m {width: 250px; height: 250px;}
.box-s {width: 220px; height: 220px;}
.info-wraaper { width: 80%;}
.branding-tab-2 .circlebox h3, .branding-tab-2 .circlebox p, .black-txt h3, .black-txt p {color: #3E505A !important;}
.branding-tab-2 .circlebox.b1 h3 {color:#fff !important;}
.b1{left: 32%; top: 35%; z-index: 2;}
.b2{left: 2%; top: 50%;}
.b3{left: 7%; top: 26%;}
.b4{left: 20%; top: 8%;}
.b5{left: 41%; top: 6%;}
.b6{left: 62%; top:19%;}
.b7{left: 57%; top: 57%;}

.bg-stra-circle.circle-container {width: 660px; height: 520px;}

.bg-stra-circle .b1{left: 29%; top: 44%;}
.bg-stra-circle .b2{left: 0%; top: 36%;}
.bg-stra-circle .b3{left: 20%; top: 6%;}
.bg-stra-circle .b4{left: 51%; top: 6%}
.bg-stra-circle .b5{left: 64%; top: 40%;}


.b2b-mark.circle-container {width: 660px; height: 350px;}
.b2b-mark .b1 {left: 29%; top: 12%;}
.b2b-mark .b2 {left: 0%; top: 18%;}
.b2b-mark .b3 {right: 3%; left: auto; top: 18%;}

.stra-mark.circle-container {height: 1450px;}
.stra-mark .box-b {width: 425px; height: 425px;}
.stra-mark .box-m {width: 380px; height: 380px;}
.stra-mark .b1 {left: 0; top: 4%;}
.stra-mark .b2, .stra-mark .b4, .stra-mark .b6 {left:auto; right:0;}
.stra-mark .b2{top:8%;}
.stra-mark .b3 {left: 7%; top: 34%;}
.stra-mark .b4 {top: 40%}
.stra-mark .b5 {left: 10%; top: 65%;}
.stra-mark .b6 {top:68%;}

.white-txt h3, .white-txt p {color:#fff;}

a.r-more {color: #fff; cursor: pointer;}
a.r-more:hover {text-decoration: underline;}

/*********404*************/
.err-mnu {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}

/*************** Blog ****************/ 
.news #ivm-main .ivm-container {padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 10px auto; width:80%;}
.news .ivm-container section {width:78%; padding-right:1%;}
#content-below {width: 20%;}

.blog .page-header {margin:10px 0;}
.items-row {width: 96%; margin:30px 0; padding: 10px 0; border-bottom: 5px solid #DB7747;}
.items-row:first-child {margin-top: 0;}
.blog-conatiner .page-header h2 > a {text-decoration: inherit; font-size: inherit; font-family: inherit;}
.blog-conatiner .page-header h2 > a:hover {text-decoration: underline;}
.blogImg {width: 30%;     display: inline-block; vertical-align: top; }
.blogTxt {display: inline-block; width: 60%; padding-left: 4%; vertical-align: top;color:#3E505A; }
.blogImg {width: 30%; display: inline-block; vertical-align: top; }
.blogImg::before {content: unset;}

.blogTxt a.read-more {margin: 12px 0; display: block; text-decoration: none; width: 106px; text-align: center; color: #db7747; padding: 7px 0; border: 1px solid #db7747;}
.blogTxt a.read-more:hover {background: #db7747; color: #fff;}

/* right categories*/
ul.cat-children {background: #3F505A; list-style:none; text-align:center;padding:0}
.cat-children h4, .cat-children a {color: #fff; text-align: center; text-decoration: none;margin:0px;}
.cat-children > h4 {background-color: #DB7747; padding: 10px 0;}
.cat-children li {border-bottom: 1px solid #eae8e9; cursor: pointer;}
.cat-children li:hover {background-color: #7D8E96;}

/********pagination************/
.pagination {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0 30px 0;}
.pagination ul {list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.pagination ul li {margin-right: 5px;}



/*********** New menu ***********/
.new-menu .nav-child {display: none;}




/****** Typography ***************/
h1, h2, h3, h4, h5, h6{line-height: 1.5; font-weight: 800; font-family: 'Gotham Bold';color:#3E505A}
h1 {font-size: 25px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}
p{font-size:16px; line-height: 1.2; font-family:'Gotham Book';color:#3E505A}
a{font-size:16px; line-height: 1.2; font-family:'Gotham Bold';color:#3E505A}
li,span{font-family:'Gotham Book'; color:#3E505A}
p{margin: 10px 0;}
strong{font-family:'Gotham Bold'}
.primary-color{color: #e51957;}
.sec-color{color:#fbd033;}
.third-color{color:#585858;}

.center-align{text-align: center;}
.left-align{text-align: left;}
.right-align{text-align: right;}
.requiredsign, .btn span{color:#fff;}

/************** Backgrounds ***************/
.bg {min-height: 1px;}
.bg-primary{background-color:#8dc63f;}
.bg-sec{background-color: #fbd033;}
.bg-third-opc{background-color: rgba(0,0,0, 0.9);}

.vertical-border {border-right: 1px solid #707070; min-height: 75px; margin: 0 11px 0 10px;;}

/**************** Display ************/
.hidden{display: none;}
.noScroll{overflow:hidden; }

/****** Postions ********/
.pos-rel{position: relative;}
.pos-abs{position: absolute;}
.pos-fix{position:fixed;}

/****** size *************/
.full-w{width: 100%;}
.full-h{height: 100%;}

/******************** Margins *************************/
.top-mar40{margin-top:40px;}

/**************** Layouts ***********************/
.two-col, .three-col, /*x-col*/{font-size:0;} /*container with number of columns */
.two-col > .col{width: 48%; display: inline-block; vertical-align: top;}
.two-col > .col.cl2 {margin-left: 2%;}

.three-col > .col {display: inline-block; vertical-align: top; width: 32%; text-align: center;}
.three-col > .col.cl2,
.three-col > .col.cl3 {margin-left: 2%;}
.pad {padding:40px 0;}
.left-txt{text-align:left;}
.col.cl-sm.xs{width: 30%;padding-left:3%;color:#fff;}
.col.cl-big.bg{width: 65%;color:#fff;}
.slick-slide img{display:inline-block;}
.two-col > .col.valign-bot,
.valign-bot{vertical-align: bottom ;}
.txt-cent{text-align:center;}
body {}
.ivm-container {max-width: 1200px; margin-left: auto; margin-right: auto;padding:0 20px;} /* use max-with as required */

header{padding: 30px 0 10px 0;}
.logo span {display: inline-block; vertical-align: middle;}
#id-main{background:#EAE8E9}
.style-ul {list-style-type: none;
text-align: left;
    display: inline-block;
    margin: auto;max-width:360px;}
.style-ul li{position: relative;font-size:14px;margin-bottom:5px}
.style-ul li::before {	
  content: "";
display: block;
position: absolute;
left: -20px;
top: 4px;
width: 12px;
height: 12px;
border: 1px solid #dc794a;
background: #dc794a;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 0px 3px #fff inset;
        box-shadow: 0px 0px 0px 3px #fff inset;
		}



/*******Bread crumbs************/
ul.breadcrumb {
    LIST-STYLE: none;
    background: #f9ae1b;
    padding: 10px;
      width: 80%;
    margin: auto;
    margin-top: -10px;
   
}
ul.breadcrumb li{display:inline-block;}
ul.breadcrumb a,ul.breadcrumb span{
   color:#fff; text-decoration:none;
      text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

/******Progreesss bar*****/*

.scrollindicator{
	width: 100%;
	height: 5px; /* height of progress bar */
	display: block;
	background: #60c6d0;
	left: 0;
	top: 88px; /* dock progress bar to bottom of page (change to "top" for top instead) */
	cursor: pointer;
	position: fixed;
	z-index: 999;
	visibility: hidden;
	-webkit-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
}

.scrollprogress{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #db7747; /* background color of progress bar */
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	=-webkit-transition: -webkit-transform .4s ease; 
	-webkit-transition: -webkit-transform .4s ease; 
	transition: -webkit-transform .4s ease; 
	-o-transition: transform .4s ease; 
	transition: transform .4s ease; 
	transition: transform .4s ease, -webkit-transform .4s ease; /* animate progress bar? Remove to disable */
}
.show-tab{display:none;}
/*Progress bar end */

/* Footer */
footer{background:#242D34;padding:40px 0;}
footer ul.menu-footer {margin: 0;    border-top: 1px solid #7D8E96;   border-bottom: 1px solid #7D8E96;    padding: 30px 0;text-align:center; display:block;}
footer ul.menu-footer span{color:#fff;font-size:13px; font-weight:800;}
footer ul.menu-footer li {display: inline-block;  padding: 0 5%; line-height: 20px;}
footer ul.menu-footer li:last-of-type {border-right: 0;}
#footer ul.menu-footer li:last-of-type:before {content: "Website by "; font-size: 18px; line-height: 20px;}
footer ul.menu-footer li a, #footer ul.menu-footer li span {display: inline-block; font-size: 13px; line-height: 20px; text-decoration: none;color:#fff;    font-family: 'Gotham Bold';}
footer ul.menu-footer li a:hover {background: none; text-decoration: underline;}
footer .cl{padding-top:20px;}
footer .arrow,.acymailing_mootoolsbutton a ,.errrr .arrow{
  position: relative;
  z-index:1;
  display: inline-block;
  font-size: 0;
   text-align: center;
  width: 90px;
  height: 30px;

  border: 1px solid #fff;
  overflow: hidden;
   cursor: pointer;
  -webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
  -o-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
}
footer .arrow:before,.acymailing_mootoolsbutton a:before,.errrr a.arrow:before {
  position: absolute;
  display: inline-block;
  content: "";
  background: #fff;
  width: 30px;
  height: 1px;
  top: 75%;
  left: 39%;
  margin-top: -8px;
  margin-left: -3px;

}
footer .arrow:after ,.acymailing_mootoolsbutton a:after,.errrr a:after{
  position: absolute;
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  color: #fff;
  border-top: 1px solid;
  border-left: 1px solid;
  -webkit-transform: rotateZ(135deg);
      -ms-transform: rotate(135deg);
          transform: rotateZ(135deg);
  top: 50%;
  left: 71%;
  margin-top: -6px;
  margin-left: -13px;
  
}
.errrr .arrow,.errrr a.arrow:after{border-color:#3e505a;}
.errrr a.arrow:before{background:#3e505a}
footer  .modal__trigger{    position: relative;
    background-image: none;
    top: 0;
    right: 0;}

footer .arrow:hover:before,#acymailing_togglemodule_formAcymailing19912:before,.acymailing_mootoolsbutton a:hover:before{
  -webkit-animation: lineRight 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
          animation: lineRight 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}
footer .arrow:hover:after,#acymailing_togglemodule_formAcymailing19912:after,.acymailing_mootoolsbutton a:hover:after{
  -webkit-animation: tipRight 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
          animation: tipRight 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}
@-webkit-keyframes tipRight {
  0% {
    -webkit-transform: translateX(-50px) rotateZ(135deg);
            transform: translateX(-50px) rotateZ(135deg);
  }
  100% {
    -webkit-transform: translateX(70px) rotateZ(135deg);
            transform: translateX(70px) rotateZ(135deg);
  }
}
@keyframes tipRight {
  0% {
    -webkit-transform: translateX(-50px) rotateZ(135deg);
            transform: translateX(-50px) rotateZ(135deg);
  }
  100% {
    -webkit-transform: translateX(70px) rotateZ(135deg);
            transform: translateX(70px) rotateZ(135deg);
  }
}
@-webkit-keyframes lineRight {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
  }
}
@keyframes lineRight {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
  }
}


.footer-above ul {list-style:none;text-align:center;}
.footer-above ul li {display:inline-block;padding:40px;}
.footer-above ul li p{color:#fff;font-family:'Gotham Bold'}
.footer-address{float:left;}
.footer-logo{float:right;padding-top:25px;}
.footer-address ul {list-style: none;    padding: 10px 0;}
.footer-address ul li,.footer-address ul li a { font-size: 12px;  line-height: 18px;color:#fff;text-decoration: none;font-weight: normal;}
.footer-address ul li:nth-child(4), .footer-address ul li:nth-child(6) {   padding-top: 20px;}
.footer-address ul li strong {    font-size: 16px;}
a.fAddress {   text-decoration: none;  font-family: 'Gotham Book';color: #fff;}
.contact a.fAddress {     font-family: 'Gotham Bold';}
.home main, .marketingecosystem main{padding-top:0;}
main{padding-top:96px;}
/*Banner */
#ivm-banner{/*margin-bottom:-14px;*/padding-top:46px;}

/*Main menu*/
.ivm-new-menu{position:absolute;}
html, body {
  height: 100%;
  margin:0;
}
.body-wrapper{/*max-width:1920px;*/margin:auto;position:relative;}
header {display:none;
        position: fixed;
    width: 100%;
    z-index: 3;
  background: #364651;left:0;}

header .menu {list-style:none;}
header .menu li a{text-decoration:none;color:#f9791b;font-family: 'Gotham'; display: inline-block;  position: relative;}
header .menu li a:after {
	content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  /*border-bottom: 3px solid;*/
  margin-top: 10px;
  opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, -webkit-transform 0.35s;
	-o-transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	    transform: scale(0,1);
}
.dropd > a:before {
    color: #ef9f63;
    content: ' ▾';
    position: absolute;
    right: -30px;
}
header .menu li a:hover:after {
  opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
}
.nav-child{padding-top:10px;}

header .menu li ul li a{    color: #e6be6e;    font-size: 14px;}
header .menu li a:hover{color:#fff;}
.cd-logo, .cd-nav-trigger {
  position: fixed;
  display: inline-block;
}

.slick-slider{z-index:1;} 

.cd-nav-trigger {
  top: 55px;
  right: 110px;
  height: 44px;
  width: 44px;
  z-index: 5;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  z-index: 10;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.cd-nav-trigger::before {
  background-color: #091d23;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
     transition-delay: 0.4s;
}
.cd-nav-trigger::after {
  background-color: #f9ae1b;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
     transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
     transition-delay: 0s;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
     transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: white;
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 110px 5%;
  z-index: 3;
  background-color: #091d23;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -o-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
  padding: 0.8em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 1260px) {
#after-vid .ivm-container {width: 96%;}
}

@media only screen and (max-width: 1024px) {
  .itm {text-align: center !important; width: 25%;}
  .itm-title {min-height: 40px;}
  
}
@media only screen and (min-width: 768px) {
   .cd-primary-nav li {
    margin: 12px 6px;
    width:100%;
    vertical-align:top;display:inline-block;
  }
  .cd-primary-nav a {
    font-size: 20px;
   
  }
   .cd-primary-nav li ul li{width: 95%;
    vertical-align: top;
    margin: 5px 0;}
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    margin: 12px 6px;
    width:32.33%;
    vertical-align:top;display:inline-block;
  }
  .cd-primary-nav a {
    font-size: 25px;
   
  }
  .cd-primary-nav li ul li{width: 95%;
    vertical-align: top;
    margin: 5px 0;}
}

.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -o-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  background-color: #091d23;
}

.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
  background-color: #ffb441;
}

.cd-content {
  /* just some dummy content */
  padding: 80px 0;
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  z-index: 1;
}
.cd-content .cd-intro {
  height: 200px;
  padding-top: 4.6em;
}
.cd-content h1 {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
.cd-content p {
  line-height: 1.5;
  color: #a76500;
}

@media only screen and (max-width: 980px) {
  .circle-container {height: auto !important; width: 100% !important;}
  .circlebox {position: relative; border-radius: 0%; border-bottom: 5px solid #db7747;}
  .box-b, .box-m, .box-s {width: 100% !important; top: 0 !important; left: 0 !important; height:100% !important; padding:20px 0;}
  .web-dev, .webinfo, .webimg, .webinfo.think,.webinfo.monitor, .webinfo.test 
  {-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse; margin:auto;}
  .web-dev .txt-wrp{width:80% !important; text-align:center !important; position: relative; top: 0 !important; -webkit-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; right: 0 !important; left: 0 !important; margin-left: auto; margin-right: auto;}
  .webinfo {margin: 12px 0 !important;}
}
@media only screen and (min-width: 768px) {
  .cd-content .cd-intro {
    height: 250px;
    padding-top: 6em;
  }
  .cd-content h1 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  .cd-content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8;
  }
}


.phone-txt{
  position: fixed;
    top: 17px;
    right: 118px;
    z-index: 3;
}
.phone-txt a{
      color: #fff;
    font-size: 20px;
    font-weight: 800;
    font-family: 'Gotham Bold';
    text-decoration: none;
}

.menu #mod-search-searchword141{
  background: none;
    border: 2px solid #f9ae1b;
    padding: 3px;
    height: 35px;
  color:#fff;
}
.menu #mod-search-searchword141::-webkit-input-placeholder{color:#f9ae1b}
.menu #mod-search-searchword141:-ms-input-placeholder{color:#f9ae1b}
.menu #mod-search-searchword141::-ms-input-placeholder{color:#f9ae1b}
.menu #mod-search-searchword141::placeholder{color:#f9ae1b}
/*menu end */





/*below banner testimonial */
.below-banner-testi{background:#DB7747 } 
.below-banner-testi p{color:#fff; } 
.testi-slider {padding:80px 0;text-align:center}
.testi-slider p{font-family:'Gotham';}
.testi-slider .slick-prev, .testi-slider .slick-next {display:none !important;}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 1px;
    height: 1px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}.slick-dots li {
    position: relative;
    display: inline-block;
    width: 0px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 74px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  left: 45%;
  bottom:2px;
}
.slick-dots li button:before {
   background:#fff;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
  border-radius:5px;
    content: '';
    text-align: center;
   
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
   
    background: #FAAE1B;
}
ul.slick-dots::after{
    position: absolute;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    color: #fff;
    border-top: 1px solid;
    border-left: 1px solid;
    -webkit-transform: rotateZ(135deg);
        -ms-transform: rotate(135deg);
            transform: rotateZ(135deg);
    top: 14px;
    left: 10px;
    margin-top: -6px;
    margin-left: -13px;

}
ul.slick-dots::before {
    position: absolute;
    display: inline-block;
    content: "";
    background: #fff;
    width: 30px;
    height: 1px;
    top: 21px;
    left: -20px;
    margin-top: -8px;
    margin-left: -3px;
}
.inner{max-width:660px;margin:auto;}
/******Engine room *****/
.engine-room{text-align:center;}
.engine-room h2{color:#DB7747}
.engine-room {color:#3E505A;padding:40px 0 0 0;background:#fff;}

.engine-inner strong{font-size:18px;}
.engine-inner ul{list-style:none;}
.engine-inner ul li{display:inline-block;width:31%}
.engine-inner ul li p{font-family:"Gotham Bold";color:#DB7747}
.engine-inner ul li a.arrow{    position: relative;
  z-index:1;
    display: inline-block;
    font-size: 0;
    text-align: center;
    width: 90px;
    height: 30px;
    border: 1px solid #fff;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
    -o-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
  background:#DB7747;}
.engine-inner ul li a.arrow::after{position: absolute;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    color: #fff;
    border-top: 1px solid;
    border-left: 1px solid;
    -webkit-transform: rotateZ(135deg);
        -ms-transform: rotate(135deg);
            transform: rotateZ(135deg);
    top: 50%;
    left: 71%;
    margin-top: -6px;
    margin-left: -13px;}
.engine-inner ul li a.arrow::before{position: absolute;
    display: inline-block;
    content: "";
    background: #fff;
    width: 30px;
    height: 1px;
    top: 75%;
    left: 39%;
    margin-top: -8px;
    margin-left: -3px;}

/*************Footer***********/
.acymailing_module{display:none;}
#show-it-news .acymailing_module{display:block;}

/*******Our clients*********/
.our-clients{background:#7D8E96;text-align:center;padding:40px 0;}
.our-clients h2, .our-clients p{color:#fff;}
.our-clients .testi-slider{max-width:660px ; margin:auto;}
.our-clients .client-inner ul{list-style:none;text-align:center;}
.our-clients .client-inner li{display:inline-block;vertical-align:middle;width:31%;}
.our-clients ul.slick-dots::after{color:#707070}
.our-clients ul.slick-dots::before,.our-clients .slick-dots li button:before{background:#707070}
.our-clients .slick-dots li.slick-active button:before { background: #FAAE1B;}


/*******What we offer ********/
.what-we-offer{background:#3F505A;padding:40px 0;}
.what-we-offer .inner{max-width:660px; margin:auto;text-align:center;}
.what-we-offer .inner h2,.what-we-offer .inner p {color:#fff;}
.what-we-offer .inner ul {list-style:none;text-decoration:none;padding:20px 0;}
.what-we-offer .inner ul li {width:32%;display:inline-block;}


#plus {
  width: 34px;
  height: 34px;
  position: relative;
  z-index:1;
   -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
 margin:auto;
}

 #plus span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
   opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#plus span:nth-child(1) {
   -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  top: 0;
  left:50%;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center;
}

#plus span:nth-child(2) {
  top: 49%;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center;
}



#plus.open span:nth-child(1) {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  top: 49%;
  left: 0;
  background:#61C7CF;
}

#plus.open span:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
   background:#61C7CF;
}
.tab{display:none;}
.tab.active{display:block}
.tab h2{color:#61C7CF !important;}
.tab a{color:#fff}

/****contact *********/
.modal {
  position: fixed;
  z-index:2;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: rgba(21, 21, 21, .6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal__content {
  position: relative;
  padding: 30px 30px 30px;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
  background-color: #7D8E96;
  width: 100%;
}
.modal__body {
  padding: 20px;
  background:url('/images/assets/heart-contact.png') no-repeat center center; 
}
.modal__trigger--close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.js-modal--show {
  opacity: 1;
  visibility: visible;overflow:scroll;
}
.js-modal--show .modal__content {
  top: 9%;
  -webkit-transform: translateY(-50%, -30%);
      -ms-transform: translateY(-50%, -30%);
          transform: translateY(-50%, -30%);
  opacity: 1;
  visibility: visible;
}

.modal__trigger{    
  top: 54px;
    right: 160px;
    height: 44px;
    width: 44px;
    z-index: 5;
    overflow: hidden;
    text-indent: 100%;
    position: fixed;
    display: inline-block;
    white-space: nowrap;    background-image: url('/images/quickicons/map.png');
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    border: none;
    background-position: center;
    background-size:cover;
    outline: none;cursor:pointer;}
.close-icon{
     background-color: rgba(255, 255, 255, 0);
    background-image: url('/images/quickicons/clos.png');
    background-repeat: no-repeat;
  width:20px;height:20px;cursor:pointer;

}
@media screen and (max-width: 400px) , screen and (max-height: 825px) {
.js-modal--show .modal__content {
  top: 13%;
  -webkit-transform: translateY(-50%, -30%);
      -ms-transform: translateY(-50%, -30%);
          transform: translateY(-50%, -30%);
  opacity: 1;
  visibility: visible;
}

}



.get-in{color:#fff;text-align:center;padding-bottom:5%;}
.get-in h2{color: #364651;}
.get-in p {width: 80%; margin: 15px auto auto; max-width: 768px;}
#ceForm1 #lupload,#ceForm1 .fileinput-button span, #ceForm1 #ce-cf-container-7 > p{display:none !important;}
#ceForm1 .requiredsign small{display:none;}
.cf-label{display:block; font-family:'Gotham Bold';padding-top:15px;}
.inputbox{width:100%;height: 30px;}
.cf-input-file{height:50px;}
.modal__body p {font-family:'Gotham Bold';color:#fff}
.cf-input-file::-webkit-file-upload-button {
  visibility: hidden;
}
.cf-input-file::before {
  content: 'UPLOAD FILES';
  display: inline-block;
  font-family:'Gotham Bold';
  border: 1px solid #fff;
   padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  position: relative;
    top: 20px;
    left: 28%;
   
}
#submit{    width: 100%;
  cursor: pointer;
    height: 50px;
    background: #3F505A;
    color: #fff;
    border: 0;
    font-size: 20px;
    font-family: 'Gotham Bold';
    margin-top: 25px;}
.scroll-hid{overflow:hidden}



/* home article */

.home .inner {max-width: 660px;
    margin: auto;padding:40px 0;
    }
.home-inner{width:215px;display:inline-block;vertical-align:top;}
.home-inner ul {list-style:none;margin:0; -webkit-transition:ease all 1s; -o-transition:ease all 1s; transition:ease all 1s;}
.home-inner ul li {padding: 4px;position:relative;}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.middle {
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 4px;
     width: 96%;
    height: 98%;
  text-align: center;
  background:rgba(0, 130, 19, 0.37);
}

.home-inner ul li:hover .image {
  opacity: 0.3;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  
}

.home-inner ul li:hover .middle {
  opacity: 1;
}

.home-inner .arrow {
  position: relative;
  z-index:1;
  display: inline-block;
  font-size: 0;
   text-align: center;
  width: 90px;
  height: 30px;

  border: 1px solid #fff;
  overflow: hidden;
   cursor: pointer;
  -webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
  -o-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
}
.home-inner .arrow:before {
  position: absolute;
  display: inline-block;
  content: "";
  background: #fff;
  width: 30px;
  height: 1px;
  top: 71%;
  left: 39%;
  margin-top: -8px;
  margin-left: -3px;

}
.home-inner .arrow:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  color: #fff;
  border-top: 1px solid;
  border-left: 1px solid;
  -webkit-transform: rotateZ(135deg);
      -ms-transform: rotate(135deg);
          transform: rotateZ(135deg);
  top: 46%;
  left: 71%;
  margin-top: -6px;
  margin-left: -13px;
  
}

.home-inner .arrow:hover:before{
  -webkit-animation: lineRight 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
          animation: lineRight 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}
.home-inner .arrow:hover:after{
  -webkit-animation: tipRight 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
          animation: tipRight 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}
.home-inner .new-middle{    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);    width: 100%;
}
.home-inner p{font-family:'Gotham Bold' ;color:#fff;font-size:13px;}
.home-inner p span{font-family:'Gotham Book';color:#fff;}
.scroll-btn{
  width: 40px;
    height: 40px;
    background: #f9ae1b;
    position: fixed;
    z-index: 3;
    bottom: 40px;
    right: 40px;
  display:none;
}
.scroll-btn a img{position:fixed;}
/*Search in header*/
label.element-invisible{display:none;}
.top-search {
  position:fixed;
  top:97px;
  right:240px;
  z-index:3
}
.top-search .form-inline {
  position: absolute;
  height: 50px;
  width: 300px;
  margin-left: 170px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.top-search .form-inline.on {
  -webkit-animation-name: in-out;
  animation-name: in-out;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.top-search input {
  -webkit-appearance:none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30px;
  height: 30px;
  border: 4px solid #FFFFFF;
  border-radius: 50%;
  background: none;
  color: #fff;
  font-size: 16px;
  outline: 0;
  -webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
  -o-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
  transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
     transition-delay: 0.4s;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.top-search .search-thing{
  background: none;
  position: absolute;
  top: 0px;
  left: 0;
  height: 30px;
  width: 30px;
  padding: 0;
  border-radius: 100%;
  outline: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);font-size:0;
}

.top-search .search-thing:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 4px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
   margin-top: 28px;
  margin-left: 20px;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.top-search .close {
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
     transition-delay: 0.4s;
}

.top-search .close:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  margin-top: 15px;
  margin-left: 7px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.top-search .close:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #fff;
  margin-top: 15px;
  margin-left: 7px;
  cursor: pointer;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.top-search .square {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 25px 0 10px;
  width: 250px;
  height: 30px;
  border: 2px solid #FFFFFF;
  border-radius: 0;
  background: none;
  color: #fff;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
  -webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
  -o-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
  transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
  -webkit-transition-delay: 0.4s, 0s, 0.4s;
  -o-transition-delay: 0.4s, 0s, 0.4s;
     transition-delay: 0.4s, 0s, 0.4s;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

/***** BUsiness Growth *************/
.b-growth{text-align:center;}
.bg-tab-1 {background:#fff;text-align:center;}
.business-growth .what-we-offer .inner ul li {width:24%;}
.business-growth-contact{background:#7D8E96;padding:40px 0;color:#fff;}
.inner-inner{max-width:350px;margin:auto;}
.branding-tab-1,.sales-tab-1 ,.specialities-tab-1,.industrial-marketing-tab-2,.brand-dev-tab-1,.copy-writing-tab-3,.print-pro-tab-2,.content-tab-3{color:#fff;background:#4EA7AD}
.branding-tab-1 p,.sales-tab-1 p ,.specialities-tab-1 p,.industrial-marketing-tab-2 p{color:#fff;}
.branding-tab-1 h3,.sales-tab-1 h3 ,.specialities-tab-1 h3,.industrial-marketing-tab-2 h3{color:#fff;}
.branding-tab-1 a,.sales-tab-1 a ,.specialities-tab-1 a,.industrial-marketing-tab-2 a{color:#fff}
.business-tab-1,.cultural-tab-1,.advertising-tab-1,.advertising-tab-9,.outsource-tab-1,.public-relation-tab-1,.specialties-b2b-tab-2,.careers-tab-1,.our-team-tab-1,.creative-tab-1,.creative-media-tab-2,.social-tab-1{color:#fff;background:#DB7747}
.business-tab-1,.cultural-tab-1 p,.advertising-tab-1 p,.advertising-tab-9 p,.outsource-tab-1 p,.public-relation-tab-1 p,.specialties-b2b-tab-2 p,.careers-tab-1 p,.our-team-tab-1 p,.copy-writing-tab-1 p,.copy-writing-tab-2 p,.copy-writing-tab-3 p,.social-tab-1 p{color:#fff;}

.business-tab-1 h3,.cultural-tab-1 h3,.advertising-tab-1 h3,.advertising-tab-9 h3,.outsource-tab-1 h3,.public-relation-tab-1 h3,.specialties-b2b-tab-2 h3,.careers-tab-1 h3,.our-team-tab-1 h3,.copy-writing-tab-1 h3,.copy-writing-tab-2 h3,.copy-writing-tab-3 h3,.social-tab-1 h3{color:#fff;}
.business-tab-1 a,.cultural-tab-1 a,.advertising-tab-1 a,.advertising-tab-9 a,.outsource-tab-1 a,.public-relation-tab-1 a,.specialties-b2b-tab-2 a,.careers-tab-1 a,.our-team-tab-1 a,.copy-writing-tab-1 a,.copy-writing-tab-2 a,.copy-writing-tab-3 a{color:#fff;}

.advertising-tab-2,.advertising-tab-8,.careers-tab-2,.our-team-tab-2,.careers-tab-2,.creative-tab-2{color:#fff;background:#B45223}
.advertising-tab-2 p,.advertising-tab-8 p,.careers-tab-2 p,.our-team-tab-2 p{color:#fff;}
.advertising-tab-2 h3,.advertising-tab-8 h3,.careers-tab-2 h3,.our-team-tab-2 h3{color:#fff;}

.business-tab-2,.custom-web-dev,.marketing-tab-1,.seo-tab-1,.online-tab-1,.email-tab-1,.content-tab-1,.property-management-tab-1,.industrial-marketing-tab-3,.specialties-b2b-tab-1,.specialties-b2b-tab-4{background:#EAE8E9}
.advertising-tab-5,.online-tab-2,.our-team-tab-5,.creative-tab-5,.careers-tab-3{background:#CCCCCB;color:#3E505A}
.strategy-marketing-tab-2{background:#2E787C;color:#fff}
.strategy-marketing-tab-2 p{color:#fff}
.strategy-marketing-tab-2 h3{color:#fff}
/* Web development*/
.web-development #ivm-main,.web-development section,.business-growth #ivm-main,.business-growth section, .marketing #ivm-main,.marketing section,.digital #ivm-main,.digital section,.specialities #ivm-main,.specialities section,.about #ivm-main,.about section,.creative #ivm-main,.creative section,.our-work #ivm-main,.our-work section,.search #ivm-main,.search section{background:#fff;}
.business-growth .two-col > .col,.property-marketing .two-col > .col {vertical-align:middle;}
.custom-web-tab1,.ecommerce-tab-1,.business-growth-contact,.branding-tab-3,.sales-tab-2,.advertising-tab-4,.marketing-strategy-tab-2,.outsource-tab-2,.strategy-marketing-tab-1,.public-relation-tab-2,.specialities-tab-2,.industrial-marketing-tab-1,.our-team-tab-4,.creative-tab-4,.copy-writing-tab-2,.creative-media-tab-1,.brand-dev-tab-3,.custom-web-dev-2,.public-relation-tab-3,.content-tab-4,.social-tab-2{background:#7D8E96;color:#fff;}

.custom-web-tab1 p, .ecommerce-tab-1 p, .business-growth-contact p, .branding-tab-3 p, .sales-tab-2 p, .advertising-tab-4 p, .marketing-strategy-tab-2 p, .outsource-tab-2 p, .strategy-marketing-tab-1 p, .public-relation-tab-2 p, .specialities-tab-2 p, .industrial-marketing-tab-1 p, .our-team-tab-4 p,.brand-dev-tab-3 p,.custom-web-dev-2 p,.public-relation-tab-3 p,.social-tab-2 p{color:#fff}
.custom-web-tab1 h3, .ecommerce-tab-1 h3, .business-growth-contact h3, .branding-tab-3 h3, .sales-tab-2 h3, .advertising-tab-4 h3, .marketing-strategy-tab-2 h3, .outsource-tab-2 h3, .strategy-marketing-tab-1 h3, .public-relation-tab-2 h3, .specialities-tab-2 h3, .industrial-marketing-tab-1 h3, .our-team-tab-4 h3,.brand-dev-tab-3 h3,.custom-web-dev-2 h3,.public-relation-tab-3 h3,.social-tab-2 h3{color:#fff}
.custom-web-tab1 a, .ecommerce-tab-1 a, .business-growth-contact a, .branding-tab-3 a, .sales-tab-2 a, .advertising-tab-4 a, .marketing-strategy-tab-2 a, .outsource-tab-2 a, .strategy-marketing-tab-1 a, .public-relation-tab-2 a, .specialities-tab-2 a, .industrial-marketing-tab-1 a, .our-team-tab-4 a,.brand-dev-tab-3 a,.custom-web-dev-2 a,.public-relation-tab-3 a{color:#fff}


.custom-web-tab2,.custom-web-dev, .branding-tab-2,.business-tab-3,.advertising-tab-3,.advertising-tab-7,.marketing-strategy-tab-1,.property-management-tab-2,.specialties-b2b-tab-3,.our-team-tab-3,.creative-tab-3,.brand-dev-tab-2,.copy-writing-tab-1,.creative-media-tab-4,.print-pro-tab-1,.content-tab-2{background:#3E505A;color:#fff;}
.custom-web-tab2 p,.custom-web-dev p, .branding-tab-2 p,.business-tab-3 p,.advertising-tab-3 p,.advertising-tab-7 p,.marketing-strategy-tab-1 p,.property-management-tab-2 p,.specialties-b2b-tab-3 p,.our-team-tab-3 p,.creative-tab-1 p,.creative-tab-2 p,.creative-tab-3 p,.creative-tab-4 p,.brand-dev-tab-1 p,.brand-dev-tab-2 p,.creative-media-tab-1 p,.creative-media-tab-2 p,.creative-media-tab-4 p,.print-pro-tab-1 p,.print-pro-tab-2 p,.business-tab-1 p,.content-tab-2 p,.content-tab-4 p,.content-tab-3 p{color:#fff !important;}
.custom-web-tab2 h3,.custom-web-dev h3, .branding-tab-2 h3,.business-tab-3 h3,.advertising-tab-3 h3,.advertising-tab-7 h3,.marketing-strategy-tab-1 h3,.property-management-tab-2 h3,.specialties-b2b-tab-3 h3,.our-team-tab-3 h3,.creative-tab-1 h3,.creative-tab-2 h3,.creative-tab-3 h3,.creative-tab-4 h3,.brand-dev-tab-1 h3,.brand-dev-tab-2 h3,.creative-media-tab-1 h3,.creative-media-tab-2 h3,.creative-media-tab-4 h3,.print-pro-tab-1 h3,.print-pro-tab-2 h3,.what-we-offer h3,.content-tab-2 h3,.content-tab-4 h3,.content-tab-3 h3,.what-we-offer h1{color:#fff !important;}
.custom-web-tab2 a,.custom-web-dev a, .branding-tab-2 a,.business-tab-3 a,.advertising-tab-3 a,.advertising-tab-7 a,.marketing-strategy-tab-1 a,.property-management-tab-2 a,.specialties-b2b-tab-3 a,.our-team-tab-3 a,.creative-tab-1 a,.creative-tab-2 a,.creative-tab-3 a,.creative-tab-4 a,.brand-dev-tab-1 a,.brand-dev-tab-2 a,.creative-media-tab-1 a,.creative-media-tab-2 a,.creative-media-tab-4 a,.print-pro-tab-1 a,.print-pro-tab-2 a,.what-we-offer a,.content-tab-2 a,.content-tab-4 a,.content-tab-3 a{color:#fff !important;}


.specialties-b2b-tab-5{}
.ecommerce-tab-1 ul{list-style:none;}
.ecommerce-tab-1 ul li{padding-bottom:20px;text-align:left;}
.ecommerce-tab-1 ul span{    width: 90px;
    height: 90px;
    display: inline-block;
  color:#fff;
    border-radius: 50%;
    text-align: center;
    vertical-align:middle;
   font-family: 'Gotham Bold';
    line-height: 30px;
    font-size: 65px;
    line-height: 90px;
    font-weight: bold;}
.ecommerce-tab-1 ul p{display:inline-block;width:75%;vertical-align:middle;}

.ecommerce-tab-1 ul > li:nth-child(1) > p,.ecommerce-tab-1 ul > li:nth-child(2) > p,.ecommerce-tab-1 ul > li:nth-child(3) > p,.ecommerce-tab-1 ul > li:nth-child(4) > p,.ecommerce-tab-1 ul > li:nth-child(5) > p {margin-left: 5%;}
.ecommerce-tab-1 ul > li:nth-child(6) > p,.ecommerce-tab-1 ul > li:nth-child(7) > p,.ecommerce-tab-1 ul > li:nth-child(8) > p,.ecommerce-tab-1 ul > li:nth-child(9) > p,.ecommerce-tab-1 ul > li:nth-child(10) > p {margin-right:5%;}
.property-management-tab-2 ul{max-width:1024px;margin:auto;}
.property-management-tab-2 ul li{display:inline-block;width:24%;padding:0 2%;vertical-align:top;}


.li-1,.li-6{  background: #DB7747;}
.li-2,.li-7{  background: #DE8D67;}
.li-3,.li-8{  background: #FAAE1B;}
.li-4,.li-9{  background: #FCC967;}
.li-5,.li-10{  background: #F7D492;}


/*Marketing*/
.advert{list-style:none; padding-top:20px;}
.advert li{}
.advert li a{font-family:'Gotham Bold';text-decoration:none;color:#DB7747;font-size:12px;}
.advertising-tab-5 ul{list-style:none;}
.advertising-tab-5 ul li{display:inline-block;width:24%;}
.digital .what-we-offer .inner ul li{width: 19%;}
.digital-tab-1 .inner{max-width:776px;}


/*specialities */
.specialities-tab-2 ul {list-style:none;}
.specialities-tab-2 ul li{display:inline-block;width:32%;vertical-align:top;padding:0 2%}
.property-management-tab-1



/*Search*/
.search  #ivm-main{background:#fff;}


/*About Us*/
#ceForm2{text-align:left;}
#ceForm2 .inputbox {height:45px;padding: 0px 24px;    font-size: 16px;
    line-height: 1.75;    color: #3E505A;}
#ce-cf-container-15,#ce-cf-container-16,#ce-cf-container-17 {
  position: relative;
}
#ce-cf-container-15::after,#ce-cf-container-16::after,#ce-cf-container-17::after {
  content: ' ';
    background: url(/images/select-down.png) no-repeat center;
    width: 34px;
    height: 30px;
    background-size: auto;
    right: 0px;
    top: 43px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}
#ceForm2 select{
 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
   
    height: 45px;
    
    padding: 0px 24px;
    font-size: 16px;
    line-height: 1.75;
        color: #3E505A;
    background-color: #ffffff;
   
    -ms-word-break: normal;
  
}
#ceForm2 .cf-input-file {color:#fff;height:60px;}


.ten-things .slick-arrow{display:none !important;}
.ten-things {padding-top:70px;}
.ten-things .slick-dots{width:100%;left:unset;bottom:unset;top:5px;}
.ten-things ul.slick-dots::after,.ten-things ul.slick-dots::before {content:none;width:0;height:0;}
.ten-things .slick-dots li button{font-size:40px;color:#DB7747 ;    width: 60px;
    height: 60px;
    border-radius: 50%;font-family:'Gotham Bold'}
.ten-things .slick-dots li button:before,.ten-things .slick-dots li button:after{content:none;width:0;height:0;}
.ten-things .slick-dots li{width:unset;}

.ten-things .slick-dots li.slick-active button{background:#FAAE1B;color:#fff}


/*Time line */
#timeline .timeline-item:after, #timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}.project-name {
  text-align: center;
  padding: 10px 0;
}

#timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#timeline:before {
  content: "";
  width: 8px;
  height: 100%;
  background: #4EA7AD;
  left: 50%;
  top: 0;
  position: absolute;
}
#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
#timeline .timeline-item {

  position: relative;
}
#timeline .timeline-item .timeline-icon {
  background: #A0CDD1;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 49.5%;
  overflow: hidden;
  border-radius: 50%;
}

#timeline .timeline-item .timeline-content {
  width: 45%;
  background: #fff;
  padding: 20px;
 text-align:right;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


#timeline .timeline-item .timeline-content.right {
  float: right;
  text-align:left;
}


/*****Graphic design*/
.graphic-design ul.slick-dots::after{color:#707070}
.graphic-design ul.slick-dots::before,.graphic-design .slick-dots li button:before{background:#707070}
.graphic-design .slick-dots li.slick-active button:before { background: #FAAE1B;}
.graphic-design  .client-inner   ul{list-style-position: inside;}
.graphic-design .testi-slider p {    font-family: 'Gotham Book';}



.contact main{padding-top:0;}

/*****iconbounce**-********/
  .icon-bounce{
        -webkit-animation-name: bounce-4;
                animation-name: bounce-4;
        -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
     -webkit-animation-duration: 2s;
             animation-duration: 2s;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
    }


@-webkit-keyframes bounce-4 {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce-4 {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

/******icon bounce end*********/

.custom-web-dev-tab-3 ul{text-align:center;list-style:none;}
.custom-web-dev-tab-3 ul li{display:inline-block;padding:6px;}

.outsource-tab-1 .ten-things .slick-dots li button,.social-tab-1 .ten-things .slick-dots li button,.custom-web-tab2 .ten-things .slick-dots li button{color:#fff;width:50px;height:50px;}

/***********our work***********/
.our-work-tab-1{background:#EAE8E9}
.our-work-tab-1 .two-col {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.our-work-tab-1 .two-col  div{margin:5px;position:relative;}
.our-work-tab-1 .two-col > div:hover .case-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;}
.case-name{    position: absolute !important;
    width: 100%;
      height: 99%;
    top: -5px;
        background: rgba(45, 43, 43, 0.45);
    padding: 5px;
  left:-5px;
display:none;}
.case-name a,.case-name h3,.case-name p{color:#FFF;text-decoration:none;}


/*******Contact us page*************/
.contact-contact h1{color:#f9ae1b}
.contact-contact a,.contact-contact p,.contact-contact .cf-label{color:#fff}





/**********About us images**************/
.ri-grid{
	margin: 30px auto 30px;
	position: relative;
	height: auto;
}

.ri-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul:before,
.ri-grid ul:after{
	content: '';
    display: table;
}

.ri-grid ul:after {
    clear: both;
}

.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
} 

.ri-grid ul li {
	-webkit-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;	
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	
}

.ri-grid ul li a{
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size-1{
	width: 55%;
}
.ri-grid-size-2{
	width: 100%;
}
.ri-grid-size-3{
	width: 100%;
	margin-top: 0px;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before{
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;

}
.ri-shadow:after{
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before{
	display: none;
}

.ri-loading-image{
	display: none;
}

.ri-grid-loading .ri-loading-image{
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}





/*************Site-map************/
.level_1 li{margin-bottom:5px;}
.level_1{padding-left:20px;margin-top:5px;}


/********Case Sutdys*************/
.case #ivm-main,.case section{background: #fff;}
.case #ivm-main p,.case #ivm-main h2, {color:#fff;}
.internal-case p, .internal-case h2{color:#000;}
.harrington-tab-1{background:#EAE8E9;}
.harrington-tab-1 p, .harrington-tab-1 h3{color:#3E505A !important;}
.harrington-tab-2{background:#fff;}


/*************lightbox video*************/
.lightbox {
  background-color: rgba(0, 0, 0, 0.8);
  overflow: scroll;
  position: fixed;
  display: none;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  top: 90px;
}
.lightbox-container {
  position: relative;
  max-width: 960px;
  margin: 7% auto;
  display: block;
  padding: 0 3%;
  height: auto;
  z-index: 10;
}

@media screen and (max-width:1120px){
  .blogTxt, .blogImg {width: 100%; display: block;}
  .blogTxt{margin-top: 10px; padding: 0;}
}
@media screen and (max-width: 768px) {
  .lightbox-container {
    margin-top: 20%;
  }
}
@media screen and (max-width: 414px) {
  .lightbox-container {
    margin-top: 23%;
  }
}
.lightbox-content {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}
.lightbox-close {
  text-transform: uppercase;
  background: transparent;
  position: absolute;
  font-weight: 300;
  font-size: 12px;
  display: block;
  border: none;
  color: white;
  top: -22px;
  right: 3%;
}
.video-container {
  padding-bottom: 56.25%;
  position: relative;
  padding-top: 30px;
  overflow: hidden;
  height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

#playme{    border: none;
    background: no-repeat;
    cursor: pointer;
}



/**************404***************/
.errrr p{font-size:20px;}





/************Case ************/
.case .two-col > .col{width:45%;padding:0 2%;}
.case .two-col > .col .style-ul{margin-left:20px;}
.case .two-col > .col {vertical-align:middle;}
.case .two-col > div:nth-child(1) .txt-cent{text-align:left;}
.case .two-col  > div:nth-child(2){text-align:center;}
.client-showcase {background:#fff;}
.avante-tab-3{background:#fff;    border-top: 10px solid #eae8e9;}
.case ul.slick-dots::before{background:#5d5b5b }
.case ul.slick-dots::after{color:#5d5b5b}
.case .slick-dots li button:before{background:#5d5b5b}
.case .slick-dots li.slick-active button:before {
    background: #FAAE1B;
}


/***********Search************/
.search #searchForm .pull-left{display:inline-block;}
.search .result-text {padding-bottom:10px;}
.search #searchForm .inputbox{width:unset;padding-left:5px;}
#searchForm .btn{    padding: 7px;
    background: #f9ae1b;
    border: none;
    color: #fff;
    font-weight: 800;}
.search .result-title a {font-size:20px;text-decoration:none;}
.result-title {    font-weight: 600;
    font-size: 20px;}

.search .chzn-container-active .chzn-single {border-radius:0;     -webkit-box-shadow: none;     box-shadow: none;}



.enquiry-sent section p, .thank-you section p{    font-size: 30px;
    text-align: center;
    font-weight: 800;
}


.our-work-ban{position:relative}
.our-work-ban .headi{position:absolute; top:30px;left:30px;    padding: 5px 10px; background: rgba(0, 0, 0, 0.35);}
.our-work-ban .headi h1{color:#fff; font-size:20px;line-height:22px;}
.our-work-ban .headi p{color:#fff; font-size:15px;line-height:16px;}

.chzn-container-single .chzn-single {border-radius:0;background:none;}
.chzn-container.chzn-with-drop .chzn-drop{width:60px;}
.chzn-container{width:60px !important;background:none;}

/** News Info **/
.article-info-term{display: none;}
.createdby,
.category-name,
.create{display:inline-block; padding-right: 15px;}
.article-info{padding-bottom: 20px; display:block;}
.createdby span,
.category-name span,
.create span{
  color: #000;}



.careers-tab-3 .style-ul{max-width:490px;}






div.circle {
    margin: 0 0 10px;
   
    text-align: center;
    position: relative;
    height: 200px;
    width: 200px;
   
    border-radius:50%;
    display:inline-block;
}


.circle-text span {
  font-weight:600;
  color:#fff;
    display: inline-block;
    padding: 5px 10px;
}

div.circle-text {
    position: absolute;
  color:#fff !importnat;
   
    width: 100%;
    top:45%;
    left: 0;
    margin-top: -15px;
}
.bef-cir{max-width:980px; margin:auto;display:block;text-align:center;}
.bef-cir.small .circle{height: 150px;width: 150px;}
.bef-cir.smallest .circle{height: 135px;width:135px;}
.bef-cir.smallest .circle .circle-text span{font-size:13px;line-height: 16px;}
.bef-cir.med .circle{height: 220px;width: 220px;}
.bef-cir.larg .circle{height: 260px;width: 260px;}
.bef-cir.med .circle-text{top:33%;}
.bef-cir.larg .circle-text{top:25%;}
.inverse-circ div.circle-text{top:19%;}
.circle-text p,.circle-text h3{margin:0;color:#fff;}
.circle-text h3{ height: 20px;
    font-size: 20px;
    line-height: 20px;
 
    display: inline-block;
    padding: 5px 10px;color:#fff;}
/*.client-showcase div {     width: 33%;    display: inline-block;text-align: center;    vertical-align: middle;}*/




._inline-form span{color: #fff;}


/**************** Landing page marketingecosystem ************/
.marketingecosystem .sgnup{display:none;}
.marketingecosystem main{background-color:#fff;}
.marketingecosystem .ivm-container{max-width: 1600px; width:96%;}
.marketingecosystem .banner-wrap {position: relative;}
.marketingecosystem .banner-wrap .banner-txt {
    position: absolute;
    top: 0;
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 320px;
    margin-left: 10%;
}
.marketingecosystem .banner-wrap .banner-txt h1, .marketingecosystem .banner-wrap .banner-txt h2 {
    color: #fff;
}
.marketingecosystem .banner-wrap .banner-txt h2 {
    font-size: 30px;
    font-weight: 100;
    font-family: 'Gotham Book';
}
.marketingecosystem .banner-wrap .banner-txt h1 {font-size: 55px;line-height: 1;}

.bg-orange{background: #F1732F;}
.lp-ecosystem-below-banner .flx-container{padding: 50px 0;}
.flx-container{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flx-container.col-no-2 > .flx-itm {width: 44%;}
.flx-container.col-no-3 > .flx-itm {width: 33.33%;}
.lp-ecosystem-below-banner p strong {font-size: 18px;}
.lp-ecosystem-below-banner p {color: #fff; text-align: left;}
.lp-navigate-wrap, .lp-see-system-wrap{position: relative; padding: 60px 0;}
.lp-navigate-wrap .flx-container.col-no-2 .flx-itm.flx-bg{width: 66%;} .flx-itm.flx-bg{width: 66%;}
.lp-navigate-wrap .flx-container.col-no-2 .flx-itm.flx-bg{width: 66%;} .flx-itm.flx-sm{width: 30%;}
.lp-navigate-wrap  .navigate-icon {max-width: 432px; margin-top: -114px; margin-left: auto; margin-right: auto;}
.marketingecosystem .lp-navigate-wrap .ivm-container{max-width: 1400px; }
.marketingecosystem .title h2 {font-size: 28px; letter-spacing: -1px;}
.marketingecosystem .lp-navigate-wrap .title h2  {color:#60C7CE;}
.lp-navigate-wrap .title strong {color: #3E505A; margin: 21px 0; display: block; max-width: 520px;}
.navigate-content-wrap .flx-container.col-no-3{margin:30px 0;}
.navigate-content-wrap .ic-wrap {width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.ic-wrap small {font-family: 'Gotham Bold'; max-width: 149px; margin-left: 20px;}

.lp-see-system-wrap .flx-container {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.system-content-wrap{max-width: 515px;}
.system-content-wrap .title h2{color: #F9AE2F;}
.see-system-icon{max-width:400px;}

.lp-globe-wrap {background-color: #242D34; padding: 60px 0;}
.lp-globe-wrap .flx-container {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.glboe-icon {position: relative; max-width: 436px;}
.lp-int-btn {position: absolute; width: 94px; border: 4px solid #FF6E23; border-radius: 50%; height: 94px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #242d34; cursor:pointer;}
.lp-int-btn:hover, .btn-act {border-color:#fff;}
.lp-int-btn span {color: #F9AE2F; text-decoration: none; display: block; text-align: center; font-size: 12px;}
.lp-int-btn.strategic {
    left: 40%;
    top: -5%;
}
.lp-int-btn.sales {
    right: -4%;
    top: 11%;
}
.lp-int-btn.marcomms {
    top: 38%;
    right: -8%;
}
.lp-int-btn.project {    left: 43%;
    top: 53%;
}
.lp-int-btn.activity{
    top: 38%;
    left: 2%;
}
.lp-int-btn.mpi {
    top: 9%;
    left: 0;
}
.glboe-icon h2 {
    color: #fff;
    text-align: center;
    width: 180px;
    line-height: 1.0;
    position: absolute;
    top: 31%;
    left: 34%;
    background-color: #242d34;
}
.globe-content-wrap .pcontent p {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
}
.globe-content-wrap .slider-wrapper {
    margin: 50px 0;
}

.globe-content-wrap .slider-wrapper span {
    color: #F9AE2F;
    font-size: 22px;
    display: block;
    margin-bottom: 13px;
    font-family: 'Gotham Bold';
}
.globe-content-wrap .slider-wrapper ul {
    list-style: none;
}
.globe-content-wrap .slider-wrapper ul li {
    color: #fff;
    font-size: 18px;
    padding: 5px 0;
    font-family: 'Gotham Bold';
}

.globe-content-wrap .slide{ -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);  height: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.globe-content-wrap .slide.cur-act{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);  height: auto;}

.marketingecosystem .lp-frm-wrapper {max-width:920px; margin:auto; padding:60px 0;}
.marketingecosystem .lp-frm-wrapper h2{text-align:center; color:#fff;}
.client-showcase-vid iframe {
    margin: auto;
    display: block;
}
.case.edenvale .client-showcase-vid{
  padding:20px 0;
}

.our-work main{padding-top:25px;}


@media only screen and (max-width: 980px) {
  .marketingecosystem .banner-wrap .banner-txt h1 {font-size: 48px;}
}

.linkedicon { width: 15px; height: 15px; }



/************test case*************/
.internal-case #ivm-banner{padding-top: 70px !important;}
.menuId1141 #ivm-main, .menuId1141 #ivm-main section,.menuId1142 #ivm-main, .menuId1142 #ivm-main section,.internal-case #ivm-main,.internal-case #ivm-main section{
  background:#fff;
} 
.menuId1141 .client-showcase,.menuId1142 .client-showcase ,.internal-case .client-showcase{padding:40px 0;}
.menuId1141 #ivm-main,.menuId1142 #ivm-main,.internal-case #ivm-main{padding-top:0;}
.flex3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:start;align-self:start;}
.flex3 div{width:100%;}
.test-article-div div{ display:inline-block;vertical-align:text-top;}
.snd{padding-left:30px;margin-left:20px;border-left:1px solid #b5b3b3;width:37%}
.fst{width:58%;}
.snd ul{list-style:none;margin:10px 0;}
.snd ul li{margin-bottom:10px;font-weight:800;}

.menuId1141 .two-col,.menuId1142 .two-col{   display: -webkit-box;   display: -ms-flexbox;   display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;}

.menuId1141 .two-col div,.menuId1142 .two-col div,.internal-case .two-col{margin:5px;}
.pad-below-40{padding-bottom:100px;}
.pad100{padding:100px 0;}
.menuId1141 .client-showcase .slick-slide,.menuId1142 .client-showcase  .slick-slide, .internal-case .slick-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.case .fst p {color:#3E505A !important;}



/*************HOme news*****************/
.home-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;
}
.home-news .blog-wrapper{text-align:center;padding-bottom:35px;}
.home-news .blogItem {
    width: 30%;padding: 0 40px;border-right: 1px solid #3232;position:relative;
}
.home-news .blogItem:last-child{border-right:0;}
.newsflash{background:#fff;padding-bottom:40px;}
.desc_block a{text-decoration:none;}

.home-news a.mod-articles-category-title.arrow:after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    color: #fff;
    border-top: 1px solid;
    border-left: 1px solid;
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg);
    top: 50%;
    left: 71%;
    margin-top: -6px;
    margin-left: -13px;
}
.home-news a.mod-articles-category-title.arrow:before {
    position: absolute;
    display: inline-block;
    content: "";
    background: #fff;
    width: 30px;
    height: 1px;
    top: 75%;
    left: 39%;
    margin-top: -8px;
    margin-left: -3px;
}
.home-news a.mod-articles-category-title.arrow {
    background: #DB7747;
    font-size: 0;
    width: 90px;
    display: block;
    height: 30px;
    margin: auto;
    position: relative;
}

.new-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:30px 0;}
.new-col div{width:45%;}
.new-col .txt, .new-col.rev .img{text-align:left;}
.new-col .img, .new-col.rev .txt{text-align:right;}

.new-col.rev {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-align:right;}
.bot-btn{position:absolute;bottom:0;left:0;width:100%;}
,desc_block .bot-btn{position:unset;}
.home-news .image_intro{padding-bottom:10px;}
.engine-inner a{text-decoration:none;}

/**************Orange Canvas landing***********/
.orange-canvas .btn-act img{background:#364651;border-radius:50%;}
.orange-canvas .banner-txt{
  
  position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.orange-canvas .banner-wrap{
      position: relative;
}

.orange-canvas h1{font-size:45px;line-height:50px;padding:20px 0;}
.orange-canvas h2{font-size:40px;line-height:45px;padding:20px 0;}
.orange-canvas h3{font-size:25px;line-height:30px;padding:20px 0;}
.banner-txt-wrap {
    max-width: 650px;
    text-align: center;
    padding: 0 5px;
}
.orange-canvas main,.orange-canvas section{background:#242D34}
.orange-canvas  p,.orange-canvas  h2,.orange-canvas  h3{color:#fff;}
.custom-canvas-tab1 ul{list-style:none;    display: -webkit-box;    display: -ms-flexbox;    display: flex;   -webkit-box-pack: justify;   -ms-flex-pack: justify;   justify-content: space-between;   padding: 20px 0;}
.custom-canvas-tab3{background:#3F505A;}
.orange-canvas .pad{padding:70px 0 90px 0;}
.orange-columns {
   
    display: -webkit-box;
   
    display: -ms-flexbox;
   
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.orange-canvas .lp-int-btn{position:relative;background-color:unset;width:unset;border:unset;border-radius:unset;display:unset;background-color:unset;}
.custom-canvas-tab3 .inner{max-width:1024px}
.orange-columns div{width:40%;text-align:left;}
.another-columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.oc-form{width:70%;border-right:2px solid #fff;}
.oc-brand{width:30%; display:-webkit-box; display:-ms-flexbox; display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.oc-brand ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.orange-canvas .banner-txt:after{width: 20px;
    position: absolute;
    content: '';
    
    bottom: 40px;
    height: 20px;
    border-right: 6px black solid;
    border-radius: 5px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-bottom: 6px black solid;}
.custom-canvas-tab1,.orange-canvas section,.custom-canvas-tab2{position:relative}
.orange-canvas section:after,.custom-canvas-tab1:after,.custom-canvas-tab2:after{width: 20px;
    position: absolute;
    content: '';
        bottom: 40px;
    height: 20px;
    border-right: 6px #fff solid;
    border-radius: 5px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-bottom: 6px #fff solid;margin-left:-10px;left:50%;}
.uni{color:#000 !important; font-weight:700;padding:20px 0;position:relative;}
p.uni:before {
    display: inline-block;
    content: '';
    border-top: 1px solid #000;
    width: 14%;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
}p.uni:after {
    display: inline-block;
    content: '';
    border-top: 1px solid #000;
    width: 14%;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
}

.client-sh{    display: -webkit-box;    display: -ms-flexbox;    display: flex;   -webkit-box-pack: justify;   -ms-flex-pack: justify;   justify-content: space-between;}


/********** case study *************/
.internal-case.hawker main img{display:block;}
.hawker .flex3 div{width:auto;}
.hawker-mar-right{margin-right:32px;}
.hawker-mar-left{margin-left:25px;}
.hawker-mar-bot{margin-bottom:34px;}

.our-work  .arrow{
  position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 0;
    text-align: center;
    width: 90px;
    height: 30px;
    border: 1px solid #fff;
    overflow: hidden;
    cursor: pointer;
}
.our-work  .arrow:before{
    position: absolute;
    display: inline-block;
    content: "";
    background: #fff;
    width: 30px;
    height: 1px;
    top: 75%;
    left: 39%;
    margin-top: -8px;
    margin-left: -3px;
}
.our-work  .arrow:after{
position: absolute;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    color: #fff;
    border-top: 1px solid;
    border-left: 1px solid;
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg);
    top: 50%;
    left: 71%;
    margin-top: -6px;
    margin-left: -13px;
}


/**************** new home page*************/
.test-home-06-19 h2{
  	font-size: 42px;
 	line-height: 1.1;
   margin:0 0 20px 0;
}
#typewriter-in h2{font-size:80px;color:#1F2E35;}
#typewriter-in p {font-size:30px;color:#1F2E35;}
.test-home-06-19 p{

  line-height:1.4;
}

.test-home-06-19 #ivm-main{max-width:1720px; margin:auto;  background: #fff;padding-top:0;}
.test-home-06-19 ul::after, .test-home-06-19 ul::before {display:none;}
.test-home-06-19 .cards {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);}
.test-home-06-19  .cards img {display: block; border: 0; width: 100%; height: auto;}
.test-home-06-19  .cards {padding: 0; list-style-type: none;}
.test-home-06-19  .cards a {display: block; text-decoration: none; color: inherit;}
.test-home-06-19  .cards .card{width:100%; display:-ms-grid; display:grid;}
.test-home-06-19  .card img, .test-home-06-19  .card .caption{-ms-grid-column: 1;grid-column: 1; -ms-grid-row: 1; grid-row: 1;}
.test-home-06-19  .caption {padding: 1em; background: rgba(96, 198, 208, .7); color: white; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.test-home-06-19  .caption small{font-size:18px;}
.test-home-06-19 figcaption.caption {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; height: 74%; width: 85%; margin: auto; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.caption-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align:center;}
.test-home-06-19 .cards .card:hover > figcaption.caption{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.test-home-06-19 .caption-title {color: #fff; text-transform: uppercase; font-size: 28px;}

.test-home-06-19 span.arrow {
    position: relative;
      vertical-align: middle;
    z-index: 1;
    display: inline-block;
    font-size: 0;
    text-align: center;
    width: 90px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
    -o-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
}

.test-home-06-19 a.figbox {
    border: 2px solid #fff;
  	font-size:24px;
    width: 190px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 20px auto auto;
}
.test-home-06-19 span.arrow::after{position: absolute;
    position: absolute;
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    color: #ffffff;
    border-top: 2px solid;
    border-left: 2px solid;
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg);
    top: 36%;
    left: 72%;
    margin-top: -6px;
    margin-left: -13px}
.test-home-06-19 span.arrow::before{position: absolute;
    position: absolute;
    display: inline-block;
    content: "";
    background: #ffffff;
    width: 55px;
    height: 2px;
    top: 70%;
    left: 24%;
    margin-top: -8px;
    margin-left: -3px;
}

.new-engine-room {
    display: -ms-grid;
    display: grid;
}

/*.new-engine-room > div {
    grid-column: 1;
    grid-row: 1;
}*/

.new-inner-wrapper{
  max-width:1170px;
  margin:auto;
  width:96%;
}
.eng-blog-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 50px;
}
.eng-blog-wrapper::before, .eng-blog-wrapper::after, .en-blogs::before, .en-blogs::after, .problem-solving::before, .problem-solving::after  {
    display: none;
}
.eng-blog-wrapper > h2{-ms-grid-column: 1;-ms-grid-column-span: 3;grid-column: 1/4; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2;}
.dwn-btn {-ms-grid-column: 1;-ms-grid-column-span: 1;grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;}
.en-blogs {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  	display: -ms-grid;
  	display: grid;
  	-ms-grid-columns: 1fr 2em 1fr;
  	grid-template-columns: repeat(2, 1fr);
  	grid-gap: 2em;
}	

.plane{
  background-image: -webkit-linear-gradient(90deg, #EDEDED 51%, transparent 20%);
    text-align: right;
}
.eng-blog-container{background-color:#EDEDED;}
.problem-solving {display: -ms-grid;display: grid; -ms-grid-columns: 1fr 50px 2fr; grid-template-columns: 1fr 2fr; -webkit-column-gap: 50px; column-gap: 50px;}
.cta-box a,.cta-box button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    border: 2px solid #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 320px;
    margin-top: 50px;
      margin-left: auto;
    margin-right: auto;
  background:transparent;cursor:pointer; outline:none;
}

.cta-box a .nw-arrow,.cta-box button .nw-arrow{font-size:30px;}
.amazing {
    border: 4px solid #f9ae1b;
  	position:relative;
}
.amazing-wrapper {
  /*  width: 96%;
    margin: auto;
    max-width: 840px;*/
    text-align: center;
}
.amazing .cta-box a{margin-left:auto; margin-right:auto;}
.heding-img img {
    position: absolute;
    background: #fff;
    top: -47px;
    padding: 0 10px 0 17px;
    left: 47%;
}
.box-border-content{margin: 80px 0 40px 0;}
@media only screen and (max-width: 1250px) {
  .test-home-06-19 .caption-title{font-size:20px;}
  .caption-wrapper small {font-size: 16px;}
}

@media only screen and (max-width: 980px) {
  .test-home-06-19 .cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width:622px){
  .test-home-06-19 .cards{
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .caption-wrapper {
      width: 100%;
      text-align: center;
      background: rgba(96, 198, 208, .7);
      padding: 1em;
  }
  .test-home-06-19 figcaption.caption {
      border-radius: 0;
      width: 100%;
      height: 100%;
      background-color: transparent;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding: 0;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
  }
  .test-home-06-19 a.figbox{margin-top:20px;}
  
}


.js-tilt { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(300px); transform: perspective(300px); display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;		}
.pos-tilt{position: absolute;top: 50%;  left: 50%; -webkit-box-shadow: 0 3px 47px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 47px rgba(0, 0, 0, 0.2);padding: 20px;    background: rgba(255, 255, 255, 0.65);
    -webkit-transform: translateZ(50px) translateY(-50%) translateX(-50%);
            transform: translateZ(50px) translateY(-50%) translateX(-50%);
    border-radius: 50%;
    width: 650px;
    height: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;padding-bottom: 70px;z-index:2;
		}
.circle-tilt{border-radius: 50%;width:400px;height:400px;overflow: hidden;    display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;width:800px;height:800px;-ms-flex-item-align:start;align-self:start;}
.new-banner{margin-top:-250px;position:relative}
.new-banner button.slick-prev.slick-arrow{position:absolute;left:85px;top:50%;z-index:999;    font-size: 0;outline:none;
    width: 80px;
    height: 80px;
    background: unset;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    border-right: 0;
    border-top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);cursor:pointer;
    }
.new-banner button.slick-next.slick-arrow{position:absolute;right:85px;top:50%;z-index:999; font-size: 0;outline:none;
    width: 80px;
    height: 80px;
    background: unset;
    border-left:0;
    border-bottom: 0;
    border-right:  2px solid black;
    border-top:  2px solid black;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);cursor:pointer;}
/*.outer-div .typewriter{margin:5px 0;font-weight:800;color:#1F2E35;height:170px;font-size:23px;}
.outer-div .typewriter h2 span{font-size:75px;color:#1F2E35;}
.outer-div .wrap{font-weight:800;   font-family: 'Gotham Bold';font-size:25px;}
.outer-div .wrap h2{font-size:100px;}
 .outer-div .typewriter-div a.figbox{border:1px solid #3E505A;font-size:12px;text-decoration:none;color:#1F2E35;}*/
.outer-div #typewriter{margin:5px 0;font-weight:800;color:#1F2E35;height:170px;font-size:23px;margin-top:80px;}
.outer-div #typewriter p{font-size:23px;color:#1F2E35; font-family: 'Gotham Bold';}
.outer-div span.wrap{font-weight:800;   font-family: 'Gotham Bold';font-size:25px;display:inline-block;}
.outer-div #typewriter h2{font-size:100px;}
.outer-div #typewriter h3{font-size:45px;line-height:50px; margin-bottom:25px;}
 .outer-div .typewriter-div a.figbox{border:1px solid #F9AE1B;font-size:16px;text-decoration:none;color:#fff; background:#F9AE1B; transition:all 500ms ease;}
 .outer-div .typewriter-div a.figbox:hover{border:1px solid #60C6D0;font-size:16px;text-decoration:none;color:#fff; background:#60C6D0}
.test-home-06-19 #ivm-banner span.arrow{width:75px;}
.test-home-06-19 #ivm-banner span.arrow::after{color:#3E505A;border-top:1px solid;border-left:1px solid; top:38%;left:75%;width:15px;height:15px;}
.test-home-06-19 #ivm-banner span.arrow::before{background:#3E505A;width:44px;height:1px;top:68%}
.typewriter-div{text-align:center;}
.outer-div{position:relative;}

ul.unique-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style: none;
}

ul.unique-ul li {
    /* justify-content: space-between; */
    width: 200px;
    height: 200px;
    border: 1px solid rgba(112, 112, 112, 0.25);
    text-align: CENTER;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;cursor:pointer;
}
ul.unique-ul li span{margin-top:10px;text-transform:uppercase;display:block;}
ul.unique-ul li a{text-decoration:none;padding:2px;}
ul.unique-ul li:hover{
     -webkit-box-shadow: 0px 5px 5px rgba(112, 112, 112, 0.25);
             box-shadow: 0px 5px 5px rgba(112, 112, 112, 0.25); 
      -webkit-transform: scale(1.1); 
          -ms-transform: scale(1.1); 
              transform: scale(1.1);border:0;
}

.amazing.blue{border-color:#60C6D0;}
.new-enq ul{position: fixed;
    right: -150px;
    top: 50%;
    z-index: 27;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);list-style:none;background: rgba(255, 255, 255, 0.50);}
.new-enq ul li{border-right:2px solid #1F2E35; text-align:center;}
.new-enq ul li:hover{border-right:2px solid #F9AE1B}

.new-enq ul li a{color:#1F2E35; text-decoration:none;padding:20px;}
.new-enq ul li a:hover,.new-enq .sgnup:hover{color:#F9AE1B}


#slide-nav {
  position: relative;text-align:center;width:100%;
}
#slide-nav ul{text-align:center;display:inline-block;}
#slide-nav ul li {
  display: inline-block;list-style:none;
}
#slide-nav ul li a {
  display: inline-block;
  padding: 30px 20px;
text-decoration:none;
}
#slide-nav ul li.current-item a {
  color: #000;
}
#slide-nav #slide-line {
  position: absolute;
  bottom: 0;
  height: 3px;
  background-color: #F9AE1B;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.prob-txt .cta-box a{margin-left:0;}

.card-item{overflow:hidden;}
.card-item img{-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }
.card-item:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }

.grid3{    display: -ms-grid;    display: grid;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1em 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1em 1em;}

.grid3 > *:nth-child(1){-ms-grid-row: 1;-ms-grid-column: 1;}

.grid3 > *:nth-child(2){-ms-grid-row: 1;-ms-grid-column: 3;}

.grid3 > *:nth-child(3){-ms-grid-row: 3;-ms-grid-column: 1;}

.grid3 > *:nth-child(4){-ms-grid-row: 3;-ms-grid-column: 3;}
.box1{    -ms-grid-row: 1;    -ms-grid-row-span: 2;    grid-row: 1/3;    display: flex;align-self: start; align-items: start;}
.box2,.box3,.block4,.block5{  display: flex;    align-self: start; align-items: start;}
.block4 { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; }

.grid3::after,.grid3::before,.finalpetgrid::before,.finalpetgrid::after{display:none;}
.finalpetgrid{display: -ms-flex;display: flex;
    -ms-grid-columns: 1fr 1em 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr 1fr; grid-gap: 1em 1em;}




/**************newest home*************/

.new-header {
    background: #1F2E35;
  width:100%;position:fixed;z-index:999;top:26px;
}
.hamburger {
  padding: 10px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  background-color: #60C6D0;
      top: 0;
    right: 0;
    padding-right: 150px;position: absolute;height:78px;z-index:9;
}
.hamburger__container {
  width: 36px;
  height: 24px;
  position: relative;top:20px;
}
.hamburger:hover .hamburger__inner {
  -webkit-transform: translate(-51px, 50%);
      -ms-transform: translate(-51px, 50%);
          transform: translate(-51px, 50%);
  opacity: 0;
}
.hamburger:hover .hamburger__inner::before, .hamburger:hover .hamburger__inner::after {
  -webkit-transform: translate(102px0);
      -ms-transform: translate(102px0);
          transform: translate(102px0);
  opacity: 0;
}
.hamburger.is-active .hamburger__inner {
  display: none;
}
.hamburger__inner {
  width: 100%;
  height: 3px;
  background-color: #1F2E35;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
  top: 50%;
  -webkit-transform: translate(5px, 50%);
      -ms-transform: translate(5px, 50%);
          transform: translate(5px, 50%);
  opacity: 1;
}
.hamburger__inner::before, .hamburger__inner::after {
  width: 120%;
  height: 3px;
  background-color: #1F2E35;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
  content: "";
  opacity: 1;
  /*transform: translate(-5px, 0);*/
}
.hamburger__inner::before {
  top: -13px;
}
.hamburger__inner::after {
  top: 13px;
}
.hamburger:hover .hamburger__hidden {
  opacity: 1;
  -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
          transform: translate(0, 50%);
}
.hamburger:hover .hamburger__hidden::before, .hamburger:hover .hamburger__hidden::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.hamburger.is-active .hamburger__hidden {
  opacity: 1;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);background-color: #1F2E35;
}
.hamburger.is-active .hamburger__hidden::before {
  -webkit-transform: translate(0, 13px) rotate(90deg);
      -ms-transform: translate(0, 13px) rotate(90deg);
          transform: translate(0, 13px) rotate(90deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;background-color: #1F2E35;
}
.hamburger.is-active .hamburger__hidden::after {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(0, -13px) rotate(0);
      -ms-transform: translate(0, -13px) rotate(0);
          transform: translate(0, -13px) rotate(0);background-color: #1F2E35;
}
.hamburger__hidden {
  opacity: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
 
  top: 50%;
  -webkit-transform: translate(51px, 50%);
      -ms-transform: translate(51px, 50%);
          transform: translate(51px, 50%);
}
.hamburger__hidden::before, .hamburger__hidden::after {
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
  background-color: #fff;
  content: "";
  -webkit-transform: translate(102px, 0);
      -ms-transform: translate(102px, 0);
          transform: translate(102px, 0);
}
.hamburger__hidden::before {
  top: -13px;
}
.hamburger__hidden::after {
  top: 13px;
}
#new-logo{/*max-width:1490px;*/width:90%;margin:auto;padding:10px 0;}
#new-menu-blue .grd{  opacity: 0;display:none;margin-top:30px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
#new-menu-blue .grd.is-active{ opacity: 1;display:-ms-grid;display:grid;margin-top:0px;}
.grd{-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;grid-template-areas: "main sub";    max-width: 980px;
    position: absolute;
    right: 0;}
.grd li{margin-bottom:10px;}
.grd .lt li{height: 38px;width:225px;}
.lt{-ms-grid-row: 1;-ms-grid-column: 1;grid-area: main;background:#60C6D0;padding:40px;display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.rt{-ms-grid-row: 1;-ms-grid-column: 2;grid-area: sub;background:rgba(31, 46, 53, 0.98);padding:40px;display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.rt ul{display:none;margin-top:30px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.rt ul.active{display:block;opacity: 1;margin-top:0px;}
.new-header p{margin:0;}
.test-home-06-19 header{display:none;}
.grd ul{list-style:none;}
.grd ul li a{color:#fff;text-decoration:none;font-size: 16px;line-height:30px;font-family: 'Gotham Book', sans-serif;text-transform:uppercase;}
.grd ul li a:hover{font-family: 'Gotham Bold', sans-serif;}
.rt,.lt{width:400px;}

#new-logo .top-search .form-inline{    top: 67px;right:0;}
#new-logo .phone-txt {
    position: fixed;
    top: 57px;
    right: 250px;
    z-index: 3;
}
._form_27 ._inline-form span{color:#1F2E35 !Important;}
#new-contact-form{outline:0;padding-bottom: 80px;}
.new-enq .sgnup{
  position:unset;
  background:unset;
 color: #1F2E35;
    text-decoration: none;
    padding: 20px;
      text-transform: inherit;display:inline;
}

.close-new-nav{display:none;}
.en-blogs .desc_block a{font-size:18px;}
.problem-solving .item img{-webkit-animation: heartbeat 1s infinite;animation: heartbeat 1s infinite;}
@-webkit-keyframes heartbeat
{
  0%
  {
    -webkit-transform: scale( 1 );
            transform: scale( 1 );    
  }
  20%
  {
    -webkit-transform: scale( 1.05 );
            transform: scale( 1.05 );  
  }
   40%
  {
    -webkit-transform: scale( 1.10 );
            transform: scale( 1.10 );
  }
}
@keyframes heartbeat
{
  0%
  {
    -webkit-transform: scale( 1 );
            transform: scale( 1 );    
  }
  20%
  {
    -webkit-transform: scale( 1.05 );
            transform: scale( 1.05 );  
  }
   40%
  {
    -webkit-transform: scale( 1.10 );
            transform: scale( 1.10 );
  }
}


#_form_5D1AD1F875990_ > div._form-content > div._button-wrapper._full_width{text-align:right !important;}

#ivm-menu a img{display:none;}
 a .image-title{font-size: 16px;text-transform: uppercase; color: #fff;    font-family: 'Gotham';text-decoration: none;}

.menu-icn{display:none}
.lt li.active .menu-icn{display:block;}
.lt li.active .image-title{font-size:20px;font-family: 'Gotham Bold'}
.grd .lt ul li a .menu-icn {
    position: absolute;
    left: 0;
    width: 70px;
    padding-left: 20px;top:40px;
}
.grd .rt ul li a .menu-icn {
  display:none;
}

#new-logo a img.actual{width:120px;padding:9px 0;}
.Typewriter__cursor{display:none;}

 
  .nav,   .nav-child {display:none;}
.lt  .nav, .rt  .nav-child.active{display:block;}
.grd3{display:grid;}
.till{grid-template-columns:48% 52%}
.till div{display:flex;align-items:start;}
.till::after, .till::before {display:none;}
.till .a1{grid-column:1/2}
.till .a2{grid-column:2/3}




/***new changes 6 sep*******/
.typewriter-div {
    text-align: center;
    position: absolute;
    height: 100%;
    display: FLEX;
    justify-content: center;
    align-items: center;
}
.lat-banner {
    position: relative;
    display: flex;
    justify-content: center;
}
.typewriter-div a.figbox{border:1px solid #F9AE1B;font-size:16px;text-decoration:none;color:#fff; background:#F9AE1B; transition:all 500ms ease;}
 .outer-div .typewriter-div a.figbox:hover{border:1px solid #60C6D0;font-size:16px;text-decoration:none;color:#fff; background:#60C6D0}
.typewriter-div a span.nw-arrow{color: #fff;
    font-size: 30px;
    padding-left: 20px;
  line-height: 30px;}
#typewriter-in{max-width:800px;}
.flx{ display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "l r"; grid-gap:25px; max-width:90%; margin:auto; margin-top:30px;}

.amazing-wrapper{padding:10px 80px;}
.amazing-wrapper.blue {background:#60C6D0;border:3px solid #60C6D0; color:#fff;grid-area: l;}
.amazing-wrapper.orange {border:3px solid #F9AE1B;grid-area: r;}
.amazing-wrapper.blue p, .amazing-wrapper.blue  h2{color:#fff;}
.amazing-wrapper.blue .cta-box a,.amazing-wrapper.blue .cta-box span {color:#fff;}
.cta-boxs img{margin-bottom:-140px;}
.amazing-wrapper p{font-size:20px;}

.case #ivm-main{background:#fff;}
.case ul.breadcrumb{display:none;}
.our-work .col50{width:100%;}

.gridList ul{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  grid-gap: 20px;
  padding: 0;
  max-width: 1670px;
  margin: auto;
  width: 96%;
}
.gridList ul li{
	text-align: center;
}
.gridList ul:before, .gridList ul:after{
	display:none;
}

.gridList.item3 ul{
	grid-template-columns:repeat(3,1fr);
}
.flx-center{
	display: flex;
    justify-content: center;
}

.below-broc {
    background: #F0F0F0;
    margin: 60px 0;
    padding: 60px 0;
}
.below-broc ul{
	max-width: 1540px;
	margin-top: auto;
}

body.contact main#ivm-main{margin-top:72px;}
@media screen and (max-width:980px){
  body.contact main#ivm-main{margin-top:0;}
}


/************Newest banner orange*******/
.orange-banner{
  background:#f9ae1b;
  color:#fff;
  display:flex;
  justify-content:space-between;
  margin-top:56px;
  align-items:center;
}

.right-text{
  width:40%;
  text-align:right;
}
.ima{width:40%;}
.right-text p{
      color: #fff;
    font-size: 25px;
}
.find-active {
  list-style:none;
  display:flex;
  justify-content: flex-end;
}
.find-active li{
margin-left: 5px;
  
}
.find-active li a{padding:10px 20px;
    display: block;
    text-decoration: none;
    background: #1f2e35;
    color: #fff;
    text-transform: uppercase;
}

.close-animatedModal{
  padding: 20px;
    display: inline-block;
    background: red;
  cursor: pointer;
}
.accpr{display:none;}
#animatedModal{display:none;}

.covid {
    background: #d22d2d;
    text-align: center;
    color: #fff;
  width:100%;position:fixed;
  z-index:9999999;
}
.covid a {
   color: #fff; 
    padding: 4px;
    display: block;
}
.scrollindicator{display:none;}


.local-government-procurement{
  
}
.local-government-procurement main,.local-government-procurement section{background:#fff; text-align:center;}
.local-government-procurement #ivm-banner{
  text-align:center;
  position:relative;
}
.local-government-procurement #ivm-banner .bann-text{
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 40%;
    width: 100%;
    /* max-width: 800px; */
    -webkit-box-pack: CENTER;
        -ms-flex-pack: CENTER;
            justify-content: CENTER;
    margin: auto;
    height: 100%;
}
.local-government-procurement #ivm-banner .bann-text .inner{
  max-width:980px;
}
.local-government-procurement #ivm-banner .bann-text h1{
  font-size:50px;
}
.local-government-procurement #ivm-banner .bann-text a.btn{
  padding:10px;
  border:1px solid #3E505A;
  text-decoration:none;
  margin-top:40px;
  text-transform:uppercase;
  display:inline-block;
}
.local-government-procurement .breadcrumb{
  display:none;
}
.local-government-procurement h2{
  font-size:30px;margin: 20px 0;
}
.local-government-procurement main *::after,.local-government-procurement main *::before {
  display:none;
}

.local-government-procurement .grey{background: rgba(150, 150, 150, .10);background-image: -o-linear-gradient(top , rgba(150, 150, 150, .10), #fff);background-image: -webkit-gradient(linear , left top, left bottom , from(rgba(150, 150, 150, .10)), to(#fff));background-image: linear-gradient(to bottom , rgba(150, 150, 150, .10), #fff);}
.lp-cards{
  margin-top:-150px;
}
.lp-cards ul,.ano-card > ul {
    list-style: none;
    display: -ms-grid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4,1fr);
  grid-gap:20px;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.lp-cards ul li{
 	max-width:250px;
  background:#fff;
  padding:40px 20px;
	-webkit-box-shadow:9px 4px 20px 0px rgba(195, 194, 194, 0.35) ;
	        box-shadow:9px 4px 20px 0px rgba(195, 194, 194, 0.35) ; 
  -webkit-transition:all ease 300ms; 
  -o-transition:all ease 300ms; 
  transition:all ease 300ms;
}
.lp-cards ul li:hover{background:#FDCC25;}

.lp-cards ul li strong,.ano-card ul li strong{
  display:block;
        padding: 20px 20px;
    font-size: 20px;
    margin-top: 20px;
 
}
.lp-cards ul li strong{ min-height:115px;}
.top-offset{
  margin-top:150px
}
.local-government-procurement .flx{max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.local-government-procurement .flx .col{width:48%}
.local-government-procurement .txt-right{
  text-align:right;
  
}
.local-government-procurement #ivm-banner img{max-width:700px;}
.local-government-procurement .txt-left{
  text-align:left;
}
.local-government-procurement .txt-right h2,.local-government-procurement .txt-left h2,.finalp h2{ font-size:40px; margin-bottom:20px;}
.local-government-procurement p{line-height:2; font-size:18px;}
.pinkis {
   background-image: -o-linear-gradient(top , rgba(241, 117, 35, .09), #fff);
   background-image: -webkit-gradient(linear , left top, left bottom , from(rgba(241, 117, 35, .09)), to(#fff));
   background-image: linear-gradient(to bottom , rgba(241, 117, 35, .09), #fff);
  overflow-x:hidden;
}
.ano-card > ul > li{width:25%;}
.ano-card > ul ul{
  list-style:none;
}
.ano-card > ul ul li{padding:25px 0;position:relative; font-size:14px;}
.ano-card > ul ul li:before {
    content: " ";
    display: inline-block;
    position: absolute;
        top: 28px;
    margin-left: -11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FDCC25;;
}
.flx.wd{
  -ms-grid-columns:40% 60px 50%;
  grid-template-columns:40% 50%;
  grid-gap:60px;
}
.tbll ul{
  display:-ms-grid;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-grid-columns:1fr 40px 1fr 40px 1fr;
  grid-template-columns:repeat(3,1fr);
  grid-gap:40px;
  text-align:left;
  padding:30px 0;
  list-style:none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.tbll ul li{
  position:relative;
  width:26%;
  margin-bottom:30px;
}
.tbll ul li:before{
  content:'';
  width:5px;
  height:5px;
  border-radius:50%;
  background:  #FDCC25;
  display:inline-block;
      position: absolute;
    left: -8px;
    top: 6px;
}
.tbll strong{color:#113D52; font-size:20px;margin-bottom:20px;}
.mask{
      width: 120%;
    margin-left: -10%;
    margin-right: 10%;
    min-height: 400px;
    position: relative;
    z-index: 1;
    border-radius: 0% 0% 200vh 200vh / 0% 0% 20vh 20vh;
    -moz-border-radius: 0% 0% 200vh 200vh / 0% 0% 20vh 20vh;
    -webkit-border-radius: 0% 0% 90% 0 / 0% 0% 90%;
    background: #fff;
}
.offtop400{margin-top:-200px;position:relative; z-index:9;}
h2.lightblue{color:#60C6D0}

/************Newest home**********/

.blue-circle div {
   
    width: 100%;
       display: flex;
    justify-content: center;
    align-items: center;
    
    flex-direction: column;
   
}

.big-g {
    padding-top: 0;
    position: relative;
    overflow: hidden;
  padding-top:200px
}
.images {
    font-size: 0;
}
.blue-circle {
    
    width: 90%;
    display: flex;
    justify-content: center;
    margin:auto;
}
.blue-circle div p.head{color: #1F2E35; font-family: 'Gotham Book', sans-serif;font-size: 50px; text-align: center; line-height: 1.1;  max-width: 90%;  font-weight:100  }
.blue-circle div p,.blue-circle div h1,.blue-circle div div.aps{color:#F9AE1B;text-align:center; width: 90%;font-size:28px; font-family: 'Gotham Bold';display:inline;}
.blue-circle div a{    color: #fff; text-decoration: none;  display: inline-block;   margin-top: 40px;  border: 1px solid #fff;   padding: 10px;}
.menuId1157 section, .menuId1157 aside, .menuId1157 main,.menuId1157 article{background:#fff}
.menuId1157 ul.breadcrumb{display:none;}
.menuId1157 h2{font-size:40px;line-height:1.2}
.menuId1157 main{padding-top:0px;}
.menuId1157 .ivm-container{max-width:80%;}
.menuId1157 p,.heading2,.heading2 h2{font-size:18px; line-height:28px;font-weight:500;    color: #3E505A;font-family: 'Gotham Book', sans-serif;}
.heading2 h2{display:inline}
.menuId1157 #new-logo{width:80%;}
.mar-left{width:100%; margin:auto 0 auto auto;}
.mar-left .flx,.mar-right .flx{max-width:100%;align-items:center;}
.mar-left .flx .col p{text-align:left;font-family: 'Gotham Bold'; font-size: 30px;padding:0 10%;line-height:35px;}
.mar-right{width:90%; margin:auto auto auto 0}
.menuId1157 #ivm-banner{padding-top:0;}
/*new header white*****/
 .top-search .search-thing:before{    background-color: #1F2E35;}
 .top-search .square, .top-search input {    border: 4px solid #1F2E35;color:#1F2E35}
 .top-search .close:before, .top-search .close:after{    background-color: #1F2E35;}
 .phone-txt a{color: #1F2E35;}
 .new-header{    background: #fff;}
 .hamburger{background-color:transparent}
 .hamburger__inner,
  .hamburger__inner::before,
  .hamburger__inner::after,
 .hamburger.is-active .hamburger__hidden::after,
 .hamburger.is-active .hamburger__hidden::before,
 .hamburger.is-active .hamburger__hidden,
 .hamburger__hidden::before,
.hamburger__hidden::after{background-color:#F9AE1B}
.menuId1157 p a{font-size:18px;}
 .hamburger__hidden::before, .hamburger__hidden::after, .hamburger:hover .hamburger__hidden{background-color:#F9AE1B}

/****new header end***/
 .custom.footer-above{display:none;}
 footer ul.menu-footer{border-top:0;padding-top:0;}
 #new-contact-form{padding-bottom:40px;}

ul.steps {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    list-style: none;
  grid-gap:40px;
  padding-top:40px;
}
ul.steps a{text-decoration:none;}
ul.steps::after,ul.steps::before,ul.brands::before, ul.brands::after,div.insights ul::after,div.insights ul::before{display:none;}
ul.steps span {
    display: block;
    padding: 20px 0;font-family: 'Gotham Book';font-size:25px;
}
ul.steps span strong {
    display: block;
   font-size:30px;
}

ul.steps .hm{
  width: 200px;
    height: 200px;
    margin: AUTO;
    border-radius: 50%;
    box-shadow: 7px 6px 20px 0px rgba(0, 0, 0, 0.18);
    display: flex;
    justify-content: center;
    align-items: center;

}
ul.steps li p.blue{color:#5FC3CD; font-style:italic;font-family: 'Gotham Bold';margin-top:10px;}
ul.brands {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 30px;
  padding-bottom:20px;
}

ul.brands li {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 250px;
    height: 90px;
    margin: auto;
  padding:20px;
  transition:all ease 300ms;
}
ul.brands li:hover{
      box-shadow: 9px 7px 14px 0px rgba(0, 0, 0, 0.33);
  
}
div.insights{
  background:#3E505A;
}
div.insights ul{
  display:grid;
   grid-template-columns: repeat(2,1fr);
   grid-gap: 20px;
  list-style:none;
}
div.insights ul li{position:relative;font-size:0;}
.flx.sml{
  max-width:80%;
  grid-template-columns:36% 58%;
  align-items:center;
  grid-gap:40px;
  margin-top:0;
}
.flx.sml .col.inner{
  max-width:530px;
  margin:auto;
  text-align:center;
}
.flx.sml .col.inner h2,.flx.sml .col.inner p{color:#fff;}
.flx.sml .col.inner p{font-size:30px;line-height:35px;margin:35px 0;}
.flx.sml .col.inner a.btn{color:#fff; border:1px solid #fff; padding:10px 20px ; display:inline-block;text-decoration:none;}
div.insights ul li .onho{
  position:absolute;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
  top:0;
  font-size:0;
  flex-direction:column;
  height:100%;
      height: 100%;
    background: rgba(255, 255, 255, 0.7);
  transition:all ease 300ms;
  opacity:0;
}
div.insights ul li:hover .onho{
    opacity:1;
}

 .accordion { margin:0 auto 100px; list-style:none;}
 .accordion > li {
   box-shadow: 7px 6px 20px 0px rgba(0, 0, 0, 0.18);
  position:relative;    margin-bottom: 20px;
}
.accordion .al ul{
  margin-left:50px;
}
 .accordion p {
 
  padding:10px 25px 10px;
  color:#d9e5e8;
  color:#393939;
  font-weight:300;
}
.accordion div.al{
  display:none;
}
 .accordion a {
  width:100%;
  display:block;
  cursor:pointer;
  font-weight:600;
  padding: 12px 15px;
  color:#393939;
  font-weight:normal;
  
  user-select:none;
   line-height: 1.2;
}
 .accordion a:after {
  width:8px;
  height:8px;
  border-right:1px solid #707070;
  border-bottom:1px solid #707070;
  position:absolute;
  right:10px;
  content:" ";
  top:17px;
  transform:rotate(-45deg);
  transition:all, 0.2s, ease-in-out;
}
 .accordion a.active:after {
  transform:rotate(45deg);
  transition:all, 0.2s, ease-in-out;
}
a.btn.blue {
    background: #5FC3CD;
    padding: 10px;
    color: #fff;
    text-decoration: none;    margin-top: 20px;
    display: inline-block;
}
.flx.larg{max-width:80%;align-items:center;margin-top:0;}
.flx.larg .col .inner{max-width:530px;}
.dtt{ font-family: 'Gotham Bold';}

/*******New news*******/
.news .blog-conatiner{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 40px;
}
.news .blog-conatiner  .items-row{
  width:100%;
  margin:0;
  padding:0;
  border-bottom:0;
  padding: 10px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.37);
}
.news  .blog .page-header{    text-align: center;}
.news  .blog .page-header h2{line-height:1.2}
.news .blog-conatiner .blog .page-header{text-align:center;}
.news .blog-conatiner .blog .page-header h2{font-size:18px}
.news .blog-conatiner .article-info{display:none;}
.news .blog-conatiner .blogImg{width:100%;display:block; margin-bottom:20px;}
.news .blog-conatiner .blogTxt{width:100%; display:block;padding-left:0; text-align:center;}
.news .blog-conatiner .blogTxt a.read-more{margin:12px auto;}
.news .blog h1{text-align:center; margin-bottom:10px;}
/*.news #ivm-main .ivm-container{width:100%;flex-direction:column-reverse;}
.news #content-below{width:100%;}
.news #content-below ul.cat-children{background:#fff;display:grid;grid-template-columns: repeat(5,1fr);grid-gap: 20px;}

.news .ivm-container section {width:100%;padding-right:0;}
.news .cat-children h4, .cat-children a{    color: #3E505A;}*/
.news ul.cat-children{position:fixed; width:240px;margin-top: 47px;}


.news #content-below ul.cat-children::before,.news #content-below ul.cat-children::after,.news .blog-conatiner::before,.news .blog-conatiner::after{display:none;}
#new-logo > div:nth-child(1) > p > a > img{width:120px;}
.ivm80 {
    max-width: 80%;
    margin: auto;
}
.below-banner-grid {
    background: #F5F6F7;
}
.below-banner-grid ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
  list-style:0;
}
.below-banner-grid ul::before,.below-banner-grid ul::after{display:none;}
.below-banner-grid ul li {
    position: relative;font-size:0;   
  overflow:hidden;
  margin-bottom:-2%;
}
.below-banner-grid ul li a{font-size:0}
.black-overlay,.white-overlay,.orange-overlay{
  position:absolute;
    top:0;
    width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
   font-family: 'Gotham Bold';
  font-size:20px;text-align:center;
}
.black-overlay {
  color:#fff;
  background:rgba(62, 80, 90, .7);
}
.white-overlay{
  color:#3E505A;
    background:rgba(255, 255, 255, .7);
}
.orange-overlay{
  color:#fff;
  background:rgba(249, 174, 27, .7);
}
.lines {
    width: 80%;
    margin: auto;
    text-align: center;
    font-weight: 100;
   
    padding:40px 0;
}
.lines p{font-size:30px; line-height:32px;}
.new-flash-news {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
    list-style: none;
}
.new-flash-news::before,.new-flash-news::after{display:none; position:relative;}
.dis-non{display:none;}
.new-flash-news .desc_block{
  display:none;
}
.new-flash-news .blog-wrapper:hover .newsflash-title{opacity:1;}
.new-flash-news .blog-wrapper{
  position:relative;
}
.newsflash-title .image_intro a{
  font-size:0;
}
 div.new-flash-news div.image_intro > a, div.new-flash-news div.image_intro{font-size:0}
.new-flash-news .blog-wrapper .newsflash-title{
 position:absolute;
  width:100%;
  height:100%;
  top:0;
  background:rgba(255, 255, 255, 0.70);
  opacity:0;text-decoration:none;
  padding:20px;
 
}
.new-flash-news .newsflash-title a{
      width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  text-align:center;text-decoration:none;
}


a.new-home-cta {
    display: FLEX;
    justify-content: CENTER;
    align-items: center;
    position: fixed;
    top: 30%;
    background: #1f2e35;
    right: 0;
    padding: 5px;
    text-transform: unset;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
      transform: translate(144px, 0px);
  transition:all ease 300ms;
}
a.new-home-cta:hover{ transform: translate(0px, 0px);}
a.new-home-cta span {
    display: inline-block;
    width: 40px;
    padding: 4px;
    border: 3px solid white;
    height: 40px;
    border-radius: 50%;
    /* position: fixed; */
    margin-right: 3px;
}


@media screen and (max-width:1120px){
.news .blog-conatiner{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}
}
@media screen and (max-width:1080px){
  ul.steps{    grid-template-columns: repeat(2,1fr);}
  
}
@media screen and (max-width:980px){
  .news .blog-conatiner{grid-template-columns: repeat(1,1fr);}
}
@media screen and (max-width:880px){
  .lp-cards ul li{margin:auto;width:40%; margin-bottom:20px;}
  .ano-card > ul > li{width:40%; margin-bottom:20px;}
  .lp-cards ul, .ano-card > ul{-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
  .local-government-procurement .flx{display:block}
  .local-government-procurement .flx .col{margin-bottom:30px;width:90%; margin:auto;}
  .local-government-procurement #ivm-banner img{max-width:100%;}
}
@media screen and (max-width:600px){
  .lp-cards ul, .ano-card > ul{display:block;}
  .lp-cards ul li{width:90%;margin:auto;    margin-bottom: 30px;}
  .ano-card > ul li{width:90%;margin:auto;}
  .tbll ul li{width:90%;margin:auto;    margin-bottom: 30px;}
  
}