/*
 Theme Name:	Prompt Parking
 Theme URI:     https://www.promptparking.net/
 Description:   Custom theme built upon the SEOteric framework
 Author:        SEOteric
 Author URI:    http://www.seoteric.com
 Template:		Framework-V4
 Version:       1
*/

@import url("https://use.typekit.net/ssm4uva.css");

/*////////////////////////////////////////////////
Remote STYLES
///////////////////////////////////////////////*/

.backoffice #main {
    background-image: none;
}

.backoffice h2 {
    font-size: 34px;
}


.backoffice #content h2 {
    font-size: 34px;
    padding-left: 10px !important;
}

.backoffice header h2, .backoffice #content header h2 {
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-left: 5px !important;
}

.backoffice div[role=content] {
    margin-top: -9px;
}

.backoffice .page-footer {
    display: none;
}

.backoffice h1.page-title {
    text-align: center;
}

.backoffice .form-group a {
    margin-top: 15px;
    display: block;
}

.backoffice .form-group .pull-right {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    width: 100%;

}


.backoffice header #logo-group {
    background: none !important;
}

.backoffice span#lblAmount2 {
    font-size: 36px;
    font-weight: bold;
}

.backoffice h3 {
    font-size: 36px;
}

.backoffice legend, .backoffice span#lblBuilding {
    font-size: 28px;
    font-weight: bold;
}

.backoffice .jarviswidget>div {
    background-color: #fff!important;
    margin-top: -9px;
    border: none;
}

html {
    background: none;
}

.jarviswidget>header {
    color: #fff;
    border: 1px solid #C2C2C2;
    background: #202020;
    height: 60px;
    padding: 8px;
    font-size: 24px;
}


.jarviswidget>header h2 {
    color: #fff;
    font-size: 28px;
    padding-left: 15px;
    font-weight: bold;
}


body.backoffice {
    background: #fff;
}

.backoffice h2 span {
    font-size: 34px;
}

.backoffice .form-horizontal .control-label {
    font-weight: bold;
}

.backoffice .form-horizontal .form-control {
    border-width: 0 0 2px 0;
    border-color: #ff8200;
}

.backoffice .form-control {
    border-width: 0 0 2px 0;
    border-color: #ff8200;
}

.backoffice .form-control::placeholder {
    color: #fff;
}


.backoffice .form-horizontal .form-control::placeholder {
    color: #fff;
}


.backoffice #tokenframe {
    border-width: 0 0 2px 0;
    border-color: #ff8200;
}

.backoffice .widget-body legend strong {
    display: block;
}

.backoffice #btnSubmit {
    background: #fce001;
    border: none;
    padding: 8px 20px;
    color: #202020;
    font-size: 24px;
    font-weight: bold;
}

.backoffice #btnSubmit:hover {
    background: #ff8200;
    
}

.backoffice #btnAdd {
    background: #fce001;
    border: none;
    padding: 8px 20px;
    color: #202020;
    font-size: 24px;
    font-weight: bold;
}

.backoffice #btnAdd:hover {
    background: #ff8200;
    
}



.backoffice #btnLogin {
    background: #fce001;
    border: none;
    padding: 8px 20px;
    color: #202020;
    font-size: 24px;
    font-weight: bold;
}

.backoffice #btnLogin:hover {
    background: #ff8200;
    
}

.backoffice span#lblAmount1 {
    font-weight: bold;
    color: #ff8200;
}

.backoffice span#lblBreakdown {
    font-weight: bold;
}

.backoffice.smart-style-4 #content>.row:first-child {
    background: none !important;
    border:none;
}

@media only screen and (max-width:599px) {
    
    .backoffice #content h2 {
        font-size: 18px;
    }
    
    .backoffice legend, .backoffice span#lblBuilding {
    font-size: 18px;
}
    .backoffice #content h3 {
        font-size: 24px;
    }
    
    .backoffice span#lblAmount2 {
    font-size: 24px;
}
    
    .backoffice #btnSubmit {
    font-size: 16px;

}
    
    .backoffice #btnAdd {
    font-size: 18px;
}
    
}




/*////////////////////////////////////////////////
GENERAL STYLES
///////////////////////////////////////////////*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary, .btn {
	font-family: 'acumin-pro-semi-condensed', sans-serif;
	font-weight: 400;
	font-style: normal;
  	font-stretch: normal;
	font-size: 16px;
}

b, strong {
    font-weight: bold;
}
.acf-map {
	width: 100%;
	height: 600px;
	margin: 0;
}
.home .acf-map {
	height: 660px;
}
.acf-map .infoWindow {max-width:240px; padding:0;}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
.acf-map img.calloutImg {
	width: 100%;
	height: auto;
}
.roundImg {
    border-radius: 50%;
}
a {
	color: #ff8200;
}
a.arrow {
	font-weight: 900;
	text-transform: uppercase;
	background: url(images/icon-rarrow.svg) no-repeat center right;
	padding-right: 25px;
}
img.center {
	display: block;
	margin-left:auto;
	margin-right: auto;
}


.panel.contact .fifty.first .content h3 {
        text-shadow: 0px 0px 5px #000;
    } 

.panel.contact .fifty.first .content p {
        text-shadow: 0px 0px 5px #000;
    } 

.panel.contact .fifty.first .content label {
        text-shadow: 0px 0px 5px #000;
    } 

.panel.contact .fifty.first .content input {
        box-shadow: 0px 0px 5px #000;
    } 

.panel.contact .fifty.first .content select {
        box-shadow: 0px 0px 5px #000;
    } 

.panel.contact .fifty.first .content textarea {
        box-shadow: 0px 0px 5px #000;
    } 

.page-parking-locations .fifty.centered {
    float: none;
    margin: 0 auto;
}

.page-parking-locations .fifty.centered ul.arrows {
    margin: 10px 10% 10px 15% !important;
} 

.page-parking-locations #page-banner h1 {
    font-size: 58px;
}


/*////////////////////////////////////////////////
HEADER STYLES
///////////////////////////////////////////////*/
header {
    padding-top: 20px;
    background: rgba(0,0,0,0.5);
}
header.sticky {
    padding: 10px 0 4px;
	background: #000;
}
header img.custom-logo,
header.sticky img.custom-logo {
    max-width: 320px;
	/*margin-top: 20px;*/
}

.topNav ul {
    margin-right: 17px;
}
.topNav li,
.topNav a {
  font-size: 18px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #ffffff;	
}
header .phone:before {
	display: none;
}
.phone a:before {
    content: url(images/icon-phone.svg);
    padding: 10px;
    vertical-align: middle;
}

#cssmenu .yellow a {
    color: #fce001;
}

#cssmenu {
    float: right;
   /* clear: right;*/
	/*margin-top: 8px;*/
	font-family: 'acumin-pro-condensed', sans-serif;
	font-size: 16px;
	background: none;
	text-align: right;
}
#cssmenu ul {
	margin-right: 0;
}
#cssmenu > ul > li > a {
	color: #FFF;
	font-size: 16px;
    padding: 10px 12px 10px 12px;
  	font-weight: 500;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.38;
  	letter-spacing: 0.56px;
	text-transform: uppercase;
	font-family: 'acumin-pro-condensed', sans-serif;
}
#cssmenu > ul > li.has-sub > a:before {
    top: 9px;
    right: 9px;
    display: block;
    width: auto;
    height: auto;
    background: none;
    content: '';
}
#cssmenu > ul > li.has-sub > a:before {
    content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='16.206' height='9.128'  viewBox='0 0 16.206 9.128' fill='rgb(252,224,1)'><path id='Path_65' d='M256.271 261.839h-5.626l3.5 8.1-3.5 8.1h5.626l3.5-8.1z' class='cls-1' data-name='Path 65' transform='rotate(90 264.345 13.7)'/></svg>");
}
#cssmenu > ul > li.has-sub:hover > a:before,
#cssmenu > ul > li.current_page_item.has-sub > a:before,
#cssmenu > ul > li.current-menu-parent.has-sub > a:before {
    content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='16.206' height='9.128'  viewBox='0 0 16.206 9.128' fill='rgb(255, 255, 255)'><path id='Path_65' d='M256.271 261.839h-5.626l3.5 8.1-3.5 8.1h5.626l3.5-8.1z' class='cls-1' data-name='Path 65' transform='rotate(90 264.345 13.7)'/></svg>");
    top: 12px;
}
/*#cssmenu > ul > li.has-sub > a:after {
	display: none;
}
#cssmenu > ul > li:hover > a,
#cssmenu ul li.current_page_item a,
#cssmenu ul li.current-menu-parent a {
	background: #ffd053;
	color: #000;
}
#cssmenu > ul > li.has-sub > ul {
	background: #ffd053;
}
#cssmenu ul ul li a {
	color: #000;
	font-size: 16px;
	font-size: 13px;
	text-transform: uppercase;
	display: block;
	padding: 10px 15px;
	border: none;
  	font-weight: 500;
  	line-height: 1.38;
  	letter-spacing: 0.4px;
	font-family: 'acumin-pro-condensed', sans-serif;
	background: #ffd053;
}
#cssmenu ul ul li a:hover {
	background: #FFF;
	color: #000;
}
#cssmenu > ul > li.has-sub > ul > li.current_page_item > a, 
#cssmenu > ul ul > li.has-sub > ul > li.current_page_item> a,
#cssmenu ul li.current-menu-parent > ul.sub-menu > li.current-menu-item a {
    border: none;
    background: #000;
    color: #FFF;
}
#cssmenu ul li {
	text-align: left;
    float: none;
    display: inline-block;
}
#cssmenu ul ul li {
    height: unset !important;
	display: block;
}*/
#cssmenu > ul > li.has-sub > a:after {
    display: none;
}
#cssmenu > ul > li:hover > a,
#cssmenu ul li.current_page_item a,
#cssmenu ul li.current-menu-parent a {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}
#cssmenu > ul > li.has-sub > ul {
    background-color: rgba(0, 0, 0, 0.8);
}
#cssmenu ul ul li a {
    color: #000;
    /*/font-size: 16px;/*/
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    padding: 10px 15px;
    border: none;
     font-weight: 500;
     line-height: 1.38;
     letter-spacing: 0.4px;
    font-family: 'acumin-pro-condensed', sans-serif;
    background-color: rgba(0, 0, 0, 0.8);
}
#cssmenu ul ul li a:hover {
    background: #FFF;
    color: #000 !important;
}
#cssmenu > ul > li.has-sub > ul > li.current_page_item > a,
#cssmenu > ul ul > li.has-sub > ul > li.current_page_item> a,
#cssmenu ul li.current-menu-parent > ul.sub-menu > li.current-menu-item a {
   border: none;
   background: #000;
   color: #FFF;
}
#cssmenu ul li {
    text-align: left;
   float: none;
   display: inline-block;
}
#cssmenu ul ul li {
   height: unset !important;
    display: block;
}

#cssmenu > ul > li.has-sub > a:after {
    display: none;
}
#cssmenu > ul > li:hover > a,
#cssmenu ul li.current_page_item a,
#cssmenu ul li.current-menu-parent a {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}
#cssmenu > ul > li.has-sub > ul {
    background-color: rgba(0, 0, 0, 0.8);
}
#cssmenu ul ul li a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    padding: 10px 15px;
    border: none;
     font-weight: 500;
     line-height: 1.38;
     letter-spacing: 0.4px;
    font-family: 'acumin-pro-condensed', sans-serif;
    background-color: rgba(0, 0, 0, 0.8);
}
#cssmenu ul ul li a:hover {
    background: #FFF !important;
    color: #000 !important;
}
#cssmenu > ul > li.has-sub > ul > li.current_page_item > a,
#cssmenu > ul ul > li.has-sub > ul > li.current_page_item> a,
#cssmenu ul li.current-menu-parent > ul.sub-menu > li.current-menu-item a {
   border: none;
   background: #000;
   color: #FFF;
}
#cssmenu ul li {
    text-align: left;
   float: none;
   display: inline-block;
}
#cssmenu ul ul li {
   height: unset !important;
    display: block;
}
#page-banner,
.page-template-page-flexible-content #page-banner{
    padding: 8% 5% 3%;
	margin-bottom: 50px;
}
#page-banner .info {
	max-width: 100%;
	background: none;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.65);
}
#page-banner.noImage {
background-image:url(/wp-content/uploads/2019/07/Pompt-BG-Video-1440x485.jpg);
}

#page-banner h1 {
    text-align: left;
    font-size: 68px;
    line-height: 1.25;
}

.container .btn {
    display: inline-block;
    margin-right: 30px;
    color: #000;
}

/*////////////////////////////////////////////////
GENERAL CONTENT STYLES
///////////////////////////////////////////////*/
h1, h2, h2 span, h3, h4, h5, h6 {
	font-family: 'acumin-pro-condensed', sans-serif;
  	font-size: 90px;
  	font-weight: 800;
  	letter-spacing: normal;
	text-transform: uppercase;
	color: #000000;
}
h2, h2 span,
.page-apply .gform_wrapper h2.gsection_title{
  	font-size: 54px;
	font-weight: 800;
}
#content h2,
h2.arrow,
.page-apply .gform_wrapper h2.gsection_title{
	position: relative;
	margin-bottom: 40px;
    padding-left: 32px !important;
    padding-top: 10px !important;
}
h2.center.arrow {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
#content h2:before,
h2.arrow:before  {
	content: url(https://www.promptparking.com/wp-content/themes/Prompt/images/h2-arrow.svg);
    position: absolute;
    z-index: -1;
    top: 0;
	left: 0;
}
h3 {
  font-size: 44px;
}
.search h3 {
	font-size: 36px;
	/*display: inline-block;*/
	margin: 0;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 18px;
}
p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
    margin-bottom: 20px;
}

.centered {
    text-align: center;
}
.stacked {
    margin-bottom: 0px !important;
}

.spaced {
    margin: 30px 0 30px 0;
}

.padded {
    margin-bottom: 50px;
}

.hidden {
    display: none;
}

.btn.centered {
    margin: 10px auto;
    display: block;
    width: fit-content;
}

h3.linked::before { 
  display: block; 
  content: " "; 
  margin-top: -185px; 
  height: 185px; 
  visibility: hidden; 
  pointer-events: none;
}

li.arrows {
    background: url(images/list-arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    list-style: none;
    padding-left: 25px;
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 5px;
}

/*////////////////////////////////////////////////
BUTTON STYLES
///////////////////////////////////////////////*/
.btn, .readmore a, .su-button.btn, .older a, .newer a,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit],
.page-apply .gform_wrapper .gform_footer input.button, 
.page-apply .gform_wrapper .gform_footer input[type=submit], 
.page-apply .gform_wrapper .gform_page_footer input.button, 
.page-apply .gform_wrapper .gform_page_footer input[type=submit]
{
    /* background: #84247C; */
    background: #fce001;
	color: #000;
    border-radius: 0px;
    font-size: 18px;
    letter-spacing: normal;
	font-weight: 900;
}
#slider {
    bottom: 100px;
    position: relative;
}
#slider .btn {
	background: transparent;
	border: 2px solid #FFF;
	padding: 20px 80px;
}
#slider .btn:hover {
	border-color:#ff8200;
}
.btn:hover, #slider .btn:hover, .readmore a:hover, .su-button.btn:hover, .older a:hover, .newer a:hover,
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover,
.page-apply .gform_wrapper .gform_footer input.button:hover, 
.page-apply .gform_wrapper .gform_footer input[type=submit]:hover, 
.page-apply .gform_wrapper .gform_page_footer input.button:hover, 
.page-apply .gform_wrapper .gform_page_footer input[type=submit]:hover{
	background: #ff8200;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover{
	border-color:#ff8200;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	background: transparent;
	border: 2px solid #FFF;
	text-transform: uppercase;
	padding: 20px 80px;
}
#sidebar .gform_wrapper .gform_footer input.button, #sidebar .gform_wrapper .gform_footer input[type=submit], #sidebar .gform_wrapper .gform_page_footer input.button, #sidebar .gform_wrapper .gform_page_footer input[type=submit] {
	width: 100% !important;
}
.home .contact .gform_wrapper .gform_footer input.button, .home .contact .gform_wrapper .gform_footer input[type=submit] {
	background: none;
	border:2px solid #FFF;
}
.home .contact .gform_wrapper .gform_footer input.button:hover, .home .contact .gform_wrapper .gform_footer input[type=submit] :hover{
	background: #FFF;
	border:2px solid #FFF;
	color: #000;
}
/*////////////////////////////////////////////////
GENERAL PANEL STYLES
///////////////////////////////////////////////*/
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black p,
.black li,
.black a,
footer {
	color: #FFF;
}
.black,
footer {
	background: #000;
	color: #FFF;
}

ul.arrows li {
    background: url(images/list-arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    list-style: none;
    padding-left: 25px;
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 5px;
    text-align: left;
}

.centered .thirtythree ul.arrows {
    margin: 10px 10% !important;
}

.centered .fifty ul.arrows {
    margin: 10px 20% !important;
}

/*////////////////////////////////////////////////
Slider STYLES
///////////////////////////////////////////////*/

.home #slider .slide-text.container {
    margin-top: 100px;
}

.home #slider .slide-text.container h1 {
    font-size: 68px;
    line-height: 1.25;
}

.home #slider .slide-text.container p {
    font-size: 28px;
    line-height: 1.25;
}





/*////////////////////////////////////////////////
HOME PANEL STYLES
///////////////////////////////////////////////*/


.panel.stats {
	background: url(images/stats-bg.jpg);
	background-size: cover;
	background-position: top center;
	position: relative;
	padding: 50px 0;
	
}
.panel.stats .container {
	position: relative;
	z-index: 5;
}
.panel.stats .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(251,223,47,0.7);
    z-index: 0;
}
.panel.stats h2 {
	margin-bottom: 0;
    color: #000;
}
.prefix,
.suffix{
	position: absolute;
    top: 22px;
    left: auto;
    margin-left: -35px;
    font-size: 40px;
}
.suffix {
	margin-left: 45px;
    margin-top: 80px;
    color: #000;
}

.suffix:nth-child(3) {
	margin-left: 55px;
}

h4.count-text {
    font-size: 20px;
    width: 60%;
    margin: 0 auto;
    color: #000;
}

.panel.specialties .container {
  min-width: 100%;
}

.panel.specialties .container .fifty.contentInner{
  margin: 0;
    border-radius: 0;
}

.panel.specialties {
    display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: flex-start;
    padding: 0;
	background: #fff;
}

.panel.specialties .fifty {
    flex: 1;
    padding: 80px;
    background-size: cover !important;
}

.panel.specialties .fifty.dark {
    background: #101010;
    color: #fff;
}

.panel.specialties .fifty.dark li {
        background: url(images/list-arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    list-style: none;
    color: #fff;
    padding-left: 25px;
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 5px;
}

.panel.specialties .fifty.dark h3, .panel.specialties .fifty.dark p {
    color: #fff;
}

.panel.specialties:nth-of-type(odd) .fifty:nth-of-type(even) {
  order: 1;
}

.panel.specialties:nth-of-type(odd) .fifty:nth-of-type(odd) {
  order: 2;
}

.panel.impact {
    background: url(images/panel-impact-bg.jpg);
    background-size: cover;
    position: relative;
}

.panel.impact h3 {
    font-size: 54px;
    font-weight: 800;
    text-align: center;
    color: #fff;
}

.panel.impact p {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color:#fff;
    width: 80%;
    margin: 0 auto;
}

.panel.impact .btn {
    margin: 40px auto;
}

.panel.impact .container {
    position: relative;
    z-index: 5;
}


.panel.impact .overlay {
    background: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.panel.features {
	padding: 0;
	display:flex;
    margin-top: -100px;
}
.features .thirtythree {
	float: left;
	width: 47%;
	position: relative;
	padding: 0;
}

.features .thirtythree h3 {
	margin-bottom: 5px;
}

.features .thirtythree .btn {
	color: #000;
}
.features .thirtythree:hover .btn {
	color: #000;
	background: #FFF;
	text-shadow: none;
}
.features .thirtythree:first-of-type .parallelogram {
	z-index: 50;
	border-right:10px solid #FFF;
}
/*.features .thirtythree.mid {
	width: 52%;
}*/
.features .thirtythree:last-of-type {
    width: 53%;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    z-index: 0;
    margin-left: 0px;
    margin-right: -60px;
}
.features .thirtythree:last-of-type .parallelogram {
	margin-left: 0;
	overflow: visible;
}
.features .parallelogram,
.contact .parallelogram{
	height: 500px;
  	margin: 0 0 0 -60px;
  	-webkit-transform: skew(-14deg);
  	-moz-transform: skew(-14deg);
  	-o-transform: skew(-14deg);
	transform: skew(-14deg);	
  	overflow: hidden;
  	position: relative;
}
/*.features .thirtythree.mid .parallelogram{
	margin-left: 0;
	z-index: 50;
	border-left: 10px solid #FFF;	
	border-right: 10px solid #FFF;
}*/
.features .thirtythree.mid .parallelogram{
	margin-left: 0;
	z-index: 50;
/*	border-left: 10px solid #FFF;	
	border-right: 10px solid #FFF;*/
	-webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
}
.features .thirtythree.end .parallelogram,
.features .thirtythree.end .parallelogram .image {
  	-webkit-transform: skew(0deg);
  	-moz-transform: skew(0deg);
  	-o-transform: skew(0deg);
	transform: skew(0deg);
	}
.features .thirtythree.end .parallelogram {
		margin-left: -65px;
	}
.features .thirtythree .image,
.contact .fifty .image{
  	background: url(images/find-bg.jpg);
	background-size: cover;
  	position: absolute;
  	top: 0px;
  	left: -80px;
  	right: -80px;
  	bottom: 0px;
  	-webkit-transform: skew(14deg);
  	-moz-transform: skew(14deg);
  	-o-transform: skew(14deg);
	transform: skew(14deg);
	z-index: 50;
}
.features .thirtythree.mid .image {
	background: url(images/explore-bg.jpg);
	background-position: top center;
	top: 0;
	bottom: 0;
	background-size: cover;
	-webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
}
.features .thirtythree.end .image {
	background: url(images/learn-bg.jpg);
	background-position: top right;
    right: -150px;
    left: 0;
	background-size: cover;
}
.features .thirtythree .content,
.contact .fifty .content{
	position: absolute;
	top: 20%;
	left: 20%;
	right:20%;
	bottom: 20%;
	margin:0 0 0 50px;
	z-index: 52;
	color: #FFF	;
}
.features .thirtythree .overlay,
.contact .fifty .overlay {
	background: rgba(0,0,0,0.55);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:51;
	}
.features .thirtythree:hover {
	text-shadow: 0 0 5px rgba(0, 0, 0, 1);
}


.features .thirtythree:hover .overlay {
	background: rgba(252,224,1,0.5);
}
.features p {
	font-size: 16px;
  	font-weight: 600;
  	line-height: 2;
	max-width: 80%;
    text-shadow: 0px 0px 5px #000;
}
.features a.arrow {
	margin-top: 30px;
	display: inline-block;
}
/*HOME PAGE SEARCH FORM*/
.panel.search input, 
.panel.search select,
.panel.search .btn{
	border-radius: 0px;
    border: none;
    box-sizing: border-box;
	padding: 10px;
    display: inline-block;
    margin: 0;
    vertical-align: text-top;
}
.panel.search input.btn,
.panel.search .btn {
	padding: 8px 20px 10px;
	font-size: 15px;
	color: #000;
}
.panel.search #proximity {
    width: 70px;
    padding-right: 0px;
}
.panel.search #newYork {
    width: 300px;
    padding-right: 0px;
}
/*.panel.search .label-container {
	padding:0 0 0 8px;
	font-weight:bold;
}

.panel.search .label-container label {
	font-weight:bold;
	color: #000;
}
.panel.search #wp-advanced-search input[type="checkbox"] {
    float: left;
    margin: 14px 5px 0 8px;
}

.wpas-tax_category-locations.wpas-taxonomy-field.wpas-field,
.wpas-meta_location_city.wpas-meta_key-field.wpas-field,
#search_query {
    height: 55px;
    width: 40%;
    float: left;
	clear:none;
	box-sizing:border-box;
	background:#FFF;
    padding: 13px 0;
	position:relative;
	z-index:1000;
    margin: 0 0 40px;
}
.panel.search #search_query {
    width: -webkit-fill-available;
    margin-right: 2.5%;
    margin-top: 20px;
    margin-bottom: 20px;
    z-index:999;
}
.panel.search .wpas-checkbox-container label, 
.panel.search .wpas-radio-buttons-container label {
	border-bottom:1px dotted #c3c3c7;
	padding:10px 0;
	margin-bottom:0;
    display: block;
	font-size: 12px;
}

.panel.search .wpas-checkbox-container label:hover, 
.panel.search .wpas-radio-buttons-container label:hover {
	background:#eee;
}

.panel.search .wpas-tax_category-locations-checkboxes.wpas-checkboxes.field-container,
.panel.search .wpas-meta_location_city-checkboxes.wpas-checkboxes.field-container {
	background: #FFF;
	color: #000;
	display: none;
	padding-top: 20px;
}
.panel.search #wpas-tax_category-locations:hover .wpas-tax_category-locations-checkboxes.wpas-checkboxes.field-container,
.panel.search #wpas-meta_location_city:hover .wpas-meta_location_city-checkboxes.wpas-checkboxes.field-container  {
	display:block;
	height:auto;
}
.panel.search .wpas-tax_category-locations-checkbox-container.wpas-checkbox-container,
.panel.search .wpas-meta_location_city-checkbox-container.wpas-checkbox-container {
	display: inline-block;
	width: 33.33333337%;
    box-sizing: border-box;
}
#wpas-submit .btn {
    margin: 0;
    width: 20%;
    height: 55px;
}*/
.panel.contact {
	background: url(images/contact-bg.jpg);
	background-position: top center;
	background-size: cover;
	padding: 0;
}
.contact .fifty {
	padding: 0;
	position: relative;
}
.contact .parallelogram {
	height: 750px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
    margin-left: -100px;
}
.contact .fifty .image{
	background: none;
    top: 0;
    left: 0;
    right: -100px;
    bottom: 0;
}
.contact .fifty .content{
    margin-left: 0;
	top: 10%;
    /*right: 25%;*/
}
.contact .fifty .overlay {
	background: rgba(252,224,1,0.5);
	}
.panel.testimonials {
	background: url(images/testimonials-bg.svg);
	background-repeat: no-repeat;
    background-position: 80% 60%;
}

.panel.intro {
	background: url(images/testimonials-bg.svg);
	background-repeat: no-repeat;
    background-position: 0% 60%;
    margin-top: 0px;
}

.panel.intro .fifty {
    padding: 25px;
}

.panel.intro .fifty h4 {
    margin-top: 30px;
}

.panel.intro .fifty p {
    margin-top: 20px;
    font-weight: bold;
    font-size: 20px;
    text-transform:uppercase;
    font-family: 'acumin-pro-condensed', sans-serif;
}

.panel.search {
	padding: 30px 0 25px;
}

.testimonials .fifty {
	padding: 0;
	margin: 40px 0;
}
.testimonials .thirty ,
.testimonials .seventy {
	padding: 0 20px;
}
.testimonials .seventy ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.testimonials .seventy li:before {
	content: '-';
	padding-right: 5px;
}

.testimonials .seventy p {
    font-weight: bold;
    font-style: italic;
    margin-bottom: 15px;

}

/*FORM PLACEHOLDER STYLES*/
	::-webkit-input-placeholder,
	.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { 
		  color: #acacac;	}
	::-moz-placeholder { 
		  color: #acacac;	}
	:-ms-input-placeholder { 
		  color: #acacac;	}
	:-moz-placeholder { 
		  color: #acacac;	}

/*////////////////////////////////////////////////
CONTENT PANEL STYLES
///////////////////////////////////////////////*/
#content .panel:first-of-type {
	padding-top: 0;
}

.page-template-template-truck-search #content .panel:first-of-type {
	padding-top: 40px;
}

.panel.locations .container .fifty {
    padding: 30px;
}

.panel.locations .centered .fifty ul.arrows {
    margin: 10px 10% !important;
}

.panel.locations .container .fifty h3 {
    font-size: 34px;
}

#sidebar.thirty {
	background: #ffd053;
	color: #000;
	margin-top: 40px;
}
#sidebar ul.catMenu li.categories {
	background: none;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	font-size: 28px;
	font-weight: 900;
	border-top: none;
	font-family: 'acumin-pro-semi-condensed', sans-serif !important;
}

#sidebar ul.socials {
    margin-bottom: 40px;
}
#sidebar h4 {
	text-align: center;
}
#sidebar ul.submenu h4 {
	margin-bottom: 0;
}
#sidebar ul.submenu li,
#sidebar ul.catMenu li.categories li{
	padding: 0;
	border: none;
	text-align: left;
}
#sidebar ul.submenu li a,
#sidebar ul.catMenu li.categories li a{
	background: #000;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid #FFF;
	color: #FFF;
}
#sidebar ul.submenu li a:hover {
	background: #FFF;
	color: #000;
}
#sidebar ul.submenu li.current_page_item a:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(images/h2-arrow.svg) no-repeat center center;
	background-size: contain;
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}
#sidebar .gform_wrapper ul li {
	border: none;
	padding: 0;
    margin: 0 0 10px 0;
}
#content .wpas-tax_category-locations.wpas-taxonomy-field.wpas-field, 
#content .wpas-meta_location_city.wpas-meta_key-field.wpas-field {
	border:1px solid rgba(0,0,0,0.2);
}
#content .wpas-meta_location_city.wpas-meta_key-field.wpas-field {
	border-width:1px 0;
}
#content .panel.search .wpas-tax_category-locations-checkboxes.wpas-checkboxes.field-container, 
#content .panel.search .wpas-meta_location_city-checkboxes.wpas-checkboxes.field-container {
	box-shadow:0 19px 0px 1px rgba(0,0,0,0.2);
}
/*PAGINATION STYLES
=-----------------------------------------------*/

.oldernewer,
.page-search-results .pagination {
	margin:20px 0 70px 0;
	padding-top:20px;
	text-align:center;
	font-size:21px;
    clear: both;
}
.oldernewer .page-numbers,
.page-search-results .page-numbers {
	padding:5px 16px;
	background:#efefef;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:0 1px;
	font-size:20px;
}
.oldernewer a,
.page-search-results .pagination a{
	color:#707070;
}
.oldernewer a:hover,
.page-search-results .pagination a:hover {
	background:#000;
	color:#FFF;
}

.oldernewer .page-numbers.current,
.page-search-results .pagination .page-numbers.current {
	background:#ff8200;
	color:#FFF;
}

.next.page-numbers,
.page-search-results .pagination .next.page-numbers {
	margin-left:15px;
}

.prev.page-numbers,
.page-search-results .pagination .prev.page-numbers {
	margin-right:15px;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea {
	border-width: 0 0 2px 0;
    border-color: #ff8200;
}
.home .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.home .gform_wrapper textarea {
	border-width: 0;
}
.page-contact-us .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	background: #fce001;
	border: none;
}
.page-contact-us .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
	background: #ff8200;
	border: none;
}
/*///////////////////////////////////////////
	AUTOFILL CONTAINER
//////////////////////////////////////////////*/
	.ui-menu {
		width: max-content;
		list-style: none;
		padding: 10px 5px;
		text-transform: lowercase !important;
		background: #FFF;
	}
	.ui-menu li {
		text-transform: lowercase !important;
	}	
	.ui-autocomplete-input .first-letter {
		text-transform: uppercase;
	  }
/*////////////////////////////////////////////////
FOOTER STYLES
///////////////////////////////////////////////*/
footer p,
footer li{
	font-size: 14px;
}
footer ul.contactInfo {
    margin-left: 0;
    margin-top: 0;
}
footer ul.contactInfo li {
	margin-bottom: 8px;
}
footer ul.contactInfo li:before {
	margin-left: 0;
	padding-right: 0;
}
footer .address:before, 
footer .phone:before, 
footer .fax:before, 
footer .email:before, 
footer .hours:before {
	font-family: 'acumin-pro-semi-condensed', sans-serif;
	margin-bottom: 8px;
}
footer .phone a:before {
	display: none;
}
footer .phone:before {
	content: 'Phone:';
	margin-right: 20px;
}
footer ul.contactInfo li.email {
	margin-bottom: 16px;
}
footer .email:before {
	content: 'Email:';
	margin-right: 25px;
}




footer .address:before {
	content: '';
	padding: 0;
}
.seoteric a {
	font-family: benton-sans-wide, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
}
/*FOOTER MENUS*/
footer .menu li a {
	text-transform: uppercase;
	font-size: 14px;
  	line-height: 2;
  	letter-spacing: 0.4px;
	font-weight: 700;

}
footer .sub-menu {
    display: block;
}
footer .sub-menu li a {
  	font-weight: normal;
  	letter-spacing: normal;
	text-transform: none;
}
footer .sub-menu li a:before {
	content: '-';
	padding-right: 8px;
}
footer a:hover {
	color:#fce001;
}
footer ul.socials {
	margin-top: 40px;
}
ul.socials li a, #sidebar .socials li a {
    background: #FFF;
    margin: 0 8px 0 0;
    padding: 3px 8px;
    border-radius: 5px;
}
ul.socials li a {
	color: #000;
}
ul.socials li a:hover {
	background: #fce001;
}

/*////////////////////////////////////////////////
LOCATIONS AND ARCHIVE PAGE STYLES
///////////////////////////////////////////////*/
.post-type-archive-locations #page-banner,
.single-locations #page-banner,
.tax-category-locations #page-banner {
	margin: 0;
}
.mapSidebar .fifty {
	padding: 0;
}
.mapSidebar .fifty.listLocations {
	float: right; 
	height: 600px; 
	overflow-y: scroll;
	padding: 0;
	direction: rtl;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.mapSidebar .fifty.listLocations::-webkit-scrollbar {
    width: 14px;
	background: #FFF;
}
.mapSidebar .fifty.listLocations::-webkit-scrollbar-track {
    border-radius: 10px;
}
.mapSidebar .fifty.listLocations::-webkit-scrollbar-thumb {
    border-radius: 10px;
	/*border:2px solid #FFF;*/
    background: #a2a29d;
	box-shadow: inset 0 0 0 2px #FFF;
}

.mapSidebar .fifty.mapLocations {
	padding:0;
	background: #f7f7f7;
	border-right:1px solid #a2a29d;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#content ul.parkingInfo {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #f7f7f7;
	min-height: 600px;
	border-left:1px solid #a2a29d;
}
#content ul.parkingInfo a {
	font-weight:600;
}
#content ul.parkingInfo li {
    display: block;
    padding: 10px 10px 10px 35px;
	font-size: 14px;
	position: relative;
	line-height: 1.29;
	direction:ltr;
	text-align: left;
}
#content ul.parkingInfo li .thirtythree {
	padding: 0;
	font-size: 14px;
}

#content ul.parkingInfo li:before,
#content .parkingInfo a.apply:before{
	content: '';
	display: block;
	width: 15px;
	height: 20px;
	background: url(images/icon-marker.svg) no-repeat center center;
	position: absolute;
    background-size: contain;
    left: 10px;
    top: 30%;
	
}
#content .parkingInfo a.apply {
	position:relative;
	padding-left:10px;
}
#content .parkingInfo a.apply:before {
	background: url(images/icon-apply.svg) no-repeat center center;
	left: -20px;
    top: 0px;
    width: 20px;
    height: 30px;
    background-size: contain;
    padding-right: 10px;
}
#content ul.parkingInfo li:nth-child(odd) {
	background: #e2e2e2;
}
#content ul.parkingInfo.single {
	display: flex;
	flex-wrap: wrap;
	min-height: inherit;
	border:none;
	background: none;
	margin-bottom: 40px;
}
#content ul.parkingInfo.single li {
	width: 50%;
    padding: 15px 10px 15px 35px;
    overflow-wrap: break-word;
	border-bottom: 1px dotted #e7e7e7;
}
#content ul.parkingInfo.single li:nth-child(odd) {
	background: none;
}
#content ul.parkingInfo li.phone a:before {
	display: none;
}
#content .parkingInfo.single li:before{
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(images/icon-address.svg);
	background-repeat:  no-repeat;
	background-position: center center;
	position: absolute;
    background-size: contain;
    left: 0;
    top: 13px;
}

#content .parkingInfo.single li.parking {
	color:#00c853;
}
#content .parkingInfo.single li.parking.na {
	color:#a2a29d;
}
#content .parkingInfo.single li.parking:before {
	background-image: url(images/icon-parking.svg);
}
#content .parkingInfo.single li.apply,
#content .parkingInfo.single li.apply a{
	color:#ff8200;
}
#content .parkingInfo.single li.apply:before {
	background-image: url(images/icon-apply.svg);
}
#content .parkingInfo.single li.phone:before {
	background-image: url(images/phone-orange.png);
}
#content .parkingInfo.single li.price:before {
	background-image: url(images/icon-price.svg);
}
#content .parkingInfo.single li.fee:before {
	background-image: url(images/icon-latefee.svg);
}
#content .parkingInfo.single li.email:before {
	background-image: url(images/icon-email.svg);
}
#content .parkingInfo.single li.contact:before {
	background-image: url(images/icon-contact.svg);
}
/*INFOWINDOW STYLES*/
#content .infoWindow ul {
	list-style-type: none;
	margin: 0;
}
#content .infoWindow li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
	font-size: 16px;
}
#content .infoWindow li:last-child {
	margin-bottom: 0;
}
#content .infoWindow li.address:before,
#content .infoWindow li:before {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(images/icon-address.svg);
	background-repeat:  no-repeat;
	background-position: center center;
	position: absolute;
    background-size: contain;
    left: 0;
    top: 0;
}
#content .infoWindow li.address a {
	color: #000;
}
#content .infoWindow li.address:before {
	top: 5px;
}
#content .infoWindow li.parking {
	color:#00c853;
}
#content .infoWindow li.parking.na {
	color:#a2a29d;
}
#content .infoWindow li.parking:before {
	background-image: url(images/icon-parking.svg);
}
#content .infoWindow li.apply,
#content .infoWindow li.apply a{
	color:#ff8200;
}
#content .infoWindow li.apply:before {
	background-image: url(images/icon-apply.svg);
}



/*MODAL*/
/* Modal container styles */
        .modal {
            display: none; /* Hidden by default */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        /* Modal content styles */
        .modal-content {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            max-width: 500px;
            width: 100%;
            text-align: center;
        }

        /* Close button styles */
        .close-btn {
            background: #ff5f5f;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 4px;
            cursor: pointer;
            margin-top: 20px;
        }

        .close-btn:hover {
            background: #e04e4e;
        }

/*////////////////////////////////////////////////
SEARCH RESULTS PAGE
////////////////////////////////////////////////*/

.page-search-results #content .thirtythree {
	width: 31%;
	padding: 0;
	margin: 0 1% 50px;
	border-radius: 5px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
	
}
.page-search-results .thirtythree .contentThirds {
	padding: 0;
}


.gf_left_half.disabled,
.gf_right_half.disabled{
	display: inline-block!important;
}
.page-apply .gform_wrapper .gform_footer input.button, 
.page-apply .gform_wrapper .gform_footer input[type=submit], 
.page-apply .gform_wrapper .gform_page_footer input.button, 
.page-apply .gform_wrapper .gform_page_footer input[type=submit] {
	background:#ffd053;
}

.page-apply .gform_wrapper li.gsection {
	border: none;	
}

/*////////////////////////////////////////////////
RESPONSIVE
////////////////////////////////////////////////*/

@media screen and (max-width:480px) {
    #slider h1 {
        font-size: 38px !important;
    line-height: 1.0 !important;
        padding-top: 40px;
    }
    
    #slider p.subheader {
        font-size: 22px !important;
    line-height: 1.2 !important;
    }
    
    
    .panel.specialties .fifty {
    flex: auto;
    order: unset !important; 
    }
    
    
    
}


@media only screen and (max-width:1023px) {

	.features .thirtythree .content, .contact .fifty .content {
		top: 5%;
		left: 22%;
		right: 30%;
		bottom: 0;
		margin: 0 0 0 40px;
		word-break: break-word;
	}
	.features p {
		max-width: 98%;
	}
}
@media only screen and (max-width:980px) {
	header img.custom-logo, 
	header.sticky img.custom-logo {
		max-width: 200px;
		margin-top: 4px;
	}
	#cssmenu {
    	margin-top: -4px;
	}
	.contact .fifty .content {
	    left: 15%;
	}
	.page-search-results #content .thirtythree {
		width: 48%;
	}
	footer img.custom-logo {
    	max-width: 270px;
	}
	footer .twentyfive,
	footer .thirty {
		width: 50%;
	}
	footer #nav_menu-4 {
		clear: left;
	}
	footer .fifteen {
		width: 33%;
	}	
}


@media screen and (max-width:860px){
	header, header.sticky {
		background: #000;
		padding: 10px 0;
	}
	header img.custom-logo, 
	header.sticky img.custom-logo {
		max-width: 225px;
		margin-bottom: 5px;
	}
	.topNav ul {
		float: none;
		clear: both;
		text-align: left;
	}
	.buttonNav {
		background:#fce001;
		right: 10px;
		top: 12px;
		width: 40px;
    	height: 35px;
	}
	.buttonNav:before,
	.buttonNav.menu-opened:before,
	.buttonNav.menu-opened:after{
		background: #000;
	}
	.buttonNav:after {
	    border-top: 2px solid #000;
    	border-bottom: 2px solid #000;
	}
	.buttonNav:before {
		top: 9px;
		right: 8px;
	}
	.buttonNav:after {
		top: 16px;
		right: 8px;
	}
	.buttonNav.menu-opened:before,
	.buttonNav.menu-opened:after{
		top: 17px;
		width: 23px;
	}	
	#cssmenu {
		top: 0;
	}
	#cssmenu ul {
		margin-top: 12px;
	}
	#cssmenu li{
		background:#000;
	}
	#cssmenu > ul > li > a {
    	padding: 13px 12px 13px 12px;
	}
	#cssmenu .submenu-button:before,
	#cssmenu .submenu-button:after {
		display: none;
	}
	#cssmenu .submenu-button.submenu-opened {
		background: none;
	}
	#cssmenu:after, #cssmenu ul:after {
		display: none;
	}
	#cssmenu .submenu-button {
    	right: 11px;
	}
	#cssmenu > ul > li.has-sub > a:before {
		top: 11px;
		right: 20px;
	}

}
@media all and (min-width:320px) and (max-width:767px) {
	.gf_left_half.disabled, .gf_right_half.disabled {
    	display: block !important;
		width: 100% !important;
	}
}
@media only screen and (max-width:767px) {
h1 {
	font-size: 12vw;
}
#page-banner {
    padding-top: 12%;
}
	.wpas-tax_category-locations.wpas-taxonomy-field.wpas-field, 
	.wpas-meta_location_city.wpas-meta_key-field.wpas-field,
	#wpas-submit .btn,
	.gform_wrapper .gform_footer input.button, 
	.gform_wrapper .gform_footer input[type=submit]{
		width: 100% !important;
		margin: 0 0 15px;
	}
	.gform_wrapper .gform_footer {
		padding-right: 16px !important;
	}
	#wpas-tax_category-locations {
		z-index: 9999999;
	}
	.panel.features {
		display: block;
	}
.features .thirtythree,
.features .thirtythree.mid,
.features .thirtythree:first-of-type,
.features .thirtythree:last-of-type,
.contact .fifty,
.contact .parallelogram
	{
	float: none;
	width:100%;
	}
.features .thirtythree:first-of-type .parallelogram,
.features .thirtythree:last-of-type .parallelogram{
	border-style:solid;
	border-color: #FFF;
	border-width: 5px 0;
	}
.features .thirtythree .content,
.contact .fifty .content {
    left: 10%;
    right: 10%;		
	margin: 0;
	text-align: center;
}
     

.features .parallelogram,
.contact .parallelogram {
	height: auto;
	max-height: 460px;
  	margin: 0;
  	-webkit-transform: none;
  	-moz-transform: none;
  	-o-transform: none;
	transform: none;	
}

.features .thirtythree.mid .parallelogram{
	border-left: 0px solid #FFF;	
	border-right: 0px solid #FFF;
}
/*.features .thirtythree.end .parallelogram,
.features .thirtythree.end .parallelogram .image {
  	-webkit-transform: skew(0deg);
  	-moz-transform: skew(0deg);
  	-o-transform: skew(0deg);
	transform: skew(0deg);
	}*/
.features .thirtythree.end .parallelogram {
		margin-left: 0;
	}
.features .thirtythree .image,
.contact .parallelogram .image {
  	left: 0px;
  	right: 0px;
	position: relative;
	min-height: 400px;
  	-webkit-transform: none;
  	-moz-transform: none;
  	-o-transform: none;
	transform: none;
}
.contact .parallelogram,
.contact .parallelogram .image{
	min-height: 900px;
}
.features .thirtythree.end .image {
    right: 0;
}
	.panel.search {
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
    	z-index: 9999999;
	}

	.panel.testimonials .roundImg {
		max-width: 200px;
	}
	.page-search-results #content .thirtythree {
		width: 98%;	
	}	

	footer .twentyfive,
	footer .thirty,
	footer .fifteen{
		width: 50%;
		float: left;
	}
	footer #nav_menu-4 {
		clear: left;
	}
	footer .fifteen {
		width: 33%;
	}	
}


@media only screen and (max-width:599px) {

	footer .twentyfive,
	footer .thirty,
	footer .fifteen{
		width: 100%;
		float: none;
		text-align: center;
	}
	footer ul.socials {
		margin-top: 0;
	}
	footer .phone:before,
	footer .email:before {
		margin-right: 5px;
	}


.topNav {
    float: right;
    margin: 9px 0 0 8px;
}
.topNav ul {
    float: none;
    margin: 0px;
}
.topNav ul li {
	display: block;
	text-align: center;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:rgba(0,0,0,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:center;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  display: block;
  transition: 0.3s;
	font-weight: 400;

}

.sidenav a:hover{
	color: #fce001;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.hiddenNav {
    font-size: 16px;
    cursor: pointer;
	color: #FFF;
}
.hiddenNav:hover {
	color: #fce001;
}
    #page-banner h1 {
        font-size: 32px;
    }
    
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

