@import url("bootstrap.min.css");
@import url("fontawesome.min.css");
@import url("classy-nav.min.css");
@import url("nice-select.css");
@import url("magnific-popup.css");
@import url("animate.css");
@import url("owl.carousel.css");
@import url("owl.theme.default.min.css");
@import url("style.css");
@import url("responsive.css");
@import url("color/color5.css");

.classynav ul li{
	padding: 0 10px !important;
}
.top_bar ul ul.dropdown-menu{
  z-index:99999;
  box-shadow: 0 0 15px 1px rgba(113, 106, 202, .2);
  border:none;
}
.top_bar ul ul.dropdown-menu li a{
  padding: 8px 20px;
}

.slick-prev{
	left:25px !important;
	z-index: 9999;
}
.slick-next{
	right:25px !important;
}
.what-is-sosqot .right_col{
	background: url(../images/icon_1.png) no-repeat center top;
}
.buyer-supplier {
	background: linear-gradient(
    to right,
    #468fe4 0%,
    #468fe4 50%,
    #263241 50%,
    #263241 100%
  );
}
.buyer-supplier .left_col{
	background:url(../images/bg1.png) no-repeat  250px 50px;
	padding: 100px 60px 100px 60px;
}
.buyer-supplier .right_col{
	background:url(../images/bg2.png) no-repeat right 50px;
	padding: 100px 60px 100px 60px;
}
.buyer-supplier .left_col h4,
.buyer-supplier .left_col p,
.buyer-supplier .right_col h4,
.buyer-supplier .right_col p
{
	color:#fff !important;
}

.why-choose-us{
	background: url(../images/bg3.jpg) no-repeat center center;
	background-size: cover;
}
.why-choose-us .section-title h2{
	color:#000;
}

.trusted-by{
	background: #263241;
}
@media only screen and (max-width: 767px){
	.buyer-supplier {
		background: linear-gradient(
			to bottom,
			#468fe4 0%,
			#468fe4 50%,
			#263241 50%,
			#263241 100%
		);
	}
	.buyer-supplier .left_col{
		background:#468fe4  url(../images/bg1.png) no-repeat right center;
		background-size:50%;
		padding: 60px 20px 100px 20px;
	}
	.buyer-supplier .right_col{
		background:#263241 url(../images/bg2.png) no-repeat  80% center;
		background-size:50%;
		padding: 60px 20px 100px 20px;
	}
}

/*page*/

.introducing-buyer-solutions, .introducing-supplier-solutions{
	background:#263241;
	color:#fff;
}
.introducing-buyer-solutions  .section-title,
.introducing-supplier-solutions  .section-title{
	margin-bottom: 30px;
}
.introducing-buyer-solutions p,
.introducing-supplier-solutions p{
	color:#fff;
}

.automate-your-procurement-process ul,
.trade-for-free ul,
.welcome-to-sosqot ul,
.for-buyer  ul,
.for-supplier  ul {
	list-style: none;
}
.automate-your-procurement-process ul li,
.trade-for-free ul li,
.welcome-to-sosqot ul li,
.for-buyer ul li,
.for-supplier ul li   {
	margin: 0 0 16px 0px;
	font-size: 18px;
}
.automate-your-procurement-process ul li::before,
.trade-for-free ul li::before,
.welcome-to-sosqot ul li::before,
.for-buyer ul li::before,
.for-supplier ul li::before  {
		content: "\f111";
		font-family: "Font Awesome 5 Free";
		margin: 0 10px 0 0;
		font-size: 12px;
		font-weight: 900;
}

.trade-for-free p,
.welcome-to-sosqot p{
	font-size: 18px;
	margin-bottom: 20px;
}

.for-buyer, .for-supplier{
	background:#468fe4 ;
	color:#fff;
	text-align: center;
	padding:0px;
}
.for-buyer .container{
	background:url(../images/bg1.png) no-repeat right 150px;
	padding: 60px 120px;
}
.for-buyer .section-title, .for-supplier .section-title{

	margin-bottom: 0px;
}
.for-buyer .section-title h2, .for-supplier .section-title h2{
		color:#fff;
		margin-bottom: 30px;
		font-weight: bold;
}
.for-buyer p, .for-supplier p{
	color:#fff;
	font-size: 18px;
	margin-bottom: 20px;
}
.for-supplier{
	background:#263241
}
.for-supplier .container{
	background:url(../images/bg2.png) no-repeat left 90px;
	padding: 60px 120px;
}
.terms ol {
	list-style:inherit;
}
.terms ol li{
	margin: 0 0 30px 0;
	font-weight: bold;
	list-style-type:none;
}
.terms ol li ul {
	margin: 0 0 0 20px;
}
.terms ol li ul li{
	font-weight: normal;
	margin: 0 0 10px 0;
	list-style-type:decimal;
}
.terms ol li p{
	font-weight: normal;
}

.ptb-90{
	padding-top:90px;
	padding-bottom:90px;
}
.ptb-20{
	padding:20px 0 20px 0;
}
.ptb-20{
	padding:20px 0 20px 0;
}
/*listing-box*/
.item-listing{
	border-radius: 8px;
	position: relative;
	margin-bottom: 20px;
}

.item-listing .listing-header{
	background:#263241;
	color:#fff;
	padding: 20px 30px;
	border-radius: 8px 8px 0  0;
}
.item-listing .listing-header h3{
	font-size: 2em;
	font-weight: 500;
	margin-top: 4px;
}
.item-listing .listing-header .btn{
	margin: 0;
	padding: 4px 1.2em;
	font-size: 90%;
}
.item-listing .listing-content{
	border:solid 2px #e4e4e4;
	border-top:none;
	border-radius: 0  0 8px 8px;
	padding: 20px 30px;
}
.item-listing .listing-content figure{
	border:solid 1px #e4e4e4;
	height: 90px;
	vertical-align: middle;
	display: table-cell;
	padding: 4px;
}
.item-listing .listing-content figure img{
 display: inline-block;
 vertical-align: middle;
}
.item-listing .listing-content h3{
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 10px 0;
}
.item-listing .listing-content p,
.item-listing .listing-content ul{
	font-size: 12px;
	font-weight: normal;
}

.item-listing .listing-content .badge{
	padding: 0.8em 1.6em;
	font-size: 90%;
	border-radius: 0;
	color:#fff;
	font-weight: 400;
}
.item-listing .listing-content ul li:before{
	content:">";
	margin-right: 4px;
}
.item-listing .listing-content ul li{
	margin-bottom: 4px;
}

/*Qoute*/
div.quote_box{
	border-radius: 8px;
	padding:25px 15px;
	background: #f4f8f9;
	color:#5a686b;
}
div.quote_box .quote_no span{
	display: inline-block;
	width: 40%;
	text-align: right;
}
div.quote_box h3{
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 10px 0;
	color:#5a686b;
}

div.quote_box .quote-logo{
	border-radius: 8px;
	padding:8px 15px;
	background: #fff;
}
div.quote_box .quote-logo img{
	max-height: 80px;
	max-width: 120px;
}
div.quote_box .quote-logo h1{
	font-size: 1.6em;
	font-weight: 500;
	margin-top:10px;
	color:#5a686b;
}
div.quote_box{
	} .quote-logo h1 span{
	font-size: 70%;
	font-weight: 500;
	display: block;
	margin-top: 0.2em;
}
div.quote_box .badge{
	padding:10px 12px;
	display: block;
	font-size: 16px;
	border-radius: 8px;
	line-height: normal;
	text-transform: uppercase;
}
div.quote_box .btn{
	border-radius: 8px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: normal;
}

/*table-erfq*/
table.table-erfq {
	border:solid 1px #eaeef1;
	font-size: 12px;
}
table.table-erfq thead th{
	background: #f4f8f9;
	color:#5a5a5a;
	text-transform: uppercase;
	text-align: center;
	padding: 16px 6px;
	border:none;
	border-right: solid 1px #eaeef1;
	border-bottom: solid 1px #eaeef1;
	vertical-align: middle;

}
table.table-erfq thead th:last-child{
	border-right: none 1px #eaeef1;
}
table.table-erfq tbody td{
	border:none;
	border-right: solid 1px #eaeef1;
	padding: 16px 6px;

}
table.table-erfq tbody td:last-child{
	border-right: none 1px #eaeef1;
}
table.table-erfq tbody tr{
	background: #fff;
}

table.table-erfq tbody tr:nth-of-type(odd){
	background-color: #fafbf9;
}
.supplier-detail-header .registration_no{
	font-size: 11px;

}
.supplier-detail-header h3{
	font-size: 30px;
	font-weight: 500;
}
.supplier-detail-header span{
	display: block;
	font-weight: bold;
}
.supplier-tab-area{
	background: #f4f8f9;
	padding:0 0 30px 0;
}

.supplier-tab-area .tab-pane{
	padding:50px 0;
}

.tab-basic{
	border-bottom: none;
	color:#5a686b;
}
.tab-basic .nav-link{
	text-transform: uppercase;
 	margin-right:100px;
	font-weight: bold;
	color:#000;
}
.tab-basic .nav-item .nav-link{
		border:none;
		border-bottom: solid 2px #fff;
}
.tab-basic.nav-tabs .nav-item.show .nav-link,
.tab-basic.nav-tabs .nav-link.active{
	border:none;
	border-bottom: solid 2px #458fe4;
}
.tab-basic.nav-tabs .nav-link:focus,
.tab-basic.nav-tabs .nav-link:hover{
		border:none;
	 	border-bottom: solid 2px #458fe4;
		color:#458fe4;
}
.supplier-tab-area  #profile .contact-person .far{
	font-size: 50px;
	float: left;
	color:#458fe4;
}
#company-product .product-grid{
	margin-bottom: 20px;
	padding:30px;
	background: #fff;
	border: solid 1px #eceff1;
}
#company-product .product-grid .product-image{
	margin-bottom: 20px;
}
#company-product .product-grid .product-description{
	height: 70px;
}
#company-product .product-grid .product-description h4{
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 10px;

}
#company-product .product-grid .product-description p{
	font-size: 12px;

}

.badge-xs{
	font-size: 10px !important;
	padding: 4px 4px !important;
}
.item-listing .listing-header .btn{
	font-size: 11px;
	border-radius: 4px;
}
.item-listing .listing-header p{
	color:#fff;
}

.btn-download{
	font-size: 12px;
	display: block;
}