/*
Theme Name: Browsi

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */


@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css);

html {
    color: #222;
    font-size: 10px;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}a

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: Kievit;
    src: url(fonts/Kievit-Light.5c8529ae.eot?#iefix);
    src: url(fonts/Kievit-Light.5c8529ae.eot?#iefix) format("eot"), url(fonts/Kievit-Light.767047ef.woff2) format("woff2"), url(/fonts/Kievit-Light.4445b6b0.woff) format("woff"), url(fonts/Kievit-Light.fc91ddd5.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Kievit;
    src: url(fonts/Kievit-Medium.a65afb8b.eot?#iefix);
    src: url(fonts/Kievit-Medium.a65afb8b.eot?#iefix) format("eot"), url(fonts/Kievit-Medium.ccee5114.woff2) format("woff2"), url(/fonts/Kievit-Medium.26c7678d.woff) format("woff"), url(fonts/Kievit-Medium.0c5e8e43.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Kievit;
    src: url(fonts/Kievit-Book.aece3051.eot?#iefix);
    src: url(fonts/Kievit-Book.aece3051.eot?#iefix) format("eot"), url(fonts/Kievit-Book.f9c120e0.woff2) format("woff2"), url(fonts/Kievit-Book.99129990.woff) format("woff"), url(c) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Browsicons;
    src: url(fonts/icomoon.eot?#iefix);
    src: url(fonts/icomoon.eot?#iefix) format("eot"), url(fonts/icomoon.svg) format("svg"), url(fonts/icomoon.ttf) format("truetype");
    
    font-style: normal;
}


@font-face {
    font-family: Social;
    src: url(fonts/social_icons.eot?#iefix);
    src: url(fonts/social_icons.eot?#iefix) format("eot"), url(fonts/social_icons.svg) format("svg"), url(fonts/social_icons.ttf) format("truetype");
    
    font-style: normal;
}
body{
	font-family: Kievit,sans-serif;
	font-weight: 300;
	font-size: 1.8rem;
}
.contentArea  h2.question {
	margin-bottom:0;
	padding-bottom:2rem;
}
h2{
	font-weight: 700 !important;
}
.promotedPosts h2,.sideBar h2{
	font-weight: 400 !important;
}
.videoSide h1{
    font-weight: 700;
    margin-top: .5rem;
}
.videoSide p{
    margin-top: 2rem;
    padding-right: 5rem;
    box-sizing: border-box;
	font-weight:400;
	font-size: 1.6rem;
}


.clients.cbad li{
    flex: 33.3333%;
    filter: grayscale(1);
}
.clients.cbad ul{
    margin-top: 4rem;
}
p.aty{
     color: #557aff;
    margin-bottom: 0;
}
.clients.cbad h2{
    font-weight: 400 !important;
    color: #557aff;
    font-size: 1.6rem;
}
.clients.cbad{
     border-top:1px solid #ccc;
    margin-top: 4rem;
    padding-top: 4rem;
   
}
.videoSide{
     padding-right:10rem;
    box-sizing: border-box;
    
}

.clients.cbad li:nth-child(3n+1){
    text-align: left;
}

.clients.cbad li:nth-child(3n+3){
    text-align: right;
}
.archiveTopTriBAD{
    margin-top: 10rem;
}
header{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 10000002;
}
.qa li {
	padding-bottom:2rem;
	margin-bottom:0;
}
.qa .answer {
	padding-top:1rem;
	padding-bottom:1rem;
}
.f0fImg{
	background-image: url(img/404.svg);
	width: 20.5rem;
	height: 29.7rem;
	background-size: 20.5rem 29.7rem;
	margin-right: 7rem;
}
.fofFrame  h1{
	
	font-size: 3.8rem;
	font-weight: 400;
	margin-bottom: 0;
}
.fofFrame {
	align-items: center;
}
.fofFrame p{
	font-size: 2.4rem;
	font-weight: 400;
	margin-top: 0;
}
header a{
	font-weight: 400;
	font-size: 1.8rem;
	color: #000;
	text-decoration: none;

}
.fofContent{
	padding-top: 20rem;
	padding-bottom: 20rem;
}
.contactSide{
	background-color: #fff;
}
.fofFrame  a{
	text-decoration: none;
	color: #000;
	font-size: 2rem;
}
textarea{
	width: 100%;
	height: 10rem;
	box-sizing: border-box;
	border-top:none;
	font-weight: 400;
	font-size: 1.6rem;
	margin-top: 2rem;
	padding-right: 1rem;
	padding-left: 1rem;
}
.homeTop p{
	font-size: 2rem;
	line-height: 2.5rem;
}
.relatedPosts{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.relatedPosts li{
	flex: 0 0 32%;
	width: 32%;
}

.page-template-product_vertical #path-1_2_{
	transform: translateX(3px);
}

.pbI{
	width: 100%;
	height: 23rem;
}
.relatdP{
	    border-top: 1px solid #dbe3ea;
    
    padding-top: 6rem;
	padding-bottom: 11.2rem;
}
.relatdP h2{
	font-size: 2.2rem;
	margin-top: 0;
}.relatdP h3{
	font-size: 1.8rem;
}
.pbI img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
.fofContent a:after{
	content: ">";
	position: relative;
	left:0;
	padding-left: 1rem;
	transition: .3s all;
	
}
.fofContent a:hover:after{
	left: 1rem;
}
.error404{
   background-color: #A7C4FE;
}
.sideBar{
	padding-bottom: 10rem;
	
}

.boxesBottom  .defLink {
	align-self: baseline;
}
.sideBox {
	  text-align: center;
	
}
.sideBox p{
	margin-bottom: 1rem;
}
.sideBox h2{
	margin-top: 0;
	line-height: 1.1;
	margin-bottom: 1.5rem;
}
.sideBox img{
	margin-bottom: 1.5rem;
}
.boxesBottom .sideBox{
	background-image: url(img/box_bg.svg);
    background-position: top -5rem right -5rem;
    background-repeat: no-repeat;
	flex: 0 0 32%;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.boxesBottom {
	margin-top: 10rem;
	justify-content: space-between;
}
.home .logosList {
	justify-content: center;
}
header .logo{
	position: relative;
	top:-.7rem;
}
.logo rect,.scrolled .logo rect,.home .scrolled .logo rect,.page-template-how_it_works .logo rect,.page-template-new_get_a_demo  .logo rect,.page-template-contact .logo rect,.page-template-request_demo  .logo rect,.page-template-book_a_demo .logo rect{
	transition: .3s all;
	fill:#7bfaaf;

}

.page-template-new_get_a_demo   .jobForm h2{
	font-size: 3rem;
	font-weight: 500;
	background-image: url(img/contact.svg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 5rem 0 0 0;
	margin: 0;
	text-align: center;
}
header{
	transition: 0.3s all;
	border-bottom: 1px solid  rgba(227, 227, 227,0);
}
.scrolled{
	background-color: #fff;
	border-bottom: 1px solid  rgb(227, 227, 227);
}
.logo rect{
	fill:#fff;
}
.headerContent{
	padding: 0 2.5rem;
	box-sizing: border-box;
	height: 7rem;
}


header .menu{
	display: flex;
	align-items: center;
}

.menu-main-menu-container{
	
	flex-grow: 1;
}

header li{
	padding-left: 2rem;
}


.anCon svg{
	width: 100%;
	height: auto;
}

.topArea h1{
	font-size: 4.3rem;
	color: #000;
	font-weight: 700;
	margin: 0;
	white-space: pre-wrap;
	line-height: 1.18;
}	

.maxWidth{
	max-width: 120rem;
	margin: auto;
}
.topTextCon{
	width: 50rem;
}
.page-template-product_vertical .topTextCon p{
	margin-bottom: 5rem;
}
.defLink {
    height: 43px;
    line-height: 43px;
    display: inline-block;
    font-size: 1.8rem;
   
    font-weight: 400;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    direction: rtl;
    transform: skewX(-22deg);
    position: relative;
    left: -10px;
	border-right: 2px solid  #557aff;
	
}



.defLinkText{
	display:  block;
	position: relative;
	z-index: 9999;
	
}
.defLink a, .defLink button {
    text-decoration: none;
    padding: 0 33px 0 23px;
    height: 43px;
   line-height: 39px;
    display: inline-block;
    width: 100%;
    color: #fff;
    transform:  skewX(22deg);
    background-color: #557aff;
    position: relative;
    left: 10px;
    box-sizing: border-box;
    overflow: hidden;
    border: none; 
	border: 2px solid  #557aff;
	
}



.defLinkContent{
    text-decoration: none;
    padding: 0 33px 0 23px;
    height: 43px;
   line-height: 39px;
    display: inline-block;
    width: 100%;
    color: #fff;
    transform:   skewX(22deg);
    background-color: #557aff;
    position: relative;
    left: 10px;
    box-sizing: border-box;
    overflow: hidden;
    border: none; 
	border: 2px solid  #557aff;
	
}
.defLink button {
	 line-height: 3.9rem;
}
.defLinkContent:before, .defLink a:before, .defLink button:before {
    position: absolute;
    top: 0;
    left: -101%;
    text-align: center;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-color: #7bfaaf;
    transition: .3s all;
    color: #557aff;
    padding: 0 33px 0 23px;
    box-sizing: border-box;
    /* transform: scaleX(-1); */
}
#menu-item-1495 a:before{
	 content: 'Book a Demo';
	padding: 0;
}
.defLink:hover .defLinkContent, .defLink:hover a, .defLink:hover button {
   color: #557aff;
}
.defLink:hover .defLinkContent:before, .defLink:hover a:before, .defLink:hover button:before{
    left: -0.1rem;
}
.defLinkText{
	transition: .3s all;
}


.joinBrowsi .defLinkContent:before, .joinBrowsi  .defLink a:before,.joinBrowsi  .defLink button:before{
	background-color: #ffeb6f;
}
.promotedPosts li a:hover  .defLinkContent:before,.promotedPosts li a:hover .defLinkText{
	left: -0.1rem;
	color: #557aff;
	
}

.defLink:hover .defLinkContent .watchIcon:after, .defLink:hover a .watchIcon:after, .defLink:hover button .watchIcon:after{
   color: #557aff;
}
.watchIcon:after {
	font-family: Browsicons;
  content: "\e900";
  color: #fff;
	font-size: 1.3rem;
	padding-right: .5rem;
	transition: .3s all;
	display: inline-block;
}
.belowTop{
	margin-bottom: 7rem;
	background-color: #7bfaaf;
	
}
.diagon1{
	position: absolute;
	width: 150%;
	top:0;
	right: 50%;
	height: 100%;
	background-color: #fff;
	
	
}
.diCon{
	position: absolute;
	left:0;
	top:-10rem;
	
	width: 100%;
	height: 130%;
	transform: skewY(-10deg);
	background-color: #fff;
}
.home .diConab{
    opacity: 0;
}
.diConab{
	position: absolute;
    left: 0;
    top: 42.2rem;
    width: 100%;
    height: 21.7rem;
    transform: skewY(-10deg);
    background-color: #fff;
}
.diCong{
	position: absolute;
	left:0;
	top:-10rem;
	
	width: 100%;
	height: 100%;
	transform: skewY(-10deg);
	background-color: #F5F9FB;
}

.single-case-study .diCong{
	height: 500%;
	top:0;
}
.logo svg{
	height: 100%;
}
.page-template-product_horizontal .bottomBullets{
	background-color: transparent;
}
.page-template-product_horizontal .site-main{
	overflow: hidden;
}
.diCon2{
	position: absolute;
	left:0;
	top:-16rem;
	
	width: 50%;
	height: 100%;
	
	background-color: #fff;
	
}
.page-template-product_vertical {
	overflow-x: hidden;
}

.page-template-product_vertical .diCon{
	height: 100%;
	transform: skewY(-15deg); 
}
.home .diCon2{
	display: none;
}
.diCon2:before{
	content: '';
    display: block;
    position: absolute;
    right: -8rem;
    top: 1rem;
    background-color: #fff;
    width: 5rem;
    height: 100%;
    transform: skewY(15deg) rotate(-10deg);
	display: none;
}
.page-template-product_vertical .topArea {
	padding-bottom: 20rem;
	
}
.diagon2{
	position: absolute;
	width: 150%;
	top:10rem;
	left: 50%;
	height: 100%;
	background-color: #fff;
	
	
}
h2,h3{
	font-weight: 400;
}
.topArea{
	background-color: #7bfaaf;
	padding-top: 17rem;
	padding-bottom: 34rem;
}
.topBg{
	    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top 4.5rem left 3rem;
    background-size: 60rem;
    z-index: 2;
}

.belowTopTextCon h2{
font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.21;
	margin: 0;
	padding-top: 5rem;
	margin-bottom: 7rem;
}
.page-template-home{
	background-color: #f5f9fb;
}
.belowTopTextCon{
	width: 57rem;
}
.belowTopTextCon p{
	margin-bottom: 5rem;
	font-size: 1.8rem;
	width: 100%;
}
.belowTopTextCon .defLinkContent:before{
	background-color: #fff;
}
.anCon {
	left: 0;
    display: inline-block;
    z-index: 88888888;
    top: 10rem;
	
	
}
.home .anCon{
	left: 1rem;
	top:7.9rem;
}

.page-template-product_vertical  .anCon{
	top: 7rem;
}

.postIcon{
	display: flex;
	justify-content: flex-end;
	flex-grow: 1;
}

.promotedPosts li:nth-child(even) .postIcon{
	justify-content: flex-start;
}
.home .promotedPosts{
	position: relative;
	z-index: 99999;
}
.home .promotedPosts a{
	pointer-events: none;
}
.home .promotedPosts  .defLink,.home .promotedPosts  .defLink *{
	pointer-events: auto;
}
.home .promotedPosts h2{
	font-size: 3.4rem;
	font-weight: 700 !important;
}
.home .promotedPosts h3{
	font-size: 2rem;
	color: #5D84FC;
	margin-bottom: 0;
	margin-top: 0;
}
.postSummary  .defLinkContent:before {
    background-color: #fff !important;
}
.home .promotedPosts h4{
	font-size: 2.8rem;
}
.home .promotedPosts li{
	flex: 0 0 48.6rem;
	align-items: center;
	margin-bottom: 9rem;
}
.page-template-product_vertical .promotedPosts li,.page-template-product_horizontal .promotedPosts li{
	flex:  0 0 57.1rem;
	
}
.page-template-product_horizontal .topArea   .svgCon{
	width: 78.3rem;
}
.promotedPosts li a{
	
	
	padding: 2rem;
	box-sizing: border-box;
	
	
	filter: drop-shadow( 0 0 24px  rgba(73, 112, 239, 0.2));
	color: #000;
	text-decoration: none;
	background-color: #fff;
	flex: 0 0 62rem;
	position: relative;
	height: 23.8rem;
		
}
.page-template-product_vertical .promotedPosts li a,.page-template-product_horizontal .promotedPosts li a{
	filter: none;
	box-shadow: 0 0 24px 0 rgba(73,112,239,0.2);
}
.page-template-how_it_works .promotedPosts li {
	flex: 0 0 57.1rem;
}
.page-template-product_vertical .promotedPosts li a,.page-template-product_horizontal .promotedPosts li a{
	padding-bottom: 4rem;
}
.page-template-product_vertical .promotedPosts li a{
	height: 100%;
}
.page-template-product_vertical .promotedPosts li a p{
	flex-grow: 1;
}
.page-template-product_vertical .promotedPosts li a .defLink{
	align-self: flex-start;
}
.page-template-product_vertical .pList .postSummary{
	display: flex;
	flex-direction: column;
}
.home .promotedPosts li:nth-child(odd) a:before{
	content: '';
	display: block;
	position: absolute;
	right:-3rem;
	top:0;
	width: 9.3rem;
	height: 100%;
	background-color: #fff;
	transform:skewX(-10deg);
}

.home .promotedPosts li:nth-child(even) a:before{
	content: '';
	display: block;
	position: absolute;
	left:-3rem;
	top:0;
	width: 9.3rem;
	height: 100%;
	background-color: #fff;
	transform:skewX(-10deg);
}
.promotedPosts li:nth-child(even){
	flex-direction: row-reverse;
}
.promotedPosts li a h4{
	font-weight: 400;
	font-size: 2rem;
	margin: 0;
	transition: .3s all;
	position: relative;
	left:0;
}

.postSummary{
	padding-left: 2.4rem;
	box-sizing: border-box;
}
.promotedPosts li a p{
	font-size: 1.6rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	color: #526373;
	line-height: 1.25;
	transition: .3s all;
	transition-delay: .1s;
	position: relative;
	left:0;
}
.readMore{
	font-size: 1.6rem;
	font-weight: 500;
	transition: .3s all;
	transition-delay: .2s;
	position: relative;
	left:0;
}
.readMore:after{
	font-family: Browsicons;
    content: "\e901";
  
    font-size: 1.1rem;
    padding-right: .5rem;
    transition: .3s all;
    display: inline-block;
	color: #000;
	position: relative;
	left:.5rem;
	transition: .3s all;
	transition-delay: .3s;
}
.promotedPosts li a:hover .readMore:after{
	left:1rem;
}
.promotedPosts li a:hover h2,.promotedPosts li a:hover .readMore{
	left: .5rem;
}
.wubAreaCon{
	width: 38.8rem;
}
.whyUseBrowsi {
	height: 70rem;
	background-color: #fff;
}
.wubAreaCon .diCon{
	height: 66.6rem;
}
.whyUseBrowsi  .animationCon svg{
	width: 77.7rem;
	height: 66.6rem;
}
.whyUseBrowsi  .animationCon{
	position: absolute;
	top:0;
	left:55rem;
}
.whyUseBrowsi h2{
	margin: 0;
	padding-top: 28rem;
	font-size: 3.3rem;
}
.whyUseBrowsi h3{
	font-size: 2.2rem;
	margin-bottom: 0;
}

.whyUseBrowsi p{
	margin-top: 1rem;
}
.belowImagesCon ul,.belowImagesCon li,.imageCon{
	width: 100%;
	height: 100%;
}
.belowImagesCon ul{
	/*direction: rtl;*/
}
.belowImagesCon:after{
	position: absolute;
	display: block;
	content: '';
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	
  background-color: rgba(94, 132, 255,.6);
 

}
.imageCon{
	background-size: cover;
	height: 52.9rem;
}
.testemonials{
	height: 52.9rem;
	position: relative;
	z-index: 333;
}
.qmCon{
	flex: 0 0 14.6rem;
	background-image: url(img/qm.svg);
	background-size: 14.6rem;
	background-repeat: no-repeat;
}
.testemonials h2{
	color: #fff;
	width: 51rem;
	text-align: center;
	padding-left: 2rem;
}
.qutesCon .qtC{
	padding-left: 2rem;
}
.qutesCon li p{
	width: 51rem;
	color: #fff;
	font-weight: 300;
}
.qtd{
	display: inline-block;
	color: #fff;
	padding-left: 1.5rem;
	font-size: 1.8rem;
	font-weight: 400;
}

.testemonials .slick-dots{
	width: 51rem;
	justify-content: center;
}
.testemonials .slick-active button {
    background-color: #fff;
}

.testemonials .slick-dots button {
  
    border: solid 2px #fff;
   
}
.slick-dots{
	display: flex;
	margin-top: 4.5rem;
}
.slick-dots button{
	width: 1.6rem;
	height: 1.6rem;
	padding: 0;
	border-radius: 50%;
	border: solid 2px #9ec5fb;
	background-color: transparent;
	margin-right: 1.5rem;
	transition: .3s all;
	text-indent: -9999px;
	
		
}
.slick-active button{
	background-color: #9ec5fb;
}
.clients{
	padding: 9.3rem 0;
	box-sizing: border-box;
	margin-top: -17rem;
		
}
.clients h2{
	text-align: left;
	margin: 0 auto;
	max-width: 120rem;
	font-size: 3.4rem;
}
.clients ul{
	margin-top: 7.3rem;
}
.clients li{
	flex: 0 0 16.6666rem;
	text-align: center;
	margin-bottom: 4rem;
}

footer{
	background-color:  #323232;
	padding-top: 6rem;
	position: relative;
	z-index: 9999999;
	
}
.page-template-book_a_demo footer{
    padding-top: 0;
}
.site-main {
	min-height: calc(100vh - 43.8rem) !important;
}
.jobPopUp{
	min-height: 100vh;
}
footer a{
	color: #fff;
	text-decoration: none;
}
.menu{
	display: flex;
}

footer .menu{
	justify-content: space-between;
}
.branches{
	padding-left: 19rem;
	flex: 0 0 35rem;
	
	
}

.branches li{
	display: flex;
	color: #fff;
	align-items: center;
	height: 6.4rem;
	margin-bottom: 3.1rem;
}
.branches li h2{
	color: #999999;
	font-size: 1.6rem;
	margin: 0;

}
.bd{
	flex-grow: 1;
}
.branches li p{
	font-size: 1.6rem;
	margin: 0;
	white-space: pre-wrap;
}
.bic{
	flex:  0 0 5rem;
	text-align: center;
	padding-right:1.5rem;
}
footer #menu-social{
	font-family: 'Social';
}
.facebook a:before{
	content: "\e902";
	color: #fff;
	
}
.linkedin a:before{
	content: "\e900";
	
}
.twitter a:before{
	content: "\e901";
	color: #fff;
	
}

#menu-social a{
	
	display: flex;
	align-items: center;
	padding-left: 2rem;
}
.socialArea{
	 color: #c6c6c6;
	font-size: 1.6rem;
	font-weight: 400;
}
.defLink.reverse{
	 transform: skewX(22deg);    right: -1rem; left: auto;
	border-left: 2px solid #557aff;
	border-right: none;
}

.defLink.reverse a, .defLink.reverse button {
  
    transform: skewX(-22deg);
   right: 1rem; left: auto;
	    padding: 0 2.3rem 0 3.3rem;
}

.defLink.reverse a:before, .defLink.reverse button:before {
  
    left: auto !important;
    right: -101%;
}
.defLink.reverse a:hover:before, .defLink.reverse button:hover:before {
  
   
    right: 0;
}
.defLink.join{
	border-left: 2px solid #7bfaaf;
}
.defLink.join a:before{
	background-color: #323232;
}
.defLink.join a:hover{
	color: #7bfaaf;
}
.defLink.join a{
	background-color: #7bfaaf;
	border-color: #7bfaaf;
	direction: ltr;
	color: #323232;
	font-size: 1.6rem;
}
.ftb{
	margin-top: 4rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.heart{
	width: 1.3rem;
	height: 1.3rem;
	display: inline-block;
	background-image: url(img/heart.svg);
	background-size: 1.3rem;
}
.footerBottom{
	height: 7.4rem;
	align-items: center;
	font-size: 1.4rem;
}
#menu-bottom-footer-pages li:before{
	content: '|';
	display: inline-block;
	color: #fff;
	padding: 0 1rem;
}
#menu-bottom-footer-pages li:first-child:before{
	display: none;
		
}
.mwl{
	padding-left: 3rem;
	flex-grow: 1;
	color: #fff;
}
.cr{
	color: #fff;
}
.h1Small{
	display: block;
	font-size: 2.8rem;
}

.topBullets .belowTopTextCon h2,.bottomBullets h2{
	font-size: 4rem;
	text-align: center;
	padding-top: 10rem;
	margin-bottom: 12rem;
	position: relative;
	z-index: 1;
}
.tbtc h3{
	font-weight: 700;
}
.topBullets .belowTopTextCon{
	width: 100%;
}
.whiteBg{
	background-color: #fff;
}
.topBulletsList li{
	align-items: center;
	position: relative;
	justify-content: space-between;
	
	
	
}
.page-template-product_vertical  .topBulletsList{
	padding-bottom: 0;
}
.page-template-product_vertical .propp{
	padding-bottom: 8rem;
	height: auto;
}
.belowTop li{
	padding-bottom: 10rem !important;
	margin-bottom: 10rem;
}
.page-template-product_vertical .topBullets .belowTopTextCon h2{
	margin-bottom: 7rem;
	opacity: 1 !important;
	position: static !important;
}

.page-template-product_vertical .topBulletsList li{
	flex-direction: column-reverse!important;
	padding-bottom: 6rem;
	border-bottom:  solid 1px #dce5ed;
	padding-top: 0;
}
.page-template-product_vertical .topBulletsList li:first-child{
	top:0 !important;
	opacity: 1 !important;
}
.page-template-product_vertical .topBulletsList li:last-child{
	border-bottom: none;
}
.page-template-product_vertical .tbtc{
	max-width: 75.2rem;
	text-align: center;
	margin: auto;
}
.topBulletsList{
	position: relative;
	z-index: 1;
}
.topBullets{
	z-index: 1;
}
.tbtc{
	
	position: relative;
	opacity: 0;
}
.tbic{
	flex-grow: 1;
	text-align: center;
	position: relative;
	opacity: 0;
	
}
.flex .tbic{
	padding-right: 2rem;;
}
.flex-reverse .tbic{
	padding-left: 7rem;
}
.bottomBullets .flex-reverse .tbic{
	padding-left: 10rem;
}
.bottomBullets .flex .tbic{
	padding-right: 10rem;
}


.bottomBullets .flex-reverse .tbtc{
	padding-left: 2.2rem;
}
.bottomBullets .flex .tbtc{
	padding-right: 2.2rem;
}
.bottomBullets li{
	margin-bottom: 6.5rem;
}
.tbtc h3{
	font-size: 2.8rem;
	line-height: 1.1;
	white-space: pre-wrap;
	margin-bottom: 1rem;
}
.bottomBullets{
	
	background-color:  #f5f9fb;

}
.greyRec{
	background-color: #f5f9fb;
	position: absolute;
	bottom:-60rem;
	left:0;
	height: 60rem;
    transform: skewY(-10deg);
	width: 100%;
	
}
.page-template-product_horizontal .greyRec{
	bottom:-70rem;
	height: 70rem;
}
.page-template-product_horizontal .greyRec:before{
	bottom:-80rem;
}
.greyRec:before{
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	bottom:60rem;
	left:0;
	height: 60rem;
   
	width: 100%;
	
}

.wrc{
	overflow: hidden;
}
.page-template-product_horizontal .wrc{
	overflow: visible;
	z-index: 9999999;
}
.whiteRec{
	background-color: #f5f9fb;
	position: absolute;
	bottom:30rem;
	left:0;
	height: 60rem;
    transform: skewY(-10deg);
	width: 100%;
}
.whiteRec:before{
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	bottom:-60rem;
	left:0;
	height: 60rem;
   
	width: 100%;
	
}
.belowTop li:last-child{
	margin-bottom: 0;
}
.topBulletsList{
	max-width: 120rem;
	padding-bottom: 7rem;
}
.propp{
	height: 41.8rem;
}
.pList{
	position: relative;
	z-index: 3;
}
.bottomBullets li:last-child{
	margin-bottom: 0;
}
#phone_x5F_screen{
	 box-shadow: 0 0 24px 0 rgba(73, 112, 239, 0.2);
}
.page-template-product_horizontal .anCon{
	top: 5.7rem;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.postSummary .defLink{
	margin-top: 2rem;
}
.pList h2{
	color: #000000;
	font-size: 2.2rem;
	margin-bottom: 0;

}
.pList .postSummary{
	padding-left: 1.5rem;
}

/*
#base_x5F_ad,#frame1_x5F_an1,#frame1_x5F_bg,#frame1_x5F_an2,#frame1_x5F_an3,#frame1_x5F_an4,#frame2_x5F_an3,#frame2_x5F_an1,#frame2_x5F_an2,#frame3_x5F_an1,#frame3_x5F_bg,#frame3_x5F_an2,#frame3_x5F_an3,#frame3_x5F_an4,#frame4_x5F_an1,#frame4_x5F_bg,#frame4_x5F_an2,#frame1_x5F_an3,#pig,#coin1,#coin2,#frame2_x5F_hand{
	opacity: 0;
}

#bg_1_,#img_2_,#phone,#text6_2_,#text5_2_,#text4_2_,#text3_2_,#text1_2_,#text2_2_,#img2_2_,#img1_2_,#img3_2_,#bg1,#bg2,#bg1_1_,#bg3{
	opacity: 0;
}
#bg,#phone,#phone_x5F_screen,#base,#yellow_x5F_ad_x5F_1,#money,#smile,#eye{
	opacity: 0;
}

#lines,#galgal,#ba1,#ba2,#ba3{
	opacity: 0;
}


#right_x5F_nums,#right_x5F_line,#left_x5F_lines,#ad1,#ad2,#iic1,#ic2,#ic3,#ic4,#ic5{
	opacity: 0;
}
*/
.page-template-page-templatesproduct_horizontal-php .topBullets h2{
	opacity: 1 !important;
	position: static !important;
}
.page-template-page-templatesproduct_horizontal-php .bottomBullets h2{
	opacity: 1 !important;
	top:0 !important;
	padding-top: 0;
	margin-top: 0;
}

.topBulletsList li:first-child .tbic ,.topBulletsList li:first-child .tbtc {
		opacity: 1 !important;
	position: static !important;
}
header .sub-menu{
	position: absolute;
	background-color: #fff;
	padding: 1rem;
	-webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 24px 0 rgba(0,0,0,.35);
	top:5rem;
	opacity: 0;
	visibility: hidden;
	transition: .3s all;
}
header .product {
	border-left: solid .5rem #fff;
	border-right: solid .5rem #fff;
	border-bottom: solid .5rem #fff;
	box-sizing: border-box;
		
}
header .products .sub-menu {
	padding: .5rem 0 0 0;
} 
header .products .sub-menu>li .con{
	background-size: 4rem;
}

header .products .sub-menu>li.bottom  .con{
	background-size: auto;
}
header .menu,header .menu li{
	height: 4rem;
}
header .menu li{
	display: flex;
	align-items: center;
}
header .menu li{
	position: relative;
}
header .menu li:hover .sub-menu{
	opacity: 1;
	visibility: visible;
	top:4rem;
}
header .sub-menu li{
	background-color: #fff;
	text-align: center;
	padding: 0;
	display: block;
	height: auto;
}
header  .sub-menu li a{
padding: .5rem;
	display: block;
	text-align: left;
}


header .resources .sub-menu li:nth-child(2) a,header .resources .sub-menu li:nth-child(4) a,header .resources .sub-menu li:nth-child(6) a{
	border-right:none !important;
}
header .resources .sub-menu li:nth-child(5) a,header .resources .sub-menu li:nth-child(6) a{
	border-bottom: none !important;
}
header  .sub-menu li a:hover{
	background-color: #f5f9fb;
}
header .sub-menu li.bottom a{
	padding: 0 1rem ;
	box-sizing: border-box;
	height: 6rem;
	line-height: 6rem;
}
header .sub-menu li.bottom  a{
	background-color: #f5f9fb;
}
.topAbout{
	background-color: #7bfaaf;
	padding-top: 11rem;
	padding-bottom: 42rem;

}


.topAbout h1{
	margin-top: 0;
	margin-bottom: 3rem;
	text-align: center;
	font-weight: 700;
	font-size: 3.4rem;
}
.topAbout p{
	font-weight: 300;
	text-align: center;
	line-height: 1.4;
	font-size: 1.8rem;
	padding-bottom:4rem;
	max-width: 83rem;
	margin-left: auto;
	margin-right: auto;
}
.page-template-jobs .topAbout p{
	font-size: 1.8rem;
}
.wdFlach{
	height: 60rem;
	width: 100%;
	position: absolute;
	left:0;
	top:0;
	transform: skewY(-10deg);
	background-color: #fff;
	
}

.page-template-about  .wdFlach{
	height: 66rem;
	top:0;
}
.tiles,.benefits{
	margin-top:-30rem;
}
.tiles {
	
}
.tiles ul{
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	top:-5rem;
}
.tiCon{
	border-radius: 50%;
	overflow: hidden;
	flex:  0 0 20rem;
	height: 20rem;
	border: 3px solid;
}
.tsCon{
	padding-left: 2rem;
}
.tsCon .linkedin:before{
	font-family: Social;
	content: '\e905';color: #0077b5;
	
}
.tsCon h3{
	font-size: 2.2rem;
	margin: 0;
}
.tsCon h4{
	margin: 0;
	font-size: 1.8rem;
	font-weight: 300;
}
.team ul{
	flex-wrap: wrap;
}
.team li{
	flex: 0 0 49%;
	align-items: center;
	margin-bottom: 5rem;
}
.tiles li{
	width: 27.7rem;
	flex: 0 0 27.7rem;
	height: 27.7rem;
	background-size: cover;
	background-color: #fff;
	margin-bottom: 3rem
}
.textTile{
	 box-shadow: 0 0 24px 0 rgba(73, 112, 239, 0.2);
	padding: 4rem;
	box-sizing: border-box;
	background-color: #fff;
position: relative;

	
}
.textTile:hover:before{
	top:-1rem;
	left:-1rem;
	border-left:1rem solid #5e84ff;
	border-top:1rem solid #5e84ff;
}
.textTile:before{
	position: absolute;
	content: '';
	display: block;
	top:0;
	left:0;
	border-left:1rem solid #fff;
	border-top:1rem solid #fff;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transition: .3s all;
		

}
.textTile:after{
	position: absolute;
	content: '';
	display: block;
	top:0;
	left:0;

	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #fff;
		

}
.textTile p{
	margin: 0;
	text-align: center;
	font-size: 2.2rem;
	position: relative;
	z-index: 3;
	line-height: 1.14;
}
.team h2{
	font-size: 3.8rem;
	text-align: center;
	margin-bottom: 7rem;
}
.joinBrowsi{
	background-color: #ffeb6f;
padding: 6rem 0;
	margin-top: 5rem;
}
.jbText{
	padding-left: 2rem;
	width: 24rem;
}
.jbText h2{
	font-size: 2.2rem;
	margin: 0;
}
.jbText p{
	margin-bottom: 4rem;
	margin-top:1rem;
}
.benefitsList{
	width: 90rem;
	height: 64.1rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
}
.benefitsList li{
 flex:0 0 28.7rem;
	font-size: 1.8rem;
	text-align: center;
	display: flex;
}
.benefitsList li h2{
	font-size: 1.8rem;
	font-weight: 300;
	color: #526373;
	white-space: pre-wrap;
	margin-top: 2.8rem;
}
.jic{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 10.2rem;
	height: 10.2rem;
	background-color: #fff;
	border: solid 2px #d9e3ec;
	border-radius: 50%;
	position: relative;
	
	
	
}
	.defLink.white a, .defLink.white button{
	background-color: #fff;
	color: #557aff;
	border-color: #fff;
	
}
.benefit1,.benefit3,.benefit5{
	justify-content: flex-end;
}


.benefit0,.benefit4{
	padding-left: 6rem;
}

.benefit1,.benefit5{
	padding-right: 6rem;
}
.benefit2 .jic:after,.benefit4 .jic:after,.benefit0 .jic:after{
	content: '';
	display: block;
	position: absolute;
	
	left:10.2rem;
	height: 1px;
	width: 18rem;
	background-color:  #d9e3ec;
}
.benefit1 .jic:after,.benefit3 .jic:after,.benefit5 .jic:after{
	content: '';
	display: block;
	position: absolute;
	top:5.1rem;
	right:10.2rem;
	height: 1px;
	width: 18rem;
	background-color:  #d9e3ec;
}
.benefit0 .jic:after{
	transform-origin: 0 0;
	top:7.1rem;
	transform: rotate(25deg);
	width: 14rem;
	
}
.benefit1 .jic:after{
	transform-origin: 100% 100%;
	top:7.1rem;
	transform: rotate(-25deg);
	width: 14rem;
}
.benefit4 .jic:after{
	transform-origin: 0 0;
	bottom:7.1rem;
	transform: rotate(-25deg);
	width: 14rem;
	top: auto;
}
.benefit5 .jic:after{
	transform-origin: 100% 100%;
	bottom:7.1rem;
	transform: rotate(25deg);
	width: 14rem;
	top: auto;
}
.makel{
	width: 18.5rem;
	height: 1px;
	background-color: #d9e3ec;
}
.floater{
	flex: 0 0 18rem;
}
.benefit0 .jic:after,.benefit4 .jic:after{
	left: 9.8rem;
}
.benefit1 .jic:after,.benefit5 .jic:after{
	right: 9.8rem;
}

.jobsListArea h3{
	height: 27.7rem;
	background-size: cover;
	font-size: 2.8rem;
	margin: 0;
}
.jobsListArea ul ul{
	padding-top: 1.5rem;
}
.job{
	height: 5.5rem;
	color: #526373;
	font-size: 1.8rem;
border-bottom: 1px solid rgba(164, 185, 203,.4);
	font-weight: 400;
	display: flex;
	align-items: center;
	

}
.jobDes{
	display: block;
	flex-grow: 1;
}
.jobsListArea h2{
	font-size: 3.2rem;
	margin-bottom: 4.3rem;
}
.jobsListArea{
	padding-bottom: 9rem;
}
.job a,.job button{
	width: 7.8rem;
	height: 3.3rem;
	border: solid 2px rgb(94, 132, 255);
	background-color: #fff;
	font-size: 1.4rem;
	color: #5e84ff;padding: 0;
	
	text-decoration: none;
	text-align: center;
	line-height: 2.9rem;
	box-sizing: border-box;
    background-color: #fff;

}
/*.req .ql-align-justify{
    background-image: url("img/bullet.svg");
    background-position: left center;
    padding-left: 2rem;
    background-repeat: no-repeat;
}*/
.jobsLoader{
    position: absolute;
     transition: .3s all;
}
.jobsLoader .loaderCon{
    width: 100%;
    height: 100%;
    background-color: #fff;
    top:0;
    left:0;
    margin: 0;
   
}
.jobsLoader.hide{
    opacity: 0;
    visibility: hidden;
}
.jobPopUp{
	background-color: #fff;
	z-index: 99999;
	 box-shadow: 0 0 24px 0 rgba(73, 112, 239, 0.2);
	right: 100vw;
	transition: .5s all;
}
.jobForm{
	right:-45.7rem;
	transition: .5s all;
}
.jobPopUp.jobOpen{
	right: 0;
}
.jobPopUp.jobOpen .jobForm{
	right: 0;
}
.popUpCon{
	padding-top: 10rem;
}
.backLink{
	border-bottom: 1px solid rgba(164, 185, 203,.4);
	line-height: 5.6rem;
}
.backLink a,.backLink button{
	font-size: 1.8rem;
	font-weight: 400;
	text-decoration: none;
	color: #000;
	background-image: url(img/back.svg);
	background-position: left .5rem center;
	background-repeat: no-repeat;
	padding-left: 4rem;
	transition: .3s all;
	margin-left: -.5rem;
    background-color: transparent;
    border:none;
}
.backLink a:hover{
		background-position: left 0 center;
}
.jobPopUp h1{
	font-size: 2.6rem;
	font-weight: 400;
}
.jdes{
	font-size: 1.8rem;
	font-weight: 400;
	
}
.attribute{
	font-size: 1.8rem;
	font-weight: 300;
}
.value{
	font-size: 1.8rem;
	font-weight: 400;
}

.jobPopUp h3,.jobPopUp u{
	font-size: 2.6rem;
	margin: 4rem 0 2rem 0;
    text-decoration: none;
}
.respList{
	list-style: url(img/bullet.svg);
	padding-left: 2.5rem;
}
.single-position .jobPopUp {
	position: static;
	box-shadow: none !important
}
.vidBullets {
	list-style: url(img/blue_check.svg);
	padding-left: 2.5rem;
}
.vidBullets li{
	margin-bottom: 2rem;
}
.respList li{
	margin-bottom: 2rem;
}
.jc{
	max-width: 74.2rem;
}

.jobForm{
	position: fixed;
	
	top:0;
	width: 45.5rem;
	background-color: #ffeb6f;

height: 100%;
	padding: 10rem 7rem;
	box-sizing: border-box;
}

.thankYou{
	padding: 10rem 7rem;
	box-sizing: border-box;
	background-color: #ffeb6f;
	text-align: center;
	display: none;
}

.thankYou p{
	font-size: 1.8rem;
}
.page-template-new_get_a_demo  #menu-item-1478{
	display: none;
}
.page-template-new_get_a_demo .jobPopUp{
	position: static;
}
.page-template-new_get_a_demo .jobForm{
	right: 0;
	position: absolute;
}
.page-template-new_get_a_demo .clients{
	margin-top: 0;
	padding-top: 0;
}
.page-template-new_get_a_demo .popUpCon{
	height: 100%;
}
.newDemo h1{
	margin-top: 0;
	font-size: 4.2rem;
	font-weight: 700;
	width: 76rem;
	text-align: left;
	
	line-height: 5rem;
}
.newDemoTop{
	max-width: 160rem;
}
.page-template-new_get_a_demo .clients li{
	text-align: left;
}
.newDemo .clients h2{
	font-size: 2.8rem;
	font-weight: 500;
	text-align: left;
}
.newDemo p{
	font-size: 2rem;
	width: 60.5rem;
	
	text-align: left;
}
.newDemo{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	width: calc(100vw - 60rem);
	
	padding-top: 10rem;
	box-sizing: border-box;
	padding-left: 5rem;
}
.page-template-new_get_a_demo .logosList {
    margin-left:  0 !important;
}
.newDemo .clients h2{
    margin-left: 0;
}
.newDemo .jdes{
	flex-grow:0;
	padding-bottom: 20rem;
}
.grecaptcha-badge{
    display: none !important;
}
.jobForm h2{
	margin-top: 0;
	font-size: 2rem;
	background-image: url(img/pen.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 4rem;
	line-height: 4.1rem;
	margin-bottom: 4.6rem;
}
.wpcf7-form-control-wrap,.wpcf7-form-control-wrap input{
	width: 100%;
	box-sizing: border-box;
}
.wpcf7-form-control-wrap input{
	background-color: transparent;
	border:none;
	border-bottom: 1px solid rgba(0, 0, 0,.3) !important;
	line-height: 4rem;
	height: 4rem;
	font-size: 1.6rem;
	font-weight: 400;
	color: #000;
	
	
}

.wpcf7-form-control-wrap{
	margin-bottom: 3.4rem;
	display: block;
}
.jobForm .defLinkContent:before,.jobForm .defLink a:before,.jobForm .defLink button:before{
	background-color: #ffeb6f;
}
.jobForm #cv,.jobForm .cv{
	opacity: 0;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.book{
	font-weight: 400;
}
.cvLabel{
	position: relative;
	width: 100%;
	height: 11rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: 300;
	border: 1px dashed rgba(0, 0, 0,.3);
	margin-bottom: 3rem;
	cursor: pointer;
	transition: .3s;
}
.cvLabel:hover{
	background-color: #fff;
}
.loaderCon {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url(img/loading.svg);
    background-position: center;
    background-repeat: no-repeat;
    /* margin-top: 20rem; */
    background-color: #fff;
}
.loaderConCon{
	opacity: 0;
	visibility: hidden;
	transition: .3s all;
}
.loaderConCon.show{
	opacity: 1;
	visibility: visible;
}
.single-position .jobForm{
	z-index: 99999999;
	right:0;
}
.single-position .videoPopUp{
	display: none;
}
.respList li:last-child{
	margin-bottom: 0;
}
.respList{
	padding-bottom: 5rem;
}
.archive h1,.single h2.page-title,.blog h1,.single .h2.page-title{
	font-weight: 700;
	font-size: 3.8rem;
	color: #000;
	margin: 2.5rem 0;
	position: relative;
	z-index: 99999999;
}
.postList .current a{
	color: #000;
}

.resources .sub-menu{
	width: 61.4rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .5rem;
	box-sizing: border-box;
}
.resources .sub-menu li{
	flex: 0 0 50%;
}

.menuIcon{
	padding-right: .5rem;
}
.mt{
	margin: 0;
	padding-left: 4rem;
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 3rem;
	display: block;
}
.bottom {
	flex-grow: 1;
}
.bottom  .con{
	padding-left: 3.5rem;
}
.menuDes{
	display: block;
	margin: 0;
	padding-left: 4rem;
font-size: 1.6rem;
font-weight: 300;}

.con .mt,.con .menuDes{
	padding-left: 6rem;
}
.con{
	margin: 0;
}
.level1list{
	margin-bottom: 3rem;
}
.sideBar{
	flex: 0 0 26.3rem;
	position: relative;
	z-index: 1;
}
.postList>li>a,.postList>li>ul>li>a{
	padding-left: 3rem;
	display: block;
}
.postList ul{
	display: none;
}
.postList .currentTerm ul{
	display: block;
}
.postList h3{
	margin-bottom: 0;
	padding-bottom: 1.5rem;
}
.postList{
	display: none;
}
.currentPostType .postList{
	display: block;
}
h2.kb{
	background-image: url(img/lamp.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 3rem;
	font-size: 1.8rem;
	line-height: 3rem;
	    margin-top: 1rem;
}
.postList a,.postList h3{
	font-size: 1.6rem;
	text-decoration: none;
	 color: rgb(169, 179, 189);
	cursor: pointer;
	transition: .3s all;
	
}
.typesList h2 a{
	text-decoration: none;
	 color: rgb(169, 179, 189);
	transition: .3s all;
}
.postList a:hover,.postList h3:hover,.typesList h2 a:hover{
	color: #000;
}
h2.int{
	background-image: url(img/socket.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 3rem;
	font-size: 1.8rem;
	line-height: 3rem;
}
h2.faq{
	background-image: url(img/FAQ.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 3rem;
	font-size: 1.8rem;
	line-height: 3rem;
}
.postList h3:before{
	content: '+';
	display: inline-block;
	margin-right: 1rem;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	border:1px solid #536474;
	color: #536474;
	text-align: center;
	line-height: 1.9rem;
	transition: .3s;
	
}
.postList h3.opened:before{
	content: '-';
}
.contentArea{
	padding-left: 3.5rem;
	padding-right: 5rem;
	box-sizing: border-box;
	
	flex: 0 0 67rem;
	width: 67rem;
}
.postList li a{
	margin-bottom: 1.5rem;
}
.archive .site-main,.single .site-main,.blog .site-main{
	padding-top: 10rem;
}
.contentArea h2,.contentArea h1{
	margin-top: 0;
	margin-bottom: 3rem;
}
.innerPostList a{
	color: #000;
	
	
}

ol {list-style: none; counter-reset: li}
li {counter-increment: li}

ol li::before {content: counter(li); color: #5E84FF;
    display: inline-block; width: 1em; margin-left: -1.5em;
    margin-right: 0.5em; text-align: right; direction: rtl}


h2.opened>a{
	color: #000;
}
.contentArea h1{
	font-size: 2.7rem;
	font-weight: 400;
}
.innerPostList li{
	margin-bottom: 1rem;}
.innerPostList h3{
	margin-bottom: .5rem;
	
	
}
.noSkew,.noSkew a,.noSkew button{
	transform: skewX(0) !important;
	left: 0;
}
header .defLink a:before {
    background-color: #fff;
}
header .defLink a{
	border:none !important;
	padding: 0 2rem;
	line-height: 4.3rem;
}
header .defLink{
	border: 2px solid #557aff;
	padding-left: 0;
	margin-left: 1rem;
}
.nle{
	border: none;
	border-bottom: 1px solid #ccc;
	background-color: transparent;
	font-size: 1.6rem;
	margin-bottom: 2rem;
	margin-top: 2rem;
	width: 100%;
	box-sizing: border-box;
}
.archive .wrapper,.single .wrapper{
	padding-bottom: 6rem;
	justify-content: space-between;
}
.question:after{
	content: '+';
	width: 2.8rem;
	height: 2.8rem;
	display: inline-block;
	border-radius: 50%;
	border: solid 2px rgb(169, 179, 189);
	text-align: center;
	line-height: 2.1rem;
	color: rgb(169, 179, 189);
	box-sizing: border-box;
	
}
.question.opened:after{
	content: '-';
}
.qt{
	flex-grow: 1;
}
.login{
	position: relative;
	padding-left: 0;
}

.login:after{
	position: absolute;
	display: block;
	content: '';
	height: 3px;
	width: 0;
	bottom:0;
	background-color: #557aff;
	left:50%;
	transition: .3s all;
}
.login:hover:after{
	width: 100%;
	left: 0;
}
.question{
	font-size: 2rem;
	color: #000;
	border-bottom: 1px solid  rgba(164, 185, 203,.4);
	padding-bottom: 1rem;
	cursor: pointer;

}
.postsList  a{
	text-decoration: none;
	color: rgb(82, 99, 115); 
}
.belowFeatured{
	padding: 2.4rem;
	box-sizing: border-box;
	font-size: 1.6rem;
	 line-height: 1.38;
}
.belowFeatured h2{
	margin: 0;
	color: rgb(0, 0, 0);
	font-size: 1.8rem;
	  line-height: 1.44;
}
.con{
	background-position: left center;
	background-repeat: no-repeat;
}
.answer{
	display: none;
}
.products .sub-menu{
	width: 34.8rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.products .sub-menu .product{
	flex: 0 0 100%;
	width: 100%;
}
.menu-footer-menu-container{
	flex-grow: 1;
}
#menu-footer-menu a{
	font-size: 1.6rem;
color: #c6c6c6;
}
.ex{
	flex-grow: 1;
}
#menu-footer-menu .sub-menu a{
	color: #fff;
}

.postContainer{
	flex: 0 0 89.2rem;
}
.post0 .featuredImageContainer{
	width: 89.2rem;
	height: 27.8rem;
	background-size: cover;
	background-position: center;
border: 1px solid #DBE3EA;
box-sizing: border-box;

}
#showMore:after{
	position: absolute;
	display: block;
	content: '';
	top:0;
	left: 0;
	
	background: #557aff url(img/load_more.svg) center no-repeat;
	width: 100%;
	height: 100%;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transition: .3s all;
}
#showMore.loading:after{
	opacity: 1;
	visibility: visible;
}
.postsList{
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
.postsList:after{
	 content: "";
 width: 33.9rem;
    flex: 0 0 33.9rem;
    margin-bottom: 3rem;
}
.featuredImageContainer{
	width: 43.1rem;
	height: 22.7rem;
	background-size: cover;
	background-position: center;
	background-color: #ccc;
	overflow: hidden;
	}
.inActive{
	opacity: .3;
	pointer-events: none;
}
.postsList li{
	width: 43.1rem;
	flex: 0 0  43.1rem;
	
	margin-bottom: 3rem;
	
}
h1.ah{
	margin-bottom: 6.6rem;
}
.belowFeatured{
	border-left: solid 1px rgb(219, 227, 234);
	border-right: solid 1px rgb(219, 227, 234);
	border-bottom: solid 1px rgb(219, 227, 234);
	background-color: #fff;
	box-sizing: border-box;

}
.postsList li a{
	display: flex;
	flex-direction:column;
	height: 100%;
}

.belowFeatured{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.postsList li.post0{
	width: 89.2rem;
	flex: 0 0 89.2rem;
}
.archiveTopTri{
	position: absolute;
	left:0;
	top:-30rem;
	height: 70rem;
	background-color: #a7c4ff;
	transform: skewY(-10deg);
	width: 100%;
	display: none !important;

}
.single-case-study .archiveTopTri,.single-post .archiveTopTri{
	display: block  !important;
}

.post-type-archive-case-study .archiveTopTri,.blog .archiveTopTri{
	display: block  !important;
}
.post-type-archive-event .archiveTopTri,.sinle-event .archiveTopTri{
	display: block  !important;
}
.authorDets{
	font-size: 1.4rem;
	margin: .5rem 0;
}
.blog .archiveTopTri,.single-post .archiveTopTri,.page-template-contact .archiveTopTri,.page-template-request_demo .archiveTopTri{
	background-color: #ffeb6f;
}

.post-type-archive-event .archiveTopTri{
	background-color: #7af9ae;
}




.contentArea{
	position: relative;
	z-index: 1;
}


.post-type-archive-kb-post .archiveTopTri,.single-kb-post .archiveTopTri{
	background-color: #F4F8FA;
}



.post-type-archive-kb-post  .logo rect,.single-kb-post  .logo rect{
	fill: #7bfaaf;
}
.post-type-archive-integrations .archiveTopTri,.single-integrations .archiveTopTri{
	background-color: #F4F8FA;
}



.post-type-archive-integrations  .logo rect,.single-integrations  .logo rect{
	fill: #7bfaaf;
}.post-type-archive-faqs .archiveTopTri,.single-faqs .archiveTopTri{
	background-color: #F4F8FA;
}



.post-type-archive-faqs  .logo rect,.single-faqs  .logo rect{
	fill: #7bfaaf;
}




.archive h1,.archive .wrapper,.blog h1,.blog .wrapper{
	position: relative;
	z-index: 99999;
	justify-content: space-between;
}
b, strong {
    font-weight: 500;
}

.single .authorDetsS{
   
    font-size: 2rem;
    font-family: Kievit Book,Open Sans,sans-serif;
    margin-bottom: 30px;
	position: relative;
	z-index: 1;
	font-weight: 300;
}
.postsList li a.vs{
	text-decoration: underline;
	margin-top: .5rem; 
	color: #5e84ff;
	font-weight: 400;
}
.toMap{
	color: #5e84ff;
	background-image: url(img/location.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 3rem;
	margin-right: 2rem;
	line-height: 3.5rem;
}

.toMeet{
	color: #5e84ff;
	background-image: url(img/coffee.svg);
	background-position: left bottom .5rem ;
	background-repeat: no-repeat;
	padding-left: 4rem;
	
	line-height: 3.5rem;
}
.gr{
	background-color:#f5f9fb;
 transform: skewY(-10deg);
	height: 70rem;
	
}

.wh{
	background-color: #fff;
	transform: skewY(-10deg);
	height: 70rem;
}
.lic{
	transform: skewY(10deg);
	max-width: 95rem !important;
}
.imgC,.bmct {
	position: relative;
	top:20rem;
	
}
.bmct,.bmc{
	opacity: 0;
}
.higher .bmct {
	top:10rem;
}
.imgC{
	width: 34.65rem;
	text-align: center;
}
.theBigBulletsUl{
	margin-top: -20rem;
}
.theBigBulletsUl  p{
	
	font-size: 2rem;
}
.bmct {
	width: 55.4rem;
	padding-left: 9rem;
	opacity: 0;
	position: relative;
}
.h1con1{
	height: 20rem;
	overflow: hidden;
}
.unskew {
	transform: skewY(10deg);
}
.h1text{
	position: relative;
	z-index: 99999;
}
.hiwh1  {
	font-size: 3.4rem;
	
	padding: 10rem 0;
	margin: 0;
	background-color: #f5f9fb;
	position: relative;
	

}
.hiwh1:after{
	content: '';
	display: block;
	position: absolute;
	top:0;
	height: 200%;
	width: 100%;
	left:0;
	background-color: #f5f9fb;
}
.hiwpro .defLinkContent:before, .hiwpro .defLink a:before, .hiwpro .defLink button:before {
   
    background-color: #fff;
 
}



.hiwpro{
	padding: 20rem 0 0 0;
	height: 50rem;
}
.hiwpro h2{
	font-size: 3.4rem;
	margin-bottom: 5rem;
	font-weight: 500;
}
.bmct h2{
	font-size: 3rem;
	margin-bottom: .5rem;
	font-weight: 500;
}
.stc h4{
	font-size: 1.8rem;
	font-weight: 400;
	margin-bottom: .5rem;
	margin-top: 0;
}
.sblts{
	margin-top: 2.5rem;
}
.letter {
	flex: 0 0 5.9rem;
	height: 5.9rem;
	border-radius: 50%;
	border:2px solid #7af9ae;
	line-height: 5.9rem;
	text-align: center;
	margin-right: 2.1rem;


	
	
}
.stc p{
	margin-top: 0;
	font-size: 1.6rem;
}
.number{
	width: 6.8rem;
	height: 6.8rem;
	display: block;
	position: relative;
	
	left:-6rem;
	background-color: #ffeb6f;
	border: 2px solid #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 6.5rem;
	font-size: 3rem;
	  color: rgb(213, 180, 69);
	margin-bottom: 2rem;

	


}
.mc4wp-response{
	font-size: 1.4rem;
	margin-top: 1.5rem;
}
.blog .wrapper{
	justify-content: space-between;
}

.sideBox{
	 border-radius: 2px;
  background-color: rgb(245, 249, 251);
  border: solid 1px rgb(219, 227, 234);
	padding: 2.7rem;
	box-sizing: border-box;
	margin-bottom: 5rem;
	position: relative;
	
}
.sideBox.newsletter{
	margin-bottom: 0;
}
.sideBar  .newslettera{
	margin-bottom: 5rem;
}
.sideBar  .sideBox{
	
	
	background-position: top -5rem right -5rem;
	background-repeat: no-repeat;
}
.sideBox h2{
	 font-size: 2rem;
	margin-bottom: 0;
	margin-top: 0;
}
.sideBox.newsletter h2{
	background-image: url(img/pi.svg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 7.8rem;
	text-align: center;
}
.sideBox p{
	font-size: 1.6rem;
	 line-height: 1.2;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.sideBox.video{
	position: relative;
}
.sideBox  button,.sideBox  a{
	width: auto;
	display: inline-block;
	padding: 0 2rem !important;
}
.sideBox.video *{
	position: relative;
	z-index: 9999999;
}

.sideBox .defLink {
    height: 3.4rem;
    line-height: 3.4rem;
	border: none !important;
	position: absolute;
	bottom: -1.7rem;
	margin: auto;
	left: 0;
	right: 0;
	text-align: center;
    
}
.sideBox  .defLinkContent, .sideBox  .defLink a,.sideBox  .defLink button{
height: 3.4rem;
    line-height: 3rem;
	font-size: 1.6rem;
	padding: 0 1rem;
}
 .sideBox  .vidBox .defLink a,.sideBox .vidBox .defLink button{
	padding: 0 3rem 0 1rem !important;
}

.sideBox  .defLinkContent:before, .sideBox  .defLink a:before,  .sideBox  .defLink button:before{
	background-color: #fff;
}
.featuredImageContainer img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.featuredImageSizer{
	transition: .3s all;
	transform:scale(1);
	height: 100%;
}
.postsList  a:hover .featuredImageSizer{
	transform:scale(1.05);
	
}
.postsList  a:hover h2,.postsList  a:hover p,.postsList  a:hover .readMore{
	left:1rem;
	
}
.postsList  a h2,.postsList  a p,.postsList  a .readMore{
	transition: .3s all;
	position: relative;
	left: 0;
	
	
}
.postsList  a h2{
	transition-delay: .1s;
}
.postsList  a p{
	transition-delay: .2s;
}
.postsList  a .readMore{
	transition-delay: .3s;
}
.single section,.single h1{
	position: relative;
	z-index: 999;
	margin-bottom: 1rem;
	
}
.single .mainContent {
	max-width: 85rem;
	margin: 0;
}

.single-post .mainContent ul{
    list-style: disc;
    padding-left: 2rem;
}
.single-case-study .mainContent{
		max-width: 120rem !important;
	margin: 8rem auto;
}
.single-case-study .mainContent .challenge *,.single-case-study .mainContent h2,.single-case-study  article h2,.single-case-study  article p,.single-case-study  article ul{
	max-width: 85rem;
	margin-right: auto;
	margin-left: auto;

}
.content-area{
	overflow: hidden;
}
.single-case-study .mainContent .result  *,.single-case-study .result  h2{
	max-width: 85rem;
	margin-right: auto;
	margin-left: auto;

}
.single-case-study article ul {
    list-style: disc;
    padding-left: 4rem;
}
.single-case-study .mainContent .solution  *,.single-case-study .solution  h2{
	max-width: 85rem;
	margin-right: auto;
	margin-left: auto;

}
.single-case-study .mainContent img{
	max-width: 120rem !important;
	width: 120rem !important;
	margin-bottom: 6rem;
	margin-top: 6rem;
}
.single-case-study .mainContent  article{
	max-width: 120rem !important;
	width: 120rem !important;
}
.single-case-study .mainContent h2{
	font-size: 2.6rem;
}
.spH1{
	font-size: 3.8rem;
    line-height: 40px;
   
	font-weight: 700;
}
.single .topBlts{
	background-color: #fff;
	display: flex;
	-webkit-box-shadow: 0 0 24px 0 rgba(73,112,239,.21);
    box-shadow: 0 0 24px 0 rgba(73,112,239,.21);
	justify-content: space-between;
	padding:6rem 8rem;
	box-sizing: border-box;
}

.single .topBullet{
	width: 22.6rem;
}
.single .topBullet p{
	font-size: 1.8rem;
	margin-top: 1rem;
	margin-bottom: 0;
}
.single .topBullet h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1rem;
    font-size: 2.2rem;
	border-bottom: 2px solid;
}
.single .topBullet.bulletOne h2{
	border-color: #7af9ae;
}
.single .topBullet.bulletTwo h2{
	border-color: #5e84ff;
}
.single .topBullet.bulletThree h2{
	border-color: #ffec70;
}
.single-case-study article{
	margin-top: 5rem;
	margin-bottom: 10rem;
}

article a{
	color: #222;
}
article img{
	width: 100%;
	height: auto;
}
.lma{
	background-color: transparent;
	border: none;
	text-align: center;
}
.single-case-study .quote{
	padding:10rem 0 0 10rem;
	background-image: url(img/bqm.svg);
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 10rem;
	box-sizing: border-box;
}
.single-case-study .quote p{margin: 0;}
.single-case-study .quote p.qtdd{
	margin-top: 2rem;
	font-weight: 500;
}
.page-template-jobs .site-main{
	min-height: 100vh !important;
}
.menuDes{
	font-size: 1.4rem;
}
.greenSq .logo rect {
   
    fill: #7bfaaf !important;
	}
.page-template-contact h1,.page-template-request_demo h1{
	font-weight: 400;
	font-size: 3.8rem;
	margin-top: 8.4rem;
	padding-top: 6rem;
	background: url(img/contact.svg) center top no-repeat;
	
	
}
.page-template-contact .videoSide h2{
	font-size: 2.4rem;
}
.page-template-contact .videoSide ul{
	list-style: url(img/blue_check.svg);
	padding-left: 3rem;
}
.page-template-contact .videoSide ul li{
	margin-bottom: 1rem;
}
.cTop p{
	font-size: 2rem;
	width:74rem;
	margin-left: auto;
	margin-right: auto;
    white-space: pre-line;
}
.openViudeoThumb{
	width: 100%;
	height: 0;
	padding-bottom: 57%;
	background-size: cover;
	border: none;
	position:relative;
	display: block;
}
 h2.fw400{
    font-weight: 400 !important;
    margin-top: 0;
}
.page-template-request_demo h1{
    margin-bottom: 1rem;
}
.cMain{
	position: relative;
	z-index: 1;
	padding-bottom: 16rem;
	padding-top: 4rem;
	justify-content: center;
}
.playCon {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
}
.wv{
	font-size: 2.8rem;
	color: #fff;
	padding-top: 8rem;
	display: inline-block;
	background: url(img/play_icon.png) top center no-repeat;
}
.videoSide{
	width: 48.5%;
	flex:  0 0 48.5%;
}
.contactSide{
	width: 48.5%;
	flex:  0 0 48.5%;
	 box-shadow: 0 0 24px 0 rgba(73, 112, 239, 0.2);
	padding: 5rem 9rem;
	box-sizing: border-box;
}
.contactSide h2{
	font-size: 3.8rem;
	text-align: center;
}
.ourBranchesSide{
	flex-grow: 1;
	padding-left: 3rem;
	box-sizing: border-box;
}
.wpcf7-response-output{
	clear: both;
	float: left
}
.ourBranchesSide .branches {
	padding: 0;
}
span.wpcf7-not-valid-tip{
	font-size: 1.2rem;
}
.ourBranchesSide path{
	fill: #000;
}
.ourBranchesSide rect{
	fill:rgba(255,255,255,255);
}
.ourBranchesSide .branches  h3,.ourBranchesSide .branches p{
	color: #000;
	font-size: 1.8rem;
}

.ourBranchesSide   h2{
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2rem 0;
	margin: 0 0 4rem 0;
	font-size: 2.2rem;
}
.ourBranchesSide .branches  h3{
font-size: 1.6rem;
	
margin: 0;	
}
.contactSide .wpcf7-form-control-wrap input{
	margin-bottom: 1rem;
}
.contactSide select,.jobForm select{
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0,.3) !important;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 4rem;
    height: 4rem;
	width: calc(100% + 15px);
	background-image: url(img/select.svg);
	background-position: right 20px center;
	background-repeat: no-repeat;
}
.jobForm select{
	background-color: #ffeb6f;
	
	-webkit-appearance:none; 
	border-radius: 0;
}
.contactSide .defLink{
	
	
    margin-right: -1rem;
	margin-top: 3rem;
}

.selCon{
	overflow-x: hidden;
	
}
.contactSide .defLinkContent:before, .contactSide .defLink a:before,.contactSide .defLink button:before{
	background-color: #fff;
}
form p{
	margin: 0;
}
.videoPopUp{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.9);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999999999999;
	opacity: 0;
	visibility: hidden;
	transition: .3s all;
	overflow: hidden;
	margin-bottom: 0 !important;
	
}
.single .videoPopUp{
	position: fixed;
	z-index: 99999999999999;
	}
.videoPopUp.show{
	opacity: 1;
	visibility: visible;
	
}
.cufoot {
	transform: skewX(22deg);
	position: relative;
	left:0;
}
.cufoot .defLinkText {
    transform:  skewX(-22deg) !important;
	font-size: 1.6rem;
	color: #323232;
   
}
.cufoot .defLinkContent:before{
	background-color: #323232;
}
.cufoot:hover .defLinkText {
	color: #fff;
}

.reqi a,.reqi{
        color: #222;
    font-size: 1.4rem;

}
#closeVidPopUp{
	position: absolute;
	left:1rem;
	top:1rem;
	background-color: transparent;
	border:none;
width: 2rem;
	height: 2rem;
	background-image: url(img/cls.svg);
	background-size: 2rem;
	transition: .3s all;
	transform: rotate(0deg);
	background-repeat: no-repeat;
	padding: 0;
	
}
#closeVidPopUp:hover{
	transform: rotate(90deg);
}
.mobileWrapper{
	display: flex;
	justify-content: space-between;
	flex-grow: 1;
}
*:focus{
	outline: none;
}
#menu-footer-menu>li>a{
	pointer-events: none;
}
.basicPage h1{
	
	font-weight: 400;
	margin-top: 10rem;
}
.contentArea img{
	width: 100%;
	height: auto;
}
.basicPage{
	padding-bottom: 10rem;
}
.page-template-default .logo rect {
   
    fill: #7bfaaf;
}
.relatedPosts a{
	display:block;
	text-decoration:none;
	color:#222;
}
.page-template-product_vertical .topBulletsList li{
	position: relative;
	opacity: 0;
}

.page-template-product_vertical .topBulletsList .tbtc,.page-template-product_vertical .topBulletsList .tbic{
	opacity: 1;
}
#menu-iab-link-1{
    align-items: center;
}
.prebid  a{
   
	height: 3rem;
    width: 12rem;
	background-image: url("img/prebid.png");
	
	display: block;
	margin-left: 5rem;
	position: relative;
    background-size: 12rem 3rem;
}
.iab a{
	width: 6.5rem;
	height: 6.5rem;
	background-image: url(img/IAB_Member_Seal_White_RGB.png);
	background-size: 6.5rem;
	display: block;
	margin-left: 5rem;
	position: relative;
	
}
.iab a:before{
	width: 6.5rem;
	height: 6.5rem;
	background-image: url(img/IAB_Member_Seal_Black_RGB.png);
	background-size: 6.5rem;
	position: absolute;
	display: block;
	content: '';
	opacity: 0.000001;
}
.iab a:hover{
	background-image: url(img/IAB_Member_Seal_Black_RGB.png);
}
.promoRes .maxWidth{
	border-top: 1px solid #BCC5CD;
	position: relative;
	z-index: 99999;
	
}
.promoRes h2{
	margin-top: 9rem;
	margin-bottom: 7rem;
	font-size: 3.4rem;
	text-align: left;
}

.promoRes h3{
	font-size: 2.4rem;
	margin-top: 3.5rem;
	margin-bottom: 1.4rem;
}
.home .topBg{
    /*background-image: url("img/btop.png");*/
}
.promoRes p{
	margin: 0;
	font-size: 1.6rem;
	flex-grow: 1;
}

.promoRes li{
	flex: 0 0 55.2rem;
	width: 55.2rem;
	
}
.promoRes{
	background-color: #fff;
}
.whyUseBrowsi .animationCon{
    margin-top: 4rem;
}
.promoRes li a{
	text-decoration: none;
	color: #000000;
	padding: 2rem;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 0 24px 0 rgba(73,112,239,0.2);
	
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: .3s all;
	transform: scale(1);
}
.rscImg{
	width: 51.2rem;
	height: 25.2rem;
	overflow: hidden;
	
}

.rscImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: .3s all;
	transform: scale(1);
}
.promoRes{
	position: relative;
	z-index: 9999;
}
.promoRes li a:hover  .rscImg img{
	transform: scale(1.05);
}
.promoRes li a:hover{
	transform: scale(.97);
}
.mfrb{
	position: relative;
	z-index: 3;
}
.promoRes  .rm{
	font-size: 1.6rem;
	font-weight: 500;
	margin-top: 1rem;
	margin-bottom: 1rem;
	display: inline-block;
	background-image: url(img/Arrow.svg);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 1.5rem;
	align-self: flex-start;
	transition: .3s all;
	padding-left: 0;
}

.promoRes .diCon{
	top: auto;
	bottom: 5rem;
	background-color: #F5F9FB;
}
.postIconProd{
	margin: 2rem 5rem 0 4rem;
}
.page-template-product_horizontal .homeTop p{
	margin-bottom: 4rem;
}
.page-template-product_horizontal .topArea{
	padding-top: 0;
	padding-bottom: 0;
}
.page-template-product_horizontal .homeTop {
padding-bottom: 23rem;
	padding-top: 14rem;
}
[type="checkbox"]{
	display: none;
}

[type="checkbox"]:checked + label:after{
	width: 1.7rem;
	height: 1.7rem;
	
	display: block;
	position: absolute;
	left:.2rem;
	top:.1rem;
	content:'';
	background-image: url(img/V.svg);
	
}

[type="checkbox"] + label{
	padding-left: 3rem;
	box-sizing: border-box;
	position: relative;
	display: block;
	font-size: 1.6rem;
}
[type="checkbox"] + label:before{
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid #383838;
	display: block;
	position: absolute;
	left:0;
	top:.3rem;
	content:'';
}
.wpcf7-acceptance .wpcf7-list-item-label{
	display: none;
}

.watchIcon:after {
    font-family: Browsicons;
    content: "\e900";
    color: #fff;
    font-size: 1.3rem;
    padding-right: .5rem;
    transition: .3s all;
    display: inline-block;
}
.vidtop button:hover {
    opacity: .7;
}
#lottie{
	width: 37.8rem;
	height: 49rem;
	position: absolute;
	top:2rem;
	left:2rem;
	opacity: 0;
	
}

#lottie div{
	width: 37.8rem;
	height: 49rem;
}
.anTopLayer{
	width: 42rem;
	height: 66.35rem;
	background-image: url(hp_animation/top_page_image.svg);
	background-size: 42rem;
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	left:0;
	z-index: 99999;
	opacity: 1;
}
.home .anCon {
	width: 42rem;
	height: 66.35rem;
}



.page-template-product_horizontal .anCon ,.page-template-product_vertical .anCon {
	opacity: 0;
}
.page-template-product_vertical .anCon {
	width: 68.6rem;
}
.cst{
    position: relative;
    z-index: 1;
    max-width: 75.2rem;
    margin: 0 auto 4rem auto ;
    text-align: center;
}
.topGrad{
	width: 71.9rem;
	height: 17.8rem;
	background-image:url(hp_animation/white_gradient.svg);
	background-size: 71.9rem;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
bottom: 0;
	    z-index: 999999;
}
.post-type-archive-case-study .logo rect,.post-type-archive-case-study  .scrolled .logo rect {
    
    fill: #7bfaaf !important;
}

.single-case-study .logo rect,.single-case-study  .scrolled .logo rect {
    
    fill: #7bfaaf !important;
}

.blog  .scrolled .logo rect {
    
    fill: #7bfaaf !important;
}

.single-post .logo rect,.single-post  .scrolled .logo rect {
    
    fill: #7bfaaf !important;
}


.post-type-archive-event  .scrolled .logo rect {
    
    fill: #7bfaaf !important;
}

.single-event .logo rect,.single-event .scrolled .logo rect {
    
    fill: #7bfaaf !important;
}
ol li{
    margin-bottom: 1.5rem;
}
.post-type-archive-event .logo rect{
    fill:#fff;
}
h1.cng .changing {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 5rem;
    vertical-align: top;
    flex-grow: 1;
    top: .6rem;
}
.changingContent {
    position: absolute;
    display: block;
    white-space: nowrap;
    top: 0;
}
.home h1.cng .word {
    display: block;
    position: relative;
   
    white-space: nowrap;
    transition: .5s all;
    opacity: 0;
    color: #000;
    font-weight: 700;
}
.home h1.cng .word.active{
    opacity: 1;
}

.home h1.cng .word.forceActive{
     opacity: 1;
    transition: none !important;
}
.topArea h1.cng{
    display: flex;
    white-space: pre-line;
    align-items: flex-end;
}
.static{
    padding-right: 1rem;
    white-space: pre-line;
    font-weight: 500;
}
.hir{
    display: none;
}


.contact-form-sec .hs-input { 
	background-color: transparent; 
	border: none;
    border-bottom: 1px solid rgba(0, 0, 0,.3) !important;
    line-height: 4rem;
    height: 4rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: #000;
    padding: 0 !important;
	-webkit-appearance: none;
	width:100%;
}
.contact-form-sec select option { padding:0px 15px; }
.contact-form-sec .hs-form-field label { font-size: 1.6rem; line-height: 2rem; font-weight: 400; color: #000; }
.contact-form-sec .hs-form-field .input { margin-right:0px !important; } 
.contact-form-sec .form-columns-2 .hs-form-field:last-child .input { margin-left:8px; }

.contact-form-sec .hs-form-field { margin-bottom:44px; }
.contact-form-sec .hs-form-field textarea {     width: 100% !important;
    height: 10rem;
    box-sizing: border-box;
    border-top: 0px !important;
    font-weight: 400;
    font-size: 1.6rem;
    margin-top: 2rem;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    border: 1px solid rgba(0, 0, 0,.3); }
.contact-form-sec .actions {height: 43px;
    line-height: 43px;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 400;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    direction: rtl;
    transform: skewX(-22deg);
    position: relative;
    left: -10px;
    border-right: 2px solid #557aff;}
.contact-form-sec .hs-button { text-decoration: none;
    padding: 0 33px 0 23px;
    height: 43px;
    line-height: 3.9rem;
    display: inline-block;
    width: 100%;
    color: #fff;
    transform: skewX(22deg);
    background-color: #557aff;
    position: relative;
    left: 10px;
    box-sizing: border-box;
    overflow: hidden;
    border: none;
    border: 2px solid #557aff;
	 transition: .3s all;
}



.contact-form-sec .hs_submit.hs-submit { margin-top:44px; }
.contact-form-sec .hs-button:hover { background-color:#ffffff; color:#557aff; }
.contact-form-sec .hs_error_rollup { display:none;}
.contact-form-sec .hs-error-msg { color: #f00 !important; font-size: 1.2rem !important; font-weight: 400 !important; }
.contact-form-sec .inputs-list input:checked+span:before { content: "\f00c"; font-family: fontawesome; font-size: 10px; line-height: 10px; color:#000000;
}
.contact-form-sec .inputs-list label > span { padding-left:20px; position:relative; margin:0px;     cursor: pointer; }
.contact-form-sec .inputs-list label > span:before { position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(0, 0, 0,.3);
    border-radius: 3px;
    transform: translateY(-50%);
    padding: 2px; }
.contact-form-sec .hs-richtext { font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
    color: #000;
    margin:8px 0px;
}
.newslettera .sideBox > h2 { padding-top: 7.8rem; background-image: url(img/pi.svg); background-repeat: no-repeat; background-position: top center;}
.newslettera .sideBox form h2, .newslettera .sideBox form h3{ font-size: 2rem; font-weight: 400; color: #222;margin: 0 0 2rem; }
.newslettera .sideBox form .hs-input{ border: none;  border-bottom: 1px solid #ccc;  background-color: transparent; font-size: 1.6rem; margin-bottom: 2rem; margin-top: 2rem; width: 100%; line-height: 22px !important; min-height: auto !important; padding: 0 !important; }
.newslettera .sideBox form .hs-form-field > label { display: block; text-align: left; font-size: 1.6rem; color:#757575; }
.newslettera .sideBox form .hs-form-field > label > span:first-child { margin-top: 2rem; display:inline-block; }
.newslettera .sideBox form .hs-form-field > label > span:first-child:empty { margin-top: 0; }
.newslettera .sideBox form .hs-error-msgs { font-size: 14px; margin: 0 0 20px;  }
.newslettera .sideBox form .actions { position: relative; bottom: -5.1rem;display: inline-block; background: #557aff;  border: 2px solid #557aff; overflow: hidden; z-index: 1; }
.newslettera .sideBox form .actions:before{ content: ""; position: absolute; padding: 0 2rem; width: 100%; height: 100%; background: #fff; left: -102%; box-sizing: border-box; transition: 0.3s all;}
.newslettera .sideBox form .hs-button { font-weight: 400; background: transparent; display: block; border: 0; outline: 0; padding: 0 2rem; color: #fff;  font-family: Kievit,sans-serif; font-size: 1.6rem; line-height: 3rem; position: relative; z-index: 1; transition: 0.3s all;}
.newslettera .sideBox form .actions:hover:before {left: -0.1rem; z-index: -1; }
.newslettera .sideBox form .actions:hover .hs-button { color: #557aff; }
.newslettera .sideBox form .hs_error_rollup { display: none; }
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

@media(max-width:480px){
	.contact-form-sec .form-columns-2 .hs-form-field:last-child .input { margin-left:0px;}
	
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        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) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]: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;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}