@CHARSET "UTF-8";


header#faqcont{
	width:100%;
	background: url("https://dh3yk7bgkxpyv.cloudfront.net/images_static/faq.jpg") no-repeat center top; 
	height: 400px;
	padding: 40px 0 0px 0;
	max-width: 1440px;
    margin: 0 auto 0 auto;
    overflow: auto;
    position:relative;
    top:60p

}

#backover{width:100%;height:100%;background:rgba(0,0,0,0.3);text-align:center;}
#backover h1{display:inline-block;font:50px Roboto,sans-serif;font-weight:400;text-align:center;margin:0px;padding:100px 0px 8px 0px;color:white;border-bottom:4px solid white;}
#faqbody{float:left;text-align:center;width:100%;background:#EFEFEF;text-align:center;}
.faqtype{border-radius:5px;margin:40px 10px 10px 10px;color:white;padding:10px 40px 10px 40px;font:16px Roboto,sans-serif;display:inline-block;font-weight:400;text-transform:uppercase;letter-spacing:0.5px;}
.faqtype.seller{background:#FE6F61;}
.faqtype.buyer{background:#00BFB2;}
#faqtypecont{float:left;width:100%;text-align:center;padding:30px 0px 0px 0px;}
#faqbodyinner{width:100%;text-align:center;}
#faqtoc{display:inline-block;width:280px;padding:10px;vertical-align:top;background:white;margin-right:10px;margin-bottom:5px;box-shadow: 2px 2px 5px #ccc;}
#faqcontent{position:relative;vertical-align:top;display:inline-block;box-shadow: 2px 2px 5px #ccc;width:800px;padding:0px 0px 50px 0px;text-align:left;top:-50px;background:white;}
.faqcathead{float:left;width:250px;padding:30px 10px 0px 40px;font-weight:500;font-size:18px;color:black;text-align:left;text-decoration:underline;}
.faqcatitem{float:left;width:250px;padding:7px 10px 0px 40px;font-family:Roboto,sans-serif;font-weight:400;font-size:15px;color:#333;text-align:left;}
.faqcatitem::before {
    content: "\f105";
    font-family: FontAwesome;	
    color: #333;
    font-size: 14px;
    padding-right: 0.5em;
}
.faqmark{float:left;margin:0px 4% 0px 4%;height:5px;width:130px;background:#142845;}

.qa{float:left;width:90%;padding:10px 5% 10px 5%;border-top:2px solid #ccc;}
.qaq{float:left;width:100%;padding:5px 0 0px 0;font:18px Roboto,sans-serif;font-weight:500;color:black;}
.qaa{float:left;width:100%;padding:5px 0 5px 0;font:16px Roboto,sans-serif;font-weight:400;color:#444;line-height:22px;}
.qaa a{color:#333;}
.qaa b{font-weight:500;}
.qaa p{margin-top:8px;}
.qaa ol,.qaa ul{margin-top:8px;}
.qaa li{margin-top:5px;}
.faqreshld H1{margin:0px;width:98%;padding:20px 0px 20px 2%;}

.nextactions{width:100%;text-align:center;padding:10px 0px 10px 0px;margin:0px;float:left;}
.nextactions div{background:#142845;display:inline-block;text-decoration:none;margin:0px 10px 0px 10px;border:0px solid #ccc;line-height:14px;color:white;font:14px Roboto, sans-serif;text-transform:uppercase;padding:4px 5px 4px 5px;cursor:pointer;font-weight:500;}
#howitworksseller .nextactions div{background:#142845;color:white;}
#howitworksbuyer .nextactions div{background:#00BFB2;color:white;}
.nextactions div:hover{text-decoration:underline;}
.samplebuy,.samplesell{display:inline;cursor:help;}
.samplebuy{color:#00BFB2;border-bottom:1px dashed #00BFB2;}
.samplesell{color:#142845;border-bottom:1px dashed #142845;}

.faqtype.seller.sell{border:3px solid white;}
.faqtype.buyer.buy{border:3px solid white;}

@media only screen and (max-width: 1023px) {
#faqtoc{display:none;}
#faqbodyinner{width:100%;}
#faqcontent{width:96%;margin:0px 2% 0px 2%;}
}

@media only screen and (max-width: 650px) {
	#backover h1{font:38px Roboto,sans-serif;font-weight:400;padding:50px 0px 8px 0px;border-bottom:2px solid white;}
	.faqreshld H1{font:20px Roboto,sans-serif;margin:0px;width:98%;padding:20px 0px 20px 2%;}
	header#faqcont{height:260px;}
	.faqtype{margin:0px 10px 10px 10px;}
	img.tooltippic{width:90%;}
}

@media only screen and (max-width: 520px) {
	#backover h1{font:26px Roboto,sans-serif;}
	.faqreshld H1{font:18px Roboto,sans-serif;padding:15px 0px 15px 2%;}
	header#faqcont{height:260px;}
	.faqtype{margin:0px 10px 10px 10px;padding:10px 30px 10px 30px;font-size:14px;}
}

@media only screen and (max-width: 360px) {
	img.tooltippic {width:300px;}
}

@media only screen and (max-width: 400px) {
	#backover h1{font:24px Roboto,sans-serif;}
}
