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

@font-face {
    font-family: 'Industry';
    src: url('fonts/Industry-Light.eot');
    src: local('fonts/Industry Light'), local('Industry-Light'),
        url('fonts/Industry-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-Light.woff') format('woff'),
        url('fonts/Industry-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Industry';
    src: url('fonts/Industry-Bold.eot');
    src: local('fonts/Industry Bold'), local('Industry-Bold'),
        url('fonts/Industry-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-Bold.woff') format('woff'),
        url('fonts/Industry-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Industry';
    src: url('fonts/Industry-BoldItalic.eot');
    src: local('fonts/Industry Bold Italic'), local('Industry-BoldItalic'),
        url('fonts/Industry-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-BoldItalic.woff') format('woff'),
        url('fonts/Industry-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Industry';
    src: url('fonts/Industry-LightItalic.eot');
    src: local('fonts/Industry Light Italic'), local('Industry-LightItalic'),
        url('fonts/Industry-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-LightItalic.woff') format('woff'),
        url('fonts/Industry-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-Book';
    src: url('fonts/Industry-Book.eot');
    src: local('fonts/Industry Book'), local('Industry-Book'),
        url('fonts/Industry-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-Book.woff') format('woff'),
        url('fonts/Industry-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Industry';
    src: url('fonts/Industry-BlackItalic.eot');
    src: local('fonts/Industry Black Italic'), local('Industry-BlackItalic'),
        url('fonts/Industry-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-BlackItalic.woff') format('woff'),
        url('fonts/Industry-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-BookItalic';
    src: url('fonts/Industry-BookItalic.eot');
    src: local('fonts/Industry Book Italic'), local('Industry-BookItalic'),
        url('fonts/Industry-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-BookItalic.woff') format('woff'),
        url('fonts/Industry-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-DemiItalic';
    src: url('fonts/Industry-DemiItalic.eot');
    src: local('fonts/Industry Demi Italic'), local('Industry-DemiItalic'),
        url('fonts/Industry-DemiItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-DemiItalic.woff') format('woff'),
        url('fonts/Industry-DemiItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Industry';
    src: url('fonts/Industry-Black.eot');
    src: local('fonts/Industry Black'), local('Industry-Black'),
        url('fonts/Industry-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-Black.woff') format('woff'),
        url('fonts/Industry-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Industry';
    src: url('fonts/Industry-Medium.eot');
    src: local('fonts/Industry Medium'), local('Industry-Medium'),
        url('fonts/Industry-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-Medium.woff') format('woff'),
        url('fonts/Industry-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Industry';
    src: url('fonts/Industry-MediumItalic.eot');
    src: local('fonts/Industry Medium Italic'), local('Industry-MediumItalic'),
        url('fonts/Industry-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-MediumItalic.woff') format('woff'),
        url('fonts/Industry-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-Demi';
    src: url('fonts/Industry-Demi.eot');
    src: local('fonts/Industry Demi'), local('Industry-Demi'),
        url('fonts/Industry-Demi.eot?#iefix') format('embedded-opentype'),
        url('fonts/Industry-Demi.woff') format('woff'),
        url('fonts/Industry-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body,
#page-container{
	background-image: url("https://pavement.store/wp-content/uploads/2020/05/bg7.jpg");
	background-repeat:repeat-y;
	background-position: center;
	background-size: contain;
}

div.et_pb_section.et_pb_section_0.et_section_regular{
	background-color: rgba(0,0,0,0.0) !important;
}

/*********** global ***********/

h1{
	font-family: 'Industry';
	font-weight: 500;
}


p{
	font-weight: 600;
}

a{
	transition: all 200ms ease-in;
}

a:hover{
	transition: all 200ms ease-in;
}


/*************** header **************/


/** logo **/


a.center-logo img{
	display: block;
	max-width: 800px;
	width: 95%;
	margin: 25px auto 30px auto;
	padding: 0;
}

/** nav **/

#main-header{
	padding: 0 0 10px 0;
	outline: 0px #fff solid !important;
	-webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.54);
box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.54);
}




/***************** home ******************/

/** contact form **/

.form-wrap{
	width: 95%;
	max-width: 500px;
	margin: auto auto;
}

.form-wrap input{
	height: 40px;
	width: 100%;
	padding: 0 0 0 10px;
	margin: 5px 0;
}

.form-wrap textarea{
	height: 200px;
	width: 100%;
	padding: 10px 0 0 10px;
	margin: 5px 0;
}

.form-wrap input::placeholder,
.form-wrap textarea::placeholder{
	font-size: 15px;
	font-weight: 600;
}

.form-wrap .wpcf7-submit{
	max-width: 120px;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #000;
	border: 0px solid #fff;
	color: #fff;
	padding: 0 0 0 0;
	cursor: pointer;
}

.form-wrap .wpcf7-submit:hover{
	background-color: #657f82;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
	background-color: #DB8C7A;
	border: 0px solid #fff;
	color: #333333;
	max-width: 400px;
	padding: 15px;
	text-align: center;
	margin: 25px auto;
	font-size: 14px;
	font-weight: 600;
}

/** location **/

.location-wrap{
width: 95%;
max-width: 175px;
margin: auto auto;
font-size: 17px;
line-height: 22px;
font-weight: 600;
}

.address,
.phone{
	position: relative;
	margin: 20px 0;
}

.address a{
	font-size: 15px;
	font-style:italic;
	color: #333;
}

.address i,
.phone i{
	left: -25px;
	top: 4px;
	position: absolute;
}

@media(max-width: 980px){
	#page-container{
		padding: 0 0 0 0 !important;
}
}

/***************** footer ****************/

div.footer-widget{
	float: none;
}


.footer-stores,
.widget_text{
	display: block;
	margin: auto auto !important;
	width: 100% !important;
	max-width: 100%;
}

.footer-stores h1{
	font-size: 30px;
	color: #ccc;
	margin: 0 0 15px 0;
}


.stores{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	max-width: 900px;
	margin: 0 auto 40px auto;
}

.stores a{
	margin: 20px;
}

.stores img {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  -webkit-transition: all .5s;
}


.stores img:hover {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: all .5s;
}


@media(max-width: 500px){
	.stores{
	flex-direction: column;
	max-width: 300px;
}
}