@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'GothamPro';
  src: url("../fonts/gothampro/regular/GothamPro.eot?#iefix") format("embedded-opentype"), url("../fonts/gothampro/regular/GothamPro.woff") format("woff"), url("../fonts/gothampro/regular/GothamPro.ttf") format("truetype"), url("../fonts/gothampro/regular/GothamPro.svg#GothamPro") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'GothamPro';
  src: url("../fonts/gothampro/medium/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gothampro/medium/GothamPro-Medium.woff") format("woff"), url("../fonts/gothampro/medium/GothamPro-Medium.ttf") format("truetype"), url("../fonts/gothampro/medium/GothamPro-Medium.svg#GothamPro-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'GothamPro';
  src: url("../fonts/gothampro/bold/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gothampro/bold/GothamPro-Bold.woff") format("woff"), url("../fonts/gothampro/bold/GothamPro-Bold.ttf") format("truetype"), url("../fonts/gothampro/bold/GothamPro-Bold.svg#GothamPro-Bold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'bebas_neue';
  src: url("../fonts/bebasneue/bold/bebasneue_bold.eot");
  src: url("../fonts/bebasneue/bold/bebasneue_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/bebasneue/bold/bebasneue_bold.woff") format("woff"), url("../fonts/bebasneue/bold/bebasneue_bold.ttf") format("truetype"), url("../fonts/bebasneue/bold/bebasneue_bold.svg#bebas_neuebold") format("svg");
  font-weight: 700;
  font-style: normal; }

body {
	margin: 0 auto;
	}
#gp-bg {
	background-image: url( ../img/gp/gp-land-a.jpg);
  	height: 400px;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	}
a {text-decoration: none; color: #f03726;}
a:hover {color: #f03726; text-decoration: underline;
	}
.clearfix {
	clear:both
	}
.gp-section-buyer {
	background-color: #f1f1f1;
	}
.gp-section-seller {
	background-color: #f7f7fa;
	}
.gp-Content {
  	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	font-family: "GothamPro";
	font-size: 16px;
	line-height: 22px;
	color: #565669;
	}
.gp-Content h1, .gp-Content h2 {
  	font-family: "bebas_neue";
	text-transform: uppercase;
	}
.gp-Content-head h1 {
	color: #ffffff;
	font-size: 45px;
	letter-spacing: -1px;
	text-align: left;
	}
.gp-Content-buyer h1, .gp-Content-seller h1{
	color: #565669;
	font-size: 45px;
	letter-spacing: -1px;
	}
.gp-Content-buyer-features h2, .gp-Content-seller-features h2{
	color: #565669;
	font-size: 22px;
	line-height: 22px;
	}
.gp-Content-howtoprotect h2{
	color: #565669;
	font-size: 22px;
	padding-top: 20px;
	text-align: center;
	}
.gp-Content-head, .gp-Content-buyer, .gp-Content-seller {
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-top: 5%;
	text-align: center;
	}
.gp-Content-head {
	color: #ffffff;
	text-align: left;
	}
.gp-Content-head img {
	position: relative;
	float: left;
	padding: 20px;
	width: auto;
	}
.gp-Content-buyer-features {
	display: inline-block;
	width: calc(90%/3);
	float: left;
	padding: 30px 18px;
	font-size: 14px;
	text-align: center;
	}
.gp-Content-seller-features {
	display: inline-block;
	width: calc(90%/4);
	float: left;
	padding: 30px 10px;
	font-size: 14px;
	text-align: center;
	}
.gp-Content-howtoprotect {
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-bottom: 10%;
	padding-bottom: 20px;
	border-radius: 4px;
	box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
	background-color: #FFFFFF;
	}
.gp-Content-howtoprotect-box {
	display: inline-block;
	width: calc(90%/3);
	float: left;
	padding: 10px 15px;
	height: 60px;
	font-size: 12px;
	font-style: italic;
	text-align: left;
	line-height: 16px;
	}
.icon-awesome {
	color: #f03726;
	font-size: 20px;
	text-align: center;
	}
.icon {
	position: relative;
	top: -7px;
	padding: 5px;
	width: 16px;
	margin-left: 20px;
	float: left;
	border-radius: 25px;
	font-family: "bebas_neue";
	color: #ffffff;
	text-align: center;
	font-weight: 700;
	font-style: normal;
	background-color: #f03726;
}
.step {
	position: relative;
	margin-left: 60px;
	vertical-align: baseline;
	}






@media (max-width: 1024px){
.gp-Content-buyer-features, .gp-Content-seller-features {
	width: 80%;
	margin-left: 5%;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	}
.gp-Content-howtoprotect {
	width: 90%;
	margin-left: 5%;
	margin-top: 5%;
	margin-bottom: 10%;
	}
.gp-Content-howtoprotect-box {
	width: 80%;
	padding: 10px 15px;
	height: auto;
	}
.gp-Content-buyer-features h2, .gp-Content-seller-features h2{
	font-size: 18px;
	line-height: 18px;
	height: 30px;
	}
.gp-Content-howtoprotect h2{
	font-size: 18px;
	}
.icon-awesome {
	position: relative;
	padding: 5px;
	margin-right: 10px;
	float: left;
	font-size: 12px;
	text-align: left;
	}	
}



@media (max-width: 800px){
#gp-bg {
  	height: 500px;
	}
.gp-Content-head, .gp-Content-buyer, .gp-Content-seller {
	text-align: left;
	font-size: 14px;
	}
.gp-Content-head img {
	padding-top: 120px;
	}
.gp-Content-head h1{
	font-size: 40px;
	padding-top: 5%;
	}
.gp-Content-buyer h1, .gp-Content-seller h1{
	font-size: 40px;
	padding-top: 5%;
	}
}




@media (max-width: 480px){
#gp-bg {
  	height: 600px;
	}
.gp-Content-head img {
	width: 70%;
	margin-left: 10%;
	padding-top: 0px;
	}
.gp-Content-head h1{
	padding-top: 10%;
	}
.gp-Content-buyer h1, .gp-Content-seller h1{
	padding-top: 10%;
	}
}