/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.4.0
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/
License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

Unfortunately WordPress will require a style.css file
located in the theme's root folder for stuff to work.

However, we will not be using vanilla CSS. We're using Sass.

Sass is a superset of CSS that adds in amazing features
such as variables, nested selectors and loops. It's also
the easiest way to customize Foundation.

All Sass files are located in the /assets/scss folder.
Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
'npm run watch' or 'npm run build'.

Please read the README.md file before getting started. More info on how
to use Sass with Foundation can be found here:
http://foundation.zurb.com/docs/sass.html

If you for some reason would like to write plain css instead of using Sass,
you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

.mid-banner-btn .button {
min-width: 345px;
}
.mid-banner-btn .button.last {
background: rgb(0, 156, 166);
}
.mid-banner-btn .button.last:hover {
background: rgb(90, 43, 129);
}
.essentiala11y img {
margin-top: -8px;
}
/* Bump version in maintainn-functions.php file to help clear caches */
.custome-pager ul#bx-pager li {
width: 20% !important;
}
/**My code start **/
.header-img-text br {
display: none;
}
html body .request-demo {
min-height: 462px !important;
}
.page-id-5279 .request-demo h1, .page-id-5278 .request-demo h1 {
word-spacing: 2px;
}
.header-img-text a, html body .lg-demo, html body .lg-overview {
max-width: inherit;
width: auto;
}
.page-id-5279 .request-demo, .page-id-5278 .request-demo{
padding: 95px 0 82px;	
}
.page-id-5279 .request-demo {
	
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.page-id-5279 .request-demo .gravityform {
max-width: 530px;
}
.page-id-5278 .request-demo .gravityform {
max-width: 530px;
margin: 0;
}
.customers.my-customer-class {
margin: 40px 0;
}
.customize.my-flex-class, .my-customer-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
padding: 0;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.support-block-img {
  width: 40%;
margin: 0px;
}
.support-block-img img {
width: 100%; 
}
.support-block-text {
width: 54%;
margin-top: 30px;
}
ul.support-bullets > li {
margin: 10px 0;
}
.customize.my-flex-class .col {
float: none;
border: solid 1px #dcdcdc;
margin: 0 0 20px 0;
padding: 20px;
font-size: 12px;
text-align: left;
min-height: 0;
width: 48%;
}
.customize.my-flex-class.three-cols-flex .col {
width: 31.5%;
}
.col-img-div {
/*min-height: 135.7px;*/
max-height: 135.7px;
overflow: hidden;
margin: 0 auto 14px;
}
.col-img-div img {
width: 100%;
}
html body .small-heading-div {
font-weight: 400;
text-align: center;
font-size: 2rem;
font-family: "effra", sans-serif;
color: #1198a6;
line-height: 3.125rem;
letter-spacing: 2px;
}
.lg-overview {
padding: 15px 17px;
}
.lg-demo {
padding: 15px 6px;
color: #fff;
}
.my-customer-inner .reviews {
width: 48%;
border: solid 1px #1198a6;
}
.page-id-16 .request-demo .columns,
.page-id-34 .request-demo .columns, 
.page-id-38 .request-demo .columns {
width: 100% !important;
}
.difference {
padding-top: 5%;
}

/*--- new style-----*/

.page-id-42 .request-demo:after,
.page-id-14 .request-demo:after,
.page-id-16 .request-demo:after,
.page-id-34 .request-demo:after,
.page-id-38 .request-demo:after,
.page-id-5083 .request-demo:after,
.page-id-5106 .request-demo:after,
.page-id-5110 .request-demo:after,
.page-id-5081 .request-demo:after,
.page-id-5231 .request-demo:after,
.home .request-demo:after
{
height: 100%;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
background: rgba(0,77,83, 0.9);
content: "";
}
.home .request-demo:after{
background: rgb(0,43,73,0.4);
background: linear-gradient(90deg, rgba(0,43,73,0) 0%, rgba(255,255,255,0.9108018207282913) 90%);
}
body.home .request-demo {
background-position:center !important;
min-height: 600px !important;
display: flex;
align-items: center;
object-fit:cover;
}
html body.page-id-5178 .request-demo .row {
width: 100%;
}
.home .request-demo .columns.small-12.medium-7.large-7 {
	float: right !important;
	width: 40% !important;
}

html body.page-id-5178 .request-demo {
display: flex;
align-items: center;
justify-content: space-between;
}
.request-demo .row {
width: 100%;
max-width: 90.25rem !important;
}
.page-id-5279 .request-demo {
display: flex;
align-items: center;
}
.page-id-5106 .request-demo {
background-position: center 14%;
}
.page-id-34 .request-demo figure.path-image {
display: none;
}
.page-id-26 .request-demo .columns {
float: right;
}
.page-id-24 .request-demo .header-img-text p,
.page-id-5279 .request-demo .header-img-text p  {
font-size: inherit !important;
color: inherit;
}
.page-id-5278 .request-demo .header-img-text p {
font-size: inherit !important;
color: inherit;
}

.page-id-5278 .request-demo .row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.page-id-5278 .request-demo .columns {
width: 100% !important;
}
.page-id-5278 .request-demo .columns.small-12.medium-5.large-5 {
display: none;
}
.page-id-5278 .request-demo .header-img-text p{
font-size: inherit !important;    
}
.page-id-5278 .request-demo .header-img-text{
background: rgba(255,255,255,0.4);
border-radius: 50px;
-webkit-box-shadow: 5px 4px 50px 25px rgba(255,255,255,0.56);
box-shadow: 5px 4px 50px 25px rgba(255, 255, 255, 50%);  
}
.page-id-52 .mid-container > .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.three-cols-flex .col-img-div
{
position: relative;
}
.full-bg .row .row {
padding: 0px 10px;
}
.three-cols-flex .col-img-div:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
left: 0px;
top: 0px;content: "";
background: rgba(0, 77, 83, 0.7);
}

.home .services center {
display: -webkit-box; 
display: -moz-box; 
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.home .services center .col {
margin: 0px;
padding: 15px;
width: 50%;
background: transparent;
min-height: inherit;
height: auto;
}

.home .services center .col .servic-box {
border: 1px solid #007378;
padding: 20px;
border-radius: 20px;
background: #fff;
display: -webkit-box;
display: -moz-box; 
display: -ms-flexbox; 
display: -webkit-flex; 
display: flex;
height: 100%;
}
.home .services center .col .servic-box .image-box {
max-width: 264px;
width: 250px;
    display: -webkit-box;
display: -moz-box; 
display: -ms-flexbox; 
display: -webkit-flex; 
display: flex;
align-items: center;
}
.home .services center .col .servic-box .text-box {
padding: 0px 15px;
}

.custom-path-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
padding: 0px 0px 0px;
    max-width: 75%;
margin: auto;
}

.custom-path-box .path-box-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #007378;
padding: 30px 9%;
width: 40%;
}
.custom-path-box .path-box-text h2 {
color: #fff;
text-decoration: underline;
font-weight: 300;
font-size: 32px;
letter-spacing: 0px;
margin: 0px 0px 40px;
}
.custom-path-box .path-box-text .path-button {
color: #fff;
text-transform: uppercase;
font-family: "effra", sans-serif;
font-weight: 300;
font-size: 24px;
text-align: center;
}

.custom-path-box .path-box-text .path-button span.button-icon {
width: 0;
height: 0;
border-top: 25px solid transparent;
border-left: 70px solid #fff;
border-bottom: 25px solid transparent;
display: block;
margin: auto;
margin-top: 10px;
}

.custom-path-box .path-box-image {
width: 60%;
position: relative;
left: -53px;
}
.page-id-12 .services-copy {
margin: 0px;
padding: 70px 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.header-img-text-industries {
text-align: center;
padding: 2%;
width: 70%;
float: left;
}
.page-id-34 .header-img-text-industries,
.page-id-38 .header-img-text-industries,
.page-id-5083 .header-img-text-industries {
width: 100% !important;
}
.customers .clearfloat {
flex-wrap: wrap;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
body .services {
margin-bottom: 0% !important;
}
.customers, .add-features, .cost-effective {
margin: 0% 0px !important;
}
.mid-container.full-bg > .row {
max-width: 100%;
}
.full-row{
max-width: 100%;    
}
.row.full-row {
margin: auto;
}
.services-webinars.row {
margin: auto;
}.request-demo:after
.row.full-row .columns.small-12.medium-12.large-12 {
padding-right: 10px;
padding-left: 10px;
}
.full-bg .managed {
padding: 3% 10px;
margin-bottom:0px;
}
.full-bg .row .row {
margin-left:auto; 
margin-right: auto;
}
.full-bg .difference, .full-bg .solutions {
max-width: 68.25rem;
margin-left: auto;
margin-right: auto;
}
.mid-container.full-bg > .row > .large-12 {
padding-left: 0px;
padding-right: 0px;
}
.home .customers {
background: #fff;
}
.grey-bg{
background-color: #f4f4f4;
 padding-bottom: 49px !important;
}
.home .mid-container {
padding-bottom: 0px;
}
.home .services-copy h2 {
font-size: 2.625rem;
line-height: 3.125rem;
color: #582C83;
font-family: "effra", sans-serif;
font-weight: 300;
letter-spacing: 2px;
}
.grey-bg.award-row + p {
display: none;
}
.grey-bg.award-row {
padding-bottom: 50px;
}
.services-copy.product-main center {
max-width: 70%;
padding: 0px 15px;
}
.awards center {
max-width: 1020px;
margin: auto;
}
.awards center img.g2-image {
max-width: 170px;
}
.customers-white-bg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.page-id-24 .customers {
background: #fff;
}
.full-width-text-container.full-bg.service-webinars {
padding-top: 0px;
}
.full-width-text-container.full-bg.service-webinars .managed {
margin-top: 0px;
padding-top: 6%;
}
.services-copy h2, .services-reviews h2 {
width: 100%;
}
/*--- new style end -----*/
@media screen and (min-width: 47.9375em){
.row .row {
margin: auto !important;
}

}

@media screen and (min-width: 901px){
.page-id-16 .difference .col {
width: 31%;
float: left;
padding: 2%;
margin: 1%;
min-height: 410px;
height: auto;
}
}

@media (max-width:1199px){html body .small-heading-div
.page-id-5279 .request-demo {
background-position: -100px 0px;
}
.page-id-5279 .request-demo .gravityform {
max-width: 73%;
}
}

@media (max-width:991px) {
.page-id-5279 .request-demo {
background-position: 39% 0;
}
.page-id-5279 .request-demo, .page-id-5278 .request-demo{
padding: 55px 0 46px;
}
.col-img-div {
/*min-height: 117.7px;*/
max-height: 117.7px;
}
.customize.my-flex-class .col {
width: 48.5%;
}
.customize.my-flex-class .col{padding:15px;}
.page-id-5279 .request-demo .gravityform {
max-width: 88%;
}
.page-id-5278 .request-demo .gravityform {
max-width: 370px;
}
}

@media screen and (max-width: 75rem){
.home .services-copy h2 {
font-size: 2.375rem;
line-height: 2.875rem;
}
}
@media screen and (max-width: 64rem){
.home .services-copy h2 {
font-size: 2rem;
line-height: 2.5rem;
}
}

@media screen and (max-width: 56.25rem){
.home .services-copy h2 {
font-size: 1.75rem;
line-height: 2rem;
}
}

@media (max-width:767px) {
html body .request-demo, .page-id-5279 .request-demo, .page-id-5278 .request-demo {
min-height: inherit !important;
padding: 40px 0;
}
.page-id-5278 .request-demo .header-img-text {
background: rgba(255,255,255,0.8);
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 2%;
}
html body.home .request-demo {
min-height: inherit !important;
}
.services-copy.product-main center {
max-width: 80%;
}
.custom-path-box {
max-width: 100%;
}
.support-block-img {
width: 100%;
}
.support-block-text {
width: 100%;
}
.page-id-5279 .request-demo {	
background-position: right;
}
.page-id-5279 .request-demo	.header-img-text {
background: rgba(255, 255, 255, 0.8);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 10px;
margin: auto;
}
.page-id-5279 .request-demo	.columns {
float: none;
margin: 0 auto;
}
.page-id-5279 .request-demo .gravityform, .page-id-5278 .request-demo .gravityform  {
max-width: 100%;
margin:0 auto;
}
.reviews h4 {
line-height: 26px;
}	
.customize.my-flex-class, .my-customer-inner {
display: block;
}
.customize.my-flex-class .col:nth-child(3n), .customize.my-flex-class .col, .customize.my-flex-class.three-cols-flex .col, .my-customer-inner .reviews {
display: block;
width: 100%;
margin: 0 0 20px;
}
.col-img-div {
/*min-height: 135.7px;*/
max-height: 135.7px;
}

.home .services center .col {
width: 100%;
}
.home .services center .col .servic-box {
flex-direction: column;
    align-items: center;
}  
.home .services center .col .servic-box .image-box {
margin-bottom: 20px;
}
.home .services center .col .servic-box .text-box {
padding: 0px 0px;
}
.lg-demo {
max-width: auto;
width: auto !important;
}
.lg-overview {
max-width: auto;
width: auto !important;
}
.custom-path-box .path-box-text {
width: 100%;
   order: 2;
}
.custom-path-box .path-box-image {
width: 100%;
position: relative;
left: 0px;
order: 1;
}
.custom-path-box .path-box-text h2 {
font-size: 25px;
}
.custom-path-box .path-box-text .path-button {
font-size: 20px;
}
.custom-path-box .path-box-text .path-button span.button-icon {
border-top: 20px solid transparent;
border-left: 40px solid #fff;
border-bottom: 20px solid transparent;
}

}

@media (max-width:752px) {
.header-img-text {
width: 100%;
}
.home .header-img-text h1 {
font-size: 1.5rem;
}
.services-copy.product-main center {
max-width: 100%;
padding: 0px 15px;
}
}

/**My code close **/
