/*
Theme Name:  Shape
Description: Shape Industries child theme. The parent theme is Divi.
Template:  Divi
*/

div.service--icon, #feat-project-row .project-block, .project-page-block:not(:first-of-type) {
	  opacity: 0;
	  visibility: hidden; }

div#feat-project-row .project-block.is--visible, .project-page-block.is--visible:not(:first-of-type), div.service--icon.is--visible {
	animation: fadeIn 1s ease-in both; }

@keyframes fadeIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0); 
		-ms-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
	to {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0); 
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*Navigation menu
********************************/
ul#menu-main-navigation li a:hover {
	background-position: 50% 0; }

ul#menu-main-navigation li a {
	color: transparent !important;
	-webkit-background-clip: text;
	background-clip: text;
	transition: 0.5s ease-out;
	background-repeat: no-repeat;
	background-image: linear-gradient(to bottom, #f37521 45%, #ffffff 55%);
	background-size: 100% 220%;
	background-position: 50% 100%; }

/*Sub menu*/
ul#menu-main-navigation li ul.sub-menu {
	padding: 0 0; }

ul#menu-main-navigation li ul.sub-menu li {
	list-style-type: none; }

/* Fixed navigation on scroll
********************************/
ul#menu-main-navigation > li.current_page_item > a {
    background-image: linear-gradient(to bottom, #f37521 45%, #f37521 55%)!important; }

div#nav--wrapper.fixed--nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
	box-shadow: 0px -3px 13px 0px rgba(0, 0, 0, 0.16); }

#nav--wrapper div.flex-container { 
	position: relative; }

/* Change logo and shrink on scroll*/
#nav--wrapper.fixed--nav div div a img.shape-logo {
    content: url('/wp-content/uploads/2022/05/Shape-Industries-logo-black.png'); }

div#nav--wrapper.fixed--nav > div {
    padding-top: 0.65em!important;
    padding-bottom: 0.65em; }

div#nav--wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%; 
	-webkit-transform: translateY(-100%); 
	-ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out; }

div#nav--wrapper.fixed--nav:before {
	-webkit-transform: translateY(0); 
	-ms-transform: translateY(0); 
	transform: translateY(0); }

/* Main Navigation / hamburger menu
********************************/
/*div#absolute-pos-menu {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%; } */

#absolute-pos-menu > div.flex-container { 
	position: relative; 
	z-index: 9999; }

.menu-circle-container {
	position: relative; }

.menu-circle {
	z-index: 2;
	top: 0px;
	right: 0px;
	width: 42px;
	height: 42px;
	border-radius: 50% 50%; }

.bar, .bar:after, .bar:before {
	width: 27px;
	height: 2px; }

.bar {
	position: relative;
	-webkit-transform: translateY(21px); /*replaced 25 with 22*/
	-ms-transform: translateY(21px);
	transform: translateY(21px);
	/*transition: all 0ms 300ms;  code is causing middle bar to blink on scroll*/
	margin: 0 auto; }

.bar.animate {
  background: rgba(255, 255, 255, 0); }

.bar:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 8px;
	transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.bar:after {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.bar.animate:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.bar.animate:before {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }

/*nav menu*/
.show div.menu-main-navigation-container {
	right: 0%;
	opacity: 1; }

.hide div.menu-main-navigation-container {
 	opacity: 0;
	right: 100%; /*NEW*/
	display: none; }

div.menu-main-navigation-container {
	background: rgba(0,0,0,0.85);
	position: absolute;
	top: 0;
	height: 100vh;
	transition: all .7s ease; }

div ul#menu-main-navigation {
	position: relative;
	/*top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
	padding: 10em 0;
	list-style: none; 
	height: 100%;
    overflow-y: scroll; }

.menu-item a {
	opacity: 0;
	transition: opacity .9s ease-in-out;
	display: block; }

.show div.menu-main-navigation-container ul li a {
	opacity: 1; }

div.menu-main-navigation-container ul li a:hover {
	opacity: 0.75; }

.row-max-width { 
	margin: 0 auto; }

.nav-col-2 a.white-button {
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16); }

/*Disable scroll when navigation menu is open*/
.no-scroll { 
	overflow: hidden; }

/* Fonts
********************************/
body, ul#menu-main-navigation li ul.sub-menu li a {
	font-family: 'DM Sans', sans-serif;
	font-weight: 400; }

:root, .site--breadcrumbs, .site--breadcrumbs a {
	font-size: 16px; }

div#site-footer-container > div.blue p, div#site-footer-container > div.blue a, .nav-col-2.orange a {
	font-size: 1rem; }

h2.client--name, div.contact-text div h2, span.job-toggle-icon:after {
	font-weight: 500; }

h2, .et_pb_button, #site-footer-container div div p.small-text, a.white-button, ul.service--list, div.et_pb_column_2_5 h2, div.menu-main-navigation-container ul li a,  div.service--icon h3, a.peach--button, .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit], .field.shape-contact-form-field label, input.wpcf7-submit, .job-openings-container h3 { 
	font-weight: 700; }

.toggle-container .et_pb_toggle_title, body .et_pb_button, div.header-content h1, a.white-button, h3, .single-project-flex div > h1, .site--breadcrumbs a, .site--breadcrumbs, ul.service--list, div .nf-field-label label, .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit], .field.shape-contact-form-field label, input.wpcf7-submit { 
	text-transform: uppercase; }

div.menu-main-navigation-container, div.menu-main-navigation-container ul li a, .project-block-title, #feat-project-row a.white-button, div.service--icon h3, .ind-project-testimonial a.peach--button, div.ind-project-testimonial {
	text-align: center; }

.feat-project-heading h2 { 
	text-align: right; }

body .et_pb_button, a.white-button, .et_pb_toggle.toggle-container .et_pb_toggle_title, #site-footer-container div div p.small-text, #next-prev-links a, .single-project-flex div > h1, .site--breadcrumbs a, .site--breadcrumbs, a.peach--button, div.contact-text div h2, .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit], input.wpcf7-submit {
	letter-spacing: 1px; }

 div.header-content h1 {
	letter-spacing: 2.4px; }

div#site-footer-container .blue a, a.directions-link, .job-openings-container a, .et_pb_text_inner a {
	text-decoration: underline; }

.menu-circle:hover, input.wpcf7-submit:hover, .job-learn-more-toggle:hover {
	cursor: pointer; }

/* Colours
********************************/
.blue {
	background-color: #9CBCCD; }

.orange, .list-orange-circle div ul li:before { 
	background-color: #F47521; }

.peach, a.peach--button, .project-page-block:nth-of-type(3n) .project-col-info, div .nf-form-content button, div .nf-form-content input[type=button], div .nf-form-content input[type=submit], input.wpcf7-submit {
	background-color: #E6B277; }

.green, .project-page-block:nth-of-type(2n) .project-col-info { 
	background-color: #1B4932; }

.dark-grey, .bar:before, .bar:after, .bar, .project-block, .project-block-title, #nav--wrapper.fixed--nav div div a.white-button, #nav--wrapper.fixed--nav div div .menu-circle-container div .menu-circle, .project-page-block:nth-of-type(4n) .project-col-info { 
	background-color: #211E21; }

.light-grey, a.white-button:hover, .nav-col-2 a.white-button:hover, .menu-circle:hover, .shape-socials a.instagram--icon:hover, a.peach--button:hover, div .nf-form-content button:hover, div .nf-form-content input[type=button]:hover, div .nf-form-content input[type=submit]:hover, input.wpcf7-submit:hover { 
	background-color: #ECE6EF; }

div#nav--wrapper:before, .nav-col-2 a.white-button, .feat-project-heading, a.white-button, .nav-col-2 .shape-socials a.instagram--icon, .menu-main-navigation-container ul .instagram--icon, #nav--wrapper.fixed--nav div div .menu-circle-container div .menu-circle .bar::before, #nav--wrapper.fixed--nav div div .menu-circle-container div .menu-circle .bar, #nav--wrapper.fixed--nav div div .menu-circle-container div .menu-circle .bar::after, div .nf-form-content .list-select-wrap .nf-field-element>div, div .nf-form-content input:not([type=button]), div .nf-form-content textarea {
	background-color: #FFFFFF; }

li.instagram--icon a {
	background-color: #A3A3A3; }

#nav--wrapper.fixed--nav div div .menu-circle-container div .menu-circle .bar.animate, .header-content a.et_pb_button {
	background-color: transparent; }

.flex--item p, .flex--item a, .job-openings-container a, span.job-toggle-icon:after { 
	color: #A3A3A3; }

.nav-col-2.orange a, .white, h2.white, p.white, .toggle-container .et_pb_toggle_content, .toggle-container .et_pb_toggle_content p, .toggle-container .et_pb_toggle_title, div.menu-main-navigation-container ul li a, div.header-content a.et_pb_button, .project-block-title h3, div#next-prev-links a, .ind--service-banner h1, .ind--service-banner div, .site--breadcrumbs a, .site--breadcrumbs, .green div div div.et_pb_text div h2, .green div div div.et_pb_text div p, .green div div div.et_pb_text div h3, .green div div div.et_pb_text div h1, .list-orange-circle div ul li, #nav--wrapper.fixed--nav div div a.white-button, .project-page-block:nth-of-type(2n) .project-col-info h2, .project-page-block:nth-of-type(2n) .project-col-info p, .project-page-block:nth-of-type(4n) .project-col-info h2, .project-page-block:nth-of-type(4n) .project-col-info p {
	color: #FFFFFF; }

a.white-button, div#site-footer-container .blue a, div#site-footer-container .blue p, a.instagram--icon:before, body p, li.instagram--icon a:before, ul#service--list, a.peach--button,  div .nf-form-content button, div .nf-form-content input[type=button], div .nf-form-content input[type=submit], body, .et_pb_text_inner a {
	color: #211E21; }

li.instagram--icon a {
	color: transparent!important; }

/*Change contact button and hamburger circle on scroll*/
#nav--wrapper.fixed--nav div div a.white-button, #nav--wrapper.fixed--nav div div .menu-circle-container div .menu-circle {
  	box-shadow: none; }

input.wpcf7-submit {
	border: none; }

.field.shape-contact-form-field span input:not([type=file]):focus, .field.shape-contact-form-field span textarea:focus {
	border-color: #000000; }

/*Buttons
********************************/
a.white-button, a.white-button:hover, .et_pb_button_module_wrapper a.et_pb_button, .et_pb_button_module_wrapper a.et_pb_button:hover, div.header-content a.et_pb_button, div.header-content a.et_pb_button:hover, #feat-project-row a.white-button, #feat-project-row a.white-button:hover, a.peach--button, .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit], input.wpcf7-submit {
	padding: 0.5em 1.5em!important;
	border-radius: 34px; }

#feat-project-row a.white-button {
	margin: 2em auto; }

.service-icons-col a.white-button, a.peach--button {
	display: inline-block; }

/* Flex
********************************/
div.flex-container, .nav-col-1, .nav-col-2, div.shape-socials, .service-icons-col.orange, #next-prev-links { 
	display: -webkit-box;  
	display: -ms-flexbox;  
  	display: -webkit-flex; 
	display: flex; }

.nav-col-1, .nav-col-2 {
    flex-direction: column;
    flex-basis: 100%; }

.nav-col-1 {
    -webkit-box-flex: 1;              
  	-webkit-flex: 1;      
	-ms-flex: 1;
	flex: 1; }

.nav-col-2 {
    -webkit-box-flex: 3;              
  	-webkit-flex: 3;      
	-ms-flex: 3;
	flex: 3; }

#next-prev-links {
    flex-direction: row;
    /*justify-content: flex-end;*/ }

.nav-col-2.orange { 
	align-items: flex-end; }

.nav-col-2 a.white-button {
	align-self: flex-start; }

div.flex-container {
	width: 100%; }

.service-icons-col.orange, div.flex-container {
	flex-direction: row;
	flex-wrap: wrap; }
	
ul#menu-footer-navigation, div#site-footer-container > div {
	justify-content: space-between; }

#nav--wrapper .flex-container, div.shape-socials {
	align-items: center; }

div.shape-socials {
	height: 100%; }

/* homepage service icon section */
.service—icon h3 {
	margin-top: 1em; }

/* Animations
********************************/
.menu-circle, a.white-button, a.instagram--icon, a.white-button, a.peach--button, input.wpcf7-submit {
	transition: all 300ms ease; }

.service--icon a img, .service--icon a svg {
    transition: all 0.7s ease; }

.service--icon:hover a img, .service--icon:hover a svg {
    -webkit-transform: scale(1.08); 
	-ms-transform: scale(1.08); 
	transform: scale(1.08); }

div#nav--wrapper {
    transition: box-shadow .3s ease-in-out; }

/*Social Icons
********************************/
.instagram--icon a:before, .shape-socials a:before, a.instagram--icon:before {
    font-family: 'EtModules';
    position: absolute;
    font-size: 20px;
    top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%, -50%); 
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.facebook--icon a:before {
    content: "\e093"; }

li.instagram--icon a:before, a.instagram--icon:before  {
	content: "\e09a"; }

.twitter--icon a:before {
	content: "\e094"; }

.shape-socials a, li.instagram--icon a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50% 50%;
    margin-bottom: 0;
    position: relative; }

li.instagram--icon a {
	margin-top: 15px; }

.shape-socials a {
	margin-left: 10px; }

/*Social in hamburger menu*/
.menu-main-navigation-container ul .instagram--icon {
	position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50% 50%;
    display: inline-block; 
	margin-top: 1.25rem;}

.menu-main-navigation-container ul .instagram--icon:before {
	font-size: 30px; }

span.job-toggle-icon:after {
    font-size: 30px;
    font-family: 'etModules';
    content: "\e050";
    padding-right: 10px;
    position: relative;
    top: 4px; }

.job-toggle-open span.job-toggle-icon:after {
    content: "\e04f"; }

/* Home page
********************************/
/*section#disable-hover-video.et_pb_fullwidth_header {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 9999; }*/

/*video banner*/
section.et_pb_module.et_pb_fullwidth_header {
    padding: 25% 0; /*12em 0em 10em 0em;*/
	min-height: 65vh;
	max-height: 90vh; }

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center div.header-content {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%; }

.header-content a.et_pb_button {
	border: 2px solid #FFFFFF!important; }

.et_pb_toggle.toggle-container {
    border-bottom: 1px solid #FFFFFF!important;
    padding: 20px 0px 20px 0px;
    margin-bottom: 0!important; }

.et_pb_toggle.toggle-container .et_pb_toggle_title:before {
	left: 0;
	right: auto;
	content: "\50"; }

.et_pb_toggle_open.toggle-container .et_pb_toggle_title:before {
	content: "\51"; }

div.left-right-shape {
	position: relative; }

/*shape on right side of blue banner*/
div.left-right-shape:after {
	content: '';
    background-image: url('/wp-content/uploads/2022/05/shape-right-01.png');
    width: 25%;
    position: absolute;
	top: 0;
    right: 0;
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
	background-position: left bottom; }

div.left-right-shape.light-grey:after {
	background-image: url('/wp-content/uploads/2022/06/shape-right-02.png'); }

/*shape on left side of blue banner*/
div.left-right-shape:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	height: 100%;
	background-image: url('/wp-content/uploads/2022/05/pattern-dot.png');
    background-size: cover;
    background-position: left;
    background-repeat: repeat; }

div.left-right-shape.light-grey:before {
	background-image: url('/wp-content/uploads/2022/06/grid-02.png'); }

div.left-right-shape {
	background-image: url('/wp-content/uploads/2022/05/shape-left-1.png');
	background-size: 27%;
    background-repeat: no-repeat;
	background-position: top left; }

div.left-right-shape.light-grey {
	background-image: url('/wp-content/uploads/2022/06/shape-left-02.png'); }

.et_pb_toggle.toggle-container .et_pb_toggle_content {
	padding-top: 15px!important; }

/*Featured projects on homepage*/
.project-block-title {
	padding: 1em 1em; }

.project-block-title h3 {
	padding-bottom: 0; }

.feat-project-heading {
	margin-bottom: 4em;
    justify-content: space-between; }

.project-block {
	overflow: hidden; }

.project-block img {
	opacity: 0.8;
	transition: all 1s ease-out;
	display: block;
	height: 300px; 
	-o-object-fit: cover;
	object-fit: cover; }

.project-block:hover img {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1); }

.project-block-title {
	position: relative; }

.feat-project-heading h2 {
    padding: 5em 1em 1em 0em; }

/*Service with icons section*/
.service--icon img, .service--icon svg {
	display: block;
	margin: 0 auto;
	width: 100%; }

div.service-icons-col p:last-of-type, .project-col-info p:last-of-type, .service--intro p:last-of-type {
	margin-bottom: 1.875em; }

.service--icon h3 {
	margin-top: 1.5em; }

/* Contact page
********************************/
div.contact-text {
    width: 100%; }

div#contact-block {
    width: 100%;
    min-height: 650px;
    padding: 0 0; }

.contact-text div .shape-socials a {
	margin-top: 2em;
    margin-left: 0; }

.contact-text div .shape-socials a {
	width: 42px;
	height: 42px; }

.contact-text div .shape-socials a:before{
	font-size: 28px; }

div.contact-text div h2:not(:first-of-type) {
	padding-top: 1em; }

div.contact-text div h2 {
	padding-bottom: 0; }

/*Contact form required message*/
.nf-form-fields-required {
    padding-bottom: 10px; }

div.nf-form-content {
    padding: 0 0; }

.form-flex-container .form-full-col, .form-full-col span textarea {
		width: 100%; }

/*Careers page
********************************/
/*Job application form*/
.shape-contact-form-field span input, .shape-contact-form-field span select, .shape-contact-form-field span input, .shape-contact-form-field span select, .shape-contact-form-field span textarea {
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
    margin-bottom: 2em;
	width: 100%; }

.field.shape-contact-form-field span input:not([type=file]) {
	height: 50px; }

.field.shape-contact-form-field span input:not([type=file]), .field.shape-contact-form-field span textarea {
	border: 1px solid #c4c4c4;
	padding: 10px 10px;	}

.field.shape-contact-form-field label {
	display: inline-block;
	margin-bottom: 10px; }

span.accepted-files-note {
    padding-bottom: 0.4em;
    display: inline-block; }

/*Invalid form field rror message from Contact Form 7*/
.wpcf7-not-valid-tip {
	margin-bottom: 2em; }

/*Job Opportunities section*/
.job-openings-container {
	border-bottom: 1px solid #c4c4c4; 
	padding: 1em 0; }

.job-openings-container:last-of-type{ 
	margin-bottom: 3em; }

.job-openings-container h3 {
    display: inline-block;
    padding: 0 0.5em 0 0; }

p.job-learn-more-toggle {
	padding-top: 0.5em;
   /* padding-bottom: 1em!important; */}

p.job-learn-more-toggle:after {
    position: relative;
    content: "More About The Role"; }

p.job-learn-more-toggle.job-toggle-open:after {
    content: "Less About The Role";	}

div.job-description {
	display: none;
	padding-top: 1.5em;
    padding-bottom: 2em; }

/* Global page settings
********************************/
/*First section of each page*/
body:not(.home) div#main-content > div.et_pb_section:first-child div.et_pb_row:first-child {
	padding-top: 0; }

/* Projects page
********************************/
.project-page-block {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 6em;  }

.project-col-info {
	position: absolute;
	top: -30px; }

.project-col-info {
    background-size: 100px;
    background-repeat: repeat-y;
    background-position: right;
	z-index: 2; }

.project-col-info a {
	display: inline-block;
	position: relative;
	z-index: 3; }

.project-col-info > h2, .project-col-info > p {
	position: relative;
	z-index: 2; }

.project-page-block .project-col-info:before { 
	position: absolute;
	top: 0;
	bottom: 0;
	width: 25%;
	content: ''; 
	right: 0; 
	z-index: 1; }

.project-page-block:nth-of-type(1n) .project-col-info:before {
	background-image: url('/wp-content/uploads/2022/05/small-grid-blue.png'); }

.project-page-block:nth-of-type(2n) .project-col-info:before {
	background-image: url('/wp-content/uploads/2022/05/small-grid-green.png'); }

.project-page-block:nth-of-type(3n) .project-col-info:before {
	 background-image: url('/wp-content/uploads/2022/05/small-grid-peach.png'); }

.project-page-block:nth-of-type(4n) .project-col-info:before {
    background-image: url('/wp-content/uploads/2022/05/small-grid-white.png'); }


/* Individual project
********************************/
#main-content .container.single-project:before {
	display: none; }

#single-project.et_pb_row {
	width: 100%;
	max-width: 100%; }

div.ind-project-testimonial {
	position: relative;
	z-index: 1; 
	margin-top: 2em; }

div.ind-project-testimonial .row60 {
	position: relative;
	z-index: 10; }

.ind-project-testimonial div h2 {
	position: relative; }

.ind-project-testimonial div h2:before, .ind-project-testimonial div h2:after{
	content: '"'; }

.single-project-flex {
    background-image: url('/wp-content/uploads/2022/05/pattern-dot.png');
	background-repeat: repeat; 
	background-size: auto; }

div#next-prev-links a {
	width: 50%;
	display: inline-block;
	position: relative; }

#next-prev-links a.next--link {
	text-align: right;
	margin-left: auto; }

a.prev--link:before, a.next--link:before {
    font-family: 'ETmodules';
    position: absolute; }

a.prev--link:before {
	content: "\3c";
	    left: 0; }

a.next--link:before {
	content: "\3d";
	right: 0; }

/*Service page*/
.list-orange-circle div ul {
	width: 100%;
	padding-left: 0; }

.list-orange-circle div ul li {
	list-style-type: none;
    padding: 0 0.75em 1em 0.75em;
    position: relative;
	display: inline-block; 
	width: 100%; }

/*.list-orange-circle div ul li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50% 50%;
    left: 0;
    top: 0.6rem; }*/

/* Individual service page
********************************/
.site--breadcrumbs {
	padding: 15px 0; }

.service--intro {
	background-image: url('/wp-content/uploads/2022/05/pattern-dot.png');
	background-repeat: repeat; }

.ind--service-banner h1, .ind--service-banner div {
    position: relative; }

.service--list li {
    padding-bottom: 1em;
    position: relative;
    padding-left: 15px; }

.service--list li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50% 50%;
    background: #9bbccd;
    position: absolute;
    left: 0;
    top: 12px; }

.ind--service-banner {
	position: relative; 
	background-position: center;
	background-size: cover; }

.ind--service-banner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0; 
	bottom: 0;
	background-color: rgba(0,0,0,0.4); }

/* Header
********************************/
.nav-col-2.orange > a {
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	padding: 10px 20px; }

/* Footer
********************************/
div#site-footer-container > div.blue {
	padding-top: 10px;
	padding-bottom: 10px; }

.flex--item p, .flex--item a {
    display: block; }

.menu-footer-navigation-container ul li {
    list-style-type: none; }

.menu-footer-navigation-container ul li a, a.directions-link {
	opacity: 1; 
	transition: opacity 0.7s ease; }

.menu-footer-navigation-container ul li a:hover, a.directions-link:hover {
	opacity: 0.75; }

#site-footer-container div div p, #site-footer-container div div >a:not(.directions-link) {
    padding-bottom: 0; }

#site-footer-container div:first-child p.small-text {
	padding-top: 30px; }

ul#menu-footer-navigation {
	padding: 0 0; }

.menu-footer-navigation-container ul >li ul {
	padding-left: 0; }

@media all and (min-width: 981px) {
	div.et_pb_column_1_3 h1, div.et_pb_column_1_4 h1, div.et_pb_column_1_5 h1, div.et_pb_column_1_6 h1, div.et_pb_column_2_5 h1, h1 {
		font-size: 3.75rem;
		line-height: 4.375rem; }
	
	h2, div.et_pb_column_1_3 h2, div.et_pb_column_1_4 h2, div.et_pb_column_1_5 h2, div.et_pb_column_1_6 h2, div.et_pb_column_2_5 h2, div.menu-main-navigation-container ul li a {
		/*font-size: 2.188rem;
		line-height: 2.688rem; */
		font-size: 1.625rem;
		line-height: 2.125rem; }

	.et_pb_toggle.toggle-container .et_pb_toggle_title:before, ul#menu-footer-navigation>li>p, .project--desc {
		font-size: 1.75rem; }
	
	.project--desc {
		line-height: 2.375rem; }
	
	body, h3, a.et_pb_button, .toggle-container .et_pb_toggle_title, h2.client--name, .shape-contact-form-field span input, .shape-contact-form-field span select, .shape-contact-form-field span textarea, ul#menu-main-navigation li ul.sub-menu li a, input.wpcf7-submit {
		font-size: 1.125rem !important;
		line-height: 1.5rem !important; }
	
	a.et_pb_button {
		line-height: 1.5rem!important; }
	
	.flex--item p, .flex--item a, .service--icon h3 {
		font-size: 1.063rem;
		line-height: 1.6875rem; }
	
	#site-footer-container div div p.small-text, div.contact-text div h2, div .nf-field-label label, .shape-contact-form-field label {
		font-size: 1rem; }
	
	div#site-footer-container .blue a {
		text-align: right; }
	
	/* Colors
	********************************/
	.menu-circle, .shape-socials a.instagram--icon { 
		background-color: #FFFFFF; }
	
	.contact-text div p, .contact-text div p a, .contact-text div h2 {
		color: #FFFFFF; }
	
	.menu-circle {
		box-shadow: 0px 3px 6px rgba(0,0,0,0.16); }
	
	/*Hamburger Menu
	********************************/
	/*.nav-col-1 { 
		padding-left: 10%; }*/
	
	.bar:before, .bar:after, .bar { 
		background-color: #211E21; }
	
	div div.padding-200, a.logo-link {
		width: 200px; }
	
	a.logo-link {
		align-self: flex-start; }
	
	/*Shrink logo on scroll*/
	#nav--wrapper.fixed--nav div div a img.shape-logo {
		max-width: 65%; }
	
	div#absolute-pos-menu {
		position: absolute; 
		top: 0;
		left: 0;
		right: 0;
		width: 100%; }
	
	div.menu-main-navigation-container {
  		width: 50vw; }
	
	.menu-circle {
		position: absolute; }
	
	ul#menu-main-navigation > li {
		margin-bottom: 50px; }
	
	.menu-main-navigation-container ul .instagram--icon {
		display: none; }
	
	/*Nav submenu*/
	ul#menu-main-navigation li ul.sub-menu li a {
		padding: 10px 0; }
	
	.nav-col-1 {
		flex: 0.3;
    	padding-left: 10%; }
	
	.nav-col-2 {
		flex-direction: row;
		justify-content: flex-end;
		padding-right: 10%; }
	
	.nav-col-2 a.white-button {
		margin-right: 80px; }
	
	.shape-bg {
		background-image: url('/wp-content/uploads/2022/05/Shape-Green.png');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: 55%;
		background-position: left center; }
	
	#absolute-pos-menu .row-max-width .flex-container {
		padding-top: 2em; }
	
	.mobile--logo { 
		display: none; }
	
	/*Homepage
	********************************/
	div.row60 {
		width: 60%;
		max-width: 60%;
		margin: 0 auto;
		position: relative; }
	
	.et_pb_toggle.toggle-container .et_pb_toggle_title, .et_pb_toggle.toggle-container .et_pb_toggle_content  {
    	padding: 0 0 0 50px; }
	
	div.half-col-right-bg {
		position: relative; }

	div.half-col-right-bg:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 47.75vw;
		background-color: rgba(0,0,0,0.4); }
	
	/*Service icon section on homepage*/	
	div#service-icons-section .service-icons-col:not(#service--links-container):first-child {
		width: 33%;	}
	
	div#service-icons-section .service-icons-col:not(#service--links-container):last-child {
		width: 77%; 
		padding: 3em 1em; }
	
	.service-icons-col.orange .service--icon {
		width: 25%;
		min-width: 185px; 
		text-align: center; }
	
	.service-icons-col.orange .service--icon:nth-child(-n+4) {
		padding: 0 1.5em 2.5em 1.5em; }

	.service-icons-col .service--icon svg, .service-icons-col .service--icon img {
		padding: 0em 0.5em;
		max-width: 140px; }

	/*.service-icons-col{
		padding: 2em 2em; } */
	
	div#service-icons-section > div.service-icons-col {
		padding: 3em 3em; }
	
	/*Featured Projects on homepage
	********************************/
	.feat-project-heading {
		width: 34.85%; }
	
	.feat-project-heading h2 {
    	padding: 5em 1em 1em 0em; }
	
	#feat-project-row {
    	width: 80%;
    	margin: 0 auto;
		position: relative;
    	z-index: 9; }	
	
	.project-block {
		width: 31%; }
	
	div#feat-project-shape {
		position: relative; 
		padding-bottom: 54px; }
	
	div#feat-project-shape:after {
		content: '';
		height: 100%;
		width: 50%;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url('/wp-content/uploads/2022/05/s-orange.png');
		background-repeat: no-repeat;
		background-position: left;
    	background-size: cover;
		z-index: 2; }
	
	/*Projects page, Services page*/
	div#main-content div.et_pb_section#page-header-2-col div.et_pb_row:first-child {
		padding-left: 10%; 
		padding-top: 0;
		width: 100%;
    	max-width: 100%; }
	
	#page-header-2-col div .et_pb_column_1 div, #page-header-2-col div .et_pb_column_1 div span, #page-header-2-col div .et_pb_column_1 div span img {
		height: 100%; }
	
	#page-header-2-col div .et_pb_column_1 div span img {
		-o-object-fit: cover;
		object-fit: cover; }
	
	/* Flex
	********************************/
	ul#menu-footer-navigation, #service-icons-section, #page-header-2-col > div.et_pb_row, .single-project-flex, .service--details, .form-flex-container {
		display: -webkit-box;  
		display: -ms-flexbox;  
		display: -webkit-flex; 
		display: flex; }

	div#service-icons-section, .service-icons-col.orange, .single-project-flex , .service--details, .form-flex-container {
		flex-direction: row; }
	
	.service--details, .service-icons-col.orange, .form-flex-container {
    	flex-wrap: wrap; }
	
	ul#menu-footer-navigation, div#site-footer-container > div, .single-project-flex, .service--details, #feat-project-row, .form-flex-container {
		justify-content: space-between; }
	
	.form-flex-container .form-half-col {
		width: 48%;	}
	
	.service-icons-col.orange {
		justify-content: center;
		align-content: flex-start; }
	
	/*Global page settings top banner
	********************************/
	body:not(.home) div#main-content:not(.single--project-container):first-child div.et_pb_section:first-of-type > div.et_pb_row:first-of-type .et_pb_text:first-of-type, div.single-project-flex, div.ind--service-banner {
    	padding-top: 250px; } 
	
	/*First section of each page*/	
	body:not(.home) #main-content .et_pb_section:first-child:not(.et_pb_section_0_tb_footer) {
    	padding-top: 43px!important; }
	
	/* Projects
	********************************/	
	.project-page-block {
		padding: 15% 0%;
    	min-height: 300px; }

	.project-col-info {
		width: 33%; 
		padding: 2em 2em 4em 2em; }
	
	.project-page-block:nth-child(odd) .project-col-info, div.contact-text {
		right: 2em; }

	.project-page-block:nth-child(even) .project-col-info {
		left: 2em; }
	
	/*Single Project
	********************************/
	.single-project-flex {
		/*padding-bottom: 20em;*/
		padding-bottom: 4em;
		padding-left: 10%;
		padding-right: 10%; }

	.project-col:first-of-type {
		flex: 2; }
	
	.project-col:last-of-type {
		flex: 3; 
		padding-left: 2em; }
	
	div#next-prev-links {
		padding-left: 5%;
		padding-right: 5%; }
	
	div#project--feat-img {
		width: 80%;
		max-width: 80%;
		margin: 0 auto;
		margin-top: -20em;
		padding-top: 4em; }	
	
	#next-prev-links a { 
		padding-top: 15px; 
		padding-bottom: 15px; }
	
	#next-prev-links a.next--link {
		 padding-right: 50px; }

	#next-prev-links a.prev--link {
		 padding-left: 50px; }
	
	#next-prev-links a.next--link:before, #next-prev-links a.prev--link:before {
		font-size: 35px; 
		line-height: 35px; 
		top: 10px; }
	
	/* Service page
	********************************/	 
	.grid--bg-half {
		position: relative;	}
	
	.grid--bg-half:before { 
		content: ""; 
		position: absolute;
		width: 50vw;
		top: 0;
		left: 0;
		bottom: 0;
		background-image: url('/wp-content/uploads/2022/05/Grid-Large-Blue.png');
		opacity: 0.25; }
	
	/*Service page*/
	.list-orange-circle div ul {
		columns: 4;
		-webkit-columns: 4;
		-moz-columns: 4; }
	
	#service--links-container  div.service--icon:not(:nth-child(-n+4)) {
	  	opacity: 0;
	  	visibility: hidden; }

	#service--links-container  div.service--icon.is--visible:not(:nth-child(-n+4)) {
		animation: fadeIn 1s ease-in both; }	
	
	/* Individual Service page
	********************************/	
	.ind--service-banner {
		padding-left: 10%;
		padding-right: 10%;	
		position: relative;
		padding-bottom: 175px; }
	
	.ind--service-banner:before {
		width: 50vw; }
	
	.ind--service-banner h1 {
		width: 50%; }
	
	.service--intro {
		padding-left: 10%;
		padding-top: 3em;
		padding-right: 3em;
		width: 50%;
		padding-bottom: 3em; }
	
	ul.service--list {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		width: 50%;
		padding: 3em 10% 3em 3em; }
	
	.service--list li {
		display: inline-block;
		width: 100%; }
	
	/*Divi Gallery*/
	.et_pb_gallery_item:not(:nth-child(3n)) {
		margin-right: 2%!important;
		margin-bottom: 2%!important; }

	div.et_pb_gallery_item {
		width: 32% !important;
		clear: none !important; }
	
	.et_pb_gallery_item:nth-child(3n) {
		margin-right: 0!important;
		margin-bottom: 2%!important; }
	
	/* Contact page
	********************************/	
	div#contact-block {
		background-image: url('/wp-content/uploads/2022/06/google-map-scaled.jpg');
		background-size: cover; }
	
	div.contact-text {
		position: absolute;
		top: -30px; }
	
	div.contact-text:before{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		content: '';
		width: 25%;
		background-image: url('/wp-content/uploads/2022/05/small-grid-white.png');
		background-repeat: repeat; }
	
	div.et_pb_section.grid-bg-50 {
    	padding-bottom: 35vh; }
	
	div#contact-block {
		margin-top: -35vh;
		margin-bottom: 5%;}
	
	div.contact-text {
		padding: 2em 2em; }
	
	/* Footer
	********************************/
	.flex--item img.footer-grey-s {
		width: 44px;
		height: auto; }
	
	#site-footer-container div .flex--item:first-child p, .flex--item:first-child a {
    	padding-left: 44px; }
	
	div#site-footer-container .blue p, div#site-footer-container .blue a {
		display: inline-block; 
		width: 50%; }
	
	div#site-footer-container > div {
    	padding: 5% 5%; }
	
	#site-footer-container div .flex--item:first-child {
		width: 30%; }
	
	#site-footer-container div .flex--item:last-child {
		width: 70%; }
	
	ul#menu-footer-navigation > li > p {
		padding-bottom: 15px; }
	
	ul#menu-footer-navigation li > ul li {
		display: block!important; }
	
	li.instagram--icon a {
		width: 35px;
		height: 35px; }
}
@media all and (max-width: 980px) and (min-width: 768px){	
	.nav-col-2.orange .shape-socials {
		margin-right: 5%; }
	
	.menu-main-navigation-container ul .instagram--icon {
		display: none; }
	
	#site-footer-container div .flex--item {
		display: inline-block;
		width: 50%; }
	
	.service--icon {
		width: 50%;
	  	padding-bottom: 3em; }
	
	.service--icon img, .service--icon svg {
		max-width: 120px; }
	
	.project-col-info {
		width: 50%; }
	
	.project-page-block:nth-child(odd) .project-col-info {
		right: 2em; }

	.project-page-block:nth-child(even) .project-col-info {
		left: 2em; }
	
	div#next-prev-links {
		padding-left: 5%;
		padding-right: 5%; }
	
	a.prev--link:before, a.next--link:before {
    	font-size: 18px; }
	
	a.prev--link {
		padding: 10px 10px 10px 25px; }
	
	a.next--link {
		padding: 10px 25px 10px 10px; }
	
	/*Service page*/
	.list-orange-circle div ul {
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3; }
}
@media screen and (max-width: 980px) {
	.nav-col-2 a.white-button, #menu-footer-navigation li ul li { 
		display: none; }
	
	.menu-circle, .menu-circle:hover {
		background-color: #211E21; }
	
	.bar:before, .bar:after, .bar { 
		background-color: #FFFFFF; }
	
	.shape-socials a.instagram--icon { 
		background-color: #ECE6EF; }
	
	.dark-grey.contact-text {
		background-color: transparent;
		background-image: none; }
	
	.contact-text div p a {
		color: #211E21;
		text-decoration: underline;	}
	
	/*Fonts
	********************************/
	h1 {
		font-size: 	2.5rem;
		line-height: 3.125rem; }
	
	h2, div.menu-main-navigation-container ul li a {
		font-size: 1.625rem;
		line-height: 2.25rem; }
	
	body, h2.client--name, .service--icon h3, div.contact-text div h2, .field.shape-contact-form-field span input, .field.shape-contact-form-field span select, .shape-contact-form-field span textarea, ul#menu-main-navigation li ul.sub-menu li a {
		font-size: 1rem !important;
		line-height: 1.625rem !important; }
	
	h3, .et_pb_toggle.toggle-container .et_pb_toggle_title, .project--desc {
		font-size: 1.25rem;
		line-height: 1.875rem; }
	
	a.white-button, a.et_pb_button {
		font-size: 1.125rem; }
	
	.project--desc {
		padding-top: 1em; }
	
	 .site--breadcrumbs, .site--breadcrumbs a {
		font-size: 14px;
		line-height: 19px; }
	
	.et_pb_toggle.toggle-container .et_pb_toggle_title:before, ul#menu-footer-navigation>li>p:before { 
		font-size: 24px; }
	
	ul#menu-footer-navigation > li > p {
		font-size: 20px;
		line-height: 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 20px 0px 20px 40px;
		position: relative; 
		display: inline-block; }
	
	#absolute-pos-menu .row-max-width .flex-container {
		padding-top: 2.5%;
		padding-bottom: 2.5%; }
	
	/*Navigation
	********************************/
	div.nav-col-1 {
		padding-left: 5%; }
	
	div.menu-main-navigation-container {
  		width: 100vw; }
	
	div ul#menu-main-navigation {
		padding: 8em 0; }
	
	div.menu-main-navigation-container ul li a {
		padding: 1.25rem 0; }
	
	.desktop--logo {
		display: none; }
	
	a.logo-link {
		align-self: flex-end; }
	
	.logo-link img {
		display: inline-block;
    	vertical-align: middle; }
	
	.menu-circle {
		right: 5%;
		margin-left: auto; 
		position: relative; }
	
	/*Nav submenu*/
	ul#menu-main-navigation li ul.sub-menu li a {
		padding: 5px 0; }
	
	/*Toggles*/
	.et_pb_toggle.toggle-container .et_pb_toggle_title, .et_pb_toggle.toggle-container .et_pb_toggle_content {
    	padding: 0 0 0 40px; }
	
	#absolute-pos-menu > div > .nav-col-2 {
		flex-direction: row !important;
    	justify-content: flex-end; }
	
	/*Fetured projects on homepage
	********************************/
	.feat-project-heading {
		width: 70%; }
	
	.project-block:not(:last-child) {
    	margin-bottom: 3em; }
	
	.project-block:last-child {
    	margin-bottom: 2em; }
	
	div#feat-project-row {
		width: 90%;
		margin: 0 auto; }
	
	#feat-project-row a.white-button {
		margin-top: 0; }
	
	div.service-icons-col p:last-of-type {
		margin-bottom: 30px; }
	
	div#service-icons-section > div.service-icons-col {
		padding: 2em 2em; }
	
	/*Projects page*/
	/*body.page-id-20 div#main-content div.et_pb_section:first-child div.et_pb_row:first-child,*/ div.single-project-flex, div.ind-project-testimonial {
		padding-left: 5%; 
		padding-right: 5%; }
	
	body.page-id-20 div#main-content div.et_pb_section:first-child div.et_pb_row:first-child .et_pb_column_1 span img {
		-o-object-fit: cover;
		object-fit: cover; }
	
	/* Individual project page
	********************************/
	.single-project-flex {
		padding-top: 4em;
		padding-bottom: 4em; }
	
	/* Service page
	********************************/	
	.service--icon:nth-last-child(2), .service--icon:last-child {
    	padding-bottom: 0!important; }
	
	/* Individual service page
	********************************/
	.ind--service-banner:before {
		right: 0;
		bottom: 0;
		width: 100vw; }
	
	.ind--service-banner {
    	padding: 25% 5%; }
	
	.service--details > div, .service--details > ul {
    	padding: 50px 5%; }
	
	.service--intro {
		padding-bottom: 50px; }
	
	.et_pb_gallery_item:not(:nth-child(2n)) {
		margin-right: 2%!important;
		margin-bottom: 2%!important; }

	/*Gallery*/
	div.et_pb_gallery_item {
		width: 49% !important;
		clear: none !important; }
	
	.et_pb_gallery_item:nth-child(2n) {
		margin-right: 0!important;
		margin-bottom: 2%!important; }
	
	/*Global page settings
	********************************/
	.project-page-block {
		min-height: 300px; }

	.project-col-info {
		padding: 2em 2em 4em 2em; }
	
	/*Flex
	********************************/
	div#contact-block {
		display: -webkit-box; 
		display: -ms-flexbox;  
		display: -webkit-flex;
		display: flex; }
	
	div#contact-block {
		flex-direction: column-reverse;	}
	
	.service-icons-col.orange {
		justify-content: space-between; }
	
	.flex-container > div {
		justify-content: center; }
	
	#contact-block .et_pb_column.et_pb_column_1.et_pb_column_empty {
		width: 100%;
		padding-bottom: 100%;
		min-height: 400px;
		background-image: url('/wp-content/uploads/2022/06/google-map-mobile.jpg');
		position: relative;
		display: block;
		padding: 0 0;
		margin: 0 0; }
	
	div.et_pb_section.grid-bg-50 > div {
		padding-bottom: 0; }
	
	div.contact-text {
		padding: 2em 5%; }
	
	/*Footer
	********************************/
	div#site-footer-container > div {
    	padding: 50px 5%; }
	
	#site-footer-container div .flex--item:first-child {
		padding-bottom: 30px; }
	
	/*Toggle footer links*/
	ul#menu-footer-navigation > li > p:before {
		position: absolute;
		left: 0;
		right: auto;
		content: "\50";
		font-family: EtModules;
		/*top: 50%;
    	transform: translate(0%, -50%); */ }
	
	ul#menu-footer-navigation > li.footer-toggle-show > p:before {
		content: "\51"; }

	ul#menu-footer-navigation li ul {
		border-bottom: 2px solid;
		padding: 0 0; }
	
	ul#menu-footer-navigation li.footer-toggle-show ul {
		padding-bottom: 20px; }
	
	ul#menu-footer-navigation li p:hover {
		cursor: pointer; }
	
	ul#menu-footer-navigation li p, #menu-footer-navigation li ul li {
		padding-left: 40px; }
	
	.menu-footer-navigation-container ul li a {
		padding: 9px 0px; }
	
	/*#menu-footer-navigation li ul li {
		opacity: 0;
		transition: all 0.5s ease-in-out; } 
	
	ul#menu-footer-navigation li.footer-toggle-show ul li {
		display: block; 
		opacity: 1; }*/
	
	ul#menu-footer-navigation > li > p.open-footer-menu:before {
		content: "\51"; }
	
	ul#menu-footer-navigation li ul li:last-of-type {
    	padding-bottom: 2em; }
	
	li.instagram--icon a {
		width: 42px;
		height: 42px;
		padding-top: 0; }
	
	li.instagram--icon a:before {
		font-size: 30px; }
}

@media all and (max-width: 767px) {
	#site-footer-container div .flex--item {
		display: block;
		width: 100%; }
	
	.nav-col-2.orange .shape-socials {
		display: none; }
	
	.nav-col-2.orange > a {
		border: none;
		padding: 10px 5% 10px 20px; }
	
	.nav-col-1 {
		-webkit-box-flex: 1.25;
		-webkit-flex: 1.25;
		-ms-flex: 1.25;
		flex: 1.25; }
	
	.service--icon {
		width: 47%;
	  	padding-bottom: 3em; }	
	
	.service--icon img, .service--icon svg {
		padding: 0% 5% 0 5%;
		max-width: 120px; }
	
	.project-col-info {
		width: 80%;
		left: 10%;
		right: 10%; }
	
	div#next-prev-links {
		padding-left: 2.5%;
		padding-right: 2.5%; }
	
	a.prev--link, a.next--link {
    	font-size: 12px;
		line-height: 17px; }
	
	a.prev--link:before, a.next--link:before {
    	font-size: 16px;
		line-height: 16px; }
	
	a.prev--link {
		padding: 10px 10px 10px 22px; }
	
	a.next--link {
		padding: 10px 22px 10px 10px; }
	
	/*Services page - list */
	.list-orange-circle div ul li {
		padding-left: 0; }
}
@media screen and (min-width: 375px) and (max-width: 767px) {
	/*Services page list*/
	.list-orange-circle div ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2; }
}
@media screen and (max-width: 374px) {
	/*Services page list*/
	.list-orange-circle div ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1; }
	
	.list-orange-circle div ul li {
		padding-right: 0; }
}