/*
Theme Name: Insivia
Theme URI: http://visualcomposer.io
Description: Visual Composer Starter child theme
Author: The Visual Composer Team
Author URI: http://visualcomposer.io
Template: insivia-parent
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, blog, starter, responsive-layout, accessibility-ready, sandwich-menu
Text Domain: visual-composer-starter-child
*/
:root {
  --pink: #e9308f;
  --teal: #0ec0c7;
  --yellow: #febf08;
  --blue: #188dcb;
	--grey: #4E4E4E;
}
html { scroll-behavior: smooth; }
body { background: #fff; line-height:1.5em; }
* { overflow-wrap: normal !important; }
p { margin:0px !important; }
a:hover { outline: 0 !important; }
.content-wrapper { background:transparent !important; padding-top:0px; }
.height90 { min-height:90vh; }
.height80 { min-height:80vh; }
.height100 { min-height:100vh; }
.text-shadow { text-shadow: 1px 1px 15px rgba(0,0,0,.2); }
.text-white { color: #fff; }
.text-white * { color: #fff !important; }
.text-white a { color: rgba(255,255,255,.8); }
.text-white a:hover:not([class*='vce-']) { color:rgba(255,255,255,1); border-bottom: 1px dotted rgba(255,255,255,.8); }
.text-white input:not(.btn) { color: #555 !important; }
.text-white h2 a, .text-white h3 a { border-bottom: 1px dotted rgba(255,255,255,.7); }
.text-white .translucent { color:rgba(255,255,255,.75) !important; }
.size-xs { font-size: 0.8em; line-height: 1.4em; }
.size-sm { font-size: 1.1em; line-height: 1.6em; }
.size-md { font-size: 2em; }
.size-lg { font-size: 3em; }
.hide-overflow { overflow:hidden; }
.display-none { display:none }
.box-shadow { -moz-box-shadow: 0 0 19px rgba(20,20,20,.5); -webkit-box-shadow: 0 0 19px rgba(20,20,20,.5); box-shadow: 0 0 19px rgba(20,20,20,.5);}
.thin {font-weight:100 !important;}
.overflow-allow { overflow:visible !important; }
.overflow-hidden { overflow:hidden; }
.overflow-hidden img { max-width:none; }
.responsive-video { position: relative; height: 0; padding-bottom: 56.25%; margin: 40px auto; box-shadow: 0 0 19px rgba(20,20,20,.3); }
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

header.vcv-header { position:fixed; z-index:99999999; width:100%; }
header.vcv-header.is_scrolling { background:rgba(255,255,255,.8); }
header.vcv-header.is_scrolling:hover { background:rgba(255,255,255,1); }
header.vcv-header p,
header.vcv-header img { margin:0 !important; }
#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu { box-shadow: 0px 20px 15px rgb(0 0 0 / 5%) !important; }
#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu h5 { font-size:14px !important; text-transform: uppercase !important; color: #888 !important; border-bottom: 1px solid #dddd; padding-bottom: 10px; }
#mega-menu-primary .mega-has-description { margin-bottom:20px !important; }
#mega-menu-primary .mega-menu-title { font-weight:700; font-size:18px; }
#mega-menu-primary .mega-menu-description { font-size:16px !important; font-style:normal !important; margin:1px 0 5px 0 !important; color:#999; }
#mega-menu-primary .feature-columns .mega-menu-item-type-custom a { font-size:12px !important; }
#mega-menu-primary .feature-columns { padding-left: 15px !important; margin-top: -3px !important; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item a { color:var(--pink); font-weight:700;  }
.nav-cta{
    padding-left:20px;
}

.temporary-hide {
  display: none;
}
.nav-cta .btn {
	background:var(--blue);
	border-radius: 5px;
	font-size: 15px;
  padding: 15px 26px;
	color:#fff;
	margin:10px 0;
	white-space: normal;
	text-align:left;
}
.nav-cta .btn:hover {
	background:var(--teal);
}
.nav-primary .mega-menu-item { padding:0px !important; margin-bottom:10px !important; }
.nav-primary a.mega-menu-link {
	padding: 10px 10px !important;
	border-radius: 5px !important;
}
.nav-primary a.mega-menu-link:hover {
	background: var(--blue) !important;
	color:#fff !important;
}

.gradient-text {
  background-color: #e9308f;
  background-image: linear-gradient(45deg, #e9308f, #febf08);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.mockup {
  border-radius: 5px;
  box-shadow: 0px 25px 40px -8px rgba(0, 0, 0, 0.5);
  transition: all ease 0.4s;
  position:relative;
  margin:0 auto;
  border: solid 1vw rgba(2, 2, 32,.5);
  border-top-width: 45px;
  background:rgba(2, 2, 32,.5);
	background-clip:padding-box;
}
.mockup .screen {
  overflow: hidden;
  border-radius:6px;
  background:#111;
  min-height:40vh;
}
.browser-control {
  position: absolute;
  height: 10px;
  width: 10px;
  top: -27px;
  left: 30px;
  background: #febf08;
  border-radius: 50%;
  opacity: 1;
}
.browser-control::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: -20px;
  background: #0ec0c7;
  border-radius: 50%;
}
.browser-control::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  right: -20px;
  background: #e9308f;
  border-radius: 50%;
}

#powerful,
#open,
#simple{
background-color:#fff;
width:100%;
height:100%;
display:block;
overflow: hidden;
transform: translate3d(0,0,0);
text-align: center;
opacity: 1;
}

.icon-height { min-height:160px !important; }

.block-header span:nth-child(1) {
	height:10px;
	width:10px;
	background:rgba(200,200,200,.8);
	display:inline-block;
	border-radius:50%;
	margin-left:10px;
}
.block-header span:nth-child(2) {
	height:10px;
	width:10px;
	background:rgba(200,200,200,.8);
	display:inline-block;
	border-radius:50%;
	margin-left:10px;
}
.block-header span:nth-child(3) {
	height:10px;
	width:10px;
	background:rgba(200,200,200,.8);
	display:inline-block;
	border-radius:50%;
	margin-left:10px;
}

#drag-drop ul {
	list-style-type:none;
	display:flex;
  margin:0;
  padding:0;
  flex-wrap: wrap;
  position:absolute;
  width:90%;
  margin:5%;
}
#drag-drop .screen { min-height:50vh; }
#drag-drop li {
  background:rgba(24, 141, 203,.4);
  height: 10vh;
  flex: 1;
  width:21%;
  min-width: 21%;
  margin:1vh 2%;
  border-radius:6px;
}
#drag-drop li:after {
  content:"";
  display:block;
	border-radius:4px;
}
#drag-drop li:nth-child(6) {
  background:rgba(14,192,199,1);
}
#drag-drop li:nth-child(10) {
  background:rgba(233,48,143,1);
}
#drag-drop li:nth-child(1) {
  background:transparent;
  border:1px dashed rgba(254,191,8,.8);
}
#drag-drop li:nth-child(1):after {
  top:0%;
  left:0%;
  position:relative;
  background:rgba(254,191,8,.8);
  box-shadow:0px 0px 20px rgba(0,0,0,.5);
  width:100%;
  height:100%;
  animation: dragme2 12s infinite;
}
@keyframes dragme2 {
  10% { transform:translate(0%,0%) scale(1); }
  35% { transform:translate(-100%,60%) scale(1.3); }
  65% { transform:translate(-100%,60%) scale(1.2); }
  90% { transform:translate(0%,0%) scale(1); }
}
#drag-drop li:nth-child(4) {
  background:transparent;
  border:1px dashed rgba(233,48,143,.8);
}
#drag-drop li:nth-child(4):after {
  top:0%;
  left:0%;
  position:relative;
  background:rgba(233,48,143,.8);
  box-shadow:0px 0px 20px rgba(0,0,0,.5);
  width:100%;
  height:100%;
  background-image: url(https://airtechnology.click/wp-content/uploads/2021/09/1309-load-balancer-outline-1.gif);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  animation: dragme 16s infinite;
}
@keyframes dragme {
  0% { transform:translate(100%,-60%) scale(1.5); }
  35% { transform:translate(0%,0%) scale(1); }
  65% { transform:translate(0%,0%) scale(1); }
  100% { transform:translate(100%,-60%) scale(1.5); }
}

#library .screen { max-height:50vh; }
#library ul {
	list-style-type:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  position:relative;
  width:92%;
  margin:4%;
}
#library ul li {
  background:rgba(24, 141, 203,.4);
  height: 20vh;
  flex: 1;
  min-width: 31%;
  width: 31%;
  border-radius:6px;
  margin:0 1% 20px 1%;
}
#library ul li:nth-child(1) {
  background-image: url(https://airtechnology.click/wp-content/uploads/2021/09/18-location-pin-outline.gif);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}
#library ul li:nth-child(2) {
  background-image: url(https://airtechnology.click/wp-content/uploads/2021/09/500-fingerprint-security-outline.gif);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}
#library ul li:nth-child(3) {
  background-image: url(https://airtechnology.click/wp-content/uploads/2021/09/146-basket-trolley-shopping-card-outline-1.gif);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}
#library ul li:nth-child(4) {
  background-image: url(https://airtechnology.click/wp-content/uploads/2021/09/981-consultation-outline.gif);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}
#library ul li:nth-child(5) {
  background-image: url(https://airtechnology.click/wp-content/uploads/2021/09/471-ebook-reader-outline.gif);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}
#library ul li:nth-child(6) {
  background-image: url(https://airtechnology.click/wp-content/uploads/2021/09/1335-qr-code-outline.gif);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}


#development-graphic { display:flex; }
#development-graphic > div {
  width: 33.33%;
}
#development-graphic .mockup {
  border-top-width: 1vw;
}


#migrate > .screen > ul {
	list-style-type:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  position:relative;
  width:32%;
  margin:4%;
}
#migrate > .screen > ul li {
  background:rgba(24, 141, 203,.4);
  flex: 1;
  min-width: 100%;
  width: 100%;
  border-radius:6px;
  margin:5px 1% 5px 1%;
  padding:0px 0px 0px 10px;
  color:rgba(255, 255, 255,.4);
  font-size:12px;
}

@keyframes blink {
  50% { opacity: 0; }
}
@keyframes blinkHalf {
  50% { opacity: 0.4; }
}
@keyframes fade {
  from { filter: alpha(opacity=30); opacity: 0; }
  to { filter: alpha(opacity=100); opacity: 1; }
}
#migrate .server {
  position: absolute;
  top: 3vh;
  right: 3vw;
}
#migrate .server-section {
  align-items: center;
  display: flex;
}
#migrate .server-wrapper {
  text-align: center;
  width: 100%;
}
#migrate .server-content {
  height: 370px;
  margin: auto;
  position: relative;
  width: 260px;
}
#migrate .server-content aside {
  background: #232323;
  height: 350px;
  position: absolute;
  width: 20px;
  z-index: 1;
}
#migrate .server-content aside:nth-child(1) {
  right: 5px;
}
#migrate .server-content aside:nth-child(2) {
  left: 5px;
}
#migrate .server-content div {
  background: #202730;
  box-shadow: 0px 0px 25px rgb(193 16 139 / 65%);
  height: 50px;
  margin: 10px auto;
  position: relative;
  width: 100%;
  z-index: 2;
}
#migrate .server-content div span:nth-child(1) {
  background: #80b941;
}
#migrate .server-content div span:nth-child(2) {
  background: #f49534;
  animation: blinkHalf 0.2s linear alternate infinite;
}
#migrate .server-content li {
  background: #818993;
  display: inline-block;
  height: 30px;
  left: -10px;
  margin: 0 4px;
  position: relative;
  top: -39px;
  width: 14px;
}
#migrate .server-content li:last-child {
  background-color: var(--blue);
  box-shadow: 0 0 15px #63883b;
  color: white;
  font-family: Courier New, Courier, monospace;
  font-size: 12px;
  left: initial;
  line-height: 30px;
  position: absolute;
  right: 0px;
  padding-left:5px;
  text-align: center;
  top: 10px;
  width: 40px;
}
#migrate .server-content span {
  border-radius: 100%;
  display: block;
  height: 8px;
  left: 10px;
  margin: 0 0 15px 0;
  position: relative;
  top: 10px;
  width: 8px;
}
#migrate .server-content div:nth-child(3) li:nth-child(1) {
  animation: fade 0.7s 1.1s infinite alternate backwards;
}
#migrate .server-content div:nth-child(3) li:nth-child(2) {
  animation: fade 1.14s 0.8s infinite alternate backwards;
}
#migrate .server-content div:nth-child(3) li:nth-child(3) {
  animation: fade 1.9s 0.2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(3) li:nth-child(4) {
  animation: fade 1.7s 0.4s infinite alternate backwards;
}
#migrate .server-content div:nth-child(3) li:nth-child(5) {
  animation: fade 2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(3) li:nth-child(6) {
  animation: fade 1.3s 0.6s infinite alternate backwards;
}
#migrate .server-content div:nth-child(4) li:nth-child(1) {
  animation: fade 1.88s 0.14s infinite alternate backwards;
}
#migrate .server-content div:nth-child(4) li:nth-child(2) {
  animation: fade 2.1s infinite alternate backwards;
}
#migrate .server-content div:nth-child(4) li:nth-child(3) {
  animation: fade 0.75s 1.2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(4) li:nth-child(4) {
  animation: fade 1.58s 0.4s infinite alternate backwards;
}
#migrate .server-content div:nth-child(4) li:nth-child(5) {
  animation: fade 1.44s 0.8s infinite alternate backwards;
}
#migrate .server-content div:nth-child(4) li:nth-child(6) {
  animation: fade 1.08s 1s infinite alternate backwards;
}
#migrate .server-content div:nth-child(5) li:nth-child(1) {
  animation: fade 1.6s 0.3s infinite alternate backwards;
}
#migrate .server-content div:nth-child(5) li:nth-child(2) {
  animation: fade 1.2s 0.6s infinite alternate backwards;
}
#migrate .server-content div:nth-child(5) li:nth-child(3) {
  animation: fade 0.8s 1.2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(5) li:nth-child(4) {
  animation: fade 1.8s 0.2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(5) li:nth-child(5) {
  animation: fade 2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(5) li:nth-child(6) {
  animation: fade 1.4s 0.68s infinite alternate backwards;
}
#migrate .server-content div:nth-child(5) li:nth-child(7) {
  animation: fade 1.11s 1.11s infinite alternate backwards;
}
#migrate .server-content div:nth-child(6) li:nth-child(1) {
  animation: fade 1.8s 0.2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(6) li:nth-child(2) {
  animation: fade 1.6s 0.4s infinite alternate backwards;
}
#migrate .server-content div:nth-child(6) li:nth-child(3) {
  animation: fade 0.8s 1.2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(6) li:nth-child(4) {
  animation: fade 1.2s 0.8s infinite alternate backwards;
}
#migrate .server-content div:nth-child(6) li:nth-child(5) {
  animation: fade 1s 1s infinite alternate backwards;
}
#migrate .server-content div:nth-child(6) li:nth-child(6) {
  animation: fade 2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(7) li:nth-child(1) {
  animation: fade 1.6s 0.4s infinite alternate backwards;
}
#migrate .server-content div:nth-child(7) li:nth-child(2) {
  animation: fade 1.8s 0.2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(7) li:nth-child(3) {
  animation: fade 1.2s 0.8s infinite alternate backwards;
}
#migrate .server-content div:nth-child(7) li:nth-child(4) {
  animation: fade 0.8s 1.2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(7) li:nth-child(5) {
  animation: fade 1.4s 0.6s infinite alternate backwards;
}
#migrate .server-content div:nth-child(7) li:nth-child(6) {
  animation: fade 1s 1s infinite alternate backwards;
}
#migrate .server-content div:nth-child(8) li:nth-child(1) {
  animation: fade 2s infinite alternate backwards;
}
#migrate .server-content div:nth-child(8) li:nth-child(2) {
  animation: fade 1.6s 0.4s infinite alternate backwards;
}
#migrate .server-content div:nth-child(8) li:nth-child(3) {
  animation: fade 1.2s 0.8s infinite alternate backwards;
}
#migrate .server-content div:nth-child(8) li:nth-child(4) {
  animation: fade 1s 1s infinite alternate backwards;
}
#migrate .server-content div:nth-child(8) li:nth-child(5) {
  animation: fade 1.4s 0.6s infinite alternate backwards;
}
#migrate .server-content div:nth-child(8) li:nth-child(6) {
  animation: fade 0.8s 1.2s infinite alternate backwards;
}


#resources ul{
	list-style-type:none;
}
#resources ul {
	list-style-type:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  position:relative;
  width:92%;
  margin:4%;
}
#resources ul li {
  background:rgba(24, 141, 203,.1);
  height: 20vh;
  flex: 1;
  min-width: 48%;
  width: 48%;
  border-radius:6px;
  margin:0 1% 20px 1%;
position:relative;
}
#resources ul li img {
  width:50%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}

#security {
	max-width:400px;
	border-top-width: 26px;
	border-bottom-width: 55px !important;
	transform: perspective(800px) rotateY(
12deg);
}
#security .browser-control {
	left: 50%;
    transform: translateX(-50%);
	top: -16px;
	background:rgba(0,0,0,.3);
}
#security .browser-control:before,
#security .browser-control:after{
	background:rgba(0,0,0,.3);
}
#security .browser-control2 {
	position: absolute;
    height: 40px;
    width: 40px;
    bottom: -46px;
    left: 50%;
    transform: translateX(-50%);
    background: #febf08;
    border-radius: 50%;
    opacity: 1;
	background:rgba(0,0,0,.3);
}
#security .screen {
	position:relative;
}
#security ul {
	list-style-type:none;
	position:absolute;
	top:40%;
	left:55%;
transform:translate(-50%,-50%) perspective(800px) rotateY(
12deg);
	height:80px;
	display:block;
    width: 90%;
}
#security ul li {
	background:rgba(200,200,200,.2);
	height:40px;
	margin-bottom:20px;
	width:80%;
}
#security ul:before {
content:"";
	display:block;
	position:absolute;
	width:70px;
	height:70px;
background-image:url(https://airtechnology.click/wp-content/uploads/2021/09/268-avatar-man-outline-2.gif);
background-repeat:no-repeat;
	background-size:cover;
	top:-80px;
	left:45%;
	transform:translateX(-50%);
}

#security-scan {
background:rgba(255,255,255,.8);
border-radius:10px;
max-width:200px;
max-height:200px;
position:absolute;
top:-10%;
right:-50%;
}
#security-finger {
background:rgba(5,5,5,.8);
border-radius:10px;
max-width:150px;
max-height:150px;
position:absolute;
bottom:10%;
left:-20%;
}

#collaboration1,
#collaboration3{
margin-left:-10%;
border-top-width: 20px;
}
#collaboration2,
#collaboration4 {
margin-right:-10%;
border-top-width: 20px;
}
#collaboration1 .screen,
#collaboration3 .screen,
#collaboration2 .screen,
#collaboration4 .screen {
min-height:auto !important;
}
#collaboration1 .browser-control,
#collaboration2 .browser-control,
#collaboration3 .browser-control,
#collaboration4 .browser-control {
display:none;
}


form.searchandfilter {

}
form.searchandfilter a {
	color:#fff;
	margin-top:10px;
	display:inline-block;
}
form.searchandfilter ul {
	margin:0 !important;padding:0 !important;list-style-type:none;
  display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
form.searchandfilter ul li:nth-child(1) {
    -webkit-flex: 0 0 98% !important;
    -ms-flex: 0 0 98% !important;
    flex: 0 0 98% !important;
	  margin-left: calc(2% / 2) !important;
    margin-right: calc(2% / 2) !important;
}
#architecture-filter form.searchandfilter ul li:nth-child(1),
#architecture-filter form.searchandfilter ul li:nth-child(2),
#architecture-filter form.searchandfilter ul li:nth-child(3) {
    -webkit-flex: 0 0 calc(94% / 3) !important;
    -ms-flex: 0 0 calc(94% / 3) !important;
    flex: 0 0 calc(94% / 3) !important;
    margin-left: calc(2% / 2) !important;
    margin-right: calc(2% / 2) !important;
}
form.searchandfilter label {
	width:100%
}
form.searchandfilter input {
	border:0px;
	padding:12px 20px;
	border-radius:5px;
	font-weight:100;
	width:100%;
}
form.searchandfilter select {
	border:0px;
	padding:16px 20px;
	border-radius:5px;
	font-weight:100;
	width:100%;
}

.content-grid {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-grid > .content-grid-item {
  -webkit-flex: 0 0 calc(94% / 3);
  -ms-flex: 0 0 calc(94% / 3);
  flex: 0 0 calc(94% / 3);
	margin-left: calc(2% / 2);
  margin-right: calc(2% / 2);
  margin-bottom: 50px;
	background-color: rgba(0,18,23,.72);
	border-radius:8px;
	color:#fff;
	box-shadow:0px 0px 20px rgba(0,0,0,.2);
  padding:20px;
}
.content-grid > .content-grid-item:hover {
	box-shadow:0px 0px 30px rgba(0,0,0,.45);
	background-color:var(--blue) !important;
}
.content-grid > .content-grid-item h2 { color:#fff; font-size:26px; margin:20px 0; }
.content-grid > .content-grid-item h2 a { color:#fff; }
.content-grid > .content-grid-item p { color:#fff; font-size:17px; }
.content-grid > .content-grid-item .content-grid-inner { padding:0 5% 10% 5%; }
.content-grid-header {
	height:20vh;
  min-height:250px;
	border-radius:8px;
	background-size:cover;
	position:relative;
	text-align:center;
	display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.content-grid-item:hover .content-grid-header {
  transform: scale(1.15) translateY(-8%);
  box-shadow:0px 0px 20px rgba(0,0,0,.5);
}
.content-grid-item {
	position:relative;
}
.content-grid-item.architecture {
	text-align:center;
  background-image: radial-gradient(rgb(43, 77, 94),rgb(33, 34, 35));
  padding:60px 20px;
  transition: all 1s ease 0s;
}
.content-grid-item.architecture {
	background-image: radial-gradient(rgb(51, 98, 122),rgb(33, 34, 35));
}
.content-grid > .content-grid-item.architecture .content-grid-inner { padding:10% 5% 0 5%; }
.content-grid-item.architecture img { transition: all 1s ease 0s;width:80%; max-width:200px; }
.content-grid-item.architecture:hover img { transform:scale(1.1) }
.content-grid-item.architecture h2 { margin-top:20px; margin-bottom:0px; font-size:22px; color:#fff; }
.content-grid-item.architecture h2 a { color:#fff; }
.content-grid-item > div {
	z-index:2;
	position:relative;
}

body.single .page-content ul li,
body.single .page-content ol li { margin-bottom:20px; }
body.single .page-content h2,
body.single .page-content h3 { margin-top:80px; }

.mc-field-group label[for="mce-EMAIL"] { display:none !important; }
.mc-field-group { margin-top:7px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.mc-field-group span { line-height:1.5em; -webkit-flex: 0 0 31.33% !important; -ms-flex: 0 0 31.33% !important; flex: 0 0 31.33% !important; margin-left: 1% !important; margin-right: 1% !important; }
.mc-field-group input[type="text"] { line-height:1.5em; -webkit-flex: 0 0 42.33% !important; -ms-flex: 0 0 42.33% !important; flex: 0 0 42.33% !important; margin-left: 1% !important; margin-right: 1% !important; }
.mc-field-group input[type="submit"] { line-height:1.5em; -webkit-flex: 0 0 23.33% !important; -ms-flex: 0 0 23.33% !important; flex: 0 0 23.33% !important; margin-left: 1% !important; margin-right: 1% !important; }
.mc-field-group input { border-radius:6px; border:0px; padding:12px 20px;}
.mc-field-group input[type="submit"] { background-color:var(--blue); display:block; color:#fff; }
.mc-field-group span { color:#fff; }

@media (min-width: 1750px) {
	  .super-text * { font-size:3.5rem; }
	  .big-text * { font-size:3.5rem; }
	  .text-resize *:not(svg,text) { font-size:14px !important; line-height:1.5em; }
}
@media (max-width: 1750px) {
	  .text-resize *:not(svg,text) { font-size:12px !important; line-height:1.5em; }
}
@media (max-width: 1340px) {
	  .text-resize *:not(svg,text) { font-size:12px !important; line-height:1.5em; }
}
@media screen and (max-width: 450px) {
  .signup-form { padding: 20px !important;}
}
@media screen and (max-width: 576px) {
}
@media (max-width: 768px) {
	  body { line-height: 1.5 !important; }
		h1 { font-size:34px !important; line-height: 1.2 !important; }
		h2 { font-size:30px !important; line-height: 1.1 !important; }
		h3 { font-size:24px !important; line-height: 1.2 !important; }
	  .text-resize *:not(svg,text) { font-size:10px !important; line-height:1.4em; }
		#mega-menu-wrap-primary { position: fixed; width: 100%; left: 0; top: 0px; }
		#mega-menu-wrap-primary .mega-menu-open { background: #000 !important; overflow: scroll; height: 100%; }
		#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu { margin-left:0px !important; }
		#mega-menu-31166-0-0 li a { padding:0px !important; }
		header.vcv-header #mega-menu-primary #mega-menu-31166-0-1 { padding-left:0px !important; }
		#mega-menu-31166-0-1 ul.mega-sub-menu li.mega-menu-item { padding: 5px 15px 5px 10px !important; }
		#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu h5 { margin-bottom:0px !important; margin-top:15px !important; }
		#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding:0px 0px 0px 15px !important; }
		#mega-menu-31167-0-1 { display:none !important; }
}
@media screen and (max-width: 868px) {
  .ourteam-portrait-container .vce-col {
    min-width: 100% !important;
  }
}

.header-cta .vce-button--style-basic-icon,
.header-cta .vce-button--style-outline-icon-animated { font-size: 14px !important; padding: 10px 20px !important; }

.comment-content address, .comment-content blockquote, .comment-content datalist, .comment-content dl, .comment-content ol, .comment-content p, .comment-content table, .comment-content ul, .entry-content address, .entry-content blockquote, .entry-content datalist, .entry-content dl, .entry-content ol, .entry-content p, .entry-content table, .entry-content ul {
	margin:0px !important;
	line-height: 1.1em;
}

.posts-dark .vce-posts-grid-item .vce-post-description--content:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  z-index:1;
  background: rgba(47,47,47,.3);
  background: -moz-linear-gradient(rgba(47,47,47,.1) 0%, rgba(16,16,16,.8) 70%);
  background: -webkit-linear-gradient(rgba(47,47,47,.1) 0%,rgba(16,16,16,.8) 70%);
  background: linear-gradient(rgba(47,47,47,.1) 0%,rgba(16,16,16,.8) 70%);
  -webkit-transition: all 3s ease-out;
  -moz-transition: all 3s ease-out;
  -o-transition: all 3s ease-out;
  transition: all 3s ease-out;
}
.posts-dark .vce-posts-grid-item .vce-post-description--content:hover:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  z-index:1;
  background: rgba(47,47,47,.3);
  background: -moz-linear-gradient(rgba(47,47,47,.4) 0%, rgba(16,16,16,.9) 80%);
  background: -webkit-linear-gradient(rgba(47,47,47,.4) 0%,rgba(16,16,16,.9) 80%);
  background: linear-gradient(rgba(47,47,47,.4) 0%,rgba(16,16,16,.9) 80%);
}
.posts-dark .vce-posts-grid-item h3,
.posts-dark .vce-posts-grid-item .vce-post-description--excerpt { z-index:10; }

.content-wrapper { overflow-x:hidden; }
.inline { display:inline-block; margin:0 auto; }
.special8 { border-bottom: 8px solid #2584c4; }
.special4 { border-bottom: 4px solid #2584c4; }
.vce-logo-slider .vce-logo-slider-img { max-width:100px !important; }
.btn-larger * { font-size:1.2em; }
.hover-white:hover { background:#fff !important; cursor:pointer; }
.hover-white:hover * { color:#276678 !important; }
.vce-star-ranking-item svg { width:120px !important; height:20px !important; }
.vce-star-ranking-text { font-weight: 100 !important; font-size: 12px !important; line-height: 22px !important; }

.nf-form-content .ninja-forms-field[type="text"],
.nf-form-content .ninja-forms-field[type="email"],
.nf-form-content .ninja-forms-field[type="tel"]{
	padding:12px 10px;
	border-radius:6px;
	border:0px;
	color: #888 !important;
}
.nf-form-content select.ninja-forms-field{
	padding:18px 10px;
	border-radius:6px;
	border:0px;
	color: #888 !important;
}
.nf-form-content .submit-wrap .nf-field-element {

}
.nf-form-content .ninja-forms-field[type="button"]{
	padding: 15px 45px;
    border-radius: 6px;
    border: 0;
    background: #124262;
    color: #fff !important;
    font-size: 1.2em;
    font-weight: 500;
    margin: 0 auto;
}
.nf-form-fields-required {
	display:none;
}

.posts-header {
	 padding:15vh 25vw;
	 min-height: 462px;
	 max-height: 462px;
	 text-align:center;
}
.posts-divider-inner {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.posts-divider-inner svg.posts-divider-svg { height:462px; }
.post-content-wrapper {
	 padding:100px 10vw;
	 background: rgb(246, 245, 245);
	 margin-top:0px;
}
.post-content-wrapper h3:not(.widget-title) {
	 margin-top:60px !important;
}
.post-content-wrapper p {
	 line-height:2em !important;
	 margin-bottom:22px !important;
}
.sidebar-widget-area .widget {
		background:#fff;
		box-shadow:0px 0px 30px rgba(0,0,0,.1);
		padding:5% 5% 7%;
		border-radius:8px;
		margin:10% 15%;
}

.blog-posts .vce-post-description,
.blog-posts-sub .vce-post-description {
	border-radius:10px;
	box-shadow:0px 0px 20px rgba(0,0,0,.1);
	margin:30px !important;
	width:90% !important;
}
.blog-posts .vce-post-description:hover {
	box-shadow:0px 0px 30px rgba(0,0,0,.4);
}
.blog-posts-sub .vce-post-description:hover {
	box-shadow:0px 0px 20px rgba(0,0,0,.2);
}
.blog-posts.vce-slideout-grid-container.vce-posts-grid-container .vce-post-description--content,
.blog-posts-sub.vce-slideout-grid-container.vce-posts-grid-container .vce-post-description--content {
		padding: 10% 15% 10% 10% !important;
}
.blog-posts.vce-slideout-grid-container.vce-posts-grid-container .vce-post-description--title {
    font-size: 28px !important;
    letter-spacing: 2px !important;
}
.blog-posts-sub.vce-slideout-grid-container.vce-posts-grid-container .vce-post-description--title {
    font-size: 24px !important;
    letter-spacing: 1px !important;
		text-transform: capitalize;
}

.crp_related_widget ul { list-style:none; margin:0px; padding:0px; }
.crp_related_widget li { margin-bottom:30px; line-height: 1.5em; }
.crp_related_widget img { width:100%;border-radius:8px; }
.crp_related_widget .crp_title { font-size:20px;display:block; line-height:1.3em; margin:10px 0; }
.crp_related_widget .crp_excerpt { line-height:1.1em !important; }
.crp_related_widget .crp_author,
.crp_related_widget .crp_date { display:none; }

#aws_architecture ul { margin:0 10vw; list-style-type:none; padding:0px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#aws_architecture ul li { background-image: radial-gradient(rgb(43, 77, 94),rgb(33, 34, 35));
  -webkit-flex: 0 0 calc(94% / 3);
  -ms-flex: 0 0 calc(94% / 3);
  flex: 0 0 calc(94% / 3);
  margin-left: calc(2% / 2);
  margin-right: calc(2% / 2);
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: rgba(0,18,23,.72);
  border-radius:8px;
  color:#fff;
  box-shadow:0px 0px 20px rgba(0,0,0,.2);
  padding:40px 20px;
  text-align:center;
  transition: all 1s ease 0s;
}
#aws_architecture ul li:nth-child(1):hover,
#aws_architecture ul li:nth-child(4n):hover { transform:scale(1.1) perspective(800px) rotateY(12deg); box-shadow:10px 10px 30px rgba(0,0,0,.4); }
#aws_architecture ul li:nth-child(3n):hover { transform:scale(1.1) perspective(800px) rotateY(-12deg); box-shadow:10px 10px 30px rgba(0,0,0,.4); }
#aws_architecture ul li:nth-child(2n):hover { transform:scale(1.1); box-shadow:10px 10px 30px rgba(0,0,0,.4); }
#aws_architecture ul li h3 { margin-top:20px; font-size:22px; color:#fff; }
#aws_architecture ul li h3 a { color:#fff; }
#aws_architecture ul li img { width:80%; max-width:200px; }

/* our story/our team */

.ourstory-container h2,
.ourteam-container h2 {
  background-color: #e9308f;
    background-image: linear-gradient(
45deg, #e9308f, #febf08);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ourstory-container img {
  margin-left: 100px;
}

.ourstory-container .vce-single-image-container figcaption {
  display: none;
}

.ourteam-container {
	background-color: #fafafa;
  padding: 5vw;
}
.ourteam-portrait-container .vce-row-content {
	width: 100%;
	max-width: 1280px;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
  flex-flow: row wrap !important;
	justify-content: center !important;
  padding-top: 40px;
  column-gap: 30px;
}

.ourteam-portrait-container .ourteam-item .vce-col-content{
	display: flex !important;
	flex-flow: column;
	justify-content: center !important;
	align-items: center !important;
	margin-left: auto;
	margin-right: auto;
	border-radius: 8px;
  padding: 30px;
  position: relative;
}


.ourteam-portrait-container .vce-col {
  margin-bottom: 30px;
  max-width: 400px !important;
  margin-right: 0 !important;
min-width: 40%;
}

.ourteam-portrait-container .vce-col {
  box-shadow:0px 0 40px rgba(0,0,0,.1618);
}

.ourteam-img {
	width: 300px !important;
}

.ourteam-img img {
  max-height: 300px;
  object-fit: cover !important;
}





.ourteam-item-text h3,
.ourteam-item-text h4,
.ourteam-item-text p {
	text-align: center;
  color: #fff;
}

.ourteam-item .vce-separated-button-text {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-weight: 800;
  font-family: 'Raleway', sans-serif;
  padding: 17px 40px !important;
}

.ourteam-item .linkedin-button {
  margin-top: 30px;
}

.ourteam-item-text p {
  font-weight: 300 !important;
  font-size: 17px;
  margin-bottom: 20px !important;
}

.ourteam-item-text p:last-of-type {
  margin-bottom: 0 !important;
}

.ourteam-item-text .vce-text-block-wrapper {
  margin-bottom: 0 !important;
}

.ourteam-item-text h3 {
  margin-bottom: 0 !important;
}

.ourteam-item-text h4 {
  color: #e6e6e6 !important;
  font-size: 19px !important;
  font-weight: 500;
  margin-bottom: 20px;
}

/* platform page */

.platformhero-transition {
  max-width: 1000px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 12px 60px rgba(0, 0, 0, 0.1618);
  border-radius: 5px;
  margin-top: -100px;
  margin-bottom: 10vh;
}

.platformhero-transition .vce-col {
  border-right: 1px solid #d1d1d1;
  margin-right: 0 !important;
}

.platformhero-transition .vce-col-inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}



.platformhero-transition .vce-col:last-of-type {
  border-right: none !important;
}

.platformhero-transition .vce-text-block-wrapper {
  margin-bottom: 0 !important;
  text-align: center;
}

.platformhero-transition .vce-text-block-wrapper h2 {
  font-size: 48px;
  color: #fff;
}

.platformhero-transition p {
  color: #fff;
}

.useraccounts-container {
  padding: 5vw;
}

.useraccounts-toptext {
max-width: 1000px;
margin-left: auto !important;
margin-right: auto !important;
}


.useraccounts-content .vce-text-block-wrapper{
  margin-bottom: 0 !important;
}

.useraccounts-content .vce-text-block-wrapper h2,
.useraccounts-content .vce-text-block-wrapper p {
  color: #fff;
}

.useraccounts-content .vce-col {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1618);
  border-radius: 5px;
}

.useraccounts-content .vce-text-block-wrapper {
  padding: 30px;
}

.useraccounts-bottom {
  background-color: #fafafa;
  padding: 5vw 0;
}
/*
.useraccounts-content .uac1 {
  background: linear-gradient(314deg, #1480b9, #188DCB);

}
.useraccounts-content .uac2 {
  background: linear-gradient(314deg, #089a9f, #0EC0C7);

}
.useraccounts-content .uac3 {
  background: linear-gradient(314deg, #cc267b, #E9308F);
}
.useraccounts-content .duac1 {
  background: linear-gradient(314deg, #089a9f, #0EC0C7);

}
.useraccounts-content .duac2 {
  background: linear-gradient(314deg, #212121, #4E4E4E);
}

.useraccounts-content .duac3 {
  background: linear-gradient(314deg, #1480b9, #188DCB);
}
*/
.useraccounts-content .vce-col .vce-text-block-wrapper p:not(.useraccounts-content .vce-col .vce-text-block-wrapper p:last-of-type) {
  margin-bottom: 15px !important;
}

.useraccounts-content .vce-col .vce-text-block-wrapper p:last-of-type {
  font-weight: 400;
}
/*
.useraccounts-img {
  width: 35%;
  min-width: 500px;
  margin-left: auto !important;
  margin-right: auto !important;
}
*/

/* cookie permission */


.cookie-notice-container {
  display: flex !important;
  flex-flow: column !important;
  justify-content: center !important;
  align-items: center !important;
}
#cn-notice-text {
  font-family: 'Raleway', sans-serif;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.618;
}

#cn-accept-cookie {
  font-size: 17px !important;
  padding: 10px 20px !important;
}

#cn-refuse-cookie {
  background-color: #E9308F !important;
  font-size: 17px !important;
  padding: 10px 20px !important;
}

.maxwidth-content .vce-row-content {
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.maxwidth-parent {
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.signup-form {
  background: linear-gradient(45deg,rgba(14,192,199,.8),rgba(24,141,203,.8));
  max-width: 500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 40px;
  border-radius: 5px;
  box-shadow:0px 0px 30px rgba(0,0,0,.2);
}
.signup-form h2 {
  color: #fff;
}

::placeholder { font-family: 'Raleway', sans-serif !important;}

.signup-form #nf-field-33-container {
  margin-bottom: 0 !important;
}

.signup-form input {
  padding: 12px 15px !important;
  border-radius: 5px !important;
  border: none !important;
}