/*
	Theme Name: TSI Main
	Theme URI: https://www.technopathsolutions.com/
	Description: Custom theme made for TSI
	Version: 1.0
	Author: Jonathan Joseph Limoanco (jonathan@bluenimbus.com)
	Author URI: https://bluenimbus.com
	Tags: HTML5, CSS3, Custom
*/


/*------------------------------------*\
    Hubspot Form
\*------------------------------------*/

div.hbspt-form {
	padding-left:25px;
}



/*------------------------------------*\
    General
\*------------------------------------*/

body, html {
	font-family: proxima-nova, sans-serif;
	font-weight: 400; 
	margin: 0px; 
	padding: 0px; 
	width: 100%;
	overflow-x: hidden; 
	font-size: 16px; 
	line-height: 24px; 
	min-width: 1375px; 
    background-image: url(images/bg.jpg); 
    background-size: cover; 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
}
a {
	text-decoration: none; 
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
input, textarea, select {
	font-family: proxima-nova, sans-serif;
	border: 1px solid rgba(0,0,0,0.25); 
}
div.inside {
	width: 1375px; 
	margin-left: auto;
	margin-right: auto; 
}

/*------------------------------------*\
    Form
\*------------------------------------*/

input {
	border: 1px solid rgba(0,0,0,0.15); 
}
textarea {
	border: 1px solid rgba(0,0,0,0.15); 
}
input[type="submit"] {
	display: inline-block;
    background-color: #29abe2;
    color: #fff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 100%;
    margin: 0px;
	white-space: nowrap; 
	display: inline-block; 
	border: none; 
	cursor: pointer; 
}

/*------------------------------------*\
    CSS3 Transforms
\*------------------------------------*/


a, li, div {
	transition: all .18s cubic-bezier(0.64,0.20,0.02,0.35);
	-webkit-transition: all .18s cubic-bezier(0.64,0.20,0.02,0.35);
}
img {
	transition: all .3s cubic-bezier(0.64,0.20,0.02,0.35);
	-webkit-transition: all .3s cubic-bezier(0.64,0.20,0.02,0.35);
}
input, textarea, button, label, option, select, .button, .hndle {
	transition: all .25s cubic-bezier(0.64,0.20,0.02,0.35);
	-webkit-transition: all .25s cubic-bezier(0.64,0.20,0.02,0.35);
}
#wpwrap #nav-menus-frame #menu-management-liquid li, .wp-picker-holder a {
	transition: none;
	-webkit-transition: none;
}



/*------------------------------------*\
    Sweep to right
\*------------------------------------*/

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/*------------------------------------*\
    Header
\*------------------------------------*/

#header {
	background-color: #fff; 
	box-shadow: 0px 10px 24px -19px rgba(0,0,0,0.25);
	position: relative;
	z-index: 99999999999; 
    width: 100%;
    margin-left: auto;
    margin-right: auto; 
    position: fixed; 
}
#logo img {
    height: 30px; 
    width: auto; 
    display: block; 
}

#header div.inside {
	display: grid;
	grid-template-columns: 15% auto 15%; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	align-items: center; 
    width: 1375px; 
}
#nav ul {
	display: grid;
	grid-template-columns: repeat(3,auto); 
	justify-content: flex-start; 
	padding: 0px; 
	margin: 0px; 
	column-gap: 35px; 
}
#nav li {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px; 
	
}
#nav li a {
	font-weight: 400; 
	color: #000; 
	font-weight: 400; 
	font-size: 17px; 
    display: inline-block; 
    border-bottom: 3px solid #fff; 
}
#nav li a:hover {
    border-bottom: 3px solid #000; 
}

#contactnav { 
	padding: 0px; 
	margin: 0px; 
    text-align: right; 
}
#contactnav li {
    list-style-type: none; 
	margin: 0px; 
	padding: 0px; 
}
#contactnav li a {
    font-weight: 400;
    font-size: 15px;
    background-color: #29abe2;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 15px;
}

/* Sweep To Right */
#contactnav li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#contactnav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#contactnav li a:hover, #contactnav li a:focus, #contactnav li a:active {
  color: white;
}
#contactnav li a:hover:before, #contactnav li a:focus:before, #contactnav li a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

@keyframes customAni {
  0% {
	transform: scaleY(0.4);
	transform-origin: 100% 0%;
  }

  100% {
	transform: scaleY(1);
	transform-origin: 100% 0%;
  }
}


#nav ul ul{
	display: none;
	position: absolute;
	text-align: left;
	padding: 0px;
	z-index: 50000;
	margin-top: 0px;
	margin-right: 0px;
    margin-left: -20px; 
	color: #FFFFFF;
	margin-bottom: 0px;
	float: right;
	padding-top: 0px; 
    box-shadow: 0px 44px 68px -57px rgba(0,0,0,0.75);
    background-color: #fff; 
    padding-top: 30px; 
    padding-bottom: 20px; 
    margin-top: 0px; 
}
#nav ul ul li:hover {
	display: block;
}
#nav ul li:hover ul{
    max-width: 450px; 
	display: grid;
    grid-template-columns: repeat(3,1fr); 
    grid-row-gap: 30px; 
    grid-column-gap: 10px; 
    align-content: flex-start; 
    align-items: flex-start; 
    box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.31);
    animation: customAni 150ms ease-out 0s 1 normal none;
}
#nav ul li:hover ul li a{
	display: block;
}
#nav li li{
	margin-bottom: 0px;
	list-style-position: inside;
	color: #FFF;
    text-align: center; 
	display: block;
}
#nav li li:first-child {

}
#nav li li a {
	color: #000 !important;
	text-transform: capitalize!important; 
    padding-top: 5px !important; 
    padding-bottom: 5px !important; 
    padding-left: 20px; 
    padding-right: 20px; 
    display: block;
    width: auto; 
    font-size: 15px; 
    line-height: 15px; 
    /*background-color:#29abe2;*/
    padding-top: 9px; 
    padding-bottom: 9px; 
    border-bottom: none !important; 
}

#nav li li a i {
    font-size: 25px; 
    display: block;
    margin-bottom: 10px; 
    height: 30px; 
}
#nav li li:hover a {
    transform: scale(1.15); 
    color: #29abe2 !important; 
}
#nav li li:last-child a {
	padding-bottom: 15px !important; 	
}
#nav li li.current_page_item a {
	color: #000 !important;
    border-bottom: none !important; 
}
#nav li.current_page_item li a {
    /*color: #fff !important;*/
    border-bottom: none !important; 
}
#nav li.current_page_item li a:hover {
    color: #000 !important;
}



/*------------------------------------*\
    Bottom
\*------------------------------------*/

#bottom {
	background-color: #f6f6f6; 
	color: rgba(0,0,0,0.75); 
    
}
#bottom div.inside {
	padding-top: 20px; 
	padding-bottom: 20px; 
	border-top: 1px solid rgba(0,0,0,0.15); 
	display: grid; 
	grid-template-columns: 50% 50%; 
    width: 1375px; 
}
#bottom div.privacy {
	text-align: right; 
}
#bottom div.privacy a {
	color: rgba(0,0,0,0.75); 
}

/*------------------------------------*\
    Footer
\*------------------------------------*/

#footer {
	background-color: #f6f6f6; 
}
#footer div.inside {
	padding-top: 60px; 
	padding-bottom: 40px; 
	display: grid;
	grid-template-columns: 30% auto auto auto; 
	justify-content: flex-start; 
	column-gap: 70px; 
    width: 1375px; 
}
#footer div.zero {
    padding-top: 20px; 
}
#footer ul {
	padding: 0px; 
	margin: 0px; 
}
#footer div.one ul {
    column-count: 1; 
    column-gap: 25px; 
}
#footer div.two ul {
    column-count: 1; 
    column-gap: 25px; 
}
#footer li {
	list-style-type: none;
	margin: 0px; 
	padding: 0px; 
}
#footer a {
	text-decoration: none;
	color: rgba(0,0,0,0.75); 
}
#footer a:hover {
    text-decoration: underline; 
}
#footer h6 {
	font-size: 20px;  
	font-weight: 700; 
    letter-spacing: 1px; 
    text-transform: uppercase;
    
}
#footer div.one li {
	line-height: 250%; 
}
#footer div.two li {
	line-height: 250%; 
}
#footer div.three li {
	line-height: 250%; 
}
#footer ul.contact li {
	display: grid;
	grid-template-columns: 5% auto; 
	column-gap: 10px; 
	line-height: 180%; 
}
#footer div.four p {
	line-height: 180%; 
	color: rgba(0,0,0,0.75); 
}

/*------------------------------------*\
    News
\*------------------------------------*/

#news {
    position: relative; 
    margin-bottom: -350px; 
    z-index: 6; 
}


#news div.inside {
	padding-top: 50px; 
	padding-bottom: 50px; 
    width: 1375px; 
}
#news div.inside h4 {
	color: #fff;
    font-size: 20px;
    position: relative;
    background-color: rgba(0, 0, 0, 1);
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
}
#news div.inside hr {
    border-bottom: none; 
    border-left: none; 
    border-right: none; 
    border-top: 1px solid rgba(0,0,0,0.15); 
    margin-bottom: 50px; 
    position: relative;
    z-index: 1; 
    margin-top: -36px; 
}
#news div.inside p {
	color: rgba(0,0,0,0.75); 
}
#news div.pt-cv-ifield img {
	margin-bottom: 25px !important; 
}
#news div.pt-cv-wrapper {
	padding-top: 20px; 
}
div.elfsight-app-ce53a5e1-acb2-4551-a343-29b8d7aeae09 a:last-of-type {
    display: none; 
    clip-path: polygon(49% 43%, 49% 43%, 49% 43%);
}
div.es-carousel-layout-item {
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0px 0px 31px -19px rgba(0,0,0,0.75);
}

/*------------------------------------*\
    Partners
\*------------------------------------*/

#partners {
	background-color: #000; 
	color: #fff;
    overflow: visible; 
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
    min-height: 600px; 
    
}
#partners div.inside {
	padding-top: 70px; 
	padding-bottom: 75px; 
    width: 1375px; 
    padding-top: 400px; 
}
#partners div.inside h5 {
	color: #fff;
    font-size: 20px;
    position: relative;
    background-color: #262626;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    text-align: left; 
    left: 20px; 
   top: -107px; 
}

#partners hr {
    position: relative;
    z-index: 1; 
    border-top: 1px solid rgba(255,255,255,0.15); 
    border-left: none; 
    border-right: none; 
    top: -151px; 
    border-bottom: none; 
}


#partners ul {
	display: grid;
	grid-template-columns: repeat(5,auto); 
	margin: 0px; 
	padding: 0px; 
	align-items: center; 
	column-gap: 45px; 
	grid-row-gap: 45px; 
	text-align: center;
    position: relative;
    margin-top: -50px; 
}
#partners li {
	list-style-type: none; 
	margin: 0px; 
    text-align: center; 
}
#partners li img {
    height: 50px; 
    width: auto; 
}
#partners a.partnerbutton {
    font-weight: 400;
    font-size: 15px;
    background-color: #262626;
    color: #fff;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 15px;
    margin-left: auto;
    margin-right: auto; 
    margin-top: 70px; 
    width: auto; 
    position: relative;
    z-index: 5; 
    left: -30px; 
}
#partners div.centered {
    text-align: right; 
}

#partners div.centered hr {
    position: relative;
    z-index: 1; 
    border-top: 1px solid rgba(255,255,255,0.15); 
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    top: -25px; 
}




#partners a.partnerbutton {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#partners a.partnerbutton:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #29abe2;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#partners a.partnerbutton:hover, #partners a.partnerbutton:focus, #partners a.partnerbutton:active {
  color: white;
}
#partners a.partnerbutton:hover:before, #partners a.partnerbutton:focus:before, #partners a.partnerbutton:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




/*------------------------------------*\
    Callout
\*------------------------------------*/

#callout {
	/*background-color: #f6f6f6; */
	color: rgba(0,0,0,0.70); 
	font-size: 120%; 
    width: 100%; 
}

#callout div.inside {
	padding-top: 0px; 
	padding-bottom: 0px; 
	display: grid;
	grid-template-columns: 45% auto;  
	align-items: center; 
    width: 1375px; 
    margin-left: auto;
    margin-right: auto; 
    column-gap: 50px; 
}
#callout div.inside img {
	width: 100%; 
    height: auto; 
    position: relative;
    margin-left: -20px; 
    
}
#callout div.inside h3 {
	font-size: 30px;  
	line-height: 34px; 
	color: rgba(0,0,0,1); 
	margin-bottom: 30px; 
}
#callout div.inside ul {
	display: grid;
	grid-template-columns: 50% 50%; 
	margin: 0px;
	padding: 0px; 
}
#callout div.inside li {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px; 
	line-height: 250%; 
	border-bottom: 1px solid rgba(0,0,0,0.15); 
}
#callout div.inside li:last-child {
	border-bottom: none; 
}
#callout div.inside a {
	display: inline-block; 
	background-color: #29abe2; 
	color: #fff; 
	padding-left: 25px; 
	padding-right: 25px; 
	padding-top: 9px; 
	padding-bottom: 9px; 
    text-transform: uppercase;
    font-weight: 700; 
	margin-top: 0px; 
    letter-spacing: 1px; 
    font-size: 13px; 
    line-height: 17px; 
}

/* Sweep To Right */
#callout div.inside a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#callout div.inside a:hover {
    color: #fff; 
}
#callout div.inside a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#callout div.inside a:hover, #callout div.inside a:focus, #callout div.inside a:active {
  color: white;
}
#callout div.inside a:hover:before, #callout div.inside a:focus:before, #callout div.inside a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




/*------------------------------------*\
    Product Grid
\*------------------------------------*/

#productgrid div.inside {
	width: 100%; 
	
}
#productgrid div.inside ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr; 
	margin: 0px;
	padding: 0px; 
}
#productgrid div.inside li {
	list-style-type: none; 
	margin: 0px;
	padding: 0px; 
}
#productgrid div.inside li div.griditem {
	width: 100%;
    margin: 0px;
    padding: 0px;
    max-height: 450px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 450px 450px; 
    align-items: flex-start;
    background-color: #000;
	padding: 0px; 
	margin: 0px; 
}
#productgrid div.inside li div.griditem div.text {
	width: 80%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    display: block; 
    opacity: 1; 
	margin-top: 50px; 
	color: #fff; 
}
#productgrid div.inside li div.griditem div.text h2  {
	font-size: 250%; 
	line-height: 100%; 
	font-weight: 400; 
	width: 75%; 
}
#productgrid div.inside li div.griditem div.img {
	width: 100%; 
    margin-left: 0px; 
    margin-right: 0px; 
    z-index: 1;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    opacity: 0.5; 
}
#productgrid div.inside li div.griditem div.img img {
	height: auto; 
	width: 100%; 
}
#productgrid div.inside li div.description {
	padding-bottom: 40px; 
}
#productgrid div.inside li div.description p {
	padding-left: 30px; 
	padding-right: 30px; 
	font-size: 120%; 
	line-height: 150%;
	color: rgba(0,0,0,0.70); 
}
#productgrid div.inside li div.description a {
	display: inline-block; 
	background-color: #29abe2; 
	color: #fff; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-top: 9px; 
	padding-bottom: 9px; 
	margin-top: 15px; 
}

/*------------------------------------*\
    Product Main
\*------------------------------------*/

#productmain {
	width: 100%;
    margin: 0px;
    padding: 0px;
    max-height: 500px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 500px 500px;
    align-items: center;
    justify-content: center;
    background-color: #000;
}
#productmain div.text {
	width: 100%; 
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    display: block; 
    opacity: 1; 
	text-align: center; 
	color: #fff; 
}
#productmain div.text h2 {
	font-size: 180%;
	font-weight: 600; 
}
#productmain div.text p {
	width: 70%;
	margin-left: auto;
	margin-right: auto; 
}
#productmain div.text div.textinside {
	width: 50%; 
}
#productmain div.text div.textinside a {
	display: inline-block; 
	background-color: #fff; 
	color: #29abe2; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-top: 9px; 
	padding-bottom: 9px; 
	margin-top: 9px; 
	font-weight: 600; 
	font-size: 130%; 
}
#productmain div.img {
	width: 100%; 
    margin-left: 0px; 
    margin-right: 0px; 
    z-index: 1;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    opacity: 0.75; 
}
#productmain div.img img {
	width: 100%;
	height: auto; 
}



/*------------------------------------*\
    Hero
\*------------------------------------*/

#herobottom {
    height: 1075px; 
    width: 100%;


    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    background-color: #f6f6f6; 
    position: relative;
    z-index: 1;
    margin-top: -1050px; 
   margin-left: -60px; 
}



#herowrap {
    /*background-color: #29abe2; */
    background-color: #242424; 
    display: grid;
    overflow: hidden; 
    grid-template-columns: auto;
    grid-template-rows: 1025px; 
    align-items: flex-start; 
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);*/
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    position: relative;
    z-index: 5; 
}
.video-js .vjs-big-play-button {
    background-color: #29abe2 !important;
    border: none !important; 
}

#hero  {
	padding-top: 25px; 
	padding-bottom: 25px; 
    width: 1375px; 
    margin-left: auto;
    margin-right: auto; 
    display: grid;
    grid-template-columns: auto auto; 
    align-items: flex-start;
    align-content: flex-start; 
    column-gap: 25px; 
    position: relative;
    z-index: 10; 
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2;
    margin-top: 85px; 
}
#heroimg {
    z-index: 1; 
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2;
}
#heroimg img {
    width: 100%;
    height: auto; 
    filter: blur(5px);
    opacity: 0.25;
}
#heroimg video {
    width: 125%;
    height: auto; 
    opacity: 0.5;
    position: fixed; 
}
#hero div.left h1 {
	font-size: 65px; 
	line-height: 100%; 
	margin-left: auto;
	margin-right: auto; 
	font-weight: 700; 
    color: #fff; 
}
#hero div.left p {
    font-size: 24px; 
    line-height: 36px; 
	color: #fff; 
}
#hero div.right iframe {
    width: 800px; 
    margin-left: auto;
    margin-right: auto; 
    height: 450px; 
    box-shadow: 0px 0px 44px -18px rgba(0,0,0,0.15);
}
.video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid {
    min-width: 800px; 
    box-shadow: 0px 0px 44px -18px rgba(0,0,0,0.15);
}
#hero ul {
	display: grid;
	grid-template-columns: auto auto; 
    justify-content: flex-start; 
	margin-left: 0px;
	margin-right: auto; 
	padding: 0px; 
    column-gap: 20px; 
}
#hero li {
	list-style-type: none; 
}
#hero li:first-child a {
	display: inline-block; 
	background-color: #29abe2; 
	color: #fff; 
	padding-left: 35px; 
	padding-right: 35px; 
	padding-top: 9px; 
	padding-bottom: 9px; 
	font-size: 18px;  
    text-transform: uppercase; 
	margin: 0px; 
    font-weight: 700; 
    border: 1px solid #29abe2; 
}


/* Sweep To Right */
#hero li:last-child a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#hero li:last-child a:hover {
    color: #000 !important; 
}
#hero li:last-child a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;

  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#hero li:last-child a:hover, #hero li:last-child a:focus, #hero li:last-child a:active {
  color: white;
}
#hero li:last-child a:hover:before, #hero li:last-child a:focus:before, #hero li:last-child a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}










/* Sweep To Right */
#hero li:first-child a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  
}
#hero li:first-child a:hover {
    color: #000 !important; 
}
#hero li:first-child a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
    border: #fff 1px solid; 

  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#hero li:first-child a:hover, #hero li:first-child a:focus, #hero li:first-child a:active {
  color: white;
}
#hero li:first-child a:hover:before, #hero li:first-child a:focus:before, #hero li:first-child a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}







#hero li:last-child a {
	display: inline-block; 
	color: #fff; 
	padding-left: 35px; 
	padding-right: 35px; 
	padding-top: 9px; 
	padding-bottom: 9px; 
	font-size: 18px;  
    text-transform: uppercase; 
	margin: 0px; 
    font-weight: 700; 
    border: 1px solid #fff; 
}

/*------------------------------------*\
    Folio 2
\*------------------------------------*/

#folio2 {
    position: relative;
    z-index: 50; 
    margin-top: -450px; 
    
}
#folio2 div.inside {
    
    width: 1375px; 
    margin-left: auto;
    margin-right: auto; 
    padding-top: 25px;
    padding-bottom: 25px; 
}

#folio2 div.inside hr {
    border-top: 1px solid rgba(255,255,255,0.25); 
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    margin-top: 0px;
    margin-bottom: 0px; 
    position: relative;
    z-index: 1; 
}
#folio2 div.inside h2 {
    color: #fff; 
    font-size: 20px; 
    position: relative;
    background-color: rgba(0,0,0,0.25); 
    padding-left: 25px; 
    padding-right: 25px; 
    display: inline-block; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-transform: uppercase;
    letter-spacing: 2px; 
    border: none; 
    top: -39px; 
    z-index: 2; 
    left: 20px; 
    border: 1px solid rgba(255,255,255,0.25); 
}
.pt-cv-view .carousel-control.left {
    top: -20px; 
}
.pt-cv-view .carousel-control.right {
    top: -20px; 
}
.pt-cv-view .carousel-control span {
    background: #29abe2 !important; 
}
.pt-cv-view .carousel-control span:hover {
    background: #fff !important;
    color: #000 !important; 
}
.pt-cv-scrollable .pt-cv-readmore {
    margin-top: 20px !important; 
}
#folio2 .pt-cv-scrollable .pt-cv-content-item {
    /*clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);*/
}
#folio2 .pt-cv-hover-wrapper:hover {
    border-radius: 30px; 
}

/*------------------------------------*\
    Testimonials
\*------------------------------------*/

#fronttesti {
    width: 100%;
    display: none;

}
#fronttesti div.inside {
    width: 1175px; 
    padding-top: 25px;
    padding-bottom: 25px; 
    border-top: 1px solid rgba(0,0,0,0.05); 
    border-bottom: 1px solid rgba(0,0,0,0.05); 
    margin-bottom: 45px; 
    display: grid;
    grid-template-columns: 150px auto; 
    column-gap: 70px; 
    font-family: georgia; 
    align-items: center; 
    font-size: 17px; 
    line-height: 29px; 
    font-style: italic; 
    color: rgba(0,0,0,0.75); 
    width: 75%; 
    
}
#fronttesti div.inside p:before {
    content: '\f10d'; 
    font-family: "Font Awesome 6 Pro";
    font-weight: bold; 
    color: #29abe2; 
    font-size: 40px; 
    font-style: normal; 
    margin-left: -50px; 
    margin-right: 15px; 
    margin-top: 40px; 
    position: relative; 
}
#fronttesti div.inside p:after {
    content: '\f10e'; 
    font-family: "Font Awesome 6 Pro";
    font-weight: bold; 
    color: #29abe2; 
    font-size: 20px; 
    font-style: normal; 
    margin-left: 20px; 
    position: relative; 
}
#fronttesti div.inside img {
    border-radius: 50%; 
    width: 150px; 
    height: 150px; 
}


/*------------------------------------*\
    Folio
\*------------------------------------*/

#folio {
    width: 100%;
    padding-bottom: 50px; 
    position: relative; 
    margin-top: -100px; 
}
#folio div.inside {
    width: 1375px;
    margin-left: auto; 
    margin-right: auto; 
}
#folio h3 {
    text-align: center;
    font-size: 250%;
    width: 75%;
    line-height: 100%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    color: #29abe2; 
}
div.foliocontent {
    text-align: center; 
    width: 65%; 
    margin-left: auto;
    margin-right: auto; 
    font-size: 18px; 
    color: rgba(0,0,0,0.75); 
}
div.rsSlide {
    opacity: 0.25; 
}
div.rsActiveSlide {
    opacity: 1; 
}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background-color: transparent !important; 
}




/*------------------------------------*\
    Inside Content (standard) // has featured image
\*------------------------------------*/


#content.static div.staticinside {
    padding-top: 120px; 
    margin-left: auto;
    margin-right: auto;
    width: 1000px; 
    color: rgba(0,0,0,0.65); 
    padding-bottom: 50px; 
}
#content.static div.staticinside h1 {
    padding-bottom: 20px; 
    font-size: 40px; 
    line-height: 40px; 
}
#content.static div.staticinside p {
    font-size: 20px; 
    line-height:28px; 
}
#content.static div.staticinside li {
    font-size: 20px; 
    line-height:34px; 
    list-style-type: square; 
}
#content.static div.staticinside  h2 {
    padding-bottom: 5px; 
    font-size: 18px; 
    line-height: 20px; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    background-color: #f1f1f1;
    color: rgba(0,0,0,0.5);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 9px;
    padding-bottom: 9px; 
    display: inline-block; 
}
#content.static div.staticinside p {
    padding-left: 50px; 
}
#content.static div.staticinside ul {
    padding-left: 75px; 
}

/*------------------------------------*\
    Inside Content no header
\*------------------------------------*/

#insidehero_noheader {
	width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-columns: auto; 
    grid-template-rows: 600px;
    overflow: hidden; 
    align-items: center; 
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 88%, 0% 75%);
}
#insidehero_noheader div.text {
	width: 1375px; 
	margin-left: auto;
	margin-right: auto;
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 5; 
    color :#fff; 
    text-align: center; 
}
#insidehero_noheader div.text h1 {
	font-size: 70px; 
    color: #fff; 
    line-height: 70px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
#insidehero_noheader div.text hr {
    width: 60px; 
    border-top: 6px solid #fff;
    margin-left: auto;
    margin-right: auto;
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    margin-top: 30px; 
    margin-bottom: 9px; 
}
#insidehero_noheader div.text div.subtitle {
	width: 70%;  
	margin-left: auto;
	margin-right: auto; 
	padding-top: 5px; 
	padding-bottom: 15px; 
	font-size: 24px;
    line-height: 30px; 
    color: #fff; 
}
#insidehero_noheader div.text div.subtitle ul {
	display: grid;
	grid-template-columns: 1fr 1fr; 
	column-gap: 25px; 
	margin-left: auto;
	margin-right: auto; 
	padding: 0px; 
	width: 300px; 
	margin-top: 30px; 
}
#insidehero_noheader div.text div.subtitle li {
	list-style-type: none; 
	margin: 0px;
	padding: 0px; 
}
#insidehero_noheader div.text div.subtitle li a {
	display: inline-block;
    background-color: #29abe2;
    color: #fff;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 100%;
    margin: 0px;
	white-space: nowrap; 
	display: inline-block; 
}

#insidehero_noheader div.img {
	width: 100%; 
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 1; 
    background-color: #2e3845; 
}
#insidehero_noheader div.img img {
    width: 150%;
    height: auto; 
    opacity: 0.5; 
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
}



#content.inner div.inside {
	padding-top: 25px; 
	padding-bottom: 25px; 
	min-height: 600px; 
}
#content.inner div.inside div.pt-cv-wrapper {
	margin-top: 30px; 
}

/*------------------------------------*\
    Inside Content sidebar
\*------------------------------------*/

#content.sidebar div.inside {
	display: grid;
	grid-template-columns: 18% auto;
	column-gap: 50px; 
    top: -70px;
    padding-bottom: 70px; 
    position: relative;
}
#content.sidebar div.inside div.right {
	border-left: 1px solid rgba(0,0,0,0.05); 
	padding-left: 0px; 
    padding-top: 50px; 
}
#content.sidebar div.inside div.left {
	font-size: 18px; 
    line-height: 26px; 
}
#content.sidebar div.inside div.leftpadding {
    background-color: rgba(41,171,226, 0.75); 
    position: relative;
    margin-top: 140px; 
    right: -51px; 
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
    color: #fff; 
}
#content.sidebar div.inside div.leftpadding img {
    width: 100%;
    height: auto; 
}
#content.sidebar div.inside div.left h2 {
	font-size: 20px; 
}
#content.sidebar mappress-map {
    margin-bottom: 25px; 
    height: 450px !important;
    position: relative;
    left: 50px; 
    width: 95% !important; 
}
#content.sidebar form {
    position: relative;
    left: 50px; 
    width: 95%; 
}
#content.sidebar form input[type="text"] {
    font-size: 18px; 
    line-height: 28px; 
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px; 
    padding-bottom: 12px; 
}
#content.sidebar form input[type="email"] {
    font-size: 18px; 
    line-height: 28px; 
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px; 
    padding-bottom: 12px; 
}
#content.sidebar form input[type="tel"] {
    font-size: 18px; 
    line-height: 28px; 
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px; 
    padding-bottom: 12px; 
}
#content.sidebar form input[type="submit"] {
    font-size: 20px; 
    line-height: 30px; 
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 800; 
    padding-top: 12px;
    padding-bottom: 12px; 
}
#content.sidebar form input[type="submit"]:hover {
    background-color: #000; 
}
#content.sidebar mappress-map div.mapp-info {
    padding-top: 18px;
    padding-bottom: 23px;
    padding-left: 25px;
    padding-right: 25px;
}
#content.sidebar mappress-map p {
    left: 0px !important; 
    font-size: 16px !important; 
    font-family: proxima-nova, sans-serif !important; 
}
#content.sidebar mappress-map div.mapp-title {
    font-size: 20px; 
    font-family: proxima-nova, sans-serif !important; 
}
#content.sidebar mappress-map span.mapp-dir {
    font-weight: 400;
    font-size: 12px;
    background-color: #29abe2;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: inline-block;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 15px;
    font-family: proxima-nova, sans-serif !important; 
}
#content.sidebar mappress-map span.mapp-dir:hover {
    background-color: #000; 
}
#content.sidebar div.right p {
    position: relative;
    left: 50px; 
    font-size: 20px; 
}
#content.sidebar div.inside div.right h2 {
    margin-bottom: 25px; 
    display: block; 
    text-transform: uppercase; 
    color: #fff;
    font-size: 20px;
    position: relative;
    background-color: rgba(0, 0, 0, 1);
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: -20px; 
}

/*------------------------------------*\
    Inside Content - Single
\*------------------------------------*/

#insidehero_noheader.single ul {
	margin: 0px;
	padding: 0px; 
}
#insidehero_noheader.single li {
	list-style-type: none;
	margin: 0px;
	padding: 0px; 
}
#insidehero_noheader.single li a {
	color: #000;
}
#content.single div.inside {
	padding-top: 75px; 
	padding-bottom: 100px; 
	width: 750px;
	margin-left: auto;
	margin-right: auto; 
}
#content.single div.inside img {
	max-width: 100%;
	height: auto; 
}
#content.single div.inside h2 {
	margin-top: 30px; 
}

/*------------------------------------*\
    Inside Content - Partners
\*------------------------------------*/

#content.partners hr.partnerdivide {
    border-top: 6px solid #808080;
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    width: 80px; 
    margin-top: 40px;
    margin-bottom: 40px; 
    margin-left: auto;
    margin-right: auto; 
    opacity: 0;
}

#content.partners div.pod2logos img {
    mix-blend-mode: multiply;
}
#content.partners div.pod4logos img {
    mix-blend-mode: multiply;
}
#content.partners div.pod6logos img {
    mix-blend-mode: multiply;
}

#content.partners div.pod1logos img {
    mix-blend-mode: multiply;
}
#content.partners div.pod3logos img {
    mix-blend-mode: multiply;
}
#content.partners div.pod5logos img {
    mix-blend-mode: multiply;
}

#content.partners div.pod1 {
    display: grid;
    grid-template-columns: auto auto; 
    column-gap: 50px; 
    align-items: center; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#content.partners div.pod1 img {
    width: 100%; 
    height: auto; 
}
#content.partners div.pod1 h2 {
    color: #fff;
    font-size: 30px;
    position: relative;
    background-color: #29abe2;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
    margin-bottom: 0px; 
}
#content.partners div.pod1 hr.poddivider {
    border-top: 1px solid rgba(0,0,0,0.15); 
    position: relative;
    z-index: 1; 
    top: -34px; 
    width: 75%; 
    margin-left: 0px; 
    margin-right: auto; 
}
#content.partners div.pod1 p {
    font-size: 18px; 
    line-height: 28px; 
}
#content.partners div.pod1logos ul {
    display: grid;
    grid-template-columns: repeat(3,1fr); 
    align-items: center; 
    margin: 0px;
    padding: 0px; 
    padding-top: 50px; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#content.partners div.pod1logos ul li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
}
#content.partners div.pod1logos ul li img {
    height: 100px;
    width: auto; 
}

#content.partners div.pod2 {
    display: grid;
    grid-template-columns: auto auto; 
    column-gap: 50px; 
    align-items: center; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
    background-color: #f6f6f6; 
    padding-left: 87px; 
    padding-right: 87px; 
    padding-top: 47px; 
}
#content.partners div.pod2logos {
    background-color: #f6f6f6; 
    padding-left: 87px; 
    padding-right: 87px; 
    padding-bottom: 47px; 
}


#content.partners div.pod2 img {
    width: 100%; 
    height: auto; 
}
#content.partners div.pod2 h2 {
    color: #fff;
    font-size: 30px;
    position: relative;
    background-color: #29abe2;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
    margin-bottom: 0px; 
}
#content.partners div.pod2 hr.poddivider {
    border-top: 1px solid rgba(0,0,0,0.15); 
    position: relative;
    z-index: 1; 
    top: -34px; 
    width: 75%; 
    margin-left: 0px; 
    margin-right: auto; 
}
#content.partners div.pod2 p {
    font-size: 18px; 
    line-height: 28px; 
}
#content.partners div.pod2logos ul {
    display: grid;
    grid-template-columns: repeat(2,1fr); 
    align-items: center; 
    margin: 0px;
    padding: 0px; 
    padding-top: 50px; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#content.partners div.pod2logos ul li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
}
#content.partners div.pod2logos ul li img {
    height: 100px;
    width: auto; 
}





#content.partners div.pod3 {
    display: grid;
    grid-template-columns: auto auto; 
    column-gap: 50px; 
    align-items: center; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#content.partners div.pod3 img {
    width: 100%; 
    height: auto; 
}
#content.partners div.pod3 h2 {
    color: #fff;
    font-size: 30px;
    position: relative;
    background-color: #29abe2;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
    margin-bottom: 0px; 
}
#content.partners div.pod3 hr.poddivider {
    border-top: 1px solid rgba(0,0,0,0.15); 
    position: relative;
    z-index: 1; 
    top: -34px; 
    width: 75%; 
    margin-left: 0px; 
    margin-right: auto; 
}
#content.partners div.pod3 p {
    font-size: 18px; 
    line-height: 28px; 
}
#content.partners div.pod3logos ul {
    display: grid;
    grid-template-columns: repeat(4,1fr); 
    align-items: center; 
    margin: 0px;
    padding: 0px; 
    padding-top: 50px; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#content.partners div.pod3logos ul li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
}
#content.partners div.pod3logos ul li img {
    height: 70px;
    width: auto; 
}





#content.partners div.pod4 {
    display: grid;
    grid-template-columns: auto auto; 
    column-gap: 50px; 
    align-items: center; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
    background-color: #f6f6f6; 
    padding-left: 87px; 
    padding-right: 87px; 
    padding-top: 47px; 
}
#content.partners div.pod4logos {
    background-color: #f6f6f6; 
    padding-left: 87px; 
    padding-right: 87px; 
    padding-bottom: 47px; 
}
#content.partners div.pod4 img {
    width: 100%; 
    height: auto; 
}
#content.partners div.pod4 h2 {
    color: #fff;
    font-size: 30px;
    position: relative;
    background-color: #29abe2;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
    margin-bottom: 0px; 
}
#content.partners div.pod4 hr.poddivider {
    border-top: 1px solid rgba(0,0,0,0.15); 
    position: relative;
    z-index: 1; 
    top: -34px; 
    width: 75%; 
    margin-left: 0px; 
    margin-right: auto; 
}
#content.partners div.pod4 p {
    font-size: 18px; 
    line-height: 28px; 
}
#content.partners div.pod4logos ul {
    display: grid;
    grid-template-columns: repeat(3,1fr); 
    align-items: center; 
    margin: 0px;
    padding: 0px; 
    padding-top: 50px; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#content.partners div.pod4logos ul li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
}
#content.partners div.pod4logos ul li img {
    height: 100px;
    width: auto; 
}






#content.partners div.pod5 {
    display: grid;
    grid-template-columns: auto auto; 
    column-gap: 50px; 
    align-items: center; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#content.partners div.pod5 img {
    width: 100%; 
    height: auto; 
}
#content.partners div.pod5 h2 {
    color: #fff;
    font-size: 30px;
    position: relative;
    background-color: #29abe2;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
    margin-bottom: 0px; 
}
#content.partners div.pod5 hr.poddivider {
    border-top: 1px solid rgba(0,0,0,0.15); 
    position: relative;
    z-index: 1; 
    top: -34px; 
    width: 75%; 
    margin-left: 0px; 
    margin-right: auto; 
}
#content.partners div.pod5 p {
    font-size: 18px; 
    line-height: 28px; 
}
#content.partners div.pod5logos ul {
    display: grid;
    grid-template-columns: repeat(4,1fr); 
    align-items: center; 
    margin: 0px;
    padding: 0px; 
    padding-top: 50px; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
    column-gap: 75px; 
}
#content.partners div.pod5logos ul li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
}
#content.partners div.pod5logos ul li img {
    height: 50px;
    width: auto; 
}






#content.partners div.pod6 {
    display: grid;
    grid-template-columns: auto auto; 
    column-gap: 50px; 
    align-items: center; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
    background-color: #f6f6f6; 
    padding-left: 87px; 
    padding-right: 87px; 
    padding-top: 47px; 
}
#content.partners div.pod6logos {
    background-color: #f6f6f6; 
    padding-left: 87px; 
    padding-right: 87px; 
    padding-bottom: 47px; 
}
#content.partners div.pod6 img {
    width: 100%; 
    height: auto; 
}
#content.partners div.pod6 h2 {
    color: #fff;
    font-size: 30px;
    position: relative;
    background-color: #29abe2;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
    margin-bottom: 0px; 
}
#content.partners div.pod6 hr.poddivider {
    border-top: 1px solid rgba(0,0,0,0.15); 
    position: relative;
    z-index: 1; 
    top: -34px; 
    width: 75%; 
    margin-left: 0px; 
    margin-right: auto; 
}
#content.partners div.pod6 p {
    font-size: 18px; 
    line-height: 28px; 
}
#content.partners div.pod6logos ul {
    display: grid;
    grid-template-columns: repeat(5,1fr); 
    align-items: center; 
    margin: 0px;
    padding: 0px; 
    padding-top: 50px; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
    grid-row-gap: 50px; 
    column-gap: 50px; 
}
#content.partners div.pod6logos ul li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
}
#content.partners div.pod6logos ul li img {
    height: 40px;
    width: auto; 
}



div.imgmask {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    width: 250px; 
    height: 250px; 
}
#content.partners div.imgmask img {
    width: 180%;
    height: auto; 
}









/*------------------------------------*\
    Inside Content - About
\*------------------------------------*/

#insidehero_about {
	background-color: #29abe2;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 850px; 
    overflow: hidden; 
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 88%, 0% 75%);
    align-items: flex-start; 
    position: relative;
    z-index: 5; 
}
#insidehero_about div.inside {
	display: grid;
	grid-template-columns: 800px auto; 
	align-items: center; 
	padding-top: 25px; 
	padding-bottom: 25px;
	color: #fff; 
	column-gap: 50px; 
	font-size: 140%; 
	line-height: 150%; 
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 5;   
    padding-top: 120px; 
}
#insidehero_about div.img {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 1;   
    background-color: #000; 
}
#insidehero_about div.img video {
    width: 100%; 
    height: auto; 
    opacity: 0.5; 
    box-shadow: 0px 0px 44px -12px rgba(0,0,0,0.75);
}
#insidehero_about div.inside h1 {
	line-height: 110%; 
}
#insidehero_about div.inside a {
	border: 1px solid rgba(255,255,255,1); 
	padding-left: 35px; 
	padding-right: 35px; 
	padding-top: 6px; 
	padding-bottom: 6px; 
	display: inline-block; 
	color: #fff; 
	font-weight: 700; 
	font-size: 90%; 
    text-transform: uppercase; 
    letter-spacing: 2px; 
}


#insidehero_about div.inside a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#insidehero_about div.inside a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #29abe2;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#insidehero_about div.inside a:hover, #insidehero_about div.inside a:focus, #insidehero_about div.inside a:active {
  color: white;
    border: 1px solid #29abe2;
}
#insidehero_about div.inside a:hover:before, #insidehero_about div.inside a:focus:before, #insidehero_about div.inside a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


#content.about {
    position: relative;
    z-index: 1; 
    top: -220px; 
    background-image: url(images/bg2.jpg); 
    background-size: cover; 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    margin-bottom: -220px; 
}



#content.about img {
	width: 100%; 
	height: auto; 
}

#content.about {
	background-color: #74C5E8;
	
}
#content.about div.inside {
	min-height: 10px;
	color: #fff; 
	align-items: center; 
}


#content.about div.inside {
	font-size: 22px;
	line-height: 32px;  
	text-align: left;
	padding-top: 100px; 
	padding-bottom: 50px; 
	font-weight: 400; 
	margin-left: auto;
	margin-right: auto; 
	width: 1375px; 
	display: grid;
	grid-template-columns:  auto 50%; 
	column-gap: 50px; 
}
#content.about div.inside blockquote {
    font-size: 30px; 
    line-height: 40px; 
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; 
}



#podsabout {
	padding-top: 0px; 
	padding-bottom: 50px; 
	/*border-top: 1px solid rgba(255,255,255,0.25); */
}
#podsabout ul {
	display: grid;
	grid-template-columns: auto auto; 
	column-gap: 15px; 
	margin: 0px; 
	padding: 0px; 
}
#podsabout li {
	display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 25px; 
    padding-bottom: 50px; 
    align-items: center; 
    color: #fff; 
}
#podsabout div.podmask {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    width: 200px;
    height: 200px;
}
#podsabout div.podmask img {
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
    width: 100%; 
}

#podsabout li h3 {
	font-size: 20px; 
	line-height: 20px; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
}
#podsabout li p {
    font-size: 20px; 
    line-height: 28px ;
}
#podsabout li i {
	font-size: 30px; 
    position: relative;
    bottom: -2px; 
    margin-right: 10px; 
}
#podsabout div.podinside {
	width: 1375px; 
	margin-left: auto;
	margin-right: auto; 
}
div.aboutfocustitle {
    width: 1375px;
    margin-left: auto;
    margin-right: auto; 
}
div.aboutfocustitle h2 {
    color: #fff;
    font-size: 20px;
    position: relative;
    background-color: #2c2c2c;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
    border: 1px solid rgba(255, 255, 255, 0.25);
}
div.aboutfocustitle hr {
    border-top: 1px solid rgba(255,255,255,0.25); 
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    position: relative;
    top: -45px; 
    
}


/*------------------------------------*\
    Inside Content - Services
\*------------------------------------*/

#content.services div.inside {
    width: 1375px; 
    margin-left: auto;
    margin-right: auto; 
    padding-bottom: 100px; 
}
#content.services div.inside blockquote {
    
    margin:0px; 
    padding-left: 25px;
    padding-right: 25px; 
    margin-bottom: 40px; 
}
#content.services div.inside blockquote strong {
    font-size: 40px;
    line-height: 50px; 
}
#content.services div.inside blockquote p {
    font-size: 30px;
    line-height: 38px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 30px;
}
#content.services h2 {
    color: #fff;
    font-size: 28px;
    position: relative;
    background-color: #29abe2;
    padding-left: 28px;
    padding-right: 28px;
    display: inline-block;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
}
#content.services hr {
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    top: -45px;
    margin-left: 0px;
}
#content.services div.repeat  div.servicespod {
    display: grid;
    column-gap: 50px; 
    align-items: center; 
    padding-top: 20px; 
    padding-bottom: 20px; 
}
#content.services div.repeat div.servicespod:nth-child(odd) {
    display: grid;
    column-gap: 50px; 
    align-items: center; 
    padding-top: 70px; 
    padding-bottom: 70px; 
    grid-template-columns: 385px auto;
}
#content.services div.repeat  div.servicespod:nth-child(even) {
    display: grid;
    column-gap: 50px; 
    align-items: center; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    grid-template-columns: auto 385px ;
    background-color: #f6f6f6; 
    padding-left: 80px; 
    padding-right: 80px; 
    padding-top: 70px;
    padding-bottom: 70px; 
}
#content.services div.repeat div.servicespod a {
    font-size: 15px;
    background-color: #29abe2;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 15px;
}


/* Sweep To Right */
#content.services div.repeat div.servicespod a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#content.services div.repeat div.servicespod a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#content.services div.repeat div.servicespod a:hover, #content.services div.repeat div.servicespod a:focus, #content.services div.repeat div.servicespod a:active {
  color: white;
}
#content.services div.repeat div.servicespod a:hover:before, #content.services div.repeat div.servicespod a:focus:before, #content.services div.repeat div.servicespod a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}











#content.services div.repeat  div.servicespod:nth-child(even) div.img {
    grid-column-start: 2; 
    grid-column-end: 2; 
    grid-row-start: 1; 
}
#content.services div.repeat  div.servicespod:nth-child(even) div.text {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
}
#content.services div.repeat  div.servicespod img {
    width: 100%;
    height: auto; 
}
#content.services div.repeat  div.servicespod:nth-child(even) img {
    width: 100%;
    height: auto; 
}
#content.services div.repeat  div.servicespod:nth-child(odd) img {
    width: 100%;
    height: auto; 
}
#content.services div.repeat  div.servicespod h3 {
    font-size: 34px;
    line-height: 40px; 
}
#content.services div.repeat  div.servicespod p {
    font-size: 22px; 
    line-height: 30px; 
}
#content.services div.repeat  div.servicespod img {
    border-radius: 30px; 
}



/*------------------------------------*\
    Inside Content - Produts
\*------------------------------------*/

#content.products h2 {
    font-size: 200%;
    text-align: left; 
    color: #29abe2;
    margin-top: 50px; 
}
#content.products div.inside {
    min-height: auto; 
}
#content.products div.maindescription {
    align-items: flex-start;
}
#content.products hr {
    width: 50px; 
    margin-left: 0px; 
    border-top: 3px solid #29abe2;
    border-left: none;
    border-right: none;
    border-bottom: none; 
    margin-top: 25px; 
    margin-bottom: 25px; 
}
#content.products div.maindescription img {
    max-width: 350px; 
    height: auto; 
    border-radius: 9px; 
    box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.10);
}
#content.products div.maindescription div.left {
}
#content.products div.maindescription div.left p {
    margin-top: 0px; 
    margin-bottom: 15px; 
}
div.features {
    background-color: #29abe2; 
    color: #fff; 
}
div.features div.inside {
    padding-top: 50px; 
    padding-bottom: 50px; 
    width: 850px; 
}

div.features ul.features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px; 
    align-items: flex-start;
    margin: 0px; 
    padding-left: 18px; 
    grid-row-gap: 25px; 
}

div.features h2 {
    font-size: 200%;
    text-align: left; 
    color: #fff;
    margin-top: 0px; 
}
div.features hr {
    width: 50px; 
    margin-left: 0px; 
    border-top: 3px solid #fff;
    border-left: none;
    border-right: none;
    border-bottom: none; 
    margin-top: 25px; 
    margin-bottom: 25px;
}

div.features ul.features li {
    margin: 0px; 
    padding: 0px; 
    text-align: left; 
    list-style-type: square;
    font-size: 120%; 
    line-height: 150%; 
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/*------------------------------------*\
    Page Clients
\*------------------------------------*/



#content.clients div.inside {
    padding-bottom: 150px; 
}

#content.clients div.clientlogos {
    padding-bottom: 50px; 
}


#content.clients div.clientlogos ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr); 
    padding: 0px;
    margin: 0px; 
}
#content.clients div.clientlogos li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
    text-align: center; 
}
#content.clients div.clientlogos li img {
    height: 150px;
    width: auto; 
    mix-blend-mode: multiply; 
}

#content.clients h2 {
    color: #fff;
    font-size: 28px;
    position: relative;
    background-color: #29abe2;
    padding-left: 28px;
    padding-right: 28px;
    display: inline-block;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
}
#content.clients hr {
    position: relative;
    border-top: 1px solid rgba(0,0,0,0.10); 
    top: -45px; 
    margin-left: 0px; 
}


#content.clients div.client1 {
    display: grid;
    grid-template-columns: 20% auto; 
    column-gap: 75px;
    align-items: center; 
    margin-top: 50px; 
}
#content.clients div.client1 img {
    width: 100%;
    border-radius: 50%; 
}
#content.clients div.client1 p {
    font-size:  25px;
    line-height: 38px; 
    font-family: georgia; 
    font-style: italic; 
    color: rgba(0,0,0,0.75); 
}

#content.clients div.client1 p:before {
    content: '\f10d';
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    color: #29abe2;
    font-size: 40px;
    font-style: normal;
    margin-left: -50px;
    margin-right: 15px;
    margin-top: 40px;
    position: relative;
}
#content.clients div.client1 p:after {
    content: '\f10e';
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    color: #29abe2;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
    position: relative;
}





#content.clients div.client2 {
    display: grid;
    grid-template-columns: auto 25%; 
    column-gap: 75px;
    align-items: center; 
    margin-top: 100px; 
    background-color: #f6f6f6; 
    width: 1200px;
    padding-left: 84px;
    padding-right: 84px;
    padding-top: 50px; 
    padding-bottom: 50px; 
    border-radius: 15px; 
    margin-bottom: 100px; 
}
#content.clients div.client2 img {
    width: 100%;
    border-radius: 50%; 
}
#content.clients div.client2 p {
    font-size:  25px;
    line-height: 38px; 
    font-family: georgia; 
    font-style: italic; 
    color: rgba(0,0,0,0.75); 
}

#content.clients div.client2 p:before {
    content: '\f10d';
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    color: #29abe2;
    font-size: 40px;
    font-style: normal;
    margin-left: -50px;
    margin-right: 15px;
    margin-top: 40px;
    position: relative;
}
#content.clients div.client2 p:after {
    content: '\f10e';
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    color: #29abe2;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
    position: relative;
}




#content.clients div.client3 {
    display: grid;
    grid-template-columns: 20% auto; 
    column-gap: 75px;
    align-items: center; 
    margin-top: 50px; 
}
#content.clients div.client3 img {
    width: 100%;
    border-radius: 50%; 
}
#content.clients div.client3 p {
    font-size:  25px;
    line-height: 38px; 
    font-family: georgia; 
    font-style: italic; 
    color: rgba(0,0,0,0.75); 
}

#content.clients div.client3 p:before {
    content: '\f10d';
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    color: #29abe2;
    font-size: 40px;
    font-style: normal;
    margin-left: -50px;
    margin-right: 15px;
    margin-top: 40px;
    position: relative;
}
#content.clients div.client3 p:after {
    content: '\f10e';
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    color: #29abe2;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
    position: relative;
}

/*------------------------------------*\
    Page: IT Operations
\*------------------------------------*/

#insidehero_products {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 700px; 
    position: relative;
    z-index: 0; 
    overflow: hidden; 
    width: 100%; 
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 90%, 0% 100%);
}
#insidehero_products div.text {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 5; 
    width: 1375px; 
    margin-left: auto;
    margin-right: auto; 
    text-align: center; 
    margin-top: 190px; 
}
#insidehero_products div.text  h1 {
    font-size: 80px; 
    line-height: 80px; 
    color: #fff; 
    letter-spacing: 3px; 
    text-transform: uppercase; 
    margin-top: 15px;
    margin-bottom: 15px; 
}
#insidehero_products div.text p {
    font-size: 30px;
    line-height: 40px; 
    color: #fff; 
    width: 75%;
    margin-left: auto;
    margin-right: auto; 
}
#insidehero_products  div.text hr {
    border-top: 6px solid #fff;
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    margin-left: auto;
    margin-right: auto;
    width: 70px; 
    margin-top: 30px; 
    display: block; 
}
#insidehero_products  div.img {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 1; 
    background-color: #000; 
    width: 100%; 
}
#insidehero_products div.img img {
    width: 100%;
    height: auto; 
    opacity: 0.5; 
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
    filter: blur(3px);
}
#content.itoperations div.inside {
    padding-top: 80px;
    padding-bottom: 80px; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#itoperationssplit {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 50px; 
    align-items: center; 
    position: relative;
    z-index: 5; 
    margin-top: -250px; 
}
#itoperationssplit  div.right div.productmask {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    width: 450px;
    height: 450px;
}
#itoperationssplit  div.right div.productmask img {
    width: 200%;
    height: auto; 
}
#itoperationssplit  div.left {
    font-size: 18px; 
    line-height: 26px; 
    color: rgba(0,0,0,0.75); 
}
#itoperationssplit  div.left blockquote {
    margin-left: 0px;
    margin-right: 0px; 
    font-weight: 800; 
    font-size: 28px; 
    line-height: 34px; 
    margin-top: 200px; 
}
##itoperationsfeatures {
    color: rgba(0,0,0,0.75);
}
#itoperationsfeatures h2 {
    color: #fff;
    font-size: 30px;
    position: relative;
    background-color: #29abe2;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
    margin-bottom: 0px;
    margin-top: 35px; 
}
#itoperationsfeatures hr {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    top: -30px;
    margin-left: 0px;
    margin-right: auto;
}
#itoperationsfeatures ul {
    background-color: #f6f6f6;
    padding-left: 87px;
    padding-right: 87px;
    padding-bottom: 87px;
    padding-top: 87px; 
    border-radius: 15px; 
    display: grid;
    grid-template-columns: repeat(3,1fr); 
    margin-left: 0px;
    margin-right: 0px; 
    grid-row-gap: 35px; 
}
#itoperationsfeatures li {
    list-style-type: none; 
    text-align: center; 
    padding: 0px;
    margin: 0px; 
}
#itoperationsfeatures li i {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    width: 70px;
    height: 70px;
    background-color: #29abe2;
    color: #fff; 
    font-size: 30px; 
    line-height: 70px; 
}
#itoperationsfeatures li h3 {
    text-transform: uppercase; 
    font-size: 18px; 
    letter-spacing: 2px; 
    margin-top: 25px; 
    margin-bottom: 0px; 
}
#itoperationsfeatures li p {
    margin-top: 3px; 
    color: rgba(0,0,0,0.75); 
    font-size: 16px; 
    width: 75%; 
    margin-left: auto;
    margin-right: auto; 
}
#productpartners {
    margin-top: 80px; 
}
#productpartners h4 {
    color: #fff;
    font-size: 30px;
    position: relative;
    background-color: #29abe2;
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    z-index: 2;
    left: 20px;
    margin-bottom: 0px;
}
#productpartners hr {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    top: -30px;
    margin-left: 0px;
    margin-right: auto;
}
#productpartners ul {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    margin: 0px;
    padding: 0px;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-start; 
    column-gap: 50px; 
}
#productpartners.comm ul {
    grid-template-columns: repeat(3, auto);
    column-gap: 75px; 
}
#productpartners li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#productpartners li img {
    height: 100px;
    width: auto;
}

#productpartners.comm li img {
    height: 75px;
    width: auto;
}

#productpartners.devtools ul {
    grid-template-columns: repeat(4, auto);
    column-gap: 75px; 
}

#productpartners.devtools li img {
    height: 75px;
    width: auto;
}


/*------------------------------------*\
    Page: Communications
\*------------------------------------*/

hr.comm {
    border-top: 6px solid rgba(0,0,0,0.15);
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    width: 85px; 
    margin-top: 80px; 
    margin-bottom: 80px; 
}

#comm1 {
    display: grid;
    grid-template-columns: auto auto; 
    align-items: center; 
    column-gap: 100px; 
}
#comm1 img {
    width: 100%;
    height: auto; 
}

#comm1 h3 {
    font-size: 24px; 
    line-height: 32px; 
    color: rgba(0,0,0,0.75); 
}
#comm1 p {
    font-size: 18px;
    line-height: 26px; 
    color: rgba(0,0,0,0.75); 
}


#comm2 {
    display: grid;
    grid-template-columns: auto auto; 
    align-items: center; 
    column-gap: 100px; 
    background-color: #f6f6f6; 
    width: auto;
    padding-left: 84px;
    padding-right: 84px;
    padding-top: 44px; 
    padding-bottom: 44px; 
    border-radius: 15px; 
    margin-top: 75px;
    margin-bottom: 75px; 
}
#comm2 img {
    width: 100%;
    height: auto; 
}
#comm2 h3 {
    font-size: 24px; 
    line-height: 32px; 
    color: rgba(0,0,0,0.75); 
}
#comm2 p {
    font-size: 18px;
    line-height: 26px; 
    color: rgba(0,0,0,0.75); 
}

#comm3 {
    display: grid;
    grid-template-columns: auto auto; 
    align-items: center; 
    column-gap: 100px; 
}
#comm3 img {
    width: 100%;
    height: auto; 
}
#comm3 h3 {
    font-size: 24px; 
    line-height: 32px; 
    color: rgba(0,0,0,0.75); 
}
#comm3 p {
    font-size: 18px;
    line-height: 26px; 
    color: rgba(0,0,0,0.75); 
}

/*------------------------------------*\
    Page: Product Templates
\*------------------------------------*/

#producttemplatepslit {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 50px; 
    align-items: flex-start; 
    position: relative;
    z-index: 5; 
    margin-top: 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto; 
}
#producttemplatepslit div.right div.productmask {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    width: 470px;
    height: 470px;
    margin-top: -130px;
}
#producttemplatepslit div.right div.productmask img {
    width: 100%;
    height: auto; 
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
}
#producttemplatepslit  div.left {
    font-size: 18px; 
    line-height: 26px; 
    color: rgba(0,0,0,0.75); 
}
#producttemplatepslit  div.left blockquote {
    margin-left: 0px;
    margin-right: 0px; 
    font-weight: 800; 
    font-size: 28px; 
    line-height: 34px; 
    margin-top: 200px; 
}
#producttemplatepslit h2 {
    font-size: 27px;
    line-height: 33px; 
}
#content.producttemplate h3 {
    font-size: 36px;
    position: relative;
    text-align: center; 
    letter-spacing: 10px; 
    margin-top: 80px; 
    text-transform: uppercase; 
    margin-bottom: 80px; 
}
#content.producttemplate hr {
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    top: -45px;
    margin-left: 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto; 
}
div.productrepeater {
    width: 85%;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 80px; 
}

div.productrepeater div.pod {
    display: grid;
    grid-template-columns: 5% auto;
    column-gap: 50px; 
    align-items: flex-start; 
    padding-top: 50px;
    padding-bottom: 50px; 
    background-color: #f6f6f6; 
    margin-bottom: 30px; 
    border-radius: 30px; 
    width: 95%; 
    margin-left: auto;
    margin-right: 0px;  
}
div.productrepeater div.pod div.icon i {
    font-size: 40px; 
    line-height: 50px; 
    background-color: #29abe2;
    color: #fff;
    border-radius: 50%; 
    padding: 15px; 
    width: 50px;
    height: 50px; 
    text-align: center; 
    transform: scale(1.5); 
    position: relative;
    left: -35px; 
}
div.productrepeater div.pod h4 {
    font-size: 38px; 
    line-height: 48px; 
    margin-top: 0px; 
    margin-bottom: 9px; 
}
div.productrepeater div.pod p {
    font-size: 20px; 
    line-height: 30px; 
    width: 90%;
    margin-left: 0px;
    margin-right: auto; 
}
div.productrepeater div.pod ul {
    display: grid;
    grid-template-columns: repeat(8,1fr); 
    grid-template-rows: auto; 
    padding: 0px;
    margin: 0px; 
    padding-top: 20px; 
    align-items: center; 
    column-gap: 20px; 
}
div.productrepeater div.pod ul li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}
div.productrepeater div.pod ul li img {
    width: 100%;
    height: auto; 
    mix-blend-mode: multiply;
}



/* for tablets and small monitors */ 
/* for tablets and small monitors */ 
/* for tablets and small monitors */ 
/* for tablets and small monitors */ 
/* for tablets and small monitors */ 
/* for tablets and small monitors */ 


@media all and (min-width:1000px) and (max-width: 1375px) {
    body, html {
        margin: 0px;
        padding: 0px; 
        width: 100%;
        overflow-x: hidden; 
        min-width: 10px; 
    }
    #header div.inside {
        width: 95%;
        margin-left: auto;
        margin-right: auto; 
        grid-template-columns: 20% auto 25%; 
    }
    #content.static div.staticinside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #footer div.inside {
        width: 95%;
        margin-left: auto;
        margin-right: auto; 
        grid-template-columns: 25% auto auto auto; 
        column-gap: 50px; 
    }
    #footer div.one li {
        line-height: 200%; 
    }
    #footer div.two li {
        line-height: 150%; 
        padding-top: 0px;
        padding-bottom: 12px; 
    }
    #bottom div.inside {
        width: 95%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero_noheader div.text {
        width: 95%;  
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero_noheader div.text h1 {
        display: block;
        text-align: center;
        width: 100%; 
    }
    #insidehero_noheader div.text div.subtitle {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #content.sidebar div.inside {
        width: 95%; 
        margin-left: auto;
        margin-right: auto; 
        column-gap: 25px; 
    }
    #content.sidebar div.inside div.leftpadding {
        right: auto; 
    }
    #content.sidebar mappress-map {
        left: 25px; 
    }
    #content.sidebar div.right p {
        left: 25px; 
    }
    #content.sidebar form {
        left: 25px; 
    }
    div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero_about {
        grid-template-rows: 650px; 
    }
    #insidehero_about div.inside {
        grid-template-columns: auto auto; 
    }
    .video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid {
        min-width: 450px; 
    }
    #insidehero_about div.img video {
        width: 150%; 
    }
    #insidehero_about div.inside h1 {
        font-size: 30px; 
    }
    #content.about div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        grid-template-columns: auto auto; 
        padding-top: 160px;
    }
    #content.about div.inside blockquote {
        font-size: 25px;
        line-height: 30px; 
    }
    div.aboutfocustitle {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #podsabout div.podinside {
        width: 100%;
        margin-left: auto;
        margin-right: auto; 
    }
    #podsabout ul {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        grid-template-columns: auto; 
    }
    #content.services div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero_products div.text {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero_products div.text h1 {
        font-size: 60px;
        line-height: 60px; 
        margin-top: 0px; 
    }
    #insidehero_products div.text p {
        font-size: 25px;
        line-height: 30px;
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        
    }
    #insidehero_products {
        grid-template-rows: 600px; 
    }
    #producttemplatepslit div.right div.productmask {
        width: 270px;
        height: 270px; 
    }
    #producttemplatepslit h2 {
        font-size: 24px;
        line-height: 28px; 
    }
    div.productrepeater div.pod ul {
        grid-template-columns: repeat(4,1fr); 
        column-gap: 50px; 
        align-items: center; 
        margin-left: 0px;
        margin-right: auto;
        width: 90%; 
        grid-row-gap: 15px; 
    }
    #partners div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #partners ul {
        column-gap: 75px; 
    }
    #partners li img {
        height: auto;
        width: 100%; 
    }
    #news div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #callout div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #callout div.inside h3 {
        font-size: 24px; 
        line-height: 28px; 
    }
    #fronttesti div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #folio2 div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #hero {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #hero div.left h1 {
        font-size: 35px;
        line-height: 35px; 
    }
    #herowrap {
        grid-template-rows: 900px; 
    }
    #heroimg video {
        width: 175%; 
    }
    
}



/* for mobile phones */
/* for mobile phones */
/* for mobile phones */
/* for mobile phones */
/* for mobile phones */

@media all and (min-width:0px) and (max-width: 999px) {
    body, html {
        margin: 0px;
        padding: 0px; 
        width: 100%;
        overflow-x: hidden; 
        min-width: 10px; 
    }
    div {
        /*max-width: 100% !important;*/
        /*min-width: 10%; */
        /*width: 100%; */
    }
    #header {
        background-color: #fff;
        box-shadow: 0px 10px 24px -19px rgba(0, 0, 0, 0.25);
        position: relative;
        z-index: 1;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        }
    #header div.inside {
        display: block;
        padding-top: 30px; 
        padding-bottom: 30px; 
    }
    #header #nav {
        display: none; 
    }
    #header #contactnav {
        display: none; 
    }
    #logo {
        width: 95%;
        margin-left: auto;
        margin-right: auto; 
    }
    #bottom div.inside {
        display: block; 
        width: 95%;
        margin-left: auto;
        margin-right: auto; 
        padding-top: 20px;
        padding-bottom: 20px; 
    }
    #bottom div.inside div {
        text-align: left; 
        padding-top: 0px;
        padding-bottom: 0px; 
    }
    #bottom div.inside div p {
        margin-top: 3px; 
        margin-bottom: 3px; 
    }
    #insidehero_noheader {
        clip-path: none;
        width: 100%;  
    }
    #insidehero_noheader div.text h1 {
        font-size: 50px; 
        line-height: 50px; 
        width: 95%; 
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero_noheader div.text div.subtitle {
        width: 95%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero_noheader div.img img {
        width: 275%; 
    }
    #content.services div.inside {
        padding-bottom: 25px; 
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #content.services div.inside blockquote {
        padding-left: 0px; 
        padding-right: 0px; 
    }
    #content.services div.inside blockquote strong {
        font-size: 30px; 
        line-height: 30px; 
    }
    #content.services div.inside blockquote p {
        font-size: 20px;
        line-height: 28px; 
    }
    #footer div.inside {
        width: 95%; 
        display: block; 
        margin-left: auto;
        margin-right: auto; 
        padding-top: 9px;
        padding-bottom: 9px; 
    }
    #footer div.one {
        display: none; 
    }
    #footer div.two {
        display: none; 
    }
    #footer div.four {
        display: none; 
    }
    #insidehero_noheader div.text {
        width: 100%; 
    }
    #content.services div.inside {
        width: 90%; 
        margin-left: auto;
        margin-right: auto; 
    }
    #content.services div.repeat div.servicespod:nth-child(odd) {
        display: block; 
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px; 
        width: 95%;
        margin-left: auto;
        margin-right: auto; 
    }
    #content.services div.repeat div.servicespod:nth-child(even) {
        display: block; 
        background-color: transparent; 
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px; 
        width: 95%;
        margin-left: auto;
        margin-right: auto; 
    }
    #content.services div.repeat div.servicespod h3 {
        font-size: 28px;
        line-height: 32px; 
    }
    #content.services div.repeat div.servicespod p {
        font-size: 20px;
        line-height: 28px; 
    }
    #content.sidebar div.inside {
        display: block; 
    }
    #content.sidebar div.inside div.left {
        display: none; 
    }
    div.inside {
        width: 90%; 
        margin-left: auto;
        margin-right: auto; 
    }
    #content.sidebar div.inside div.right h2 {
        left: 0px; 
    }
    #content.sidebar div.inside div.right {
        border-left: none; 
    }
    #content.sidebar form {
        left: 0px; 
    }
    #content.sidebar div.right p {
        left: 0px; 
    }
    #content.sidebar mappress-map {
        left: 0px; 
    }
    #podsabout div.podinside {
        width: 90%; 
        margin-left: auto;
        margin-right: auto; 
    }
    #podsabout ul {
        grid-template-columns: auto; 
    }
    #podsabout li {
        grid-template-columns: auto; 
    }
    #podsabout div.podmask {
        width: 100%;
        height: auto;
    }
    #content.about div.inside {
        grid-template-columns: auto; 
    }
    #content.static div.staticinside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        padding-top: 25px; 
        padding-bottom: 25px; 
    }
    #content.static div.staticinside p {
        padding-left: 0px; 
    }
    #content.about div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        padding-top: 35px; 
    }
    #content.about div.inside div.left {
        grid-row-start: 1; 
    }
    #content.about div.inside div.left {
        grid-row-start: 2; 
    }
    #insidehero_about {
        clip-path: none; 
        grid-template-rows: 800px; 
        max-height: 725px; 
        overflow: hidden;
    }
    #insidehero_about div.inside {
        grid-template-columns: auto; 
        padding-top: 50px; 
    }
    .video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid {
        min-width: 95%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero_about div.inside h1 {
        font-size: 40px;
        line-height: 40px; 
        margin-top: 40px; 
    }
    #insidehero_about div.img video {
        width: 400%; 
        position: relative;
        display: inline-block;
        left: 50%;
        transform: translate(-50%);
        object-fit: cover;
        object-position: center; 
    }
    #content.about {
        top: 0px; 
    }
    #insidehero_products {
        clip-path: none; 
    }
    #insidehero_products div.text {
        width: 95%; 
        margin-left: auto;
        margin-right: auto; 
        margin-top: 25px; 
    }
    #insidehero_products div.text h1 {
        font-size: 35px; 
        line-height: 35px; 
    }
    #insidehero_products div.text p {
        font-size: 25px; 
        line-height: 35px; 
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #producttemplatepslit {
        grid-template-columns: auto; 
        width: 100%; 
    }
    #producttemplatepslit div.left {
        grid-row-start: 2; 
    }
    #producttemplatepslit div.right {
        grid-row-start: 1; 
    }
    #producttemplatepslit div.right div.productmask {
        width: 100%; 
        height: auto; 
        margin-top: -150px; 
    }
    #content.producttemplate h3 {
        margin-top: 80px;
        margin-bottom: 80px; 
    }
    div.productrepeater {
        width: 100%;
        height: auto; 
    }
    div.productrepeater div.pod {
        grid-template-columns: auto; 
        grid-row-gap: 50px; 
        background-color: transparent; 
        padding-top: 0px; 
        margin-bottom: 15px; 
        margin-top: 75px; 
        text-align: center; 
        width: 100%; 
        padding: 0px;
    }
    div.productrepeater div.pod div.icon {
        text-align: center; 
    }
    div.productrepeater div.pod div.icon i {
        margin-left: auto;
        margin-right: auto; 
        left: auto; 
        width: 30px; 
        height: 30px; 
        font-size: 25px; 
        line-height: 30px; 
    }
    div.productrepeater div.pod p {
        width: 100%;
    }
    div.productrepeater div.pod ul {
        grid-template-columns: repeat(2, 45%);
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        column-gap: 10%;  
        grid-row-gap: 50px; 
    }
    #partners {
        clip-path: none; 
    }
    #partners div.inside {
        width: 100%; 
        height: auto; 
    }
    #partners ul {
        grid-template-columns: repeat(2,auto); 
        column-gap: 20px; 
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #partners li img {
        width: 100%;
        height: auto; 
        max-width: 100px; 
    }
    #news div.inside {
        width: 100%;
        height: auto; 
    }
    #callout div.inside {
        width: 90%;
        height: auto;
        grid-template-columns: auto; 
        margin-left: auto;
        margin-right: auto; 
    }
    #fronttesti {
        widtH: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #fronttesti div.inside  {
        grid-template-columns: auto; 
        margin-bottom: 15px; 
        width: 100%; 
    }
    #fronttesti div.inside div.right {
        width: 85%; 
        padding-left: 15%;   
    }
    #fronttesti div.inside div.left {
        text-align: center; 
    }
    #fronttesti div.inside div.left img {
        margin-left: auto;
        margin-right: auto; 
        display: inline-block; 
    }
    #folio2 {
        margin-top: -300px; 
    }
    #folio2 div.inside {
        width: 100%;
        height: auto; 
    }
    #herowrap {
        clip-path: none; 
        grid-template-rows: 1200px; 
    }
    #heroimg video {
        width: 550%; 
        position: relative;
        display: inline-block;
        left: 50%;
        transform: translate(-50%);
        object-fit: cover;
        object-position: center; 
    }
    #hero {
        width: 90%; 
        height: auto; 
        margin-left: auto;
        margin-right: auto; 
        grid-template-columns: auto; 
    }
    #hero div.right {
        padding-top: 20px;
        padding-bottom: 20px; 
    }
    #hero li:first-child a {
        font-size: 16px; 
        padding-left: 15px;
        padding-right: 15px; 
        white-space: nowrap; 
    }
    #hero li:last-child a {
        font-size: 16px; 
        padding-left: 15px;
        padding-right: 15px; 
        white-space: nowrap; 
    }
	div.hbspt-form {
		padding-left:0px;
	}
}