@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');

html,body {margin: 0;font-size: 14px;background: #ffffff;font-family:'';color: #000000;font-family: 'Open Sans', sans-serif;}
body a {color:#000000;text-decoration: none;}
a:hover, a:focus {color:#00936c;text-decoration: none;}
input[type="button"],input[type="submit"],input[type="text"],input[type="email"],input[type="search"] {}
.form-control:focus, button:focus {border-color: #cccccc;-webkit-box-shadow: none;box-shadow: none;outline:0px;}
h1,h2,h3,h4,h5,h6 {margin: 0;font-weight: 600;}
p{margin: 0;font-size: 14px;}
ul {margin: 0;padding: 0;}
ul li{list-style-type: none}
.ui-widget.ui-widget-content{width:318px !important;}
.ui-menu .ui-menu-item{font-size: 12px !important;}
::placeholder {color: #ddd;opacity: 1;text-transform: uppercase;font-size: 11px}
:-ms-input-placeholder {color: #ddd;}
::-ms-input-placeholder {color: #ddd;}
input[type="radio"]{margin-left:-17px;margin-top:0px;}
.container{width:90%;}
header{width:100%;position: absolute;z-index: 1;top:20px;margin: 0px auto;display: table;}
header .col-md-12{padding: 0px}
header .logo img{display: none}
header .link{position: relative;top:-10px;}
header .link span{color:#ffffff;}
header .link a{color:#000000;font-weight: bold;font-size: 15px;text-decoration: underline;}
header .link .divider{color:#ffffff;font-weight: bold;font-size: 15px;}
.desktop-banner img{}
.mobile-banner img{width: 100%;display: none;}
.membership-form{top:35%;transform:translate(0%, -55%);right:0px;margin-right:70px;width: 22%;background: rgba(255, 219, 189, 0.25);padding: 10px;position: absolute;overflow: hidden;float: right;}
.membership-form .form-group{margin-bottom: 5px}
.membership-form .form-control{font-size: 12px;border:0px;box-shadow: none;height: 32px}
.membership-form .input-group-addon:last-child{border-radius:3px !important;border-left:1px solid #ccc !important;font-size: 12px;font-style: italic;font-weight: 600}
.membership-form p{font-size: 11px;background: #fff;border-radius: 5px; padding: 3px 5px;margin-bottom: 10px;}
.membership-form p label{font-weight: normal !important;}
.membership-form .radio-inline{font-size: 12px}
.membership-form input[type="checkbox"]{margin:0px;position: relative;top: 2px;}
.membership-form .btn-submit{background: #142686;text-align: center;text-transform: uppercase;font-size: 18px;color: #ffffff}
.otp-form .btn-submit{background: #142686;font-size: 14px;color:#ffffff;padding: 5px 20px;text-transform: uppercase;}
#otp .modal-header {padding: 8px 15px;}
#otp .form-group{margin-bottom: 6px}
.main{padding: 2em 0em 1em;}
.main h3{text-align: center;font-style: italic;font-size: 25px;}
.buyer, .seller{padding: 2em 0em;position: relative;}
.buyer:before{content: '';position: absolute;width: 92%;height: 1px;background: #fd8e1a;right: 0px;top: 46px;}
.seller:before{content: '';position: absolute;width: 92%;height: 1px;background: #58bb5e;left: 0px;top: 46px;}
.buyer h2, .seller h2{font-size: 18px;font-style: italic;position: relative;padding: 8px 15px;color: #fff;display: inline-block;}
.buyer h2{background: #fd8e1a;padding-right: 180px;border-radius: 5px 0px 0px 5px}
.seller h2{background: #58bb5e;padding-left: 180px;border-radius: 0px 5px 5px 0px}
.buyer .process, .seller .process{display:inline-block;margin: 15px 0px;text-align: center;overflow: hidden;position: relative;}
.buyer .process .block, .seller .process .block{}
.buyer .process .block img, .seller .process .block img{width:80px;margin:10px auto 20px;display: table}
.buyer .process .block p, .seller .process .block p{padding: 0px 50px;font-size: 13px;font-weight: 600;color:#1b1b1b;}
.shipment{padding: 1.5em 0em}
.shipment img{width:80%;}
.review img{margin:0px auto;}
.modal-content{border-radius: 0px;}
.modal-content p, .modal-content ul li{border-left: 0px;font-size: 12px;padding-bottom: 8px;color:#4d4d4d;}
.modal-content h5{color: #00936c;margin-bottom: 5px;}
.modal-content h3{margin-bottom: 10px;border-top: 1px solid #ddd;padding-top: 10px; font-size: 20px;color: #F44336;}
.text-green{color: #00936c;}
/*.modal-dialog {position:absolute;top:50% !important;transform: translate(0, -50%) !important;-ms-transform: translate(0, -50%) !important;-webkit-transform: translate(0, -50%) !important;margin:auto 5%;width:90%;height:80%;}
.modal-content {min-height:100%;position:absolute;top:0;bottom:0;left:0;right:0; }
.modal-body {position:absolute;top:45px;bottom:45px;left:0;right:0;overflow-y:auto;}
.modal-footer {position:absolute;bottom:0;left:0;right:0;}
*/footer{background-color: #fd8e1a;}
footer p{padding: 10px 0px;color:#ffffff;font-weight: 600;font-size: 13px}
@media (max-width: 1800px){
.membership-form {top: 41%;}
}
@media (max-width: 1400px){
    .membership-form {top:42%;width: 25%;}

}
@media (max-width: 1299px){
	.ui-widget.ui-widget-content{width:300px !important;}
    header{top:5px;}
    .membership-form {top:42%;width: 27%;margin-right: 50px}
    .desktop-banner{margin-bottom: 30px}
    .membership-form .btn-submit{font-size: 15px}
    header .link {top:0px;}

}
@media (max-width: 1199px){
	.ui-widget.ui-widget-content{width:270px !important;}
	.main {padding: 3.5em 0em 1em;}
	.membership-form {top:41%;}
}
@media (max-width: 1080px){
    .membership-form {top: 41%;width: 29%;}
    .desktop-banner{margin-bottom: 40px}
    .membership-form .form-control{height: 30px}
    .main {padding: 4em 0em 1em;}
}

@media(max-width:991px){
	.membership-form .radio-inline{margin-bottom: 3px;font-size: 13px}
	.ui-widget.ui-widget-content{width:300px !important;}
	.main {padding: 2em 0em 1em;}
	.membership-form .form-group {margin-bottom: 8px;}
	.membership-form .form-control{height: 34px}
	.membership-form p {padding: 5px 7px;margin-bottom: 10px;}
	.container {width: 100%;}
	.buyer .process .block p, .seller .process .block p{padding: 0px}
	header .logo img{display: block}
	header{position: relative;top:0px;}
	header .col-md-12 {padding:8px 10px;overflow: hidden;}
	header .link {padding: 9px 0px;top:0px;}
	header .link a{color:#000000;font-size: 14px}
	header .link .divider{color:#000000;font-size: 14px}
	header .logo img {width: 150px;}
	.desktop-banner{margin-bottom: 0px !important}
	.desktop-banner img{display: none;}
	.mobile-banner img{display: block;}
	.shipment{padding: 0em}
	.shipment img{width: 90%}
	.membership-form{width: 60%;background: #eaeded;float: none;margin: 15px auto;position: relative;top:0px;right:0px;transform:inherit;}
}
@media(max-width:520px){
	.main h3{font-size: 22px}
	.buyer h2{padding-right: 90px;}
	.seller h2{padding-left: 90px;}
	.buyer .process .col-md-4, .seller .process .col-md-4{width: 100%;padding: 0px 50px;}
	.membership-form{width: 95%;}
}
@media(max-width:420px){
	.buyer h2{padding-right: 30px;}
	.seller h2{padding-left: 30px;}
}
@media(max-width:360px){
.ui-widget.ui-widget-content{width:250px !important;}
}