/*
	Desktop Style
*/

header.desktop {
	border-top: none;
}


section#solution {
	position: relative;
	margin-top: -5px;
}

section#solution h2 {
	font-size: 40px;
	font-weight: 600;
	color: white;
	line-height: 1.2;
	text-align: center;
}

section#solution article.top {
	position: relative;
	padding: 2em calc((100% - 1190px)/ 2);
}

section#solution article.bottom {
	position: relative;
	padding: 7em calc((100% - 1190px)/ 2);
}

section#solution article.top {
	background-image: url(/wp-content/themes/angelsense/images/b2b-HP/Solution_image-1920-min2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: 678px;
}

section#solution article.top div {
	color: white;
	font-size: 1.2rem;
	width: 30%;
	padding: 0em 0.5em;
	border-left: 1px dotted white;
}

section#solution article.top div:first-of-type {
	margin-top: 6em;
	margin-bottom: 4em;
	margin-left: 235px;
}

section#solution article.top div:last-of-type {
	margin-left: auto;
	width: 33%;
	margin-right: 250px;
}

section#solution article.bottom div.wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

section#solution article.bottom {
	background-color: #efefef;
}

section#solution article.bottom div.text {
	margin-bottom: 2em;
	color: #292929;
	font-size: 1.2rem;
	padding: 0em 6em 0em 0em;
	width: 50%;
}

section#solution article.bottom div.text .action_button {
	margin-top: 2em;
}

section#solution article.bottom div.image {
	width: 50%;
}

section#solution article.bottom div p {
	display: block;
	margin-bottom: 1em;
}

section#solution article.bottom a.request_action,
section#solution article.bottom a.request_gray {
	padding: 0.5em 1em;
}

section#solution article.bottom a.request_action {
	position: relative;
	left: 0;
	bottom: 0;
	display: inline-block;
	width: 170px;
}

section#solution article.bottom a.request_gray {
	position: relative;
	left: 15px;
	bottom: 0;
	display: inline-block;
	width: 170px;
}

section.promoting {
	padding: 2em calc((100% - 1190px)/ 2);
	background-image: url("/wp-content/themes/angelsense/images/b2b-HP/Solution_image3-1920-min.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: calc(100vw * (550/1920));
	min-height: 550px;
}

section.promoting h2 {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}

section.promoting article {
	width: 48%;
	margin-top: 4em;
	margin-left: auto;
	color: #fff;
	line-height: 1.4;
	margin-right: 8em;
}

section.promoting article ul li,
section.promoting article p {
	color: white;
	line-height: 1.4;
	font-size: 20px;
	margin-bottom: 0.5em;
}

section.promoting article ul {
	margin-top: 2em;
	list-style: disc;
	padding-left: 20px;
}

section#testimonials {
	text-align: center;
	padding: 2em calc((100% - 1190px)/ 2);
	overflow: hidden;
	position: relative;
}

section#testimonials h2 {
	font-size: 40px;
	font-weight: 600;
	color: #32b4a6;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 1em;
}

section#testimonials div.review {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	background-color: #fff;
	position: relative;
	min-height: 450px;
	box-sizing: border-box;
	padding: 1em;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #e6e6e6;
	margin: 0.5%;
	border: 1px solid #e6e6e6;
}

section#testimonials div.review div.content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 85%;
	text-align: left;
}

section#testimonials div.review div.content img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

section#testimonials div.review div.content p {
	display: inline;
	font-size: 1.2rem;
}

section#testimonials div.line {
	margin-top: 1.5em;
}

div.logo div.line:after,
section#testimonials div.line:after {
	display: none;
}

section#testimonials div.line a.see_testimonials {
	display: inline-block;
	text-transform: uppercase;
	color: #32b4a6;
	text-align: center;
	position: relative;
	padding: 1em;
	z-index: 100;
	font-size: 1.1rem;
}

section#features {
	padding: 2em calc((100% - 1190px)/ 2);
	position: relative;
	text-align: center;
	background-color: #f7f7f9;
}

div.line {
	display: block;
	position: relative;
	text-align: center;
}

div.line:after {
	content: "";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 1px;
	border: 1px dashed rgb(200, 201, 201);
	width: 100%;
	display: none;
	position: absolute;
}

section#features a.more {
	display: inline-block;
	padding: 0.5em 1em;
	outline: 0;
	color: #32b4a6;
	font-size: 1.2rem;
	position: relative;
	z-index: 1000;
	text-transform: uppercase;
}

section#features a.more:before {
	content: "";
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/wp-content/themes/angelsense/images/b2b-HP/arrow_more_green.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 1em;
	height: 1em;
	visibility: hidden;
	opacity: 0;
	transform: rotate(180deg);
}

section#features a.more.show:before {
	visibility: visible;
	opacity: 1;
}

section#features a.more:after {
	content: "";
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/wp-content/themes/angelsense/images/b2b-HP/arrow_more_green.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 1em;
	height: 1em;
	visibility: visible;
	opacity: 1;
	position: relative;
}

section#features a.more.show:after {
	visibility: hidden;
	opacity: 0;
}

section#features div.title {
	color: rgb(18, 45, 56);
	background-color: rgb(232, 233, 235);
}

section#features div.title span {
	background-color: rgb(18, 45, 56);
}

section#features div.title span:after {
	background-color: rgb(18, 45, 56);
}

section#about h2,
section#pricing h2,
section#features h2 {
	font-size: 40px;
	font-weight: 600;
	color: #32b4a6;
	line-height: 1.2;
	text-align: center;
}

section#features div.feature {
	display: block;
	margin-top: 8em;
	text-align: center;
}

section#features div.feature ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0.5em;
	border: 2px solid rgba(203, 207, 206, 0.45);
	border-radius: 8px;
	min-height: 230px;
	width: 280px;
	margin: 0.4em;
}

section#features div.feature ul li div.image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	background-color: #32b4a6;
	width: 120px;
	height: 120px;
	position: relative;
	margin-top: -75px;
	margin-bottom: 1em;
	transition: all 0.3s;
}

section#features div.feature ul li div.image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 65%;
}

section#features div.feature ul li h3 {
	line-height: 1;
	font-size: 1.2rem;
	font-weight: 600;
	color: #32b4a6;
	white-space: nowrap;
}

section#features div.feature ul li p {
	margin-top: 1em;
	font-size: 1.1rem;
	color: #292929;
	font-weight: 300;
}

section#features div.feature.bottom {
	display: none;
}

section#features div.feature.bottom.show {
	display: block;
}

section.comparison {
	background-color: rgb(18, 45, 56);
	padding: 4em calc((100% - 1020px)/ 2);
	overflow: hidden;
	position: relative;
}

section.comparison h2 {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 1em;
}

section.comparison img {
	display: block;
	width: 100%;
	height: auto;
}

section.comparison a {
	display: none;
}

section#about {
	padding: 2em calc((100% - 1190px)/ 2);
	background-image: url(/wp-content/themes/angelsense/images/b2b-HP/Solution_image4-1920.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	position: relative;
	height: 628px;
}

section#about article {
	position: absolute;
	top: 55%;
	left: 45%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	padding: 1em;
	width: 640px;
}

section#about article h3 {
	font-size: 1.5rem;
	color: rgb(250, 100, 39);
}

section#about article h2 {
	margin-top: 0.5em;
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: 500;
	color: rgb(18, 45, 56);
}

section#about article p {
	display: block;
	margin: 1em 0em;
	font-size: 20px;
	color: #292929;
	font-weight: 300;
}

section#about article p:first-of-type {
	margin-bottom: 1em;
}

section#about article a.request_action {
	position: relative;
	left: 0;
	bottom: 0;
	display: inline-block;
}

section#about article a.request_gray {
	position: relative;
	left: 15px;
	bottom: 0;
	display: inline-block;
}

/*Contact form*/

body.remove div.overlay,
div.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10000;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}

div.overlay.show {
	visibility: visible;
	opacity: 1;
}

body.remove #contact,
#contact {
	z-index: 1000000;
	position: fixed;
	top: -150%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	border-radius: 8px;
	padding: 2em 3em;
	transition: all 0.5s;
	width: 450px;
}

#contact.show {
	top: 100px;
}

#contact a.remove {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 1.5em;
	height: 1.5em;
	background-image: url(/wp-content/themes/angelsense/images/b2b-HP/close2.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 0.5em;
	z-index: 0;
}

#contact div.form_title {
	display: block;
	margin-bottom: 0.5em;
}

#contact div.form_title h2 {
	text-align: center;
	color: rgb(18, 45, 56);
	font-size: 2rem;
	line-height: 1.2;
	font-weight: 400;
}

#case-signup {
	position: relative;
}

#case-signup .success {
	display: block;
	padding: 1em;
	background-color: white;
	color: rgb(250, 100, 39);
	text-align: center;
	font-size: 1.3rem;
	font-weight: 700;
}

#case-signup label,
#sign label {
	display: block;
	vertical-align: top;
	margin-bottom: 1em;
	width: 100%;
	position: relative;
}

#case-signup label input#promo {
	display: inline-block;
	width: auto;
	-webkit-appearance: checkbox;
	padding: 5px;
	vertical-align: middle;
}

#sign label:last-of-type {
	margin-bottom: 0em;
}

#case-signup textarea,
#case-signup select,
#case-signup input,
#sign textarea,
#sign label select,
#sign label input {
	background-color: white;
	border-radius: 4px;
	border: 1px solid rgb(222, 222, 222);
	padding: 13px 10px;
	color: #828282;
	font-size: 16px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#sign textarea,
#sign label select,
#sign label input {
	padding: 10px;
}

#sign input#promo-signup {
	display: inline-block;
	width: 20px;
	-webkit-appearance: checkbox;
	position: relative;
	top: -1px;
}

select::-ms-expand {
	display: none;
}

#case-signup textarea {
	height: 112px;
	resize: none;
}

#case-signup label.custom:after,
#sign label.custom:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(/wp-content/themes/angelsense/images/b2b/arrow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 10px;
	height: 10px;
}

#case-signup label input[type="submit"],
#sign label input[type="submit"] {
	background-color: #f34022;
	color: rgb(255, 255, 255);
	text-decoration: none;
	font-size: 1.4rem;
	padding: 0.5em 1em;
	border-radius: 8px;
	text-transform: uppercase;
	font-weight: 400;
	-webkit-appearance: none;
}

#case-signup label input[type="submit"] {
	width: 30%;
	margin-left: auto;
	margin-right: 1.35em;
	display: block;
	font-size: 1.4rem;


}

.success {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(18, 45, 56);
	visibility: hidden;
	opacity: 0;
	color: white;
	padding: 50% 1em 50% 1em;
	font-size: 1.2rem;
}

.success.show {
	visibility: visible;
	opacity: 1;
}

#float-container .success {
	padding-top: 50px;
	color: white;
}

#pricing {
	padding: 2em calc((100% - 980px)/ 2);
	position: relative;
}

#pricing div.title {
	color: rgb(18, 45, 56);
	background-color: rgb(232, 233, 235);
}

#pricing div.title span::after,
#pricing div.title span {
	background-color: rgb(18, 45, 56);
}

#pricing h2 {
	text-align: center;
	color: rgb(18, 45, 56);
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: 500;
}

#pricing ul {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0em 1em;
	margin: 2em 0em;
}

#pricing ul li {
	display: block;
	position: relative;
	color: #292929;
	margin: 0.4em 0em;
	font-size: 1.1rem;
	font-weight: 300;
	padding-left: 15px;
}

#pricing ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background-color: #32b4a6;
	border-radius: 50%;
}

#case-signup {
	display: block;
	margin-top: 1em;
}

#case-signup div.section {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	box-sizing: border-box;
	padding: 0em 1em;
}

#case-signup div.section label {
	display: block;
	width: 100%;
}

::-webkit-input-placeholder { /* Chrome */
  color: #828282;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #828282;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #828282;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
	color: #828282;
  opacity: 1;
}

/*Float Form*/
div.contact.float {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	background-color: rgb(41, 53, 67);
	text-align: center;
	padding: 1em 0 1em 0;
	white-space: nowrap;
	border-radius: none;
	z-index: 10000000;
	box-shadow: none;
	transition: all 0.3s;
}

div.contact.float.show {
	bottom: 0;
}

div.contact.float h3 {
	margin-bottom: 0.5em;
	display: block;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 26px;
}

div.contact.float form {
	display: inline-block;
	vertical-align: middle;
}

div.contact.float label {
	display: inline-block;
	vertical-align: middle;
	margin: 0em 0.2em;
	position: relative;
	width: 220px;
}

div.contact.float label textarea,
div.contact.float label input {
	display: block;
	padding: .5em .5em;
	width: 100%;
	border: 2px solid rgb(244, 244, 244);
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	transition: all .3s;
}

div.contact.float label input[type="submit"] {
	display: inline-block;
	padding: .3em 1.5em;
	font-size: 1.3rem;
	font-weight: 500;
	background-color: rgb(243, 101, 35);
	color: rgb(255, 255, 255);
	border: 0;
	border-radius: 10px;
	text-align: center;
	text-transform: uppercase;
	-webkit-appearance: none;
}

footer .content-wrap {
	width: auto !important;
}

footer .vc_col-md-4.site-name {
	line-height: 1;
}

/*Landscape*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1367px) and (orientation: landscape){
	section.slider_gallery {
		margin-top: 55px;
	}

	section.slider_gallery div.slider div div.content {
		left: 1em;
		top: 1.5em;
	}

	section#about h2, section#pricing h2, section#features h2,
	section#solution h2,
	section.slider_gallery div.slider div div.content h1 {
		font-size: 35px;
	}

	section.slider_gallery div.slider div div.content p {
		font-size: 24px;
	}

	section.slider_gallery div.action_button {
		display: block;
	}

	a.request_action {
		left: 1em;
		font-size: 1em;
		width: 210px;
	}

	a.request_gray {
		font-size: 1em;
		left: calc(50% - 400px);
		width: 210px;
	}

	section#solution article.bottom {
		background-image: url(/wp-content/themes/angelsense/images/b2b-HP/Solution_image2-1920-min.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 130% auto;
		height: 530px;
		background-color: #efefef;
		padding: 7em calc((100% - 1000px)/ 2);
	}

	section#features div.feature ul li {
		width: 400px;
		margin: 3em 0em;
	}

	section.comparison img {
		display: block;
		width: 90%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 1576px) {
	a.request_gray, a.request_action {
		bottom: 20px;
	}
}

/* Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	header.b2b {
		padding: 1em calc((100% - 980px)/ 2);
	}

	header.b2b nav a {
		padding: 0.5em 0.5em;
	}

	section.slider_gallery div.slider div div.content span {
		font-size: 2.5vw;
	}

	section.slider_gallery div.slider div div.content p.blue,
	section.slider_gallery div.slider div div.content h1 {
		font-size: 3vw;
	}

/*	a.request_action {
		font-size: 1.7vw;
	}*/

	a.request_action,
	section.slider_gallery div.slider div div.content,
	header.b2b a.logo {
		left: calc(50% - 500px);
	}

	section.slider_gallery div.logo {
		padding: 0.2em;
	}

	section#solution article.top {
		padding: 7em calc((100% - 565px)/ 2);
	}

	section#solution article.bottom {
		padding: 7em calc((100% - 950px)/ 2);
	}

	section#testimonials div.review {
		width: 31%;
	}

	section#testimonials div.review div.content p {
		font-size: 1rem;
	}

	section#features h2 {
		font-size: 2rem;
	}

	section#features div.feature ul li {
		width: 45%;
		margin-bottom: 5em;
	}

	section#features div.feature ul li h3 {
		font-size: 1rem;
	}

	section#about article {
		width: 495px;
	}

	footer.b2b div.top {
		padding: 2.5em calc((100% - 950px)/ 2);
	}

	footer.b2b .vc_col-md-4.site-name a {
		width: 100%;
	}

	footer.b2b .pull-right {
		padding: 0em 1em;
	}

	#contact {
		width: 80%;
		padding: 1em;
	}

	#sign label {
		display: inline-block;
		vertical-align: top;
		width: 49%;
	}
}