/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;vertical-align:baseline}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/*** clearfix ***/

.group:after {
  content: "";
  display: table;
  clear: both;
}

/*** global ***/

body {
	font-family: 'Roboto', sans-serif;
	margin-top: 60px;
}

#wrapper {
	overflow: hidden;
}

a.cta,
.mail-list-wrap .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit],
#gform_2 input[type=submit],
.search-page-input .search-form button,
.cta-items li a {
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: 11px 20px;
	background: #2EAB7F;
	color: #fff;
	border-radius: 4px;
	line-height: 1;
	border: 1px solid #2EAB7F;
	text-decoration: none;
	display: inline-block;
}

.cta-items li a.inactive {
	font-weight: 300;
	background: #fff;
	color: #455a64;
}

.foot-login a.cta {
	background: #399;
	border: 1px solid #399;
}

.landmark p,
.feature p,
.section-copy p,
.point p,
.col-side p,
.section-lead p.sec-copy,
.comp-col p,
.single-blog p,
.single-blog ul,
.single-blog ol,
.two-col-copy ul,
.two-col-copy ol,
.about-intro-copy p,
.tab-content p,
.loc-item p,
.demo-header p,
.tile-meta-wrap p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8em;
    color: #37474f;
}

sup {
    font-size: 0.8em;
    top: -6px;
    position: relative;
}

sub {
	font-size: 0.8em;
    bottom: -6px;
    position: relative;
}

.square-spacer {
	width: 100%;
	height: 250px;
	position: relative;
}

.gr-angle-grad {
	width: 100%;
	height: 90%;
	position: absolute;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
	transform: rotate(-5deg);
	left: -50px;
}

blockquote {
    background: #f7f7f7;
    width: 67%;
    margin: 60px 0;
    position: relative;
    clear: both;
}

blockquote:before {
    content: '"';
    font-size: 260px;
    position: absolute;
    top: 5px;
    left: 15px;
    color: #339999;
}

.single-blog blockquote p {
    font-size: 36px;
    padding: 30px 30px 30px 112px;
    color: #339999;
    line-height: 1.2em;
    font-weight: 300;
	max-width: 100%;
}

.single-blog blockquote ul {
    list-style: none !important;
    text-align: right;
    max-width: 100%;
    padding-right: 30px;
    margin-bottom: 0;
    padding-bottom: 30px;
}

.single-blog blockquote ul li {
    line-height: 1.2em;
}

.single-blog blockquote ul li:before {
    background: none;
}

.white-details {
	position: relative;
}

.white-details .sd-right {
    left: 80%;
    transform: rotate(270deg);
    margin-top: 0;
}

.white-details .sd-mid {
	left: 55%;
	margin-top: 30px;
}

.white-details .sd-left {
	left: 7%;
	margin-top: 15px;
	transform: rotate(180deg);
}

/*.white-details .square-detail {
	position: absolute;
	top: -135px;
}*/

.search-sort .square-detail {
	top: 29%;
}

.search-sort {
	padding: 50px 0;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}

.mobile-sort.dropdown {
	display: none;
}

.cta-items {
	position: relative;
	z-index: 1;
}

.cta-items li {
	display: inline-block;
	margin: 10px;
}

.cta-items li a {
	font-size: 18px;
}

.search-page-input .search-form {
    position: relative;
    max-width: 800px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.search-page-input .search-form button {
    top: 1px;
    font-size: 16px;
    display: inline-block;
    position: relative;
}

.search-results-wrap h2 {
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 50px;
	line-height: 1.3em;
}

.search-results-wrap h2 span {
	font-weight: 700;
	color: #455a64;
}

.search-details.inner-sec {
	padding-bottom: 50px;
}

.global-search-link {
	width: 25px;
	height: 25px;
	margin-top: 8px;
	margin-left: 15px;
	background-image: url('/wp-content/themes/autocase/images/search-icon-white.png');
	background-size: 25px 25px;
}

.whiteHeader .global-search-link {
	background-image: url('/wp-content/themes/autocase/images/search-icon-default.png');
}

.meta-cta {
    font-size: 13px;
    text-decoration: none;
    color: #999;
    padding-top: 10px;
    display: inline-block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    display: block;
}

.meta-cta:hover {
	text-decoration: underline;
}

.result-type {
    text-transform: uppercase;
    display: inline-block;
    color: #399;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
}

.responsive-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.responsive-container iframe,
.responsive-container object,
.responsive-container embed,
.responsive-container video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*** main nav ***/

#site-title {
	float: left;
	width: 160px;
	position: relative;
	margin-top: 31px;
}

#site-title svg {
	width: 100%;
}

.main-nav {
	position: fixed;
	width: 100%;
	height: 100px;
	background: rgba(255,255,255,0);
	z-index: 100;
}

.head-bg {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.95);
	opacity: 0;
	transition: 0.5s ease;
}

.whiteHeader {
	opacity: 1;
	transition: 0.5s ease;
	border-bottom: 0px solid #eceff1;
}

em {
	font-style: italic;
}

.menu-main-global-nav-container ul > li {
	float: left;
	position: relative;
	padding-right: 30px;
    margin-left: 20px;
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-right: 40px;
}

.menu-main-global-nav-container ul > li > a {
	color: #fff;
	text-decoration: none;
}

.greentex .menu-main-global-nav-container ul > li > a {
	color: #37474f;
}

#site-title.greenlogo svg path {
	fill: #37474f !important;
}

.menu-main-global-nav-container ul > li > ul {
	display: none;
	position: absolute;
	top: 70px;
    width: 350px;
    margin-left: -193px;
	left: 50%;
	background: #fff;
	border: 1px solid #eceff1;
	border-radius: 8px;
}

#menu .sub-menu {
	-webkit-box-shadow: 0px 7px 36px -7px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 7px 36px -7px rgba(0,0,0,0.3);
	box-shadow: 0px 7px 36px -7px rgba(0,0,0,0.3);
}

.menu-main-global-nav-container ul > li > ul > li a {
    color: #37474f;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 16px;
    padding-left: 20px;
    border-radius: 8px;
}

.menu-main-global-nav-container ul > li#menu-item-10 > ul > li a {
	padding-top: 18px;
    padding-left: 55px;
}

.menu-main-global-nav-container ul > li > ul > li a span {
	font-size: 13px;
    padding-right: 40px;
    display: block;
    width: 280px;
    margin-top: 5px;
    color: #607d8b;
}

.menu-main-global-nav-container ul > li.menu-item-has-children:hover > ul,
.menu-main-global-nav-container ul > li.menu-item-has-children a:focus + ul {
	display: block;
}

/*#menu-item-13 .sub-menu {
	display: block !important;
}*/

.menu-main-global-nav-container ul > li > ul > li {
	float: none;
    margin-left: 0;
    padding-left: 50px;
    border-bottom: 1px solid #eceff1;
    padding-bottom: 20px;
    position: relative;
    height: 15px;
    margin-right: 0;
}

.menu-main-global-nav-container ul > li#menu-item-10 > ul > li {
    height: 35px;
}

.menu-main-global-nav-container ul > li > ul > li:hover {
	background: #f7f7f7;
}

.menu-main-global-nav-container ul > li > ul > li:first-child {
    border-radius: 8px 8px 0 0;
}

.menu-main-global-nav-container ul > li > ul > li:last-child {
	border-bottom: 1px solid transparent;
    border-radius: 0 0 8px 8px;
}

/*.menu-item-has-children:after {
	content: "";
	width: 20px;
	height: 11px;
	background: url(/wp-content/themes/autocase/images/chev-d-w.png);
	background-size: 20px 11px;
	position: absolute;
	right: 0;
	top: 27px;
}*/

.greentex .menu-item-has-children:after {
	content: "";
	width: 20px;
	height: 11px;
	background: url(/wp-content/themes/autocase/images/chev-d-g.png);
	background-size: 20px 11px;
	position: absolute;
	right: 0;
	top: 27px;
}

.menu-item-has-children:hover:after {
	opacity: 0.3;
	transition: 0.5s ease;
}

#menu-item-13 .sub-menu {
	width: 165px;
    margin-left: -96px;
}

#menu-item-11 .sub-menu,
#menu-item-12 .sub-menu {
    width: 250px;
    margin-left: -143px;
}

#menu-item-28:before {
    content: "";
    background: url(/wp-content/themes/autocase/images/building-icon-t.png);
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    left: 10px;
    top: 20px;
    position: absolute;
}

#menu-item-27:before {
    content: "";
    background: url(/wp-content/themes/autocase/images/sites-icon-t.png);
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    left: 9px;
    top: 17px;
    position: absolute;
}

#menu-item-26:before {
    content: "";
    background: url(/wp-content/themes/autocase/images/consulting-icon.png);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    left: 17px;
    top: 26px;
    position: absolute;
}

#menu-item-6979:before {
    content: "";
    background: url(/wp-content/themes/autocase/images/search-icon-default.png);
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    left: 17px;
    top: 18px;
    position: absolute;
}

#menu-item-38 {
	border-bottom: 1px solid transparent;
	border-radius: 0 0 0 8px;
}

#menu-item-38,
#menu-item-39,
#menu-item-416 {
    float: left;
    padding-left: 0;
    overflow: hidden;
    width: 28px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 21px;
    border-bottom: 0;
}

#menu-item-38 {
	margin-left: -1px;
}

#menu-item-38:hover,
#menu-item-39:hover,
#menu-item-416:hover  {
	background: #fff;
}

#menu-item-38 a,
#menu-item-39 a,
#menu-item-416 a {
    padding-left: 55px;
    color: #fff;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 20px;
    top: 14px;
}

#menu-item-38 a:before,
#menu-item-39 a:before,
#menu-item-416 a:before {
    content: "";
    width: 29px;
    height: 29px;
    background: #333;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    background-size: 29px 58px !important;
    background-position: bottom !important;
}

#menu-item-38 a:before {
    background: url('/wp-content/themes/autocase/images/fb-sprite.png');
}

#menu-item-39 a:before {
    background: url('/wp-content/themes/autocase/images/tw-sprite.png');
}

#menu-item-416 a:before {
    background: url('/wp-content/themes/autocase/images/li-sprite.png');
}

#menu-item-38 a:hover:before,
#menu-item-39 a:hover:before,
#menu-item-416 a:hover:before {
    background-position: top !important;
}

#menu-item-6979 {
	display: none !important;
}

.utility-nav {
	position: absolute;
	top: 29px;
	right: 0;
	/* idth: 165px; */
	margin-right: 40px;
}

.utility-nav a {
	float: left;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.05em;
}

.whiteHeader .utility-nav a.login {
	color: #37474f;
}

.login {
	margin-top: 12px;
}

.login:hover {
	text-decoration: underline;
}

.sticky-demo {
	background: #339999;
	padding: 15px 20px;
	margin-left: 20px;
}

.toggle {
	display: none;
	width: 30px;
    height: 26px;
    background: transparent;
    position: absolute;
    right: 20px;
    top: 17px;
}

#menu-mobile {
	display: none;
}

.nav-bar {
	width: 100%;
	height: 4px;
	border-radius: 5px;
	background: #455a64;
	transition: all 0.3s ease;
	opacity: 1;
	position: absolute;
}

.bar-2 {
	top: 50%;
	margin-top: -2px;
}

.bar-3 {
	bottom: 0;
}

.mobile-off .bar-2 {
	opacity: 0;
}

.mobile-off .bar-1 {
	transform: rotate(45deg);
	top: 11px;
}

.mobile-off .bar-3 {
	transform: rotate(-45deg);
	bottom: 11px;
}

/*** section general ***/

section {
	width: 100%;
}

.cont-max {
	max-width: 1400px;
	margin: 0 auto;
}

.sec-pad {
	padding: 0 40px;
	position: relative;
}

.page-template-page-about .sec-pad {
    padding: 60px 40px;
    position: relative;
}

.section-lead {
	text-align: center;
	margin-bottom: 60px;
}

.page-template-page-about section.about-intro.inner-sec.white-details {padding-top: 81px;}

.section-lead h2,
.section-lead p,
.landmark h3,
.features-wrap h3,
.col-side h3,
.col-side h4,
.comp-copy h3,
.section-lead h1,
.loc-item h2,
.demo-header h3 {
	font-size: 36px;
	font-weight: 500;
	color: #37474f;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.col-side h4 {
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 300;
	margin-bottom: 30px;
}

.col-side ul,
.col-side ol {
	margin-bottom: 30px;
}

.section-lead p {
	font-weight: 300;
}

.about-intro.inner-sec {
	padding: 0;
}

.inner-sec {
	padding: 100px 0;
}

/*** hero section ***/

.hero {
	padding: 350px 0 300px;
}

.search-hero {
	padding: 220px 0 170px;
}

.hero-cont-wrap {
	text-align: center;
	color: #fff;
	max-width: 900px;
	margin: 0 auto;
}

.hero h1,
.single-blog h1,
.single-blog h2 {
	font-weight: 500;
	font-size: 36px;
	line-height: 1.2em;
	margin-bottom: 10px;
	font-family: 'Arial', sans-serif;
	font-family: 'Roboto', sans-serif;
}

.hero p,
.highlight p {
	font-weight: 300;
	font-size: 24px;
	line-height: 1.5em;
	margin-bottom: 50px;
}

.tile-meta-wrap h3 {
	font-size: 24px;
	font-weight: 500;
	color: #37474f;
	line-height: 1.3em;
	margin-bottom: 15px;
}

.tile-meta-wrap a {
	text-decoration: none;
	line-height: 1.4em;
}

.tile-meta-wrap p strong,
.tile-meta-wrap h3 strong {
	font-weight: 700;
	background: #f1f1f1;
}

.input-wrap {
	margin-bottom: 20px;
	display: inline-block;
}

.hero-cta .download-cta {
	margin-top:0;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.project-item {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 40px;
	padding-bottom: 30px;
}

.project-item:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.project-item .item-pad {
	max-width: 900px;
}

.hero-cta {
	width: auto;
}

.single-blog p strong {
	font-weight: 500;
}

.single-blog p,
.single-blog ul,
.single-blog ol {
	margin-bottom: 30px;
}


.pagination {
	border-top: 1px solid #e6e6e6;
	margin-top: 0;
	padding-top: 50px;
	margin-bottom: 100px;
}

/*** product compare section ***/

.mfp-iframe-holder .mfp-content {
    max-width: none !important;
}

.product-compare {
	text-align: center;
}

.section-lead p.sec-copy {
	padding-top: 40px;
    max-width: 900px;
    margin: 0 auto;
    display: inline-block;
}

.section-lead p.sec-copy strong {
	font-weight: 700;
}

.comp-col {
	display: inline-block;
	width:49%;
	text-align: center;
	margin-top: 50px;
	vertical-align: top;
}

.comp-col img {
	width: 100%;
}

.comp-col .feature {
	width: 100%;
}

.comp-copy {
	padding: 40px 50px 0 50px;
}

.comp-col-1 .pad {
	padding-right: 30px;
}

.comp-col-2 .pad {
	padding-left: 30px;
}

.buildings.comp-col  h3 {
	color: #0d47a1;
}

.sites.comp-col  h3 {
	color: #2e7d32;
}

h3.col-headline {
	margin-bottom: 20px;
}

h3.comp-feat-headline {
	margin-top: 60px;
	font-weight: 300;
	margin-bottom: 60px;
	color: #37474f;
}

.comp-copy .arrow-link {
	float: none;
	display: inline-block;
	margin-bottom: 80px;
}

/*** carousel ***/

.logo-carousel.inner-sec {
	padding: 60px 0;
}

.logo-carousel .section-lead {
	margin-bottom: 40px;
}

.logo-carousel .section-lead.green h2 {
	color: #2e7d32;
}

.logo-carousel .section-lead.blue h2 {
	color: #0d47a1;
}

.slick-slide img {
	width: 100%;
}

.slick-slide .img-pad {
	padding: 0 10px;
}

.slick-initialized {
	visibility: visible !important;
}

.logo-carousel .slick-prev:before {
    content: "";
    width: 24px;
    height: 13px;
    background: url(/wp-content/themes/autocase/images/chev-d-g.png);
    background-size: 24px 13px;
    transform: rotate(90deg);
    display: block;
    opacity: 1;
    right: 3px;
    position: relative;
}

.logo-carousel .slick-next:before {
    content: "";
    width: 24px;
    height: 13px;
    background: url(/wp-content/themes/autocase/images/chev-d-g.png);
    background-size: 24px 13px;
    transform: rotate(-90deg);
    display: block;
    opacity: 1;
}

/*** about page ***/

.jw-profile {
    position: absolute;
    width: 41%;
    height: auto;
    right: 0;
    bottom: 0;
}

.jw-profile img {
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
}

.about-profiles.inner-sec {
	padding-bottom: 0;
	padding-top: 0;
}

.about-profiles-desk.inner-sec:last-child,
.about-profiles-mobile.inner-sec:last-child {
	padding-bottom: 10;
}

.about-intro .gr-angle-grad {
	height: 100%;
	transform: rotate(0deg);
}

.about-intro {
	position: relative;
}

.about-intro-copy {
	width: 50%;
	float: left;
}

.about-intro-copy p {
	margin-bottom: 30px;
}

.about-intro-copy h1,
p.letter-title,
.story-sign p {
	color: #399;
}

.about-intro .about-intro-copy h1,
.story-sign p {
	margin-bottom: 0;
}

.about-intro-copy p.letter-title {
	font-weight: 300;
}

.story-sign {
	float: right;
}

/*** Acordion styles ***/

.accordion-wrap {
	padding-top: 60px;
}

.accordion-col {
	width: 50%;
	float: left;
}

.about-profiles-mobile-wrap {
    display: none;
}

.about-profiles-mobile .accordion-col {
    float: none;
    margin: 0 auto;
    width: 50%;
}

.accordion-col-1 .pad {
	padding-right: 40px;
}

.accordion-col-2 .pad {
	padding-left: 40px;
}

.accordion-item {
	clear: both;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e6e6e6;
}

.accordion-item:last-child {
    border-bottom: 0;
}

.bio-image {
	float: left;
	width: 100px;
}

.bio-image img {
	width: 100%;
	display: block;
	border-radius: 8px;
}

.accordion-wrap .tab {
    position: relative;
    padding-top: 30px;
    width: auto;
    color: #399;
    overflow: hidden;
}

.accordion-wrap input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.accordion-wrap label {
  position: relative;
  display: block;
  padding: 0 0 0 25px;
  font-weight: bold;
  line-height: 1.7em;
  cursor: pointer;
}

.accordion-wrap label span {
  font-size: 24px;
  font-weight: 500;
}

.accordion-wrap label span.bio-title,
.accordion-wrap label span.bio-email {
  font-size: 20px;
  font-weight: 300;
}

.tab-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}

.blue .tab-content {
  background: #3498db;
}

.tab-content p {
  margin: 0;
  margin-left: 25px;
  margin-top: 30px;
}

/* :checked */
.accordion-wrap input:checked ~ .tab-content {
  max-height: none;
}
/* Icon */
.accordion-wrap label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
}

.accordion-wrap input[type=checkbox] + label::after {
  content: "";
  background: url(/wp-content/themes/autocase/images/chev-down.png);
  background-size: 30px 18px;
  width: 30px;
  height: 18px;
}

.accordion-wrap input[type=radio] + label::after {
  content: "\25BC";
}
.accordion-wrap input[type=checkbox]:checked + label::after {
  transform: rotate(180deg);
}


/*** product trail section ***/

.trail-wrap {
	position: relative;
	width: 100%;
	padding-top: 170px;
}

.start-anchor {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	left: 50%;
	margin-left: -15px;
	background: #ccc;
	top: 0;
}

.down-left {
	position: absolute;
	width: 30%;
	left: 50%;
	margin-left: -30%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 0 0 16px 0;
	top: 0;
	height: 80px;
}

.down {
	position: absolute;
	width: 30%;
	left: 50px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-radius: 16px 0 0 0;
	top: 80px;
	height: 100%;
}

.landmark {
	position: relative;
	width: 100%;
	margin-left: 120px;
	margin-bottom: 100px;
}

.landmark:last-child {
	margin-bottom: 50px;
}

.landmark h3 {
	margin-bottom: 20px;
}

.landmark p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8em;
}

.landmark-1 h3 {
	color: #0d47a1;
}

.blue .landmark-1 h3 {
	color: #0d47a1;
}

.green .landmark-1 h3 {
	color: #2e7d32;
}

.landmark-1 a.cta {
	background-color: #0d47a1;
	border: 1px solid #0d47a1;
}

.blue .landmark-1 a.cta {
	background-color: #0d47a1;
	border: 1px solid #0d47a1;
}

.green .landmark-1 a.cta {
	background-color: #2e7d32;
	border: 1px solid #2e7d32;
}

.landmark-2 h3 {
	color: #2e7d32;
	position: relative;
}

.landmark-2 a.cta {
	background-color: #2e7d32;
	border: 1px solid #2e7d32;
}

.land-left {
	top: 50%;
   	transform: translateY(-50%);
   	-webkit-transform: translateY(-50%);
   	position: absolute;
}

.land-left-cont {
	padding-right: 120px;
}

.land-side {
	float: left;
	width: 50%;
}

.land-right {
	float: right;
}

.land-right-cont img {
	max-height: 400px;
	width: auto;
}

.landmark .cta-wrap,
.two-col-copy .cta-wrap {
	margin-top: 50px;
}

.landmark .cta-wrap a {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.landmark-icon {
	position: absolute;
	width: 80px;
	height: 80px;
	left: -110px;
	top: -20px;
	background: #fff;
	padding: 20px 0;
}

.landmark-icon img {
	width: 100%;
}

.landmark-icon-adv-ser {
  padding-top: 70px;
  margin-bottom: -40px;
  /* display: block; */
  margin-left: auto;
  margin-right: auto;
  height: 55px;
  width: 55px;
}

.landmark-icon-adv-ser img {
	width: 100%;
}

/*** case studies section ***/

.page-template-page-case-studies .inner-sec {
	padding-top: 0;
}

.page-template-page-case-studies .white-details {
	padding-bottom: 40px;
}

.page-template-page-case-studies .gr-angle-grad {
	bottom: -100px;
}

.case-studies {
	background: #f2f2f2;
	position: relative;
}

.case-studies.square-bg {
	background: #fff;
}

.sort-select {
	text-align: center;
	margin-top: 30px;
	font-weight: 300;
}

.page-template-page-case-studies .case-study {
	display: none;
}




select.select-style {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    padding-left: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #37474f;
    -o-border-image: none;
    border-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 8px;
    font-size: inherit;
    padding: 0 10px;
    width: 230px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.05em;
    font-size: 18px;
    color: #37474f;
    position: relative;
    padding: 10px;
    height: 46px;
    z-index: 1;
}

.dropdown {
	display: inline-block;
	margin: 0 15px;
	position: relative;
}

.select-label {
	position: absolute;
	top: -20px;
	left: 0;
}

.dropdown:after {
    content: "";
    width: 20px;
    height: 11px;
    background: url(/wp-content/themes/autocase/images/chev-d-g.png);
    background-size: 20px 11px;
    position: absolute;
    right: 12px;
    top: 18px;
    z-index: 0;
}

.or-split {
    margin: 0;
    display: inline-block;
    position: relative;
    top: -2px;
}

.or-split:after {
	background: none;
}

option.lwropt {
	text-transform: none !important;
}

.square-pattern {
    position: absolute;
    width: 200%;
    height: 387px;
    left: -50%;
    right: 0;
    background: url(/wp-content/themes/autocase/images/bg-square.png);
    top: 30%;
}

.break.underline-me {
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	margin-top: 100px;
}

.inner-sec.underline-me {
	padding-bottom: 0;
}

.square-bg .case-study {
	-webkit-box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.2);
}

.case-blocks-wrap {
	margin: 0 auto;
	max-width: 1200px;
}

.tile-style {
	width: 45%;
	margin: 0;
	display: inline-block;
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: transparent;
    border-radius: 16px;
    position: relative;
    vertical-align: top;
}

.case-studies-tri .tile-style {
	width: 28.3%;
	vertical-align: top;
}

.tile-style span,
.tile-style span a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tile-style h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 20px;
    color: #455a64;
}

.case-study:hover {
	background: #f7f7f7;
}

.tile-excerpt {
	padding: 35px;
	position: relative;
}

.case-study .tile-excerpt {
	padding: 35px 35px 90px;
	background: #fff;
}

.case-study:hover .tile-excerpt {
	background: #fcfcfc;
}

.tile-style p {
	font-size: 18px;
	line-height: 1.8em;
	font-weight: 300;
}

p.case-attr {
	font-size: 15px;
	color: #9e9e9e;
	margin-top: 20px;
}

.arrow-link {
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.05em;
    font-size: 18px;
    color: #37474f;
    position: relative;
    float: left;
}

.arrow-link:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    background: url('/wp-content/themes/autocase/images/arrow-icon.png');
    background-size: 20px 15px;
    right: -26px;
    top: 1px;
}

.buildings-green .arrow-link:after,
.text-c-green .arrow-link:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    background: url('/wp-content/themes/autocase/images/arrow-icon-g.png');
    background-size: 20px 15px;
    right: -26px;
    top: 1px;
}

.buildings-blue .arrow-link:after,
.text-c-blue .arrow-link:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    background: url('/wp-content/themes/autocase/images/arrow-icon-b.png');
    background-size: 20px 15px;
    right: -26px;
    top: 1px;
}

.prev.arrow-link:after {
    content: "";
    background: none;
}

.prev.arrow-link:before {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    background: url('/wp-content/themes/autocase/images/arrow-icon.png');
    background-size: 20px 15px;
    left: -26px;
    top: 1px;
    transform: rotate(-180deg);
}

.case-excerpt .arrow-link {
	position: absolute;
    bottom: 35px;
    width: 240px;
    left: 50%;
    margin-left: -130px;
}

.case-excerpt .arrow-link:after {
    right: -6px;
}


.tile-style .img-wrap {
	position: relative;
	padding-top: 50%;
	background: #ccc;
}

.tile-style {
	overflow: hidden;
	margin: 0 2.3%;
}

.case-study {
	margin-bottom: 50px;
}

.logo-pos {
    position: absolute;
    top: 50%;
   	transform: translateY(-50%);
   	-webkit-transform: translateY(-50%);
   	width: 50%;
    margin-left: 25%;
   	position: absolute;
}

.logo-pos img {
	width: 100%;
}

.buildings-blue .section-lead h2,
.buildings-blue .section-lead p,
.buildings-blue .arrow-link,
.text-c-blue .section-lead h2,
.text-c-blue .section-lead p,
.text-c-blue .arrow-link {
	color: #0d47a1;
}

.buildings-green .section-lead h2,
.buildings-green .section-lead p,
.buildings-green .arrow-link,
.text-c-green .section-lead h2,
.text-c-green .section-lead p,
.text-c-green .arrow-link {
	color: #2e7d32;
}

.see-all-studies {
	text-align: center;
	margin-top: 30px;
}

.see-all-studies .arrow-link {
	float: none;
	display: inline-block;
}

/*** blog section ***/

.blog-tile {
	width: 33%;
	text-align: left;
	border: 0;
	margin: 0;
}

.blog-blocks-wrap .blog-tile {
	margin-bottom: 50px;
}

.blog-tile .pad {
	background: #f7f7f7;
	border: 0;
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
}

.blog-tile-1 .pad {
	margin-right: 20px;
}

.blog-tile-1 .pad {
	margin-right: 27px;
}

.blog-tile-2 .pad {
	margin-left: 13.5px;
	margin-right: 13.5px;
}

.blog-tile-3 .pad {
	margin-left: 27px;
}

.blog-tile .img-wrap {
	padding-top: 60%;
	background-color: #eee !important;
}

.blog-tile .arrow-link {
  position: absolute;
  bottom: 35px;
  padding-left: 35px;
}

.small-grid .blog-tile .arrow-link {
  padding-left: 0;
}

.blog-tile .arrow-link-first {
  padding-left: 0 !important;
  position:absolute;

}

.arrow-link-first:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    background: url('/wp-content/themes/autocase/images/arrow-icon.png');
    background-size: 20px 15px;
    right: -26px;
    top: 1px;
}

.blog-blocks-wrap {
	text-align: justify;
}

.square-detail {
	width: 60px;
	height: 60px;
	background: url(/wp-content/themes/autocase/images/square-detail.png);
	background-size: 60px 60px;
	position: absolute;
	left: 75%;
}

.sd-mid {
	width: 30px;
	height: 30px;
	background-position: left top;
}


.blog-hero-wrap {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 80px;
	padding-bottom: 80px;
}

.blog-intro {
	border-bottom: 0;
	margin-bottom: 80px;
	padding-bottom: 0;
}

.blog-hero-wrap .blog-tile {
	width: 100%;
}

.blog-hero-wrap .blog-tile .img-wrap,
.blog-title-wrap {
    padding-top: 50%;
    width: 66.67%;
    width: calc(66.67% - 16px);
    float: left;
    border-radius: 16px 0 0 16px;
}

.blog-title-wrap {
	border-radius: 0;
	padding-top: 0;
}

.blog-hero-wrap .tile-excerpt {
    float: right;
    width: 26%;
    padding: 35px 35px 90px;
    width: 33.33%;
    width: calc(33.33% - 70px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    right: 0;
}

.blog-tile .tile-excerpt {
  padding: 35px 35px 90px;
}

.next {
	float: right;
	margin-right: 30px;
}

.prev {
	float: left;
	margin-left: 30px;
}

section .pager div {
    display: none;
    font-size: 1em;
    width: 100%;
    position: absolute;
    z-index: -1;
    text-align: center;
    left: 0;
    right: 0;
}

section div.page-count {
    display: block;
}


.date {
	padding-bottom: 30px;
	font-size: 15px;
	font-weight: 300;
	display: block;
}

.blog-intro .blog-tile .pad {
	background: transparent;
	border-radius: 0;
}

.blog-intro .tile-style {
	border-radius: 0;
}

.blog-title-wrap h1,
.about-intro-copy h1,
p.letter-title {
	font-size: 36px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.3em;
}

.blog-title-wrap p {
    font-size: 24px;
    line-height: 1.5em;
    padding-right: 100px;
}

.page-template-page-blog .blog-grid {
	margin-top: 0;
	padding-top: 0;
}

.single-blog,
.about-intro,
.white-details {
	padding-top: 0;
}

.post-meta {
	color: #999;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6em;
	margin-bottom: 50px;
}

.single-blog h2,
.single-blog h3,
.single-blog h4 {
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 15px;
	padding-top: 15px;
	max-width: 67%;
}

.single-blog h1 {
	color: #37474f;
	margin-bottom: 30px;
}

.single-blog h1,
.single-blog p,
.single-blog ul,
.single-blog ol {
	max-width: 67%;
}

.single-blog ul li,
.single-blog ol li,
.two-col-copy ul li,
.two-col-copy ol li {
	margin-bottom: 7px;
	position: relative;
}

.single-blog ul li,
.single-blog ol,
.two-col-copy ul li,
.two-col-copy ol {
	padding-left: 25px;
}

.single-blog ul li::before,
.two-col-copy ul li::before {
	content: '';
	position: absolute;
	left: 0;
	width: 13px;
	height: 13px;
	border-radius: 2px;
	background: #339999;
	left: 0;
	top: 10px;
}

.single-blog ul {
	list-style: none;
}

.single-blog ol {
	list-style: decimal;
}

.single-blog p a,
.two-col-copy ul a,
.two-col-copy p a,
.single-blog ul a,
.single-blog ol a {
    font-weight: 500;
    color: #329999;
    text-decoration: none;
}

.single-blog p a:hover,
.two-col-copy ul a:hover,
.two-col-copy p a:hover,
.single-blog ul a:hover,
.single-blog ol a:hover {
    text-decoration: underline;
}

.single-blog img,
.alignnone {
	width: 100% !important;
	height: auto;
}

.single-blog img.alignnone {
	width: 149.5% !important;
}

/* .alignleft {
	width: 67% !important;
} */

.single-blog .alignleft {
    width: 50% !important;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 30px;
    margin-bottom: 60px;
    padding-top: 10px;
}

.single-blog .alignright {
    width: 50% !important;
    height: auto;
    display: inline-block;
    float: right;
    margin-left: 30px;
    margin-bottom: 60px;
    padding-top: 10px;
}

p.wp-caption-text {
    max-width: 100%;
    text-align: right;
    font-size: 14px;
    color: #999;
    margin-bottom: 50px;
}

.alignnone {
	margin-bottom: 20px;
}

/*** video section ***/

.video-sec {padding: 70px 0;background:#fff;}
.video-sec.grey {background:#f7f7f7;}
.video-cover {position: absolute;top: 0;width: 100%;height: auto;cursor: pointer;}
.play-overlay {position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;}
.play-cir {width: 100px; height: 100px;background: #fff;border-radius: 100%;margin: 0 auto;display: block;position:relative;margin-top:20px;}
.triangle {position: absolute;background-color: #455a64;text-align: left;left: 12px;top: 20px;z-index: 1;}
.triangle:before,
.triangle:after {content: '';position: absolute;background-color: inherit;}
.triangle, 
.triangle:before, 
.triangle:after {width: 3em;height: 3em;border-top-right-radius: 0;}

.triangle {transform: rotate(150deg) skewX(-30deg) scale(0.5,.433); margin: 0 auto; display: inline-block; left: 50%; margin-left: -30px; margin-top: 12px;}
.triangle:before {transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);}
.triangle:after {transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);}

.video-wrapper {position: relative;width: 100%;float: left;margin-top:0;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} 
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-wrapper img {width: 100%;}

.video-wrap {width: 50%;float: left;}

.play-overlay h3 {color: #fff;text-align: center;font-size: 28px;font-weight:500;padding: 0 15px;max-width:800px;margin:0 auto;}
.play-overlay p {color: #fff;text-align:center;font-size:18px;font-weight:300;padding: 0 15px;max-width:800px;margin: 20px auto;}
.shade {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.35;}
.cover-image,
.play-button {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor:pointer;}
.pause-button {width: 50px; height: 50px; border-radius:100%; background: #fff; position: absolute; z-index: 10; right: 5px; top: 50%; margin-top: -25px;display:none;cursor:pointer;}
.pause-button:before {content:''; width: 3px; height:30px;background-color:#455a64;position:absolute; left:24px;top:10px;transform: rotate(45deg);}
.pause-button:after {content:''; width: 3px; height:30px;background-color:#455a64;position:absolute; right:24px;top:10px;transform: rotate(-45deg);}
.video-wrapper:hover .pause-button.showit {display:block;}

.play-button.fade-away
{
    width:auto;
    overflow:hidden;
    -webkit-animation: fadeInFromNone 1s ease-out;
    -moz-animation: fadeInFromNone 1s ease-out;
    -o-animation: fadeInFromNone 1s ease-out;
    animation: fadeInFromNone 1s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: block;
        opacity: 1;
        width:100%;
    }

    99% {
        display: block;
        opacity: 0;
        width:100%;
    }

    100% {
        display: none;
        opacity: 0;
        width:0;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: block;
        opacity: 1;
        width:100%;
    }

    99% {
        display: block;
        opacity: 0;
        width:100%;
    }

    100% {
        display: none;
        opacity: 0;
        width:0;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: block;
        opacity: 1;
        width:100%;
    }

    99% {
        display: block;
        opacity: 0;
        width:100%;
    }

    100% {
        display: none;
        opacity: 0;
        width:0;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: block;
        opacity: 1;
        width:100%;
    }

    99% {
        display: block;
        opacity: 0;
        width:100%;
    }

    100% {
        display: none;
        opacity: 0;
        width:0;
    }
}

/*** highlight CTA section ***/

.highlight {
	position: relative;
}

.highlight.angle-top,
.mailing {
	margin-top: 8% !important;
    margin-bottom: 8%;
}

.highlight.angle-bottom {
	margin-top: 0;
}

.highlight .section-lead {
	margin-bottom: 0;
}

.highlight h2,
.highlight p {
	color: #fff;
}

.highlight.blue,
.video-sec.blue {
	background: #00695c;
	background: -moz-linear-gradient(85deg, #20489b 0%,#4a95ec 100%);
	background: -webkit-linear-gradient(85deg, #20489b 0%,#4a95ec 100%);
	background: linear-gradient(85deg, #20489b 0%,#4a95ec 100%);
}

.highlight.green,
.video-sec.green {
	background: #00695c;
	background: -moz-linear-gradient(85deg, #428f4d 0%,#99c455 100%);
	background: -webkit-linear-gradient(85deg, #428f4d 0%,#99c455 100%);
	background: linear-gradient(85deg, #428f4d 0%,#99c455 100%);
    position: relative;
}

/*** mailing list section ***/

.mailing,
.standard {
	background: #00695c;
	background: -moz-linear-gradient(85deg, #00695c 0%,#339999 100%);
	background: -webkit-linear-gradient(85deg, #00695c 0%,#339999 100%);
	background: linear-gradient(85deg, #00695c 0%,#339999 100%);
    position: relative;
}


.mail-cont {
    text-align: center;
    color: #fff;
}

.mailing .section-lead h2 {
	color: #fff;
}

.mail-list-wrap {
	max-width: 400px;
	margin: 0 auto;
}

.mailing .section-lead {
    margin-bottom: 30px;
}

/*** single product details styling ***/

.single-prod.inner-sec {
	padding-top: 20px;
}

.single-prod .land-left-cont {
    padding-right: 0;
    max-width: 900px;
    margin: 0 auto;
}

.single-prod .landmark {
    margin-left: 0;
    margin-bottom: 0;
}

.single-prod .land-side {
    width: 100%;
}

.single-prod .landmark .cta-wrap a {
    float: none;
    margin-right: 7px;
    margin-left: 7px;
}

.single-prod .land-left {
    top: inherit;
    transform: none;
    -webkit-transform: none;
    position: relative;
    text-align: center;
}

.single-prod .land-right-cont {
    text-align: center;
    margin-top: 50px;
}

.single-prod .land-right-cont img {
	width: 100%;
    max-width: 900px;
    height: auto;
}

.single-prod .land-right-cont img {
    max-height: none;
}

.single-prod .landmark-icon {
    left: 50%;
    top: -144px;
    background: #fff;
    margin-left: -40px;
}

.single-prod .landmark:last-child {
	margin-bottom: 0;
}

.single-prod .prod-trail .section-lead {
    margin-bottom: 30px;
}

.inner-sec.prod-trail {
    padding: 100px 0 80px;
}

.features-wrap {
	text-align: center;
}

.feature {
	width: 32%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-bottom: 80px;
}

.feature .pad {
	padding: 0 20px;
}

.feature img {
	max-width: 40px;
	margin-bottom: 20px;
	display: inline-block;
}

.features-wrap h3 {
	font-weight: 300;
	margin-bottom: 80px;
}

/*** triple bottom line tbl section ***/

.tbl {
	background: #f2f2f2;
}

.tbl.inner-sec {
	padding-bottom: 120px;
}

.tbl .section-copy p {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.section-copy {
	margin-bottom: 60px;
}

.points-left .pad {
	padding-right: 40px;
}

.points-right {
	position: relative;
}

.points-pos {
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
}

.points-side {
	float: left;
	width: 50%;
}

.points-left img {
	width: 100%;
    -webkit-box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.2);
    border-radius: 16px;
}

.point {
	margin-left: 40px;
	padding-bottom: 50px;
}

.point:last-child {
	padding-bottom: 0
}

.point-icon {
	float: left;
	width: 70px;
}

.point-icon img {
	width: 100%;
}

.point-text {
	padding-left: 110px;
}

/*** two column copy ***/

.two-col-copy {
	position: relative;
}

.two-col-copy.grey {
	background: #f7f7f7;
}


.two-col-copy.angle-bottom::after,
.highlight.angle-bottom::after,
.mailing::after,
.case-studies.angle-bottom::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  z-index: -1;
  bottom: -265px;
	transform-origin: left bottom;
	transform: skewY(175deg);
}

.highlight.angle-top::before,
.mailing::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  top: 0;
	transform-origin: left bottom;
	transform: skewY(175deg);
}

.two-col-copy .section-lead {
    margin-bottom: 90px;
}

.col-side {
	width: 50%;
	float: left;
}

.col-side h3 {
	font-weight: 300;
	margin-bottom: 20px;
}

.col-left .pad {
	padding-right: 50px;
	border-right: 1px solid #e6e6e6;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100%;
}

.col-right .pad {
	padding-left: 50px;
}

.col-side p {
	margin-bottom: 30px;
}

.d-grey {
	background: #455a64;
}

.d-grey h2,
.d-grey h3,
.d-grey p,
.d-grey ul,
.d-grey ol,
.d-grey a {
	color: #fff;
}

.d-grey .col-left .pad {
    border-right: 1px solid #fff;
}

.no-divide .col-left .pad {
    border-right: 1px solid transparent;
}



/*** gravity form styling ***/

.contact-wrap .gr-angle-grad {
    height: 125%;
}

.contact-wrap {
	padding-bottom: 0;
}

.form-target .gform_wrapper .top_label .gfield_label {
	display: none;
}

.form-target .gform_wrapper .top_label input.medium,
.form-target .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.form-target .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half),
.form-target .gform_wrapper textarea.medium {
	width: 100%;
	max-width: 100% !important;
	text-align: center;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: inherit !important;
    min-height: inherit !important;
}

.contact-form-wrap {
	margin-top: 50px;
}

footer .contact-form-wrap .gform_wrapper ul.gform_fields li.gfield {
	width: 100% !important;
}

.contact-form-wrap .gform_confirmation_message,
.mail-list-wrap .gform_confirmation_message {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5em;
    color: #339999;
}

.mail-list-wrap .gform_confirmation_message {
    color: #fff;
    font-weight: 300;
}

.tile-excerpt .mail-list-wrap .gform_confirmation_message {
    color: #339999;
    font-weight: 500;
    margin-top: 15px;
}

.contact-form-wrap .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	text-align: left;
}

.contact-form-wrap .gform_wrapper .top_label input.medium,
.contact-form-wrap .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact-form-wrap .gform_wrapper textarea.medium {
    text-align: left;
    border: 1px solid #399 !important;
}

.form-target .gform_wrapper {
    margin: 0;
}

.form-target .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}

.contact-form-wrap .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
    margin-top: 20px;
    width: 80%;
}

.form-target .gform_wrapper .gform_footer {
	text-align: center;
	margin-top: 8px;
}

.contact-form-wrap .gform_wrapper .gform_footer {
    text-align: left;
}

.form-target .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	margin-right: 0;
	position: relative;
}

.form-target .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact-form-wrap .gform_wrapper textarea.medium,
#cta-email,
#search-box
 {
    padding: 13px 10px;
    letter-spacing: normal;
    font-size: 18px;
    border: 0;
    font-weight: 300;
    border-radius: 8px;
}

.tile-excerpt .form-target .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.tile-excerpt .form-target .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border: 1px solid #329999;
    text-align: left;
}

body .tile-excerpt .gform_wrapper ul li.gfield {
	margin-top: 0;
}

.tile-excerpt .form-target .gform_wrapper div.validation_error,
.tile-excerpt .form-target .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .form-target .gform_wrapper .validation_message {
	color: #d01448;
    text-align: left;
    padding: 8px 0 0;
    font-weight: 500;
}

input#input_4_1 {
    border: 1px solid #329999;
    text-align: left;
}

.blog-hero-wrap .tile-excerpt.mail-top {
    top: auto;
    transform: none;
    -webkit-transform: none;
    position: relative;
    padding: 0 0 0 47px;
    float: left;
}

.mail-top .form-target .gform_wrapper .gform_footer {
    text-align: left;
    margin-top: 0;
}

#cta-email,
#search-box {
  margin-right: 10px;
  min-width: 260px;
  padding: 10px 13px 12px;
  font-size: 16px;
}

#search-box {
	display: inline-block;
	min-width: 600px;
}

.cta.demo-link {
  background-color: #455a64;
  border-color: #455a64;
}

.form-target input[type=submit] {
    display: inline-block !important;
    width: auto !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
}

.form-target .gform_wrapper .gform_footer {
    padding: 16px 0 0;
}

.form-target .gform_wrapper div.validation_error {
    border-top: 0;
    border-bottom: 0;
    padding: 16px;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3em;
    border-radius: 8px;
    background: transparent;
}

.contact-form-wrap .gform_wrapper div.validation_error {
    color: #d01448;
    text-align: left;
    padding: 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
}

.form-target .gform_wrapper li.gfield.gfield_error,
.contact-form-wrap .gform_wrapper li.gfield.gfield_error {
    background-color: transparent;
    border-top: 0;
    border-bottom: 0 ;
    padding-top: 0;
}

.form-target .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    border: 0;
}

.form-target .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.form-target .gform_wrapper .validation_message {
    padding-right: 0;
    color: #fff;
    font-weight: 300;
    letter-spacing: normal;
    font-size: 16px;
    padding-top: 5px;
    margin-top: 0;
    text-align: center;
}

.contact-form-wrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.contact-form-wrap .form-target .gform_wrapper .validation_message {
    color: #d01448;
    font-weight: 500;
    padding-top: 5px;
    font-size: 16px;
}

.form-target .gform_ajax_spinner {
	margin-left: 20px;
	margin-top: 5px;				/* give it some space from the Submit button */
	border: 4px solid rgba(255, 255, 255, 1)!important;	/* match with border-left */
	border-left: 4px solid #455a64;
	animation: spinner 1.1s infinite linear;
	border-radius: 50%;
	width: 30px;					/* match with height for a circle */
	height: 30px;
	position: absolute;
}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*** contact page ***/

.contact-lead {
	float: left;
	width: 50%;
	text-align: left;
}

.contact-lead p.sec-copy {
    padding-top: 0px;
}

.loc-col {
	float: right;
	width: 50%;
}

.loc-item {
	width: 50%;
	float: left;
}

.contact-lead .pad {
	padding-right: 30px;
}

.loc-item .pad {
	padding-left: 60px;
}

.loc-item a {
	margin-top: 30px;
}

.mfp-content {
	max-width: 95% !important;
}

.mfp-iframe-holder .mfp-close {
    width: 50px !important;
    height: 50px !important;
    top: -70px !important;
    opacity: 1 !important;
}

.mfp-bg {
    background: #fff !important;
    opacity: 0.9 !important;
}

.modal-open {
  overflow: hidden;
}

#demo-request-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.98);
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  overflow: scroll;
  z-index: 100;
}

.demo-header {
	max-width: 495px;
	margin: 0 auto;
	padding: 0 20px;
  margin-top: 40px;
}

.demo-request-content {
  position: relative;
  width: 100%;
  max-width: 1200px;
}

#demo-request-container.show-modal {
  opacity: 1;
  visibility: visible;
}

#gform_2 {
  text-align: left;
  max-width: 1200px;
  margin: 40px auto;
  position: relative;
  padding: 0 20px 85px;
}

.demo-request-content .close {
    font-size: 0px;
    background-image: url(/wp-content/themes/autocase/images/close.svg);
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    top: 40px;
    right: 20px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    display: block;
    position: absolute;
    z-index: 1;
}

.demo-request-content .close:hover,
.demo-request-content .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#gform_2 .gform_heading,
#gform_2 .gform_body,
#gform_2 .gform_footer {
  max-width: 495px;
  margin: 0 auto;
}

#gform_2 .gform_heading {
	font-family: 'Roboto', sans-serif;
}

#gform_2 .gform_heading .gform_title {
  font-size: 36px;
  font-weight: 400;
  color: #26A69A;
  margin-bottom: 14px;
  line-height: 48px;
  max-width: 450px;
}

#gform_2 .gform_heading .gform_description {
  font-size: 18px;
  font-weight: 300;
  color: #37474F;
  margin-bottom: 36px;
  line-height: 30px;
  display: block;
  max-width: 450px;
}

#gform_2 .gform_body .gfield_label {
  display: none;
}

#gform_2 .gfield_select {
	font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 13px 10px;
  line-height: 1;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 2;
  display: block;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #ECEFF1;
  width: 100%;
  max-width: 495px;
  margin-bottom: 17px;
}

#gform_2 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), textarea,
#gform_2 .gfield_select {
    padding: 13px 10px;
    letter-spacing: normal;
    font-size: 18px;
    font-weight: 300;
    border-radius: 8px;
    border: 1px solid #ECEFF1;
    width: 100%;
    margin-bottom: 0;
    text-align: left;
    border: 1px solid #399;
}

#gform_2 .ginput_container_select {
  position: relative;
  background: #fff;
}

#gform_2 .ginput_container_select:after {
  content: "";
  background-image: url('/wp-content/themes/autocase/images/chev-down.png');
  background-size: 20px 10px;
  width: 20px;
  height: 10px;
  position: absolute;
  top: 18px;
  right: 18px;
}

.mfp-close {
  font-size: 0px;
  background-image: url('/wp-content/themes/autocase/images/close.svg');
  background-size: 50px;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  top: 25px;
  right: 25px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 2045;
}

.clear-me {
	clear: both;
}

@media (max-width: 1150px) {

	.sec-pad {
    	padding: 0 20px;
    }

    .logo-carousel .sec-pad {
    	padding: 0 40px;
    }

    .white-details .square-detail {
	    top: -100px;
	}

	.search-sort .square-detail {
	    top: 28%;
	}

    .utility-nav {
    	margin-right: 20px;
    }

	.menu-main-global-nav-container ul > li {
	    font-size: 20px;
	    margin-right: 25px;
	}

	nav {
	    width: 600px;
	}

	.menu-main-global-nav-container ul > li {
	    margin-left: 6px;
	}

	.menu-item-has-children:after {
	    width: 15px;
	    height: 8px;
	    background-size: 15px 8px;
	    right: 5px;
    	top: 28px;
	}

	.land-left-cont {
	    padding-right: 60px;
	}

	.highlight.angle-top,
	.mailing {
		margin-top: 10% !important;
	    margin-bottom: 10%;
	}

	.highlight.angle-bottom {
		margin-top: 0;
	}

	.blog-hero-wrap .tile-excerpt {
	    width: 50%;
	    width: calc(50% - 70px);
      padding: 35px 35px 90px;
	}

	.blog-hero-wrap .blog-tile .img-wrap,
	.blog-title-wrap {
	    width: 50%;
	}

	.blog-title-wrap p {
	    padding-right: 0;
	}

	.square-spacer {
	    width: 100%;
	    height: 200px;
	}

	.case-studies-tri .tile-style {
		width: 45%;
	}

	.contact-form-wrap .gform_wrapper ul.gform_fields li.gfield {
	    width: 100%;
	}

}

@media (max-width: 960px) {

	.hero {
	    padding: 250px 0 200px;
	}

	.search-hero {
		padding: 160px 0 100px;
	}

	.footer-col {
	    width: 100%;
	    float: none;
	    margin: 0 auto;
	    text-align: center;
	    margin-bottom: 50px;
	}

	.footer-col .col-pad {
		padding: 0 !important;
	}

	.foot-login {
	    float: none;
	}

	.foot-login a {
	    float: none;
	    display: inline-block;
	}

	.icon-wrap {
		display: inline-block;
	}

	.social-i {
	    margin-right: 5px;
	    margin-left: 5px;
	}

	.tnc {
	    text-align: center;
	    width: 280px;
	    margin: 0 auto;
	    float: none;
	}

	.tnc a {
	    margin-left: 0;
	    display: block;
	}

	.foot-utils {
	    margin-top: 40px;
	}

	.main-nav .cont-max {
		background: #fff;
		height: 100%;
	}

	nav {
		width: 100%;
	    margin-left: 0;
	    margin-top: 8px;
	}

	.menu-main-global-nav-container ul > li {
	    margin-left: 0;
	    padding-right: 0;
	}

	.menu-main-global-nav-container ul > li > a {
		color: #37474f;
		padding-left: 55px;
	}

	.utility-nav a.login {
	    display: none;
	}

	#site-title svg path {
		fill: #37474f !important;
	}

	.menu-main-global-nav-container ul > li {
    	float: none;
    }

    #menu-item-10 {
    	display: block !important;
    	border-bottom: 0;
    	height: 169px;
    }

    #menu-item-10 .sub-menu {
	    display: block;
	    width: 110%;
	    position: relative;
	    top: -30px;
	    left: 0;
	    margin-left: -20px;
	    right: -8px;
	    margin-right: -20px;
	}

    .sub-menu:before {
    	display: none;
    }

    .menu-main-global-nav-container ul > li.menu-item-has-children:hover > ul,
    .menu-main-global-nav-container ul > li.menu-item-has-children a:focus + ul {
    	display: none;
    }

    .menu-main-global-nav-container ul > li.active > ul {
    	display: block !important;
    }

    .menu-main-global-nav-container ul > li.menu-item-has-children:hover > ul {
    	display: none;
    }

    .menu-main-global-nav-container ul > li > ul {
    	display: none;
    }

    #menu.turned-on {
    	display: block;
    }

	.toggle {
		display: block;
	}

	.utility-nav {
	    position: absolute;
	    top: 10px;
	    right: 50px;
	}

	.sticky-demo {
	    border-radius: 8px !important;
	}

	#menu {
		display: none;
	}

	#menu-mobile {
    	display: none;
    }

	#menu-mobile.turned-on {
		display: block;
	}

    #menu-mobile.turned-off {
    	display: none;
    }

	#site-title {
	    width: 120px;
	    margin-top: 18px;
	}

	.utility-nav a {
    	float: right;
    }

    a.sticky-demo {
	    padding: 0;
	    color:  #f60;
	    background: none !important;
	    border: 0;
	    margin-right: 0;
	    margin-top: 13px;
	    color: #37474f !important;
	}

	a.sticky-demo:hover {
	    text-decoration: underline;
	}

	.main-nav {
	    height: 60px;
	    border-bottom: 1px solid #eceff1;
	}

	.main-nav.set-height {
	    height: auto;
	    top: 0;
	    bottom:0;
	    position:fixed;
	    overflow-y:scroll;
	    overflow-x:hidden;
	}

	.menu-main-global-nav-container ul > li > ul > li {
	    padding-bottom: 0;
	    height: 10px;
	}

	.menu-main-global-nav-container ul > li#menu-item-10 > ul > li {
		padding-bottom: 10px;
	}

	.menu-main-global-nav-container ul > li#menu-item-10 > ul > li a {
    	padding-top: 13px;
    	padding-left: 75px;
    }

    .menu-main-global-nav-container ul > li > ul > li {
    	border-bottom: 0;
    	overflow: hidden;
    }

    .menu-main-global-nav-container ul > li#menu-item-10 > ul > li {
    	border-bottom: 1px solid #eceff1;
    }

    .menu-main-global-nav-container ul > li#menu-item-10 > ul > li:last-child {
    	border-bottom: 0;
    }

    #menu-item-28:before {
    	top: 12px;
    	left: 34px;
    }

    #menu-item-27:before {
    	top: 14px;
    	left: 29px;
    }

    #menu-item-26:before {
	    left: 35px;
	    top: 20px;
	}

    .menu-main-global-nav-container ul > li {
	    font-size: 20px;
	    margin-right: 0;
	    border-bottom: 1px solid #eceff1;
	    padding-bottom: 20px;
	    padding-top: 20px;
	}

	.menu-main-global-nav-container ul > li.mob-drop {
		padding-top: 0;
		padding-bottom: 0;
	}

	.mob-drop a {
		padding-top: 20px;
		padding-bottom: 20px;
		display: block;
	}

	.mob-drop .sub-menu a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.mob-drop:hover {
		background: #f7f7f7;
	}

	.mob-drop .sub-menu a:hover {
		background: #f7f7f7;
		text-decoration: underline;
	}

	#menu-item-11 .sub-menu,
	#menu-item-12 .sub-menu,
	#menu-item-13 .sub-menu {
	    width: 100%;
	    margin-left: 0;
	    position: relative;
	    left: 0;
	    padding-left: 35px;
	    top: -13px;
	    border: 0;
	}

	.menu-main-global-nav-container {
    background-color: white;
  	}


	.menu-main-global-nav-container ul > li#menu-item-10 > ul > li a {
		font-size: 20px;
	}

	.menu-main-global-nav-container ul > li > ul > li a {
	    font-size: 15px;
	}

	.menu-item-has-children:after {
	    content: "";
	    width: 20px;
	    height: 11px;
	    background: url(/wp-content/themes/autocase/images/chev-d-g.png);
	    background-size: 20px 11px;
	    position: absolute;
	    right: 20px;
	    top: 27px;
	}

	#menu-item-10.menu-item-has-children:after {
		display: none;
	}

	.mob-drop.active,
	.mob-drop.active .sub-menu {
		background: #f7f7f7;
	}

	#menu-item-38, #menu-item-39, #menu-item-416 {
	    height: 28px;
	    color: #f7f7f7;
	    background: #f7f7f7;
	}

	#menu-item-38:hover,
	#menu-item-39:hover,
	#menu-item-416:hover {
	    background: #f7f7f7;
	}

	.section-lead h2,
	.section-lead p,
	.landmark h3,
	.hero h1,
	.features-wrap h3,
	.col-side h3,
	.comp-col h3,
	.single-blog h1,
	.blog-title-wrap h1,
	.about-intro-copy h1,
	p.letter-title,
	.section-lead h1,
	.loc-item h2,
	.demo-header h3 {
    	font-size: 28px;
    }

    .section-lead p {
    	font-size: 22px;
    	line-height: 1.5em;
    }

	/*** hero ***/


	.hero p {
	    font-size: 18px;
	}

	/*** product trail ***/

	.land-left-cont {
	    padding-right: 0;
	}

	.landmark {
	    margin-left: 0;
	    margin-bottom: 220px;
	}

	.land-side {
	    width: 100%;
	}

	.landmark .cta-wrap a {
	    float: none;
	    margin-right: 7px;
	    margin-left: 7px;
	}

	.land-left {
	    top: inherit;
	    transform: none;
	    -webkit-transform: none;
	    position: relative;
	    text-align: center;
	}

	.land-right-cont {
	    text-align: center;
	    margin-top: 50px;
	}

	.land-right-cont img {
		width: 100%;
	    max-width: 700px;
	    height: auto;
	}

	.landmark-icon {
	    left: 50%;
	    top: -144px;
	    background: #fff;
	    margin-left: -40px;
	}

	.down,
	.down-left,
	.start-anchor {
		display: none;
	}

	.landmark:last-child {
		margin-bottom: 0;
	}

	.prod-trail .section-lead {
	    margin-bottom: 30px;
	}

	.inner-sec.prod-trail {
	    padding-top: 80px;
	}

	/*** blog section ***/

	.blog-tile {
		width: 50%;
		margin-bottom: 40px;
	}

	.blog-tile:last-child {
		margin-bottom: 0;
	}

	footer {
	    margin-top: 0;
	}

	.blog-tile-1 .pad,
	.blog-tile-2 .pad,
	.blog-tile-3 .pad {
		margin-left: 0;
		margin-right: 0;
	}

	.blog-hero-wrap span {
		display: block;
	}

	.blog-hero-wrap .blog-tile {
		width: 100%;
	}

	.blog-hero-wrap .blog-tile .img-wrap {
	    padding-top: 60%;
	    width: 100%;
	    float: none;
	    border-radius: 16px 16px 0 0;
	}

	.blog-hero-wrap .tile-excerpt {
	    float: none;
	    width: auto;
	    padding: 35px 35px 90px;
	    top: 50%;
	    transform: none;
	    -webkit-transform: none;
	    position: relative;
	    right: 0;
	}

	.blog-hero-wrap .pad {
		background: #f7f7f7;
	}

	.single-blog h1,
	.single-blog p,
	.single-blog ul,
	.single-blog ol {
	    max-width: 100%;
	}

	/*** tbl triple bottom line ***/

	.points-side {
		float: none;
		width: 100%;
		margin: 0 auto;
		max-width: 700px;
	}

	.points-left .pad {
	    padding-right: 0;
	}

	.points-pos {
	    top: 0px;
	    transform: none;
	    -webkit-transform: none;
	    position: relative;
	    margin-top: 60px;
	}

	.point {
    	margin-left: 0;
    }

    .section-copy {
	    max-width: 700px;
	    margin: 0 auto 60px;
	}

	/*** product comparison section ***/

	.comp-copy {
	    padding-left: 0;
	    padding-right: 0;
	}

	/*** blog section ***/

	.blog-intro .tile-excerpt {
		float: right;
	    width: 50%;
	    width: calc(50% - 70px);
	}

	.square-spacer {
	    height: 125px;
	}

	.blog-blocks-wrap {
		text-align: center;
	}

	/*** about section ***/

	.about-intro-copy {
	    width: 70%;
	}

	.jw-profile {
	    width: 26%;
	}

	.white-details .square-detail {
	    top: -20px;
	}

	.about-profiles-desk-wrap {
		display: none;
	}

	.about-profiles-mobile-wrap {
	    display: block;
	    clear: both;
	}

	.about-profiles-mobile .accordion-col {
	    width: 75%;
	}

	.accordion-col-1 .pad {
	    padding-right: 0;
	}

	.contact-lead {
	    width: 100%;
	}

	.contact-lead .pad {
	    padding-right: 0;
	}

	.contact-lead {
	    margin-bottom: 100px;
	    padding-bottom: 100px;
	    border-bottom: 1px solid #e6e6e6;
	}

	.loc-item .pad {
	    padding-left: 0;
	    padding-right: 0;
	}

	.loc-col {
	    width: 100%;
	    padding-bottom: 80px;
	}

	.loc-item {
	    width: 50%;
	    text-align: center;
	}

	.loc-item a {
	    margin: 0 auto;
	    display: inline-block;
	    float: none;
	    margin-top: 30px;
	}

	.demo-request-content .close {
	    font-size: 0px;
	    background-image: url(/wp-content/themes/autocase/images/close.svg);
	    background-size: 40px 40px;
	    width: 40px;
	    height: 40px;
	    top: -30px;
	}

	.single-blog img.alignnone {
		width: 100% !important;
	}

	.single-blog blockquote {
	    width: 100%;
	}

	.page-template-page-newsletters .mail-top {
		display: none;
	}

	.page-template-page-newsletters .blog-title-wrap {
	    width: 100%;
	}

	#search-box {
		display: inline-block;
		min-width: 400px;
	}

	.search-sort .square-detail {
	    top: 28%;
	}

	.mobile-sort.dropdown {
		display: inline-block;
	}

	.cta-items {
		display: none;
	}

	.search-sort .sd-mid {
		display: none;
	}

	.global-search-link {
		display: none;
	}

	#menu-item-6979 {
		display: block !important;
	}

  /*** ocl page ***/

  .youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
  }

  .youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

}

@media (max-width: 700px) {
	.tile-style {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.tile-style:last-child {
		margin-bottom: 0;
	}

	.case-studies .case-study-2 {
		margin-bottom: 40px;
	}

	.case-studies-tri .case-study-2 {
		margin-bottom: 40px;
	}

	.square-detail {
		margin-top: -60px;
		left: 85%;
	}

	.feature {
		width: 75%;
	}

	.point-text {
	    padding-left: 70px;
	}

	.point-icon {
	    width: 50px;
	}

	.col-side {
	    width: 100%;
	    text-align: center;
	    float: none;
	    margin-bottom: 80px;
	}

	.col-left .pad,
	.col-right .pad {
	    padding-right: 0;
	    border-right: 0;
	    padding-left: 0;
	}

	.col-side .arrow-link {
		float: none;
	}

	.comp-col {
	    width: 80%;
	}

	.comp-col-1 .pad,
	.comp-col-2 .pad {
	    padding-right: 0;
	    padding-left: 0;
	}

	.blog-hero-wrap {
		border-bottom: 0;
		margin-bottom: 40px;
		padding-bottom: 0;
	}

	.blog-intro .tile-excerpt {
		width: 100%;
		padding: 50px 0;
	}

	.blog-hero-wrap .blog-tile .img-wrap, .blog-title-wrap {
	    width: 100%;
	}

	.inner-sec {
	    padding: 70px 0;
	}

	.inner-sec.white-details {
		padding-top: 0;
	}

	.single-blog, .about-intro {
	    padding-top: 0;
	}

	.about-intro-copy {
	    width: 100%;
	}

	.jw-profile {
	    width: 100%;
	    bottom: auto;
	    position: relative;
	    float: right;
	    padding-left: 20px;
	    overflow: hidden;
	    max-height: 500px;
	    margin-bottom: 50px;
	    background: #f7f7f7;
	    margin-top: 30px;
	}

	.jw-profile img {
	    padding: 0 20px;
	}

	.about-profiles-mobile .accordion-col {
	    width: 100%;
	}

	.about-profiles-desk.inner-sec:last-child,
	.about-profiles-mobile.inner-sec:last-child {
	    padding-bottom: 0;
	}

	.case-studies-tri .tile-style {
	    width: 100%;
	}

	.loc-item {
	    width: 50%;
	}

	.square-pattern {
		height: 50%;
	    top: 25%;
	}

	.single-blog blockquote p {
	    font-size: 30px;
	    padding-left: 80px;
	}

	blockquote:before {
	    font-size: 160px;
	    top: 15px;
	}

	.break.underline-me {
		margin-top: 70px;
	}

	.mail-top {
		display: none;
	}

	.hero-cta {
		max-width: 400px;
		margin: 0 auto;
	}

	.hero-cta .cta {
		margin-top: 20px;
	}

	.hero-cta .download-cta {margin-top:0;}

	#cta-email {
	    margin-right: 0;
	    text-align: center;
	}

	.or-split {
	    display: block;
	    height: 30px;
	    padding-top: 19px;
	}

	.two-col-copy ul li {
	    display: table;
	    margin: 0 auto 7px;
	}

	#search-box {
	    width: 100%;
	    min-width: 0;
	}

	.search-submit {
		margin-top: 20px;
	}

	/* video section */

	.video-sec{padding:50px 0;}
	.play-cir {width: 50px; height: 50px;}
	.triangle, .triangle:before, .triangle:after { width: 1.5em; height: 1.5em;}
	.triangle {margin-left: -15px; margin-top: -4px; }
	.pause-button { width: 30px; height: 30px;margin-top: -15px;}
	.pause-button:before {height:20px;position:absolute; left:14px;top:5.5px;}
	.pause-button:after {height:20px;position:absolute; right:14px;top:5.5px;}


}

@media (max-width: 500px) {

    .hero {
    	padding: 160px 0 100px;
    }

    .search-hero {
	    padding: 110px 0 50px;
	}

    .mail-list-wrap {
		max-width: 280px;
	}

	.feature {
		width: 100%;
	}

	.feature .pad {
		padding: 0;
	}

	.comp-col {
	    width: 100%;
	}

	.jw-profile {
	    text-align: center;
	}

	.jw-profile img {
	    width: 100%;
	}

	.bio-image {
	    width: 60px;
	}

	.accordion-wrap label span {
	    font-size: 20px;
	}

	.accordion-wrap label span.bio-title, .accordion-wrap label span.bio-email {
	    font-size: 18px;
	}

	.accordion-wrap .tab {
	    padding-top: 6px;
	}

	.accordion-wrap label {
	    padding-left: 14px;
	}

	.accordion-wrap input[type=checkbox] + label::after {
	    background-size: 15px 9px;
	    width: 15px;
	    height: 9px;
	    margin-top: 8px;
	}

	.loc-item {
	    width: 100%;
	    margin-bottom: 70px;
	}

	.loc-item:last-child {
	    margin-bottom: 0;
	}

	.loc-item {
	    width: 100%;
	}

	.single-blog .alignleft {
	    width: 100% !important;
	    height: auto;
	    display: inline-block;
	    float: left;
	    margin-right: 30px;
	    margin-bottom: 30px;
	}

	/* video section */
	.video-wrapper p {display:none;}


}

@media (max-width: 374px) {

	.menu-main-global-nav-container ul > li > ul > li a span {
	    font-size: 12px;
	}

	.bio-image {
	    width: 50px;
	}

	section div.page-count {
	    display: none;
	}


}

.page-id-7490 .hero-cta a.cta.demo-link {
    background-color: #fff;
    color: #035bb1;
    border: 0px;
}

.ginput_container input.medium {
    max-width: 100%;
}

button.et_pb_menu__icon.et_pb_menu__search-button {
    padding-left: 10px;
}

#field_1_1 span.gfield_required {
    display: none;
}
input#input_4_1 {
    border: 1px solid #329999!important;
    border-radius: 4px;
}