/*
Theme Name: Piggi Panda
Theme URI: 
Description: A Responsive theme
Author: Piggi Panda
Author URI: 
Version: 1.0
Tags: responsive, white, bootstrap
*/
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
*,
*::before,
*::after {box-sizing: border-box;}
.clr{clear: both; }
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{margin: 0; padding:0;background-color: #fff; }
body{margin: 0; padding:0; }
h1 {font-family: 'Lato', sans-serif;font-size: 36px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h2 {font-family: 'Lato', sans-serif;font-size: 32px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h3 {font-family: 'Lato', sans-serif;font-size: 29px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h4 {font-family: 'Lato', sans-serif;font-size: 24px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h5 {font-family: 'Lato', sans-serif;font-size: 21px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h6 {font-family: 'Lato', sans-serif;font-size: 19px;margin: 0 0 15px 0;padding: 0 0 0 0;}
p {font-family: 'Lato', sans-serif;color: #000;font-size: 15px;}
a, a:visited {text-decoration: none; outline: none;}
img {height: auto;max-width: 100%;}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header{ width:100%; margin:0 0; background-color:#ffffff; padding:15px 0;float: left;}
.logo{float: left;margin: 0 0 0 0;padding: 0 0 0 0; width: auto;}
.logo a{text-decoration: none;outline: none; float: left; margin: 0 0px; padding: 0;  font-family: 'HelveticaNeueExtObl'; font-size: 36px; color: #000;}


ul.menu{float: right; margin: 25px 0 0 0; padding: 0; width: auto; list-style: none;}
ul.menu li{float: left; margin: 0 0px 0 40px; padding: 0; width: auto; list-style: none; }
ul.menu li a{font-size: 18px;	font-family: 'Work Sans', sans-serif;font-weight: 700;color: #252525;text-decoration: none;outline: none;float: left;margin: 0;padding: 0px 0px;line-height: 24px;}
ul.menu li a:hover{color: #D00909;}
ul.menu li.active a{color: #D00909;}

.banner{float: left;
margin: 0px 0 0 0;
padding: 150px 0 238px 0;
width: 100%;
background-image: url("../images/banner_bg.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: 0 -120px;}
.banner h1{font-family: 'Work Sans', sans-serif; font-size: 56px; color: #252525; font-weight: 900; float: left; margin: 0px 0 0 0; padding: 0; width: 100%; text-align: center; line-height: 76.5px;}
.banner h1 span{color: #D00909;}


.building_products{background-color: #F9F9F9; float: left;
margin: 0px 0 0 0;
padding: 60px 0 60px 0;
width: 100%;}
.building_products h2{ font-family: 'Work Sans', sans-serif;
  font-size: 31px;
  color: #252525;
  font-weight: 700;
  float: left;
  margin: 0px 0 30px 0;
  padding: 0;
  width: 100%;
  text-align: center;
  background-image: url("../images/title_bg.svg");
  background-repeat: no-repeat;
  background-position: 42% 22px;}
.building_products h2 span{color: #D00909;}

.products{float: left; margin: 20px 0 0 0; padding: 0; width: 100%; text-align: center;}
.products img{max-width: 320px;margin: 0 0 30px 0;}
.products h3{
	float: left; margin: 0 0 5px 0; padding: 0; width: 100%; text-align: center; color: #252525;font-family: 'Work Sans', sans-serif; font-weight: 900;font-size: 31px;
}
.products p{
	float: left; margin: 0; padding: 0; width: 100%; text-align: center; color: #878787;font-family: 'Work Sans', sans-serif; font-size: 16px;
font-weight: 600;
}

.culture_area{background-color: #FFF; float: left;
margin: 0px 0 0 0;
padding: 60px 0 60px 0;
width: 100%;}

.culture_area h3{
	float: left; margin: 70px 0 10px 0;padding: 0 0 0 5%; width: 100%; text-align: left; color: #252525; font-family: 'Work Sans', sans-serif;font-weight: 900; font-size: 31px;
}
.culture_area h3 span{color: #D00909;}
.culture_area p{
	float: left; margin: 0;padding: 0 0 0 5%; width: 100%; text-align: left; color: #878787;font-family: 'Work Sans', sans-serif; font-weight: 400;font-size: 16px;line-height: 26px;
}



.banner_about{float: left;
margin: 0px 0 0 0;
padding: 150px 0 146px 0;
width: 100%;
background-image: url("../images/banner_about.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: 0 -120px;}
.banner_about h1{font-family: 'Work Sans', sans-serif; font-size: 56px; color: #252525; font-weight: 900; float: left; margin: 0px 0 0 0; padding: 0; width: 100%; text-align: center; line-height: 76.5px;}
.banner_about h1 span{color: #D00909;}
.banner_about p{
	float: left; margin: 0;padding: 0 0 0 5%; width: 100%; text-align: center; color: #878787;font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 16px;line-height: 26px;
}

.team_area {
  background-color: #FFF;
  float: left;
  margin: 0px 0 0 0;
  padding: 60px 0 60px 0;
  width: 100%;
}
.team_area h2 {
  font-family: 'Work Sans', sans-serif;
  font-size: 31px;
  color: #252525;
  font-weight: 900;
  float: left;
  margin: 0px 0 10px 0;
  padding: 0;
  width: 100%;
  text-align: center;
}.team_area h2 span{color: #D00909; background-image: url("../images/about_title_bg.svg"); background-repeat: no-repeat; background-position: 0 22px;}
.team_area p {
  float: left;
  margin: 0 0 30px 0;
  padding: 0 0 0 0%;
  width: 100%;
  text-align: center;
  color: #878787;
 font-family: 'Work Sans', sans-serif;
	font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.team_area p  span{color: #D00909;}
.team{
float: left;
margin: 20px 0 20px 0;
padding: 0;
width: 100%;
text-align: center;
}
.team p {
  float: left;
  margin: 15px 0 0px 0;
  padding: 0 0 0 0;
  width: 100%;
  text-align: center;
  color: #252525;
  font-family: 'Work Sans', sans-serif;
	font-weight: 900;
  font-size: 20px;
  line-height: 26px;
}

.banner_contact{float: left;
margin: 0px 0 0 0;
padding: 180px 0 115px 0;
width: 100%;
background-image: url("../images/banner_contact.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: 0 -120px;}
.banner_contact h1{ffont-family: 'Work Sans', sans-serif; font-size: 56px; color: #252525; font-weight: 900; float: left; margin: 0px 0 0 0; padding: 0; width: 100%; text-align: center; line-height: 76.5px;}
.banner_contact h1 span{color: #D00909;}
.banner_contact p{
	float: left; margin: 0;padding: 0 0 0 0; width: 100%; text-align: center; color: #878787;font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 21px;line-height: 26px;
}

.contact_area {
  background-color: #FFF;
  float: left;
  margin: 0px 0 0 0;
  padding: 60px 0 60px 0;
  width: 100%;
}
.contact_area h2 {
  font-family: 'Work Sans', sans-serif;
  font-size: 31px;
  color: #252525;
  font-weight: 900;
  float: left;
  margin: 0px 0 20px 0;
  padding: 0;
  width: 100%;
  text-align: left;
}.contact_area h2 span{color: #D00909; background-image: url("../images/about_title_bg.svg"); background-repeat: no-repeat; background-position: 0 22px;}
.contact_area p {
  float: left;
  margin: 0 0 30px 0;
  padding: 0 0 0 0%;
  width: 100%;
  text-align: center;
  color: #878787;
  font-family: 'Work Sans', sans-serif;
	font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.form{
	  float: left;
  margin: 0px 0 0 0;
  padding: 0px 0 0px 0;
  width: 100%;
}
.form_row{
	  float: left;
  margin: 0px 0 10px 0;
  padding: 0px 0 0px 0;
  width: 100%;
}
.form_row label{
	  float: left;
  margin: 0px 0 3px 0;
  padding: 0px 0 0px 0;
  width: 100%;
	 color: #878787;
 font-family: 'Work Sans', sans-serif;
	font-weight: 400;
  font-size: 16px;
  line-height: 26px;
	
}

.form_row input{
	 float: left;
  margin: 0px 0 0 0;
  padding: 5px 10px;
  width: 100%;
	background: #F1F1F1;
border-radius: 4px;
	 color: #878787;
 font-family: 'Work Sans', sans-serif;font-weight: 400;
  font-size: 16px;
  line-height: 26px;
	border: none;
	outline: none;

}
.form_row textarea{
	 float: left;
  margin: 0px 0 0 0;
  padding: 10px 10px;
  width: 100%;
	background: #F1F1F1;
border-radius: 4px;
	 color: #878787;
 font-family: 'Work Sans', sans-serif;font-weight: 400;
  font-size: 16px;
  line-height: 26px;
	border: none;
outline: none;
	resize: none;
	min-height: 190px;
}
.form_row input.submit{
	 float: right;
  margin: 0px 0 0 0;
  padding:10px 30px;
  width: auto;
	background: #D00909;
border-radius: 4px;
	 color: #FFF;
   font-family: 'Work Sans', sans-serif;font-weight: 400;
  font-size: 16px;
  line-height: 26px;
	border: none;
	outline: none;
}
.contact_info{float: left;
margin: 200px 0 0 0;
padding: 0 5%;
width: 100%;}
.contact_info h2 {
   font-family: 'Work Sans', sans-serif;
  font-size: 31px;
  color: #252525;
  font-weight: 900;
  float: left;
  margin: 0px 0 20px 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
.contact_info h2 span{color: #D00909;background: none; }
.contact_info p {float: left;margin: 0 0 30px 0;padding: 0 0 0 0%;width: 100%;text-align: left;color: #878787; font-family: 'Work Sans', sans-serif;font-weight: 400;font-size: 16px;line-height: 26px;}

.contact_info .social_links{float: left; margin: 30px 0 0 0; padding: 0; width: 100%; text-align: center;}
.contact_info .social_links a{text-decoration: none; outline: none;color: #356BF7; font-family: 'Work Sans', sans-serif;font-weight: 400; font-size: 16px;margin: 0 35px;}


/*--------------------------------------------------------------
# Footers
--------------------------------------------------------------*/

.footer{background-color: #D20606; float: left;
margin: 0px 0 0 0;
padding: 60px 0 30px 0;
width: 100%;}

.footer h2{
	float: left; margin: 0px 0 10px 0;padding: 0 0 0 0; width: 100%; text-align: center; color: #FFFFFF; font-family: 'Work Sans', sans-serif;font-weight: 900; font-size: 31px;
}
.footer a.email{
	float: left; margin: 0px 0 20px 0;padding: 0 0 0 0; width: 100%; text-align: center; color: #EB7272; font-family: 'Work Sans', sans-serif;font-weight: 900; font-size: 31px; text-decoration: none; outline: none;
}
.social_links{float: left; margin: 30px 0 0 0; padding: 0; width: 100%; text-align: center;}
.social_links a{text-decoration: none; outline: none;color: #FFFFFF; font-family: 'Work Sans', sans-serif;font-weight: 400; font-size: 16px;margin: 0 35px;}


.copy_right{background-color: #252525; float: left; margin: 0; padding: 15px 0; width: 100%;}
.copy_right p{ font-family: 'Work Sans', sans-serif;font-weight: 400; font-size: 14px;color: #fff;float: left;margin: 0;padding: 0;width: 100%;}
.copy_right p a{ font-family: 'Work Sans', sans-serif;font-weight: 400; font-size: 14px;color: #fff; text-decoration: none; outline: none;float: right; margin: 0 0 0 20px;}




@media (max-width: 1024px) {
}
@media (max-width: 768px) {
}
@media (max-width: 760px) {

}