/***
* Home Carousal related css
*                            **/
	#videoCarousal .carousel-inner{
	 overflow:visible
	}
	#videoCarousal .carousel-caption {
	  bottom: -4.5rem;
	  color:#55ACEE;
	}
	#videoCarousal .carousel-control-prev ,
	#videoCarousal .carousel-control-next {
	  width:40px;
	  height:40px;
	  border: 2px solid #EE7D4B;
	  border-radius:50%;
	  bottom:-50px;
	  top:auto;
	  color: #EE7D4B;
	  opacity:1;
	}
	
	#videoCarousal .carousel-control-next {
	  left:45px;
	}
	
	#videoCarousal .carousel-control-prev-ico ,
	#videoCarousal .carousel-control-next-ico {
		color:#55ACEE;
	}
	
	#videoCarousal .carousel-control-prev:hover ,
	#videoCarousal .carousel-control-next:hover {
			background-color: #EE7D4B;
	}
	

	#videoCarousal .carousel-control-prev:hover > i,
	#videoCarousal .carousel-control-next:hover > i {
		color:#fff;
	}
	#videoCarousal .carousel-caption {
	 right:0%;
	}
	
	/***
* Navbar submenu related css
*                            **/
 .desktop-navbar .nav-link:hover,
.desktop-navbar .nav-item:hover .nav-link,
.nav-item:hover a.dropdown-toggle::after,
.dropdown-menu .dropdown-item:hover,
 .dropdown-menu .dropdown-item:hover {
   /*  background: linear-gradient(to right, #EE7D4B -50%, #EE7D4B 100%) ;
	  background: -moz-linear-gradient(to right, #EE7D4B -50%, #EE7D4B 100%) ;
	  background: -webkit-linear-gradient(to right, #EE7D4B -50%, #EE7D4B 100%) ;
	   background: -o-linear-gradient(to right, #EE7D4B -50%, #EE7D4B 100%) ;
	    background: -ms-linear-gradient(to right, #EE7D4B -50%, #EE7D4B 100%) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
	color:#EE7D4B;
	
}
a.dropdown-toggle::after {
    transition: all 0s;
}
 .desktop-navbar .nav-link:hover,
.desktop-navbar .nav-item:hover .nav-link,
.nav-item:hover a.dropdown-toggle::after{
	//font-weight:bold;
}
.navbar-simple .navbar-nav .nav-link:hover{
	 color:  #EE7D4B;
}
.dropdown-menu .dropdown-item:focus, 
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:active {
    color:  #EE7D4B;
    background-color: transparent;
	
}
.dropdown-menu > ul > li {
	list-style:none;
}

.dropdown-menu .dropdown-item {
    background: transparent;
    font-weight: normal;
    font-size: 16px;
    padding: 0 0 0 0.5rem;
    line-height: 40px;
    display: inline;
    transition: .5s ease-in;
	color: #000;
}
.dropdown-menu .dropdown-item:hover {
    margin-left: 5px;
	 color: #EE7D4B ;/*#55ACEE*/
    background-color: transparent;
}
.nav-dropdown > ul {
	margin-left: 15px;
	padding: 0px;
	margin-bottom: 0px;
}
@media screen and (min-width: 992px) {
    .navbar-nav .dropdown {
        position: static;
    }
    .navbar .dropdown-menu {
        display: block;
        opacity: 0.4;
        visibility: hidden;
        min-width: 260px;
        transform: scale(1, 0);
        transform-origin: 0 0;
        left: -60%;
        width: 190%;
        /*left: -27%;*/
        /*width: 155%;*/
    }

    .navbar.menu-top .dropdown-menu {
        transform-origin: 100% 100%;
    }
   .dropright .dropdown-menu {
        display: block;
        opacity: 0.4;
        visibility: hidden;
        transform: scale(0, 1);
        transform-origin: 0 0;
    }
    .navbar-nav .dropdown:hover>.dropdown-menu,
    .dropright:hover>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.navbar-nav .dropdown-menu {
    z-index: 5;
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 18px 0px;
    -webkit-box-shadow: 0 13px 25px -12px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 13px 25px -12px rgb(0 0 0 / 25%);
    left: 0;
    top: auto;
    border-top: 1px solid #efefef;
    margin-top: 0;
    cursor: default;
}
.right-arrow {
    font-size: 10px;
}
.dropdown-toggle::after {
    content: "\f107";
    border: none;
    vertical-align: middle;
    width: auto;
    height: auto;
    line-height: 1;
	margin-left: 0.3em;
}
.dropdown-toggle::after {
    font-family: "Font Awesome 5 Free", serif;
    font-weight: 900;
}

.collapsePagesSideMenu .fas {
	font-size:14px;
	margin:auto 10px auto auto;
}
.collapsePagesSideMenu {
    display: flex !important;
}
.side-nav .navbar-nav .nav-item ul li.nav-item .nav-link {
    font-size: 16px !important;
    //background: #fff;
   // -webkit-background-clip: text;
    //-webkit-text-fill-color: transparent;
    //transition: .8s ease;
}
.side-nav .navbar-nav .nav-item ul li.nav-item .nav-link:hover {
   // background-color: #fff;
   // -webkit-background-clip: text;
   // -webkit-text-fill-color: transparent;
	//font-weight:bold;
}
.navbar-nav .nav-link {
  
    font-weight: 500;
    position: relative;
    line-height: normal;
    display: inline-block;
}
/***
* Sticky contact popup related
*                            **/

.contact-popup{
	position:fixed;
	left:20px;
	bottom:90px;
	z-index:10000;
	border:1px solid #55ACEE;
	border-radius: 10px;
    box-shadow: 0px 5px 30px rgb(0 0 0 / 30%);
    font-size: 12px;
    height: 340px;
    overflow-y: auto;
    width: 320px;
    padding: 20px;
	background-color: #ffffff!important;
	transition: all 0.3s ease-in-out;
	transform:translateX(-130%);
}
.contact-popup.active{
	transform:translateX(0px);
}
.moveContactButton {
	transform:translateX(-130%);
}
.sticky_contact_btn.placeContactButton {
	transform:translateX(0px);
}
.sticky_contact_btn{
  display: none;
	position: fixed;
    left: 20px;
    bottom: 20px;
    padding: 9px 34px;
    color: #fff;
	border-radius:20px;
    background: #29367B;
    text-align: center;
    z-index: 100;
	cursor:pointer;
	cursor:pointer;
	transition: all 0.3s ease-in-out;
}
.sticky_contact_btn:hover{
	background:#29367B;
}
.contact-close{
	position: absolute;
    cursor: pointer;
    font-size: 14px;
    left: 277px;
    padding: 5px;
    width: 30px;
    top: 15px;
	text-align:center;
	transition: all 0.3s ease-in-out;
}
.contact-close:hover{
color:#EE7D4B;
}
.social-item{
	padding: 0;
    margin: 0;
	list-style:none;
}
.social-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px

}
.social-link {
    display: flex;
    padding: 0.35rem 1rem;
    text-decoration: none;
    cursor: pointer;
}

.social-item .social-link .social-icon {
    vertical-align: middle !important;
}
.social-icon img {
    max-width: 20px;
    max-height: 20px;
    width: auto;
    height: auto;
}
.social-icon + .social-content {
    margin-left: 1rem;
    text-align: left;
}	
.listsocial {
	padding:0px;
}

ul.listsocial span.sociall-title {
    font-size: 14px !important;
    margin-bottom: 0!important;
    line-height: normal!important;
	}
	
ul.listsocial span.social-target {
    font-size: 12px !important;
  
    line-height: normal!important;
    color: blue!important;
}
.social-target {
    display: block;
    margin: 0.1rem 0 0;
    color: #666;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.message-us{
	display: flex;
    padding: 0.35rem 0rem;
    text-decoration: none;
    cursor: pointer;
	vertical-align: middle !important;
	margin-left: 1rem;
    text-align: left;
}
/***
* creative work image overlay
*                            **/
.image-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	color:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	opacity:0;
	transition:opacity 0.25s;
	border-radius:10px;
}
.image-overlay:hover{
  opacity:1;
}
.image-overlay > *{
  // transform:translateY(20px);
  // transition:opacity 0.25s;
   
}
.image-overlay:hover > *{
	//transform:translateY(0);
}
.client-box a:hover{
	color:#EE7D4B;
}
.image-overlay i{
	font-size:40px;
}
/***
*content elements hover and active
*                            **/
.content a:hover,
.content a:active,
.content a{
	color:#EE7D4B;
	font-weight:bold;
	
}
/***
* company page
*                            **/
.second-banner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 40px;
    background: url("../img/slider-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.second-banner:after {
    content: "";
    bottom: 0;
    display: block;
    position: absolute;
    margin-bottom: 0;
    height: 100%;
    width: 30%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJUlEQVQoU2N8+vTpfwYGBgZpaWlGEI0LMBKtEJ8pyHJ4rRtVCAAd/QgLwKUsAgAAAABJRU5ErkJggg==)!important;
    background-position: 0 0px!important;
    background-repeat: repeat!important;
    right: 0;
    z-index: -1;
}
/***
* background-alternate-color for the theme
*                            **/
.theme-alternate-color {
	background-color:#f8f9fa;
}
.white-color{
	color:#fff;
}
/***
* services section css
*                            **/


.services .icon-box {
  padding: 20px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
}
.services .icon-box::before {
  content: "";
  position: absolute;
  background: #f4aa8a59;
  right: -60px;
  top: -40px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  transition: all 0.3s;
  z-index: -1;
}
.services .icon-box:hover::before {
  background: #EE7D4B;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px;
}
.services .icon {
  margin: 0 auto 20px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #EE7D4B;
  transition: all 0.3s ease-in-out;
}
.services .icon i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
}


.services .description {
  margin-bottom: 0;
}
.services .icon-box:hover .title , .services .icon-box:hover .description , .services .icon-box:hover .description a ,.services .icon-box:hover h2{
  color: #fff;
}

.icon-box:hover h2 > .second-color{
  color: #fff;
}

.services .icon-box:hover .icon {
  background: #fff;
}
.services .icon-box:hover .icon i {
  color: #EE7D4B;
}
.team-heading{
		line-height: 1.6rem;
		font-size: 1.4rem;
		text-align: center;
		margin-top: 5px;
}
.services .icon-box {
	flex:1;
	/* text-align: left; */
}
.meet-the-team .description{
	font-size: 14px;
}
.meet-the-team .carousel-cards__cards {
    justify-content: center;
}
/***
* faq question section css
*                            **/
.faq .faq-list ul {
  padding: 0;
  list-style: none;
}
.faq .faq-list li + li {
  margin-top: 15px;
}
.faq .faq-list li {
  padding: 20px;
  background: #f8f9fa;
  border-radius: 4px;
  position: relative;
}
.faq .faq-list a {
  display: block;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
  cursor: pointer;
}
.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #EE7D4B;
}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.faq .section-title {
	margin-left:10px;
	margin-bottom:15px
}
.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}
.faq .faq-list .icon-show {
  display: none;
}
.faq .faq-list a.collapsed {
  //color: #343a40;
}
.faq .faq-list a.collapsed:hover {
  color: #EE7D4B;
}
.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}
.faq .faq-list a.collapsed .icon-close {
  display: none;
}
@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}


/*--------------------------------------------------------------
# Features tab navigation quartile css
--------------------------------------------------------------*/

.features .nav-tabs {
  border: 0;
}
.features .nav-link {
  border: 0;
  padding: 20px;
  transition: 0.3s;
  color: #364146;
  transition: 0.3s ease-in-out;
  border-radius: 0;
  border-left: 4px solid #fafbfb;
}
.features .nav-link h6 {
  
  transition: 0.3s ease-in-out;
  color: #273959;
}
.features .nav-link p {
 
  margin-bottom: 0;
}
.features .nav-link:hover {
  background: #fafbfb;
}
.features .nav-link:hover h6 {
  color: #273959;
}
.features .nav-link.active {
  border-radius: 0;
  border: 0;
  border-left: 4px solid #EE7D4B;
  background: #fafbfb;
}
.features .nav-link.active h6 {
  color: #EE7D4B;
}
.features .tab-pane.active {
  -webkit-animation: slide-down 0.5s ease-out;
  animation: slide-down 0.5s ease-out;
}
.features .tab-content {
  text-align: right;
}
@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/***
* company page related css 
*                            **/
.thenumber {
    font-size: 230px;
    position: relative;
    font-weight: 700;
    opacity: .2;
    top: 60px;
    text-align:left;
   }
   
   .client-designation {
    display:block;
   }
   
   .client-designation .f-icon {
    font-size:16px;
    font-weight:bold;
   }
   
   .list-item-box {
       border-radius: 10px;
       padding: 5px 10px 5px 10px;
    text-align: left;
    width: 60%;
    border: 1px solid #03a9f4;
    color: #3f51b5;
    margin-bottom: 10px;
    }
    
    .bgblue {
      background-color: #03a9f4;
      color: white;
    }
    
    .second-banner {
      min-height: auto;
      background:none;
    }
    
    @media screen and (max-width: 991px) {
      .list-item-box {
        width:100%;
      }
    }

/***
* plain box with shadow 
*                            **/
	 .item-box {
		padding: 30px 25px;
		border-radius: 10px;
		text-align: left;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 10px 1px rgb(145 140 145 / 35%);
		box-shadow: 0px 0px 8px 1px rgb(145 140 145 / 35%);
	}
	.item-box .title {
		margin: 1.5rem 0 0.8rem;
	}
	
/***
* non flat feature item with hover effect
*                            **/
.feature-non-flat-item {
  
  perspective: 800px;
  transition: all 0.3s ease 0s;
   margin-right: 20px;
}		    

.feature-non-flat-item:hover .card1 {
  transform: rotateY( 180deg);
}
.feature-non-flat-item .card1 {
  cursor: default;
  height: 200px;
  transform-style: preserve-3d;
  transition: transform 0.4s ease 0s;
  width: 100%;
  -webkit-animation: giro 1s 1;
  animation: giro 1s 1;
}
.feature-non-flat-item .card1 .front{
  backface-visibility: hidden;
  box-sizing: border-box;
  color: #2b2b2b;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%; 
  padding: 30px 25px;
    border-radius: 10px;
    text-align: left;
    background-color: #fff;
	 -webkit-box-shadow: 0px 0px 10px 1px rgb(145 140 145 / 35%);
    box-shadow: 0px 0px 8px 1px rgb(145 140 145 / 35%);
 
}
.feature-non-flat-item .card1 .back {
	backface-visibility: hidden;
  box-sizing: border-box;
  color: #fff;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%; 
  padding: 30px 25px;
    border-radius: 10px;
    text-align: left;
    background-color: #EE7D4B;;
	 -webkit-box-shadow: 0px 0px 10px 1px rgb(145 140 145 / 35%);
    box-shadow: 0px 0px 8px 1px rgb(145 140 145 / 35%);
}
.feature-non-flat-item .card1 .back {
  transform: rotateY( 180deg);
}
@-webkit-keyframes giro {
  from {
    transform: rotateY( 180deg);
  }
  to {
    transform: rotateY( 0deg);
  }
}

@keyframes giro {
  from {
    transform: rotateY( 180deg);
  }
  to {
    transform: rotateY( 0deg);
  }
}
.feature-non-flat-item  i.f-icon {
    font-size: 28px;
    height: 55px;
    width: 55px;
    line-height: 55px;
    background-color: #EE7D4B;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 50px;
    color: #fff;
}
.feature-non-flat-item .title {
    margin: 1.5rem 0 0.8rem;
}
.feature-non-flat-item p{
  //  margin-bottom: 15px;
   // font-size: 14px;
}
.feature-non-flat-item .r-icon {
    font-size: 25px;
    font-weight: 900;
    display: block;
    text-align: right;
    color: #d5d3d3;
}
.feature-non-flat-item:nth-child(2) {
    margin-top: 23px;
}
@media screen and (max-width:991px){
	.feature-non-flat-item{
        margin: 0;
    }
    .feature-non-flat-item:nth-child(2) {
        margin: 25px 0;
    }
    .feature-non-flat-item{
        text-align: center;
    }
}
/***
* non flat feature item with hover effect
*                            **/
.feature-flat-item {
  
  perspective: 800px;
  transition: all 0.3s ease 0s;
   //margin-right: 20px;
}		    

.feature-flat-item:hover .card1 {
  transform: rotateY( 180deg);
}
.feature-flat-item .card1 {
  cursor: default;
  height: 200px;
  transform-style: preserve-3d;
  transition: transform 0.4s ease 0s;
  width: 100%;
  -webkit-animation: giro 1s 1;
  animation: giro 1s 1;
}
.feature-flat-item .card1 .front{
  backface-visibility: hidden;
  box-sizing: border-box;
  color: #2b2b2b;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%; 
  padding: 30px 25px;
    border-radius: 10px;
    text-align: left;
    background-color: #fff;
	 -webkit-box-shadow: 0px 0px 10px 1px rgb(145 140 145 / 35%);
    box-shadow: 0px 0px 8px 1px rgb(145 140 145 / 35%);
 
}
.feature-flat-item .card1 .back {
	backface-visibility: hidden;
  box-sizing: border-box;
  color: #fff;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%; 
  padding: 30px 25px;
    border-radius: 10px;
    text-align: left;
    background-color: #EE7D4B;;
	 -webkit-box-shadow: 0px 0px 10px 1px rgb(145 140 145 / 35%);
    box-shadow: 0px 0px 8px 1px rgb(145 140 145 / 35%);
}
.feature-flat-item .card1 .back {
  transform: rotateY( 180deg);
}
@-webkit-keyframes giro {
  from {
    transform: rotateY( 180deg);
  }
  to {
    transform: rotateY( 0deg);
  }
}

@keyframes giro {
  from {
    transform: rotateY( 180deg);
  }
  to {
    transform: rotateY( 0deg);
  }
}

.feature-flat-item .title {
    margin: 1.5rem 0 0.8rem;
}

/***
* interactive box hover block css
*                            **/
.interactiveBox-hover .icon-box {
  width:55%;
  padding: 20px 20px;
  transition: all ease-in-out 0.3s;
  background: #fefefe;
  box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1);
  border-radius: 18px;
  border-bottom: 5px solid #fff;
}

.interactiveBox-hover .icon-box p {
  margin-bottom:-10px!important;
}

.interactiveBox-hover .icon-box:hover {
  transform: translateY(-10px);
  border-color: #EE7D4B;
}
.interactiveBox-hover .icon-box:hover a {
  color: #EE7D4B;
}

.interactiveBox-hover .list-item-box {
  width:inherit;
}
.interactiveBox-hover .icon-box li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-weight: 900;
    position: absolute;
    left: -0.2em;
}
.interactiveBox-hover .icon-box p {
  margin-top:10px!important;
  margin-bottom:-10px!important;
}

.interactiveBox-hover .icon-box:hover {
  transform: translateY(-10px);
  border-color: #EE7D4B;
  /*border-bottom: 5px solid #EE7D4B;*/
}
.interactiveBox-hover .icon-box:hover a {
  color: #EE7D4B;
}

.interactiveBox-hover .icon-box ul {
    list-style: none;
    padding: 0 0 1em 0;
    text-align: left;
    margin: 0 0 -20px 1.5em;
}

.interactiveBox-hover .icon-box li {
  margin-bottom: 10px;
    position: relative;
    padding-left: 0.4em;
}

.interactiveBox-hover .icon-box li:before {
  content: "\f00c"; 
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  font-weight:900;
  position: absolute;
  left: -.2em;
}

.interactiveBox-hover .icon-box li b,span {
  /*margin-left:.8em!important;*/
}

.interactiveBox-hover .icon-box i {
  font-size: 15px;
  color: #273959;
  margin-right: 10px;
}


@media screen and (max-width: 991px) {
 .interactiveBox-hover  .icon-box {
    width:100%;
  }
  
  .interactiveBox-hover h3,
  .interactiveBox-hover h6 {
    text-align:left;
  }
  
  .interactiveBox-hover p {
    text-align:left;
  }
}
	/***
* Non interactive box without hover block css
*                            **/
.non-interactiveBox-hover .icon-box {
  width:55%;
  padding: 20px 20px;
  transition: all ease-in-out 0.3s;
  background: #fefefe;
  box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1);
  border-radius: 18px;
  border-bottom: 5px solid #EE7D4B;
}




@media screen and (max-width: 991px) {
 .non-interactiveBox-hover  .icon-box {
    width:100%;
  }
  

  .interactiveBox-hover p {
    text-align:left;
  }
}
/***
* Adverity data connectors section
*                            **/
.hubdb-connectors__list {
    padding: 0px;
    list-style: none;
    max-width: 1600px;
    margin: 50px auto 0px;
    display: flex;
    justify-content: space-around;
        --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.container-fluid {
  padding-left: 0;
    padding-right: 0;
}

.hubdb-connectors__list__single {
    flex: 0 0 210px;
    margin: 0px 5px 20px;
}

.hubdb-connectors__list__single__inner {
    display: flex;
    flex-direction: column;
    border: 1px solid rgb(221, 224, 228);
    height: 100%;
}

.hubdb-connectors__list__single__inner > .hubdb-connectors__list__single__inner__img {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hubdb-connectors__list__single__inner > .hubdb-connectors__list__single__inner__title {
    padding: 5px 10px;
    background: rgb(237, 239, 241);
    color: rgb(99, 109, 117);
    flex: 1 1 0%;
}


/***
* Adverity  carousal section
*                            **/
.adverity-data-destinations{
	justify-content: center;
}
 .adverity-data-destinations.data-destinations-sec .test-btn#customPrevBtn {
		left: -30px;
	}
	.adverity-data-destinations.data-destinations-sec .test-btn#customNextBtn {
		right: -30px;
	}
	.adverity-data-destinations.data-destinations-sec .test-btn {
		position: absolute;
		top: 43%;
		transform: translateY(-50%);
		color: #EE7D4B !important;
		font-size: 32px;
		cursor:pointer;
	}
	@media screen and (max-width: 767px){
		.adverity-data-destinations.data-destinations-sec .test-btn {
			display: block;
		}
		.adverity-data-destinations.data-destinations-sec .test-btn#customPrevBtn {
		left: 10px !important;
		z-index:2
		}
		.adverity-data-destinations.data-destinations-sec .test-btn#customNextBtn {
			right: 10px !important;
			z-index:2
		}
	}
	@media screen and (max-width: 1199.98px) {
		.adverity-data-destinations.data-destinations-sec .test-btn#customPrevBtn {
			left: 0;
		}
		.adverity-data-destinations.data-destinations-sec .test-btn#customNextBtn {
			right: 0;
		}
	}
	.adverity-data-destinations .box .card__img {
    height: 80px;
    width: calc(100% - 50px);
    margin: 0 auto;
    display: flex;
    align-items: center;
}
	.adverity-data-destinations .box .card__content {
    padding: 25px;
    transition: all ease 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.adverity-data-destinations .box {
    padding: 15px 37.5px;
	margin-bottom: 50px;
}

 .adverity-data-destinations .box{
	position: relative;
    display: flex; 
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0.25rem;
}
.adverity-data-destinations .box:before {
    content: '';
    background-color: rgba(196, 196, 196, 0.2);
    clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
    position: absolute;
    top: -10px;
    left: 12.5px;
    height: 105px;
    width: 90px;
    z-index: 1;
}
.adverity-data-destinations .box:after {
    content: '';
    background-image: radial-gradient(#ef692b 1px, transparent 0);
    background-size: 6px 6px;
    background-position: -13px -14px;
    clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
    position: absolute;
    bottom: -32.5px;
    right: 0px;
    height: 160px;
    width: 135px;
    z-index: 1;
    opacity: 1.0;
}
.adverity-data-destinations .box > div {
    border: 2px solid #D8DBDC;
    box-shadow: 5px 5px 0px #b2b7ba;
    padding: 25px 0px 65px;
    transition: 0.3s linear all;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 1.0);
    z-index: 2;
}
.adverity-data-destinations .box:hover > div {
    border: 2px solid #000000;
    box-shadow: 5px 5px 0px #8c8c98;
}
.adverity-data-destinations.data-destinations-sec .owl-carousel .owl-dots .owl-dot {
    background: rgba(43, 43, 43, 0.81);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-left: 10px;
	display:none
}
.adverity-data-destinations.data-destinations-sec .owl-carousel .owl-dots .owl-dot:hover {
    background: #EE7D4B;
	display:none;
}
.adverity-data-destinations.data-destinations-sec .owl-carousel .owl-dots .owl-dot.active {
    width: 25px;
    height: 12px;
    border-radius: 25%;
    background: #EE7D4B;
	display:none;
}
.adverity-data-destinations.data-destinations-sec .owl-carousel .owl-dots {
    justify-content: center;
    display: flex;
    margin-top: 20px;
	display:none;
}
.adverity-data-destinations .owl-nav {
	display:none;
}
/***
* showcase css start
*                            **/
#showcase{
	padding-top:120px;
}
.showcaseFilters{
	text-align:left
 }
.showcaseFilters .verticals,.channels,.types,#reset-filter {
	 font-size:0.9rem;
	 background-color:transparent;
}
.verticals,.channels{
	display:inline-block;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  z-index: 1;
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(48, 64, 79, 0.6);
  position: absolute;
  left: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
}

.portfolio .portfolio-wrap img {
  transition: 0.3s;
  position: relative;
  z-index: 1;
}

.portfolio .portfolio-wrap .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  top: calc(50% - 32px);
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #EE7D4B;
  margin: 0 4px;
  font-size: 18px;
  line-height: 1;
  background-color: #fff;
  padding-top: 6px;
  padding-right: 1px;
  border-radius: 50px;
  text-align: center;
  width: 32px;
  height: 32px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a i {
  line-height: 1.1;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  background: #EE7D4B;
  color: #fff;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info h5 {
  color: #fff;
}
.portfolio .portfolio-wrap:hover::before {
  left: 0;
}
.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  top: calc(50% - 16px);
}
.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
  bottom: 0;
}
/*---------------------------------------------------------------
showcase lightbox css
-----------------------------------------------------------------*/
.showcaseHeaderRow {
		 padding: 15px 0px 5px 0px;
}
.showcaseBodyRow dt{
	display:inline-block;
}
.headerTile {
	 font-size:1.2rem;
	 color:#f05146;
}
.headerClose {
	color:#EE7D4B;
}
.close {
   opacity:1 !important;
}
.showcaseBodyRow{
	padding:8px 0px 15px 0px;
}
/*---------------------------------------------------------------
showcase pagination css
-----------------------------------------------------------------*/
.activated {
		border: 2px solid black;
}
.pagination_link {
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #dedede;
	padding: 3px 5px;
	margin: 2px;
}
.enabled {
	border: 1px solid #dedede;
	color:  #EE7D4B;
	cursor: pointer;
	padding: 3px 5px;
	margin: 2px;
}
.disabled1 {
	display: none;
}
.show-page-count{
	 text-decoration: none;
	 border: 1px solid #dedede;
	 padding: 3px 5px;
	 margin: 2px;
}
/*---------------------------------------------------------------
showcase tab css
-----------------------------------------------------------------*/

.showcaseTab > ul >.nav-item {
	//background-color:#efefef;
	width:200px;
	border-radius:14px 14px 0px 0px;
	text-align:center;
	border:1px solid #55ACEE;
}
.showcaseTab > ul >.nav-item .active {
	border-radius:14px 14px 0px 0px;
	background-color: #55ACEE ;
	color:#fff !important;
}
.showcaseTab > ul >.nav-item >.nav-link,
.showcaseTab > ul >.nav-item >.nav-link:hover {
	padding: .2rem 1rem;
	color:#273959;
	border:0px;
}

@media (max-width: 767px) {
	.showcaseTab > ul >.nav-item {
		//background-color: #efefef;
		width: 160px;
		border-radius: 14px 14px 0px 0px;
		text-align: center;
		font-size: 0.8rem;
	}
}
/*--------------------------------------------------------------
# impact adformat tab css
--------------------------------------------------------------*/
.adFormat {
  overflow: hidden;
}

.adFormat .nav-tabs {
  border: 0;
}

.adFormat .nav-link {
  border: 0;
  padding: 12px 15px;
  transition: 0.3s;
  color: #364146;
  border-radius: 0;
//  font-weight: 600;
 // font-size: 15px;
  border-left:4px solid #fbfbfb;
}

.adFormat .nav-link:hover {
  //color: #263f56;
  background-color:#fbfbfb;
}

.adFormat .nav-link.active::before {
	/* content: '';
	  position: absolute;
	  background-color: #EE7D4B;
	 width:3px;
	 height:24px;
	 left:16px;*/
}
.adFormat .nav-tabs .nav-link.active {
   background-color:#fbfbfb;
   color:#EE7D4B;
	border-left:4px solid #EE7D4B;
}

.adFormat .nav-link:hover {
  //border-color: #cda45e;
 // border-left:2px solid #fbfbfb;
}

.adFormat .tab-pane.active {
  -webkit-animation: fadeIn 0.5s ease-out;
  animation: fadeIn 0.5s ease-out;
}
.adFormat .details p:last-child {
  margin-bottom: 0;
}

@media (max-width: 992px) {
	  .adFormat .nav-link {
		 border-left:4px solid #fbfbfb;
		padding: 15px;
	  }
}
/*--------------------------------------------------------------
# mobile image with video display css
--------------------------------------------------------------*/
	@media (max-height: 460px) {
		.bac-mobile-img{
			width: 40%;
		}
	}

	@media (max-height: 500px) {
		.bac-mobile-img {
			width: 42%;
		}
	}

	@media (max-height: 568px) {
	   .bac-mobile-img {
			width: 45%;
		}
	}

	@media (max-height: 750px) {
		 .bac-mobile-img {
			width: 25%;
		}
	}
	 .bac-mobile-img {
		background-position: left center;
	}

	.bac-mobile-img {
		width: 100%;
		background-size: 100%;
		float: left;
		position: relative;
		display: inline-block;
		margin: auto;
	}

	.bac-mobile-img {
		background-size: 100%;
		max-width: 360px;
		background-repeat: no-repeat;
	}

	.bac-mobile-img {
	   background-image: url(escape/img/showcase/mobile-dev.png);
	}

	.play-video {
		position: absolute;
		top: 61px;
		left: 0;
		width: 100%;
		height: 74%;
		z-index: 1;
	}

	.bac-mobile-img-pad {
		height: 0;
		display: block;
		padding-top: 173%;
	}
	.liTickIcon {
		font-size:15px;
		color:#273959;
		margin-right:10px;
	}

/*--------------------------------------------------------------
# index page feature-item  css
--------------------------------------------------------------*/	
		.feature-item{
			cursor:pointer;
		}
/*--------------------------------------------------------------
# index page logos previous and nexr button css
--------------------------------------------------------------*/
		 
		.logos .test-btn#logosCustomPrevBtn {
			left: 60px;
		}
		.logos .test-btn#logosCustomNextBtn {
			right: 60px;
		}
		.logos .test-btn {
			position: absolute;
			top: 55%;
			transform: translateY(-50%);
			color: #EE7D4B !important;
			font-size: 32px;
			cursor:pointer;
		}
		@media screen and (max-width: 767px){
			.logos .test-btn {
				display: block;
			}
			.logos .test-btn#logosCustomPrevBtn {
			left: 10px !important;
			z-index:2
			}
			.logos .test-btn#logosCustomNextBtn {
				right: 10px !important;
				z-index:2
			}
		}
		@media screen and (max-width: 1199.98px) {
			.logos .test-btn#logosCustomPrevBtn {
				left: 20px;
			}
			.logos .test-btn#logosCustomNextBtn {
				right: 20px;
			}
		}
		.logos .owl-nav {
		  display:none;
		}
/*--------------------------------------------------------------
# menu  item active line css
--------------------------------------------------------------*/
  #adverity:before,
  #career:before,
  #customerSuccess:before,
  #company:before,
  #contactUs:before,
  #newsRoom:before,
  #ourWork:before,
  #quartile:before,
  #sizmek:before,
  #sizmek:before,
  #blog:before  {
			transform: scaleX(1);
			visibility: visible;
			opacity: 1;
		}  
/*--------------------------------------------------------------
# ul styles
--------------------------------------------------------------*/
ul >li{
		/*margin-left:10px;*/
		 margin-bottom:10px;
		 text-align:left;
}
/***
* services to adjust margin on mobile
*                            **/
@media screen and (max-width:767px){
	     /*campaign management */
		.margintopMobile{
			margin-top:1.5rem;
		}
}