:root{
--hoverColor: orangered; 
--orangered: orangered; 
--c1:  orange;
--color2: #2d3436; /*#2d3436*/
--white: white;
--btn:  orange;
--btnF: white;
--btn1: #2d3436;
--btn1F: white;
--btnHover: #ec6a37;
--btnHoverTxt: #2d3436;
--filterResultBarColor: whitesmoke;
--pe-bg:whitesmoke;/*Page elements background color*/
--hoverbg:white;
--headerLinksColor: white;
--headerbgColor: #2d3436;
--headerbgSearchbar: white;
--bg_leftLinkHover: white;
--txt_leftLinkHover: black;
--headbtn: #ec6a37;
--tabColorbg: whitesmoke;
--tabColor:black;
--tabColorbgH: whitesmoke;/*bg means back-ground color*/
--tabColorH:orangered; /*H means hover*/
}


/*The Grid theme by Saad Rizwan Khan*/
/*Grid auto flow*/
.grid{display: grid !important;}

/*Columns for grid*/
.is-col{grid-auto-flow: column}
.is-col-1{grid-template-columns: repeat(1,1fr)}
.is-col-2{grid-template-columns: repeat(2,1fr)}
.is-col-3{grid-template-columns: repeat(3,1fr)}
.is-col-4{grid-template-columns: repeat(4,1fr)}
.is-col-5{grid-template-columns: repeat(5,1fr)}
.is-col-6{grid-template-columns: repeat(6,1fr)}
.is-col-7{grid-template-columns: repeat(7,1fr)}
.is-col-8{grid-template-columns: repeat(8,1fr)}
.is-col-9{grid-template-columns: repeat(9,1fr)}
.is-col-10{grid-template-columns:repeat(10,1fr)}
.is-col-11{grid-template-columns:repeat(11,1fr)}
.is-col-12{grid-template-columns:repeat(12,1fr)}

/*Rows for grid*/
.is-row{grid-auto-flow: row}
.is-row-1{grid-template-rows: repeat(1,1fr)}
.is-row-2{grid-template-rows: repeat(2,1fr)}
.is-row-3{grid-template-rows: repeat(3,1fr)}
.is-row-4{grid-template-rows: repeat(4,1fr)}
.is-row-5{grid-template-rows: repeat(5,1fr)}
.is-row-6{grid-template-rows: repeat(6,1fr)}
.is-row-7{grid-template-rows: repeat(7,1fr)}
.is-row-8{grid-template-rows: repeat(8,1fr)}
.is-row-9{grid-template-rows: repeat(9,1fr)}
.is-row-10{grid-template-rows:repeat(10,1fr)}
.is-row-11{grid-template-rows:repeat(11,1fr)}
.is-row-12{grid-template-rows:repeat(12,1fr)}

/*Grid gap*/
.gap-1{grid-gap: 10px;}
.gap-2{grid-gap: 20px;}
.gap-3{grid-gap: 30px;}
.gap-4{grid-gap: 40px;}
.gap-5{grid-gap: 50px;}
.gap-6{grid-gap: 60px;}
.gap-7{grid-gap: 70px;}
.gap-8{grid-gap: 80px;}


/*Padding*/
.pad-1{padding: 10px;}
.pad-2{padding: 20px;}
.pad-3{padding: 30px;}
.pad-4{padding: 40px;}
.pad-5{padding: 50px;}

.padR-1{padding-right: 10%;}
.padR-2{padding-right: 20%;}
.padR-3{padding-right: 30%;}
.padR-4{padding-right: 40%;}
.padR-5{padding-right: 50%;}

.padL-1{padding-left: 10%;}
.padL-2{padding-left: 20%;}
.padL-3{padding-left: 30%;}
.padL-4{padding-left: 40%;}
.padL-5{padding-left: 50%;}
/*Placing and allignment*/

.is-just-itm-c{justify-items: center;}
.is-align-itm-c{align-items:center;}

.is-just-itm-s{justify-items: start;}
.is-align-itm-s{align-items:start;}

.is-just-itm-e{justify-items: flex-end;}
.is-align-itm-e{align-items:flex-end;}

.is-just-cont-c{justify-content: center;}
.is-align-cont-c{align-content:center;}

.is-just-cont-e{justify-content: end;}
.is-align-cont-e{align-content:end;}

.is-just-cont-s{justify-content: start;}
.is-align-cont-s{align-content:start;}

.is-just-cont-b{justify-content: space-between;}
.is-align-cont-b{align-content:space-between;}

.is-just-itm-b{justify-items: ;}
.is-align-itm-b{align-items:space-between;}

.blacklayer{
	background-color: rgba(000, 000, 000, 0.5);
	width: 100%;
	height: 100%;
  }
.whitelayer{
	background-color: rgba(255, 255, 255, 0.3);
	width: 100%;
	height: 100%;
}
.whiteShadow{
	background-color: white;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.bordOrange{border: 2px solid orange}
/*Text and Headings*/
.txt1{color:white;font-size:100px}
.txtC{text-align: center}
.f12{font-size: 12px}
.f14{font-size: 14px}
.f16{font-size: 16px}
.f18{font-size: 18px}
.f24{font-size: 24px}

/*Margin*/
.mT1{margin-top:10px}
.mT2{margin-top:20px}
.mT3{margin-top:30px}
.mT4{margin-top:40px}
.mT5{margin-top:50px}
.mT6{margin-top:60px}

.mB1{margin-bottom:10px}
.mB2{margin-bottom:20px}
.mB3{margin-bottom:30px}
.mB4{margin-bottom:40px}
.mB5{margin-bottom:50px}
.mB6{margin-bottom:60px}

/*Static widths*/
.W1000{width:1000px !important}

.mt-p1{margin-top: 10%}
.mt-p2{margin-top: 20%}
.mt-p3{margin-top: 25%}
.mt-p4{margin-top: 30%}
.mt-p5{margin-top: 35%}
/*The Grid theme ends*/


/*Covers and contains backimage use with banners*/
.bg-orange{background-color: var(--c1);}
.bg-orange1{background-color: var(--c1);padding:10px;}
.bg-grey{background-color:grey;}
.bg-smoke{background-color:whitesmoke;}

/*text color*/
.greentxt{color:green}
.bluetxt{color:blue}


.sriz-img-cover{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.sriz-img-contain{
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

.sk-btns{
background-color: var(--btn);
color: #000;
}
.sk-btns2{
	background-color: #ff8c00;
	color:white;
}
.sk-all{width:100%;}
.sk-btn-sm{width:100px;}
.sk-btn-md{width:200px;}

/* <- Demo Stuff Start */
  .btn-magic {
	flex: 1 1 auto;
	margin: 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
   /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
   }
  
  /* Demo Stuff End -> */
  
  /*Bootstrap Edit*/
  .form-control:focus{border-color: var(--orangered)}
  /*Bootstrap Edit*/
  /* <- Magic Stuff Start */
  
  .btn-magic:hover {
	background-position: right center; /* change the direction of the change here */
  }
  
  .btn-m1 {
	background-image: linear-gradient(to right, orangered 0%, orange 51%, #f6d365 100%);
  }
  
  .btn-m2 {
	background-image: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 51%, #fbc2eb 100%);
  }
  
  .btn-m3 {
	background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%, #84fab0 100%);
  }
  
  .btn-m4 {
	background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
  }
  
  .btn-m5 {
	background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 51%, #ffecd2 100%);
  }
  
.c-blue{color:blue}
  
  /* Magic Stuff End -> */


.sriz-grid{display: grid;grid-gap: 10px; justify-items: center;}

.sriz-grid-fc{display: grid;grid-gap: 10px;grid-auto-flow: column; align-items: center;}
.G-flow-right{grid-auto-flow: column;}
.G-center{align-items: center;}
.G-Jst-cs{justify-content: start}

.red-link{color:crimson;}
.red-link:hover{color: var(--btn);}

.bg-black-trans{text-align:center;background-color: rgba(0, 0, 0, 0.7);height: 500px;color:white;font-weight: bold;}

.sriz-col-3-grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
padding: 20px 50px;
padding-right: 80px;
justify-content: center;
align-content: start;
text-align: center;
font-size: 12px;
}
.sriz-col-3-grid h6{
font-weight: bold;
margin: 10px
}

@import url('https://fonts.googleapis.com/css?family=Lato');
html {
box-sizing: border-box;
font-family: 'Lato', sans-serif;
}


*,
*:before,
*:after {
box-sizing: inherit;
font-family: 'Lato', sans-serif;
}

body {
margin: 0px !important;padding: 0px !important;
font-family: 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5
{
font-weight: normal;
margin: 0;
font-size: 1em;
}

h1{margin-top:10px;}
/*All universal rules*/

a{
text-decoration: none !important;
color:black;
}



.main-outer-wrapper-of-all-elements{
display: grid;
grid-template-rows: auto 1fr 1fr auto;
grid-gap: 3em;
height: 100vh;
}


.main-header{
display: grid;
grid-template-columns: 1fr;
font-size: 12px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1em;
background-color: var(--headerbgColor) !important;
color:var(--headerLinksColor) !important;
}

.upperheader{
display: grid;
align-items: center;
/*grid-template-columns: auto 3fr repeat(3,auto);*/
grid-auto-flow: column;
grid-gap: 35px;
justify-content: space-between;
color:var(--headerLinksColor);
}

.lowerheader{
display: grid;
grid-gap: 20px;
padding-right: 0px;
grid-template-columns: 2fr 2fr 11fr repeat(3,1fr);
align-items: center;
background-color: #2d3436;
}

.logo{
/*background-image: url(../images/logo3.jpg);
background-position: center;
background-repeat: no-repeat;
padding-left: 40px;
padding-right: 10px;*/

text-align: center;
font-weight: bold;
font-size: 20px;
align-self: center;
color:white;

}

.logo>*{
text-decoration: none;
}
.logo:hover{color:var(--btn);}

/*either define grid-tempelate-columns or give it auto flow for rresponsiveness*/
.lf-d-btn{
color: var(--headerLinksColor);
}

.leftLinks-dropdown-btn1:hover .lf-d-btn{
color: var(--hoverColor);
}
.leftLinks ul{
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
grid-gap: 16px !important;
align-items: center;
justify-items: center;
padding: 5px;
}
.leftLinks ul li{
list-style: none;
padding: 5px;
}

/*Flex the container you want to change horizontal alignment*/
.rightLinks ul{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 12px;;
justify-items: center;
}

.rightLinks ul li{
display: grid;
grid-auto-flow: column;
}

.rightLinks ul li a{
color: white;
}


/*Icons Code*/
.caret-icon{
background-image:url(../images/icons/down-arrow.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 10px;
height: 9px;
margin-left: 5px;

}




/*Icons code end*/

#main-categories ul ,#main-categories ul li{
list-style: none !important;
}

.leftLinks ul li:hover,.categories:hover .dropbtn{
color: var(--hoverColor);
cursor: pointer;
background-color: var(--hoverbg);
}

.rightLinks ul li a:hover{
color: var(--hoverColor);
cursor: pointer;
}

.leftLinks ul li:hover .caret-icon ,.dropbtn:hover .caret-icon{
background-image:url(../images/icons/up-arrow.png);
cursor: pointer;
}
/*Upper header code ends*/

/*Lower header code starts*/
/* Dropdown Button */
.dropbtn {
padding: 16px;
font-size: 18px;
display: grid;
grid-template-columns: repeat(3,auto);
align-items: center;
justify-content: center;
}

.cd-dropdown-wrapper:hover .cd-dropdown-trigger{
background-color: white;
color: black;
}
/* The container <div> - needed to position the dropdown content */
.categories,.leftLinks-dropdown-btn1 {
position: relative;
}


.categories-dropdown-content{
display: grid;
}
/* Dropdown Content (Hidden by Default) display flex on hover below*/
.categories-dropdown-content,.leftLinks-dropdown-content1,.singnin-pannel{
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.components-list{
margin: 0px;
list-style: none;
vertical-align: baseline;
text-align: left;

}

.categories-dropdown-content .title{
display: grid;
grid-auto-flow: column;
align-items: center;
justify-content: center;
padding: 0px;
}
/*the hover effect on categories drop down adds upper and bottom  border*/
.categories-dropdown-content ul li:hover{
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}
.rightarrow-icon{

background-image: url(../images/icons/png/right-arrow.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 50%;
height: 50%;

}



/* Links inside the dropdown */
.categories-dropdown-content a{
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

/* Change color of dropdown links on hover */
.categories-dropdown-content a:hover {color: var(--hoverColor);}
/* Show the dropdown menu on hover */
.categories:hover .categories-dropdown-content{
display: block;
}

.categories:hover .dropbtn{
border:solid 2px #f1f1f1;
border-bottom: 0px;

}
/* Change the background color of the dropdown button when the dropdown content is shown 
.categories:hover .dropbtn {} this property is grouped above */


/*UpperNav Solutions dropdown*/
.leftLinks-dropdown-content1{
display: none;
padding: 20px;
grid-gap: 15px;
grid-auto-flow: column;	
position: absolute;
left: 0;
}

.DDC1{
display: grid;
grid-gap: 15px;
grid-auto-columns: 210px;
align-content: flex-start;
}

.leftLinks-dropdown-btn1:hover .leftLinks-dropdown-content1, .signin:hover .singnin-pannel{
display: grid;
}

/*UpperNav Solutions dropdown ends*/

/*Searchbar Code Starts*/
.searchbar-section-outermost-wrapper{
width: 100%;
border: 0;
background-color: var(--headerbgSearchbar);
color:black;
}
.searchbar-section-outermost-wrapper form{
display: grid;
grid-auto-flow: column;
align-items: center;
}

.searchbar-keyword{
border: 0px;
width: 300px;
font-size: 14px;
}

.searchbar-type{
text-align: center;
border-right: 1px solid black;
}

.searchbar-main{
padding-left: 10px;	
}

.searchbar-submit{
background-color: var(--btn);
color: white;
height: 35px;
border: 0px;
font-size: 15px;
width: 100%;
}


.signin{padding: 5px;}

.signin-inner{
display: grid;
grid-auto-flow: column;
align-items: center;
padding: 5px;
grid-gap: 5px;
}
.signin:hover .signin-inner{
background-color: var(--bg_leftLinkHover);
color: var(--txt_leftLinkHover);
}

.titles{
display: grid;
}
.title-top a{
font-size: 9px;
color:var(--headerLinksColor);
}

.signin:hover .title-top a{
color: var(--txt_leftLinkHover);
}

.searchbar-submit :hover{
background-color: var(--btn);
}

.signin-icon{
background-image: url(../images/icons/man-user-w.png);
background-position: center;
background-size: contain;
width: 30px;
height: 30px;
display: inline-block;
}

.signin:hover .signin-icon{background-image: url(../images/icons/man-user-b.png);}


/*
navbar Signin Code, initial code is grouped at 3 places with 
".leftLinks-dropdown-content1" Ctrl+F this. 
pgs means panel-group-signin
*/
.signin:hover, .orderProtection:hover, .favoutrites:hover {
box-shadow: 10px 8px 16px 0px rgba(0,0,0,0.2);
}
.singnin-pannel{
display: none;
grid-auto-flow: row;
position: absolute;
padding: 15px;
z-index: 2;
background-color: #FFF;
width: 277px;
grid-gap: 15px;
}

.panel-group-signin,.pgs-btgroup{
display: grid;
grid-gap: 10px;
}


.pgs-title{
font-size: 20px;
color: var(--txt_leftLinkHover);
}

.pgs-btgroup{
grid-auto-flow: column;
text-align: center;
}

.pgsb-btn-1:hover{
color: #f1f1f1 !important;
}


.pgsb-btn-1{
color:var(--btnF);
background-color: var(--btn);
font-size: 14px;
font-weight: bold;
border-radius: 1px;
padding: 10px;

}

.pgs-loginwrap{
display: grid;
grid-row-gap: 10px;
}

.lw-social-links{
display: grid;
grid-auto-flow: column;
justify-content: start;
grid-gap: 10px;
}
.facebook-social-icon,.google-social-icon,.twitter-social-icon,.linkedin-social-icon{
background-image: url(../images/icons/facebook.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 33px;
width: 33px;
}
.google-social-icon{background-image: url(../images/icons/instagram-logo.png);}
.twitter-social-icon{background-image: url(../images/icons/twitter.png);}
.linkedin-social-icon{background-image: url(../images/icons/linkedin.png);}

.myOrders{
display: grid;
grid-gap: 10px;
align-items: center;
}
.myOrders a:first-child{
background-color:whitesmoke;
}
.signin-line{
width: 100%;
height: 2px;
background-color:black;
}
/*Sign in properties end*/

/*-----------------------
Protection Icon start
-----------------------*/
.orderProtection{
display: grid;
position: relative;
grid-auto-flow: column;
grid-gap: 10px;
justify-content: center;
padding: 6px;
}

.orderProtection:hover{
background-color: var(--hoverbg);
}

.orderProtection:hover .protect-icon{
background-image: url(../images/icons/shield-black.png);
}

.orderProtection:hover a{
color: var(--txt_leftLinkHover) !important;
}

.orderProtection a{align-self:center; color: white}

.protect-icon{
background-image: url(../images/icons/shield-white.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
}

.op-pannel, .fav-pannel{
display: none;
position: absolute;
top: 40px;
min-width: 200px;
background-color:white;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 2;
padding: 10px;
}


.orderProtection:hover .op-pannel, .favoutrites:hover .fav-pannel{
display: block;
}


.op-inner-pannel{
display: grid;
grid-gap: 10px;
justify-items: center;
}

.op-inner-first-row{
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 5px;
}

.op-left-trade,.op-right-more{
padding: 5px;
text-align: center;
}
.op-right-more{
color: blue;
}

#op-btn{
background-color: orangered;
text-align: center;
padding: 4px;
color: white !important;
}


/*-----------------------
Protection Icon end
-----------------------*/

/*-----------------------
Favoutrites Icon Start
-----------------------*/
.favoutrites{
display: grid;
grid-auto-flow: column;
padding: 5px;
color: white;
grid-gap: 5px;
}

.favoutrites:hover{
background-color: var(--bg_leftLinkHover);
color: var(--txt_leftLinkHover);
}

#favourites-icon{
background-image:url(../images/icons/heart-fill-w.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
}

.fav-inner a{color: var(--headerLinksColor);}

.favoutrites:hover #favourites-icon{
background-image: url(../images/icons/favorite.png);
}
.favoutrites:hover .fav-inner a{color: var(--txt_leftLinkHover );}

.fav-pannel{
display: none;
position: absolute;
right: 3px;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
top: 80px;
padding: 15px;
}

.fav-btn-view{
background-color: var(--hoverColor);
text-align: center;
padding: 5px;
margin-bottom: 15px;
}
.fav-btn-view a ,.fav-btn-view a:hover{color:var(--txt_leftLinkHover) !important;}

.fav-inner{
display: grid;
}

/*-----------------------
Favoutrites Icon end
-----------------------*/
































/* Main Body Content Styling */

#main-body{
display: grid; 
grid-gap: 2em;
padding-right: 12px;
padding-left: 12px;
margin-top: 20px;
}
.banner{
display: grid;
grid-auto-flow: column;
background: #fff;
}

#Slides-Wrapper{height: 100%;}

.right-menu{text-align: center;}

.heading-menu{
margin-top: 16px;
font-size: 18px;
font-weight: 700;
text-transform: Uppercase;
}

.menu-li {
position: relative;
display: block;
padding: 10px 50px;
line-height: 20px;
}


/* Slideshow container 
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}*/

/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* The dots/bullets/indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active {
background-color: #717171;
}

/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}

.Ads-ban{
height: 352px;
width: 100%;
margin-top: 20px;
}
.Ads-ban-t{
height: 115px;
width: 100%;
margin-top: 20px;

}

.Ads-ban2{margin-bottom: 20px;}

.info-header{
width: 100%;
height: 52px;
overflow: hidden;
margin-top: 10px;
}

.info-heading{
float: left;
margin-right: 20px;
font-size: 20px;
color: #333;
line-height: 52px;
padding-left: 0;
text-transform: Uppercase;
}
.line{
display: block;
margin-top: 20px;
font-size: 100%;
border: 3px solid #DCDEE3;
border-radius: 3px;
overflow: hidden;
}

.product-box,.product-box-request{
display: grid;
grid-template-columns: 1.2fr 4fr;
}
.product-box-request{height: 21em;grid-template-columns: 7fr 5fr;}
.product-box{grid-gap: 1px;}



.product-links{
margin-top: 10px;
display: grid;
grid-auto-flow: column;
text-align: center;
justify-items: center;

}
.product-links a{ padding: 10px;}
.product-links a:hover{background-color: var(--c1); color: white !important; justify-self: stretch;}


.product-items{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 1px;
}

/*Background colors of products*/
.fb-u-inner-item{
display: grid;
grid-auto-flow: column;
justify-content: center;
align-items: center;
grid-gap: 2px;
}

.single-item-sec{
width: 50%;
float: left;
background-color: #000;
height: 100%;
}
.single-item-sec-sec{
width: 25%;
float: left;
background-color: #717171;
height: 100%;
}
.products-sec{
height: 200px;
width: 25%;
border-bottom: 1px #666 solid;
border-left: 1px #666 solid;
float: left;
}
.products-thrd{
height: 200px;
width: 25%;
border-bottom: 1px #666 solid;
border-left: 1px #666 solid;
float: left;
}

.content-img{background-color: #000;}

.content-box{
border: 1px solid #DCDEE3;
background-color: whitesmoke;
display: grid;
align-content: start;
justify-content: start;
padding: 10px;
grid-gap: 20px;
padding-left:30px;
}
.rfq-heading{
font-size: 30px;
font-weight: 600;
color: #333;
line-height: 44px;
text-align: center;
padding-top: 30px;
}
.rfq-input input{

width: 94%;
border: 2px solid #ffa500;
font-family: inherit;
font-weight: 400;
font-size: inherit;
line-height: inherit;
color: #333;
background-color: #fff;
padding: 10px;
height: 36px;
border-radius:50px;
}
.rfq-quantity input {
float: left;
height: 40px;
width: 120px;
padding: 10px;
box-sizing: border-box;
max-width: 720px;
border: 1px solid #dae2ed;
font-family: inherit;
font-weight: 400;
font-size: inherit;
line-height: inherit;
color: #333;
background-color: #fff;
}
.rfq-quantity select {
float: left;
height: 40px;
width: 220px;
padding: 10px;
box-sizing: border-box;
max-width: 720px;
border: 1px solid #dae2ed;
font-family: inherit;
font-weight: 400;
font-size: inherit;
line-height: inherit;
color: #333;
background-color: #fff;
}

.rfq-submit {
margin-left: 25px;
cursor: pointer;
height: 36px;
width: 90%;
margin-top: 20px;

background: #FF7519;
color: #FFF;
border: 1px solid transparent;
border-radius: 3px;
vertical-align: baseline;
font-style: normal;
font-family: inherit;
}

.find-suppliers{
/*idth: 100%;
height: 280px;
margin-top: 30px;*/
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}

.regoin-list, .trade-list{
display: grid;
grid-template-columns: repeat(4,1fr);
height: 200px;
grid-gap: 5px;
}


.regoin,.trade{

display: grid;
grid-template-columns: 1fr 1fr;
font-size: 12px;
align-items: center;
justify-items: center;
justify-content: center;
text-align: start;
}




.viewed-item{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;

}





/* ============================== Footer Area Styling ========================= */
#Main-footer{
background-color: var(--color2);
padding-bottom: 50px;
font-size: 12px;
height: 450px;
}

#Main-footer a:hover{
color: var(--c1) !important;
}

#Main-footer a:visited{
color:white;
}
.trade-alert{
padding: 10px;
color: #333;
min-height: 100px;
position: relative;
font-size: 12px;
min-width: 752px;
text-align: left;
}

.text-alert p{
text-align: center;
margin: 0;
padding-top: 40px;
padding: 40px;
font-size: 20px;
color: #fff;
}
.search-alert{
width: 600px;
margin: 0 auto;
height: 100px;
padding-left: 10px;
}
.search-alert input{
width: 306px;
margin-top: -4px;
font-size: 27px;
background: #313D51;
border: 1px solid #C4C6CF;
color: #fff;
display: block;
height: 50px;
padding: 10px;
float: left;
}
.search-alert input[type="submit"]{
border-radius: 3px;
margin-left: 4px;
background: 0 0;
font-size: 16px;
color: #fff;
width: 206px;

}


/* Quik Links Styling */
.quik-links{
display: grid;
grid-auto-flow: column;
justify-items: center;
}

.ui-footer-about  {
color: #fff;
line-height: 20px;
list-style: none;

}

.ui-footer-about h2 {
font-size: 18px;
margin-bottom: 10px;
}

.ui-footer-about li {line-height: 25px;}

.ui-footer-about a {color: #fff;}


/*

------------------------------------------	
	Product page
------------------------------------------

*/
#industry-page-main-content{display: grid; grid-gap: 3em; margin-bottom: 5em;}

#industry-page-banner{margin-top: 1em;}

#industry-page-inner-boxes{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 35px;
padding: 0em 2em;

}



#ip-ii-links{
display: grid;
grid-template-columns: repeat(10,1fr);
padding: 0em 2em;
grid-gap: 5px;
text-align: center;
}

.p-single-link{
display: grid;
align-items: center;
height: 30px;
background-color: whitesmoke;
}

#industry-page-footer{
display: grid; 
background-color: whitesmoke;
height: 11em;
font-size: 12px;
padding: 20px;
}
.industry-footer-rows{
display: grid;
grid-auto-flow: column;
align-items: center;
justify-items: center;
justify-content: center;
grid-gap: 1em;
}


/*
------------------------------------------	
Products-page-main
		and
products-page-footer	  
------------------------------------------
*/
#products-page-main-wrapper{
display: grid;
grid-gap: 2em;
margin: 1em 0;
}

.filter-result-bar{
display: grid;
grid-gap: 1.5em;
font-size: 16px;
padding: 2em;
}

.related-categories{
display: grid;
grid-template-columns: repeat(12,1fr);
align-items: center;
justify-items: center;
border-bottom: 1px solid black;
background-color:var(--filterResultBarColor);
}

.rc-ii-txt-bold{
font-weight: bold;	
}

.rc-it-1{grid-column: 1/3;}
.rc-it-2{grid-column: 3/6;}
.rc-it-3{grid-column: 6/9;}
.rc-it-4{grid-column: 11/12;}
.rc-it-5{grid-column: 12/-1;}


.filter-by{
display: grid;
grid-gap: 1.5em;
background-color:var(--filterResultBarColor);
}

.fb-upper{
display: grid;
grid-auto-flow: column;
align-items: center;
justify-items: start;
}

.fb-lower{
display: grid;
grid-auto-flow: column;
justify-items: center;
grid-gap: 1em;

}

.fb-l-drop-btn {
padding: 10px;
border: none;
background-color:var(--filterResultBarColor);
}

.fb-l-dropdown {
position: relative;
display: inline-block;
}


.fb-l-dropdown-content,.fb-l-dropdown-supplier {
display: none;
position: absolute;
min-width: 18em;
background-color: #f1f1f1;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.fb-l-dropdown-supplier{
min-width: 45em !important;
height: 10em;
/*Overflow adds scroll bar*/
overflow: auto;
grid-gap: 15px;
padding: 20px;
}

.dropdown-width{min-width: 20em;}

.fb-l-dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

#supplier-Location-dropd-content{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 15px;
align-items: center;
justify-items: start;
margin-bottom: 10px;
}
.search-bar{
width: 30em;
}



.fb-l-dropdown:hover .fb-l-dropdown-content {display: block;}
.fb-l-dropdown:hover .fb-l-dropdown-supplier {display: grid;}

.fb-l-dropdown:hover .fb-l-drop-btn {background-color: var(--btn); color: var(--btnHoverTxt);}


/*iput fields*/
#min-order{
width: 80px;
}
#min-price{
width: 40px;
}
#max-price{
width: 40px;
}/*Filter ends*/



/*Items and sidebar section*/
#items-and-sidebar-wrapper{
display: grid;
grid-template-columns: 15fr 3fr;
padding: 0em 2em;
grid-column-gap: 1em;
}

/*boxes with slider and product details*/
#ias-items{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 20px;

}
.sp-boxes{
display: grid;
justify-content: center;
box-shadow: 5px 8px 10px #888888;
}

#b-pro-info-compare{
display: grid;
}

#ias-aside{
display: grid;
grid-gap:8px;
align-content: start;	
}
.ias-a-items{
height: 15em;
}
.sp-b-pro-detail{
display: grid;
background-color: white;
height: 12em;
text-align: center;
padding-bottom: 20px;
align-content: flex-end;
justify-content: center;
grid-gap: 10px;
font-size: 12px;
}
/*items and sidebar section ends*/


#custom-pagination{
/*Bootstrap is used in this*/
display: grid;
justify-items: center;
}

#related-search{
background-color:var(--pe-bg);
display: grid;
grid-auto-flow: column;
height: 3em;
align-items: center;
justify-content: start;
grid-gap: 5em;
padding: 0px 2em;
}

#related-search-wrapper{padding: 0px 2em;}

#premium-related-products-wrapper{
padding: 0px 2em;
}
#premium-related-products-wrapper h2{
font-weight: bold;
}
#premium-related-products{
background-color:var(--pe-bg);
display: grid;
grid-auto-flow: column;
align-items: center;
grid-gap: 1em;
justify-content: center;
align-items: center;
}
.prp-items{
background-color:#666;
height: 15em;
text-align: center;
color: white;
}

#quotation-wrapper{padding: 0px 2em;}

#quotation{
display: grid;
grid-auto-flow: column;
align-items: center;
background-color:var(--pe-bg);
height: 5em;
padding: 0px 1em;
}

#quotation button{
padding: 1em;
}


/*
------------------------------------------	
	Product page end
------------------------------------------
*/






/*
------------------------------------------	
	Single Product page
------------------------------------------
*/

#singleProduct-outter-wrap{
display: grid;
grid-template-columns: 11fr 3fr;
margin: 2.5em 1em 1em 1em;
grid-gap: 1em;
}



#sp-main{
display: grid;
grid-gap: 30px;
}

#sp-sidebar{
background-color: whitesmoke;
}

#sp-m-pro-view{
display: grid;
grid-template-columns: 5fr 8fr;
grid-gap: 10px;
}

#p-v-details{
display: grid;
grid-gap: 38px;
align-items: start;
align-content: start;
}


#p-v-details div:nth-child(1){
font-size: 15px;
align-self: center;
padding-left: 15px;		
}

#p-v-details div:nth-child(2){
font-size: 12px;
background-color: whitesmoke	;
padding: 5px 0em;	
border-bottom: 1px solid #445268;
padding-left: 15px;
}

#p-v-details div:nth-child(3){
font-weight: bold;
font-size: 12px;	
padding-left: 15px; 
}

#p-v-details div:nth-child(4){
font-weight: bold;
background-color: whitesmoke;
padding-left: 15px;
align-items: center;

}
#p-v-details div:nth-child(6) a{
color: darkblue;
padding-left: 13px;
}

.pvd-itm-color{
display: grid;
grid-auto-flow: column;
padding: 5px;
justify-content: flex-start;
grid-gap: 20px;	padding: 20px 10px 10px 20px;
}
.pvd-itm-color span:nth-child(n+1){
background-color: teal;
width: 20px; height: 20px;
display: inline-block;
}

.pvd-itm-color span:nth-child(2){background-color: crimson;}
.pvd-itm-color span:nth-child(3){background-color: coral;}
.pvd-itm-color span:nth-child(4){background-color: chartreuse;}

.pvd-itm-btns{
padding-left: 13px;	
}
.pvd-itm-btns a{
padding: 5px;
font-size: 12px;
background-color: var(--btn);
color: white !important	;
}
.pvd-itm-btns a:hover{
background-color: var(--btnHover);
}

.pvd-itm-links{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
padding-left: 15px;
font-size: 12px;
}

/*Tabbed View*/
.sp-m-tab-wrapper{
display: grid;
grid-gap: 20px;
font-size: 12px;
}

.tab-bar{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
justify-items: start;
justify-content: flex-start;
}

.tb-item{
font-size: 14px;
font-weight: bold;
padding: 10px;
background-color: var(--tabColorbg);
color: var(--tabColor);
border: 0;
border-top: 3px solid var(--tabColorbg);
}

.tb-item-H{
background-color: var(--btn);
color: var(--btnF);
border-top: 3px solid var(--btnHover);
}

.tb-in-product-detail{/*Panel that changes according to which tab is selected*/
display: grid;
background-color:whitesmoke ;
padding: 20px;
grid-gap: 20px;
}
.tb-in-product-detail h1{
font-size: 16px;
font-weight: bold; 
margin-bottom: 30px;
border-bottom: 1px solid var(--btn1);
}

.overview{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
font-weight: 600;
margin-top: 20px;
}
.ov-in-itm{font-weight: bold;}
.ov-in-itm-detail{
font-weight: 100;
margin-left: 5px;
}
.package-delivery{
display: grid;
grid-gap: 10px;
}

.td-pd-p-details{
display: grid;
grid-gap: 20px;
}
.td-p-pd-head{
background-color: var(--btn);
color: var(--btnF);
font-size: 25px;
font-weight: bold;

padding: 5px;
}
.td-p-pd-img{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
}


.grad {
background: var(--btn) !important;
color: white !important;	
}


#tb-related-pro{
display: grid;
grid-auto-flow: column;
justify-content: space-evenly;
}
#tb-deliver{
display: grid;
grid-auto-flow: column;
justify-items: center;
grid-gap: 5px;
}
.panel-body h1{font-weight: bold !important; margin-bottom: 5px;}


#tb-certificates{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
}
/*Tab view end*/


/*Quick feed back*/
#sp-m-fast-feedback{
background-color: whitesmoke;
display: grid;
grid-gap: 10px;
padding: 15px;
margin-bottom: 25px;
}

#ff-form-content{
display: grid;
grid-gap: 10px;
}

.ff-fi-f-label{
justify-self: start;	
}

.form-itm{
display: grid;
grid-gap: 10px;
}

.form-itm-g{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
justify-items: stretch;
justify-content: start;
}

#ff-fi-sendbtn{
width:8em;
height: 3em;
border-style: double;
font-weight: bold;
color: var(--btnF);
background-color: var(--btn);
}

#sp-m-you-may-like{
display: grid;
grid-gap: 10px;
padding: 15px;
}
#yml-img{
display: grid;
grid-auto-flow: column;
}


#sp-m-get-quote{
background-color: whitesmoke;
padding: 15px;
}
#sp-m-get-quote a {
color: skyblue;
cursor: pointer;
}

#sp-m-relatedsearch{
display: grid;
padding: 15px;
grid-gap: 10px;
background-color: white;
}

#sp-m-rs-links{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
}

#company-profile-wrapper{
display: grid;
grid-gap: 30px;
}
#tb-cp{
margin-bottom: 20px;
}

#company-profile-wrapper h1{margin-bottom: 0px;}

#tc-table-wrapper{
margin: 20px 0px;
}

#trade-capacity-table {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}

#trade-capacity-table td, #trade-capacity-table th {
border: 1px solid #ddd;
padding: 8px;
}

#trade-capacity-table tr:nth-child(even){background-color: #f2f2f2;}

#trade-capacity-table tr:hover {background-color: #ddd;}

#trade-capacity-table th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #ffa500;
color: white;
}

#tb-to{
margin-bottom: 20px;
}

#t-form{
display: grid;
grid-gap: 10px;
}

#t-form-msg{
width: 500px;
height: 250px;
resize: none;
}
#t-form-msg-label{
grid-gap: 20px;
}
#t-form-msg-to{
display: grid;
grid-auto-flow: column;
justify-content: start;
grid-gap: 65px;
}
#t-form-sendbtn{
background-color: var(--btn);
color: var(--btnF);
width: 70px;
height: 50px;
margin-left: 74px;
border: 0;
}
/*
------------------------------------------	
	Single Product page end
------------------------------------------
*/



/*
------------------------------------------	
	Top Selected Suppliers
------------------------------------------
*/
#top-selected-suppliers-main-wrap{
display: grid;
grid-gap: 40px;
}

#tss-banner{
background-image: url(../images/tss/tss-ban-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 560px;
}
#tss-banner-content{
display: grid;
grid-gap: 50px;
margin-top: 8em;
padding:0px 30px;
}

.tss-bc-slogan{
font-size: 40px;
color: white;
font-weight: bold;
}
.tss-bc-characteristics{
display:grid;
grid-auto-flow: column;
justify-content: start;
grid-gap: 20px;	
}

.tss-bc-c-items{
display: grid;
grid-auto-flow: column;
align-items: center;
justify-content: center;
grid-gap: 10px;
}

.bc-c-img1,.bc-c-img2,.bc-c-img3{
background-image: url(../images/tss/tss-charac-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width:60px;
height: 60px;
}

.bc-c-img2{
background-image: url(../images/tss/tss-charac-2.png);
}
.bc-c-img3{
background-image: url(../images/tss/tss-charac-3.png);
}
.tss-bc-searchbar{
display: grid;
grid-template-columns: 10fr 2fr 4fr 4fr;
height: 50px;
}
.tss-bc-searchbar button{
background-color: var(--tabColorH);
color: white;
border: 0px;
}

.tss-bc-searchbar input{
height: 50px;
padding-left: 10px;
}

.bc-c-word{
color: white;
font-weight: bold;
}

.Supplier-outer-most-wrap{
display: grid;
grid-auto-flow: column;
align-content: center;
justify-content: center;
padding: 80px;
grid-gap: 30px;
height: 25em;
}

.supplier-box{
display: grid;
background-color: whitesmoke;
padding: 20px;
height: 20em;
grid-gap: 35px;
align-content:flex-start;
font-size: 15px;padding: 20px 10px 10px 20px;
width:33em;
border: 2px solid whitesmoke;

}


.supplier-slider-bg{
background-color: white;
}

.Numbers{
font-size: 35px;
font-weight: bold;
color: #2192D9;
}

.data-detail-data-footer{
display: grid;
grid-auto-flow: column;
padding: 2px;
justify-content	: start;
grid-gap: 40px;
}
.dd-df-photo{
background-image: url(../images/photo1.jpg);
width: 50px;
height: 50px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.dd-df-information{
display: grid;
color: black;
align-content: flex-start;
grid-gap: 2px;padding: 20px 10px 10px 20px;
}

.iname{
font-size: 16px;
}
.iposition{
font-size: 12px;
}

.iqualification{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
align-items: center;
}
.qLink-icon-years{
display: grid;
grid-auto-flow: column;
justify-content	: start;
align-items: center;
}
.ql-icon{
background-image: url(../images/icons/dollar-symbol.png);
width: 20px;
height:20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.carousel-control.right{
background-image: none !important;
}
.carousel-control.left{
background-image: none !important;
}
/*------------------------------------------*/
#tss-Supplier-detail-analysis{
display: grid;
justify-items: center;
grid-gap: 20px;
}
#tss-sda-heading{
font-size: 30px;
}
#tss-Supplier-detail-analysis p{
font-size: 15px;
color: grey;
}

#tss-sda-content{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5px;
}

.cellbox{
width:544px;
height: 280px;
background-color: whitesmoke;
display: grid;
justify-items: center;
padding-top: 20px;
}

.cb-title-detail{
font-weight: bold;
}

.cb-detail{
display: grid;
grid-gap: 10px;
margin-bottom: 50px;
}

.cbd-progress-item{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
font-size: 12px;

}

.cbd-pi-label{
font-weight: bold;
}

.cbd-pi-probar{
display: grid;
grid-auto-flow: column;
}

.barbg{
background-color: lightblue;
width: 200px;
height: 10px;
}

#barfg1{
background-color: #2192D9;
width: 145px;
height: 10px;
}
#barfg2{
background-color: #2192D9;
width: 180px;
height: 10px;
}
#barfg3{
background-color: #2192D9;
width: 45px;
height: 10px;
}
#barfg4{
background-color: #2192D9;
width: 110px;
height: 10px;
}
#barfg5{
background-color: #2192D9;
width: 100px;
height: 10px;
}
#barfg6{
background-color: #2192D9;
width: 145px;
height: 10px;
}
#barfg7{
background-color: #2192D9;
width: 122px;
height: 10px;
}
#barfg8{
background-color: #2192D9;
width: 80px;
height: 10px;
}
#barfg9{
background-color: #2192D9;
width: 50px;
height: 10px;
}
#barfg10{
background-color: #2192D9;
width: 160px;
height: 10px;
}

.cb-detail-chart{
padding-right:35px;
}

.cb-detail-main-customer{
display: grid;
justify-items: center;
margin-bottom: 35px;
}
.cb-dmc-count{
color: #2192D9;
font-size: 35px;
font-weight: bold;
}
.cb-dmc-intro-box{
display: grid;
grid-auto-flow: column;	
grid-gap: 10px;
align-items: center;
}

.ib-left{
background-image: url(../images/tss/assistant.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width:107px;
height: 107px;
}

/*--------------------------------------------*/
#tss-verify-and-faq{
display: grid;
}
#tss-verify-b-id{
background-image: url(../images/tss/tss-img2.jpeg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 650px;
display: grid;
text-align: center;
}

#tss-vb-id-inner{
display: grid;
align-items: center;	
background-color: rgba(2, 2, 2, 0.6);
color: white;
}
#tss-vb-id-inner h1{
font-size: 25px;
}
#tss-vb-id-inner button{
width: 200px;
background-color: var(--orangered);
justify-self: center;
padding: 10px;
border: 0;
color: var(--white);
}

#vbi-selection-step{
display: grid;
grid-auto-flow: column;	
justify-items: center;
align-items: center;
padding: 30px 0px;
}

.ss-item{
display: grid;
justify-items: center;
align-content: center;
grid-gap: 30px;
}

.ss-i-number{font-size: 4em;}
.ss-i-label{font-size: 15px;}

#tss-faq{
display: grid;
padding: 50px 0px 120px 0px;
grid-gap: 40px;
align-content: space-around;
justify-items: center;
}
#tss-faq h1{font-size: 24px;}
#tss-faq-inner{
display: grid;
grid-auto-flow: column;
grid-gap: 40px;
}

#tss-faq-inner ul{
display: grid;
grid-gap: 20px;
}

#tss-best-products-section{
display: grid;
background-color:var(--color2);
color: white;
padding: 40px;
grid-gap: 50px;
text-align: center;
}
#tss-best-products-section h1{font-size: 26px;}

.tss-bps-row{
display: grid;
grid-auto-flow: column;	
}
.bps-r-itm{
display: grid;
grid-auto-flow: column;
align-items: center;
justify-content: center;
}

/*
------------------------------------------	
	Top Selected Suppliers end
------------------------------------------
*/

/*
------------------------------------------	
	fahad's refer & earn page
------------------------------------------
*/


.banner_refer {
background-image: url(../images/Banner_R&E.jpg);
width: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding: 70px;

}

.BR_super_heading {
font-size: 67px;
}

.BR_div {
color: black;

}

.BR_heading {
font-size: 38px;
}

.BR_heading b {
font-size: 71px;
color: #1489e3;
}

.BR_para {
font-size: 16px;
line-height: 20px;
}

.BR_para b {
color: #1489e3;
}

.br_btn_div {
display: grid;
justify-content: center;
padding: 35px;
}

.refer_btn {
display: inline-block;
height: 48px;
line-height: 48px;
font-size: 22px;
color: #fff;
letter-spacing: -1px;
background-color: #55acef;
padding: 0 30px;
border: 1px solid #3caaff;
border-radius: 3px;
overflow: hidden;

}

.refer_term_para {
display: grid;
justify-content: center;
padding-bottom: 100px;
padding-top: 20px;
padding-left: 250px;
padding-right: 250px;
color: black;
font-size: 16px;
}

.refer_term_para a {
color: red;
}


/*
------------------------------------------	
	fahad's business identity page
------------------------------------------
*/

.business_identity_wraper {
margin-top: 20px;
display: grid;
justify-content: center;

}



.business_identity_banner {
background-image: url(../images/business_identity/business-identity-banner.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 620px;
}

.text_container_buisness_identify_wrape {
display: grid;
grid-auto-flow: column;
justify-content: center;
margin-top: 20px;
margin: 0;
padding: 0;
border: 0;
}

.text_container_buisness_identify {
border: solid 3px #e9eef4;
}

.text-item {
float: left;
border-right: solid 3px #e9eef4;
border-radius: 1.5px;
width: 328px;
}

.text-title {
padding: 0 30px;
color: #333;
font-size: 16px;
font-weight: bold;
height: 32px;
}

.text1-des {
padding: 15px 30px 10px 30px;
color: #666;
font-size: 14px;
line-height: 18px;
}

.bi_btn_div {
display: grid;
justify-content: center;
padding: 35px;
}

.bi_btn {
display: inline-block;
height: 48px;
line-height: 48px;
font-size: 22px;
color: #fff;
letter-spacing: -1px;
background-color: #e87b0e;
padding: 0 30px;
border: 1px solid #ff9917;
border-radius: 3px;
overflow: hidden;
}




.text_container_buisness_identify2 {
border: solid 1px #e9eef4;
}

.tcbi-text-item1 {
float: left;
width: 670px;
height: 305px;
border-right: solid 1px #e9eef4;
}

.tcbi-text-item2 {
float: left;
width: 317px;
}

.tcbi-text2-wrap {
padding: 30px;
overflow: hidden;
}

.text2-title {
font-size: 18px;
color: #333;
font-weight: bold;
}

.tcbi-faqs {
margin-top: 10px;
}

.tcbi-faq-link {
margin-left: 15px;
color: #999;
font-size: 14px;
padding-bottom: 5px;
}

.tcbi-faq-link a {
text-decoration: none;
color: #333;
font-size: 14px;
}

.tcbi-text2-des {
border-top: solid 1px #e9eef4;
padding-top: 25px;
font-size: 14px;
color: #666;
}

.tcbi-learn-more {
color: #1686cc;
font-size: 13px;
}

.tcbi-text2-info {
padding-top: 35px;
padding-bottom: 20px;
}

.tcbi-t2-co {
padding-bottom: 5px;
font-size: 14px;
}

.tcbi-t2-t {
color: #999;
}

.tcbi-t2-c {
color: #333;
}






.lp-process {
width: 988px;
margin: 20px auto;
border: 1px solid #e9eef4;
}

.lp-process-content {
padding: 30px 30px 15px 30px;
}

.lp-process .step {
float: left;
}

.lp-process .step-inside {
width: 465px;
}

.lp-process .step img {
margin-right: 5px;
vertical-align: middle;
}

.lp-process .step .step-content {
float: left;
}

.lp-process .step .step-item {
position: relative;
}

.lp-process .step .arrow {
position: absolute;
top: 50%;
}

.lp-process .step .desc {
font-size: 12px;
line-height: 14px;
}

.lp-process .step .literal {
font-weight: bold;
display: inline-block;
vertical-align: middle;
}

.lp-process .step-edge .step-item {
height: 82px;
}

.lp-process .step-edge .title {
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
}

.lp-process .step-first .arrow {
width: 30px;
height: 62px;
margin-top: -31px;
}

.lp-process .step-first {
width: 210px;
}

.lp-process .step-first .arrow {
left: 170px;
background: url(../images/business_identity/business_identify_img10.jpg) 0 0 no-repeat;
}

.lp-process .step-first .literal {
padding-top: 10px;
max-width: 100px;
}

.lp-process .step-end .arrow {
width: 30px;
height: 54px;
margin-top: -27px;
}

.lp-process .step-end {
width: 250px;
}

.lp-process .step-end .arrow {
left: 0;
background: url(../images/business_identity/business_identify_img11.jpg) 0 0 no-repeat;
}

.lp-process .step-end .step-content {
margin-left: 36px;
}

.lp-process .step-end .literal {
max-width: 130px;
padding-top: 10px;
}

.lp-process .step-inside {
overflow: hidden;
}

.lp-process .step-inside .literal {
font-weight: bold;
max-width: 80px;
}

.lp-process .step-inside .row-content {
margin-right: -35px;
}

.lp-process .step-inside .step-item {
width: 33%;
float: left;
}

.lp-process .step-inside .step-content {
margin-right: 35px;
}

.lp-process .step-inside .row-0 {
margin-bottom: 20px;
}

.lp-process .step-inside .arrow {
width: 16px;
height: 12px;
left: 140px;
margin-top: -6px;
background: url(../images/business_identity/business_identify_img12.jpg) 0 0 no-repeat;
}

.lp-process .intention {
font-size: 12px;
margin-top: 10px;
font-weight: bold;
padding-left: 20px;
padding-bottom: 10px;
}

/*
------------------------------------------	
business identity page ends
------------------------------------------
*/




/*
------------------------------------------	
supplier membership page
------------------------------------------
*/

#supplier_membership_slider{
background-image: url(../images/supplier_membership/supplier-membership-banner.png);
width: 100%;
height: 590px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

#page990 img {
border: none
}

#page100 {
width: 1000px;
margin: 20px auto
}

.crumb.global {
font-size: 11px;
color: #666;
padding: 0;
background: white;
}

.crumb {
margin-bottom: 7px;
clear: both;
}

.crumbin {
font-family: Tahoma;
}

.crumbr {
padding: 0px 4px;
}

/**nav**/

.top-navigator {
background-color: #f4f4f4;
border-bottom: 1px solid #ddd;
border-top: 2px solid #ddd;
height: 36px;
}

.top-navigator li {
color: #333;
float: left;
font: 14px/36px Roboto, Helvetica, sans-senif, SimSun;
padding: 0 15px;
background: url(../images/supplier_membership/nav_li.jpg) right 12px no-repeat;
}

.top-navigator li.last {
background: none;
}

.top-navigator li.first {
border-bottom: 1px solid #f90;
}

.top-navigator li:hover {
border-bottom: 1px solid #f90;
}

.top-navigator li.first a {
color: #f90;
}

.top-navigator a:link,
.top-navigator a:visited {
color: #333;
text-decoration: none;
}

.top-navigator a:hover {
color: #f90;
text-decoration: none;
}

.margin-bottom-normal {
margin-bottom: 0px;
}

/**nav in suppliers**/

.fl {
float: left;
}

.fr {
float: right;
}

.sell-content {
margin: 0;
padding: 0;
width: 990px;
}

.ui-box-seller {
margin-top: 40px;
}

.ui-box-exposure {
margin-top: 40px;
margin-bottom: 100px;
}

.ui-box-exposure-more {
padding-right: 10px;
}







.page_blocks {
width: 1000px;
float: left;
padding: 0px;
}

.page_blocks li {
float: left;
padding: 0;
margin: 0 20px 0 0;
width: 359px;
}

.page_blocks li .block_wrp {
padding: 10px 15px;
float: left;
border: 1px solid #f1f1f1;
border-top: none;
background: #fff;
height: 210px;
}

.page_blocks li.last {
width: 400px;
margin-right: 0px;
}

.page_blocks li.last .block_wrp {
width: 400px;
height: 210px;
padding: 10px 15px;
float: left;
border: 1px solid #f1f1f1;
border-top: none;
margin-bottom: 0px;
font-size: 12px;
}

.page_blocks li.last .brief_wrp p {
width: 190px;
float: left;
font: 12px Roboto, Helvetica, sans-senif, SimSun;
color: #666;
line-height: 18px;
padding-bottom: 10px;
margin-bottom: 0;
}

.page_blocks li .title {
font: bold 14px Roboto, Helvetica, sans-senif, SimSun;
width: 100%;
color: #333;
float: left;
border-bottom: 2px solid #1996e6;
padding: 0;
margin: 0;
line-height: 30px;
}

.page_blocks li .block_wrp .sub_title {
font: bold 12px Roboto, Helvetica, sans-senif, SimSun;
width: 100%;
color: #333;
float: left;
}

.page_blocks li .block_wrp .brief_wrp {
width: 100%;
float: left;
margin: 3px 0 0 0;
padding: 0;
}

.page_blocks li .block_wrp .brief_wrp img {
width: 30px;
float: left;
margin: 7px 15px 10px 5px;
}

.page_blocks li .block_wrp .brief_wrp p {
width: 100%;
float: left;
font: 12px Roboto, Helvetica, sans-senif, SimSun;
color: #666;
line-height: 18px;
padding-bottom: 10px;
margin-bottom: 0;
}

.page_blocks li .block_wrp ol {
width: 100%;
float: left;
margin: 0;
padding: 0;
position: relative;
left: -1px;
}

.page_blocks li .block_wrp ol li {
width: 98%;
height: auto;
float: left;
margin: 0;
padding: 0 0 5px 5px;
color: #666;
}

.page_blocks li .block_wrp ol li.link-a a {
color: #666;
}

.page_blocks li .block_wrp ol li.link-a a:hover {
color: #ff9900;
}

span.arow {
width: 4px;
height: 6px;
margin: 0 0 0 5px;
background: url(../images/supplier_membership/arrow.png) no-repeat 50% 60%;
}

.page_blocks li .block_wrp ol li .num {
float: left;
display: block;
width: 15px;
}

.page_blocks li .block_wrp ol li p {
float: left;
display: block;
width: 273px;
padding-bottom: 3px;
margin: 0;
padding: 0;
line-height: 18px;
}

.eventTutorial_wrp {
width: 100%;
float: left;
padding: 0 0 12px 0;
margin-bottom: 12px;
border-bottom: 1px dashed #eee;
}

.eventTutorial_wrp .icon {
width: 57px;
height: 57px;
float: left;
border: 1px solid #ddd;
padding: 1px;
}

.eventTutorial_wrp .icon label.titl {
float: left;
text-align: center;
background: #3695e9;
color: #fff;
font: bold 14px Roboto, Helvetica, sans-senif, SimSun;
line-height: 18px;
}

.eventTutorial_wrp .icon label.dateev {
float: left;
text-align: center;
color: #666;
font: 26px Roboto, Helvetica, sans-senif, SimSun;
line-height: 39px;
}

.eventTutorial_wrp .details {
width: 240px;
float: left;
margin: 0 0 0 10px;
color: #666;
}

.eventTutorial_wrp label {
width: 100%;
float: left;
font: 12px Roboto, Helvetica, sans-senif, SimSun;
}

.eventTutorial_wrp .details label.ev_title {
text-align: left;
}

.eventTutorial_wrp .details label.ev_title_info {
padding: 2px 0;
}

.eventTutorial_wrp .details label.ev_title_info span {
float: left;
margin: 0 5px 0 0;
position: relative;
}

.eventTutorial_wrp .details label.ev_title_info span.tutorName {
text-align: left;
padding: 0 20px 2px 0;
position: relative;
top: 0px;
}

.icon_audio {
background: url(../images/supplier_membership/audio.png) no-repeat scroll 100% 0%;
}

.icon_play {
background: url(../images/supplier_membership/play.png) no-repeat scroll 50% 50%;
}

.icon_training {
background: url(../images/supplier_membership/training.png) no-repeat scroll 50% 50%;
}

a.ggs_link {
color: #333333;
text-decoration: none;
}

a.ggs_link:hover {
text-decoration: underline;
color: #0066cc;
}




/*
------------------------------------------	
suppliers by reigion		
------------------------------------------
*/
#supplier-by-region{
display: grid;
grid-gap: 40px;
padding-bottom: 20px;
background-color: whitesmoke;
}

#sup-by-reg-flags-wrap .CountryList{
display: grid;
grid-template-columns: repeat(5,1fr);
justify-items: center;
grid-gap: 40px;
padding: 20px;
}

#sup-by-reg-flags-wrap .item{
padding: 10px;
text-align: center;
}

#sup-by-reg-flags-wrap .item .inner .label{
color: black;
font-weight: 100;
font-size: 12px;	
}

#sup-by-reg-slider1{
	background-image: url(../images/Suppliers-by-region/by-region-slide.png);
	width:100%;
	height:500px;
	background-color: red;
}
/*
------------------------------------------	
Online retail market
------------------------------------------
*/

#online-retail-market-out-most-wrapper{
display: grid;
grid-gap: 20px;	
padding: 24px;
}

#hot-selling-and-data-driven-wrapper{
display: grid;
grid-auto-flow: column;

}

.orm-tb{
width: 100px;
}

.orm-tb-itm{
border:1px solid black;
width: 30em;
}

#orm-InStock{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 10px;
text-align: center;
margin: 20px;
justify-items: center;
}

.orm-title{
color:grey;
}
.orm-InStock-itm{
width:250px;
border:1px solid black;	
}


/*
------------------------------------------	
online retail code
------------------------------------------
*/ 
.orm-tab-bar{
display: grid;
grid-auto-flow: column;
Width:100%;
grid-gap: 10px;
}
.orm-rank-offer{
margin-bottom:15px;
}
.orm-rank-offer:after{
visibility:hidden;display:block;height:0;font-size:0;content:" ";clear:both;
}
.orm-rank-offer .img-box{
float:left;margin-right:44px;width:120px;height:120px;box-shadow:0 6px 12px 0 rgba(0,0,0,.08);border-radius:3px;position:relative
}
.orm-rank-offer .img-box>.inner-img{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
.orm-rank-offer .inner-img{
max-width:120px;max-height:120px;
}
.orm-rank-offer .right-content{
float:left;font-size:14px;color:#333
}
.orm-rank-offer .reviews{
margin-top:12px;margin-bottom:4px
}
.orm-rank-offer .reviews-num{
margin-right:8px;font-size:24px;font-weight:700
}
.orm-rank-offer .view-more-link{
margin-top:20px;font-weight:300;color:#000
}
.small-right-content{
display:none
}
.orm-small-offer{
margin-bottom:8px
}
.orm-small-offer .img-box{
width:100px;height:100px;margin:0 54px 0 10px;box-shadow:0 0 0;border:1px solid #f2f2f2
}
.orm-small-offer .inner-img{
max-width:98px;max-height:98px
}
.orm-small-offer .right-content{
display:none
}
.orm-small-offer .small-right-content{
display:block;font-size:14px;float:left;color:#333;line-height:100px
}
.orm-small-offer .reviews-num{
margin-right:12px;color:#000;font-size:24px
}
.orm-small-offer .price{
margin-right:15px
}




/*
------------------------------------------	
online retail 
------------------------------------------
*/ 


/*
------------------------------------------	
account_managment_user_guides page
------------------------------------------
*/

.tb-item1{
font-size: 14px;
font-weight: bold;
padding: 10px;
background-color: var(--tabColorbg);
color: var(--tabColor);
border: 0;
border-top: 3px solid var(--tabColorbg);
}

.tb-item-H1{
background-color: var(--btn);
color: var(--btnF);
border-top: 3px solid var(--btnHover);
}

.account_managment_user_guides_wrape {
display: grid;
}

.account_managment_user_guides_content_wrape {
display: grid;
}

#account_managment_user_guides_banner {
background-image: url(../images/account_managment_guides/amg-ban.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 550px;
display: grid;
justify-content: start;
align-content: center;
padding-left: 100px;
line-height: 40px;
}

#account_managment_user_guides_banner h2, #account_managment_user_guides_banner p{
font-size: 44px;
color: white;
font-weight: bold;
}
#account_managment_user_guides_banner p{font-size:20px;}
.amug_account_gu {
display: grid;
grid-gap: 180px;
margin-bottom: 50px;
grid-auto-flow: column;
align-items: center;
justify-content: center;
}

.amug_acc_activation {
width: 100%;
height: 300px;
}


.amug_acc_activation1 {
width: 100%;
height: 300px;
padding-top: 30px;
}


.amug_acc_activation_content h3 {
font-size: 40px;
color: black;
}

.amug_acc_activation_content p {
font-size: 14px;
color: darkgray;
line-height: 22px;
}
.aaac-btn{
background-color: var(--c1) !important;
color: var(--white);
}


/*
------------------------------------------	
Online seminar
----------	--------------------------------
*/

.sp-m-tab-wrapper {
display: grid;
justify-items: start;
margin-top: 30px;
}

.os_banner_wraper {
height: 100px;
background-color: red;
}

.os_tab_wrape {
height: auto;
border: 1px solid;
margin-bottom: 50px;
border-color: darkgray;
}

.os_tab_wrape_2 {
display: grid;
grid-template-columns: 200px 900px;
height: auto;
border: 1px solid;
margin-bottom: 50px;
border-color: darkgray;

}

.os_tab_wrape_2 h3 {
background-color: var(--tabColorbg);
padding: 10px;
font-size: 15px;
color: rgb(45, 130, 126);
}
.os_btn{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
}

.os_btn_row {
display: grid;
}

.os_tab_div {
margin: 50px !important;
border-top: 1px solid;
border-color: darkgray;
}

.os-tb-itm {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
}

.os_mon_tab {
display: grid;
grid-gap: 5px;
justify-content: center;
border: 1px solid;
padding: 10px;
border-color: darkgray;
box-shadow: 5px 7px rgba(0, 0, 0, 0.1);
}

.os_mon_tab button{
padding: 10px;
background-color: var(--color2);
color: var(--white);
}

.wraper_os_heading {
display: grid;
grid-auto-flow: column;
align-items: center;
padding: 10px;

}

.os_tab_2_sub_div {
background-color: darkgray;
height: 25px;
}

.os_mon_tab_sub1 {
font-size: 20px;
color: black;
}

.os_mon_tab_sub2 {
font-size: 12px;
color: darkgray;
border-top: 1px solid;
border-color: darkgray;
}

.os_heading {
color: black;
font-size: 30px;
}

.os_h_before {
height: 2px;
width: 300px;
background-color: dimgray;
}


/* Style the tab */
.os-l-tab {
border: 1px solid #ccc;
background-color: #f1f1f1;
margin-bottom: 30px;
}

/* Style the buttons inside the tab */
.os-l-tab button {
display: block;
background-color: inherit;
color: black;
padding: 22px 16px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 16px;
}

/* Change background color of buttons on hover */
.os-l-tab button:hover {
background-color: #ddd;
}

/* Create an active/current "tab button" class */
.os-l-tab button.active {
background-color: #ccc;
}

/* Style the tab content */
.os-l-tabcontent {
float: left;
padding:30px;
border-left: none;
/*height: 682px;*/
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}

#os-lecture-wrap{
display: grid;
grid-auto-flow: column;
}

#sp-slider-wrap{
display: grid;
justify-content: center;	
}

.os-slider-img{
background-image: url(../images/online_seminar/os_banner02.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 1200px;
height: 800px;
}

#online-seminar-slider .os-slider-img:nth-child(2){background-image: url(../images/online_seminar/os_banner01.jpg);}
/*
------------------------------------------	
	account_managment_user_guides page
------------------------------------------
*/

/**header******/

.ui-header-extend h1 {
color: #333;
font-size: 18px;
margin: 0;
padding-top: 6px;
width: 125px;
float: left;
}

.ui-header-extend span {
font-size: 11px;
-webkit-text-size-adjust: none;
color: #666;
}

.ui-header-bg {
background-color: #ffffff;
}

.ui-header-bg .ui-beacon-item-link {
border-color: #fff;
}


/**nav**/

.top-navigator {
background-color: #f4f4f4;
border-bottom: 1px solid #ddd;
border-top: 2px solid #ddd;
height: 36px;
}

.top-navigator li {
color: #333;
float: left;
font: 14px/36px Roboto, Helvetica, sans-senif, SimSun,  ;
padding: 0 15px;
background: url() right 12px no-repeat;
}

.top-navigator li.last {
background: none;
}

.top-navigator li.first {
border-bottom: 1px solid #f90;
}

.top-navigator li:hover {
border-bottom: 1px solid #f90;
}

.top-navigator li.first a {
color: #f90;
}

.top-navigator a:link,
.top-navigator a:visited {
color: #333;
text-decoration: none;
}

.top-navigator a:hover {
color: #f90;
text-decoration: none;
}

.lc-content li {
width: 115px;
height: 25px;
line-height: 25px;
padding-left: 15px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: none;
font-size: 12px;
background: #fff;
}

.lc-content li.last {
border-bottom: 1px solid #ccc;
background: #fff;
}

.lc-content li:hover {
background: #E8E8E8;
border-bottom: none;
}

.lc-content li.last:hover {
border-bottom: 1px solid #ccc;
}

.lc-content li a:link {
color: #333;
}

.lc-content {
position: absolute;
left: -1px;
top: 36px;
z-index: 100
}

.chidden {
display: none;
}

.lc-title {
position: relative;
border-bottom: none;
width: 117px;
}

.top-navigator li.lc-over {
width: 115px;
border: 1px solid #ccc;
border-bottom: none;
background: url() #fff no-repeat 125px;
}

.top-navigator li.lc-over-lan {
width: 69px;
border: 1px solid #ccc;
border-bottom: none;
background: url() #fff no-repeat 84px;
}

.width li {
width: 69px;
}

#lan {
color: #06c;
}

.top-navigator li.lc-blue {
background: url() no-repeat right;
}

.top-navigator li.navlast {
background: none;
}

/**help****/

.help-center {
width: 120px;
position: fixed;
left: 20px;
top: 40%;
background: #fff;
height: 97px;
border: 1px solid #DDEAFB;
padding: 5px 8px;
_padding: 5px 7px;
_width: 174px;
}

.help-center h3 {
font: bold 11px Roboto, Helvetica, sans-senif, SimSun;
color: #f60;
padding: 1px 0 6px 40px;
margin: 0px;
background: url() no-repeat;
}

.help-center h3 span {
font: normal 10px Roboto, Helvetica, sans-senif, SimSun ;
color: #666;
padding-left: 10px;
background: url() no-repeat scroll 0 8px;
display: block;
display: block;
padding-top: 3px;
-webkit-text-size-adjust: none;
}

.help-center .ask-questions {
display: block;
text-indent: -9999px;
width: 115px;
border: 1px solid #ccc;
height: 36px;
background-position: -2px -180px;
}

.help-center .help-more {
margin-top: 6px;
margin-left: 1px;
font-size: 11px;
}

/**content*****/

#content img {
border: none
}

#content {
width: 1200px;
margin: 0 auto
}

.lite-header {
width: 1200px;
margin: 0 auto;
}

.lite-banner {
width: 100%;
height: 450px;
border-bottom: 1px solid #e5e5e5;
background-image: url(../images/seller_channel_membership/seller-membership-anner.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

#lite-banner-s-r-k{

}


.lite {
width: 1200px;
height: 250px;
margin: 0 auto;

}

.lite-h3 {
margin: 43px 0px;
position: relative;
}

.lite-line {
width: 100%;
height: 1px;
border-top: 1px solid #dddddd;
position: absolute;
left: 0px;
top: 15px;
z-index: -1
}

.lite-til {
width: 630px;
margin: 0 auto;
font-size: 30px;
line-height: 30px;
color: #333;
text-align: center;
z-index: 200;
background-color: #fff;
}

.lite-table {
border-collapse: collapse;
font-size: 13px;
color: #777;
}

.lite-table td {
height: 34px;
border: 1px solid #f0f0f0;
text-align: center;
padding-top: 10px;
}

.lite-table .td1 {

border-top: 2px solid #e5e5e5;
font-size: 18px;
color: #333;
position: relative;
}

.lite-table .td2 {
border-top: 2px solid #1996e6;
}

.lite-table .td3 {
border-left: none;
text-align: right;
padding-right: 20px;
color: #333;
}

.lite-table .td4 {
border-right: none;

}

.lite-table .price {
display: none;
}

.lite-table .td5 {
padding-bottom: 10px;
border-bottom: 2px solid #e5e5e5;
}

.lite-table .td6 {
border-bottom: 2px solid #1996e6;
}

.lite-table .color1 {
background-color: #f8fcfe;
}

.lite-table .color2 {
background-color: #f0f6fa;
}

.lite-table .color3 {
background-color: #fcfbfb;
padding-bottom: 12px;
}

.lite-table .markets {
background-image: url();
background-color: #f8fcfe;
background-repeat: no-repeat;
background-position: 272px 13px;
padding-right: 35px;
}

.lite-table .height {
height: 50px;
}

.lite-table .height2 {
height: 60px;
}

.lite-table .bold {
font-weight: bold;
}

.lite-table .font16 {
font-size: 16px;
color: #333;
}

.lite-table .free {
font-size: 14px;
color: #CC1F14;
font-weight: bold;
display: block
}

.lite-table .mony {
font-size: 13px;
color: #CC1F14;
font-weight: bold;
display: block
}

.lite-table .font18 {
font-size: 18px;
}

.lite-table .font12 {
font-size: 12px;
}

.lite-table .hovered {
border-top: 2px solid #1996e6;
height: 60px;
line-height: 60px;
}

.lite-table .unhovered {
border-top: 2px solid #fcfbfb;
height: 60px;
line-height: 60px;
}

.lite-table .other {
cursor: pointer;
padding-right: 15px;
position: relative;
}

.lite-table .other i {
display: block;
position: absolute;
width: 10px;
height: 4px;
right: 0px;
top: 10px;
background: url() no-repeat 0px -9px;
}

.lite-table .other i.clicked {
display: block;
position: absolute;
width: 10px;
height: 4px;
right: 0px;
top: 9px;

background: url() no-repeat 0px 0px;
}

.lite-table .other:hover i {
background: url() no-repeat 0px -9px;
}

.lite-table .other:hover i.clicked {
background: url() no-repeat 0px 0px;
}

.lite-table .other:hover {
text-decoration: underline;
}

.lite-table .other-tr {
display: none;
}

.lite-table .td-current {
background-color: #fff;

}

.lite-table .markets {
position: relative;
}

.lite-table .td-current:after {
content: " ";
position: absolute;
right: -11px;
right: -10px�;
top: 0px;
z-index: 3;
width: 20px;
height: 34px;
background-color: #fff;
}




.lite-table .lite-btn {
color: #333;
background-image: none;
background-color: #fff;
border: 1px solid #bcbcbc;
font-weight: 400;
padding: 4px 11px;
padding: 2px 11px 4px 11px9;
filter: none;

margin: 0;
font-family: inherit;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);

font-size: 14px;
line-height: 18px;
text-decoration: none;

display: inline-block;
position: relative;
overflow: visible;
}

.lite-table .lite-btn:hover {
background-color: #ff7519;
color: #fff;
border: none;
}




.contact {
width: 1200px;
margin: 0 auto;
}

.lite-p {
font-size: 13px;
color: #999;
line-height: 21px;
margin-top: 46px;
margin-bottom: 50px;
}

a.mailto {
color: #999;
text-decoration: underline;
}

/**categories****/

.cates {
width: 597px;
padding: 37px 48px;
display: none;
background-color: #fff;
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .25);
border: 1px solid #e7e7e7;
}

.cates h3 {
font-size: 26px;
color: #333;
margin-bottom: 17px;
}

.cates p {
font-size: 13px;
color: #666;
line-height: 18px;
margin-bottom: 13px;
}

.cates img {
margin-top: 20px;
}

/**bene****/

.bene {
height: 240px;
background: url() no-repeat;
}

.bene-table td {
height: 50px;
padding-left: 70px;
padding-bottom: 30px;
color: #333;
font-size: 14px;
line-height: 18px;
}

/**story*******/

.story {

margin-top: 80px;
}

.story-content {
background-color: #f6f7fb;
border-top: 1px solid #dae2ec;
border-bottom: 1px solid #dae2ec;
width: 1200px;
margin: 0 auto;
padding: 48px 0px 30px 0px;
padding: 45px 0px 30px 0px�;
}

.story .showcase {
font-size: 36px;
font-weight: bold;
color: #333;
margin: 0;
text-align: center;
margin-bottom: 42px;
}

.story .story-wrap {
height: 357px;
}

.story .story-left {
float: left;
width: 596px;
width: 655px9;
border-right: 1px solid #dae2ec;
padding-left: 59px;
padding-bottom: 10px;
}

.story .story-right {
float: right;
width: 483px;
}

.story-word {
font-size: 15px;
color: #666;
line-height: 28px;
padding-right: 70px;
padding-top: 0px;
margin-bottom: 5px;
}

.story-des {
float: left;
width: 254px;
padding-top: 67px;
}

.story-face {
float: right;
width: 240px;
}

.story-des h4 {
font-size: 24px;
color: #333;
font-weight: bold;
margin: 0;
margin-bottom: 3px;
}

.story-des p {
font-size: 13px;
line-height: 21px;
color: #666;
margin: 0;
}

.story .story-right img {
margin-top: 10px;
margin-left: 40px;
margin-bottom: 20px;
}


/*
------------------------------------------	
instant quotes page start
------------------------------------------
*/
#instant-quotes-outer-wrapper{
display: grid;
grid-gap: 60px;
}

.iq-b-img{
background-image: url(../images/instant-quotes/instantquotesbanner.png);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
width:100%;
height:695px;
}

#iq-3box-wrapper{
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
justify-items: center;
align-items: center;
padding: 0px 20px; 
}

.iq-3b-itm{
display: grid;
justify-items: center;
align-items: center;
grid-gap: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-align: centre;
padding: 20px;
width:350px;
height: 400px;
text-align: center;
}

.iq-3b-itm-img{
width: 100px;
height: 100px;
background-image: url(../images/instant-quotes/iq-img1.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

#iq-3box-wrapper .iq-3b-itm:nth-child(2) .iq-3b-itm-img{background-image: url(../images/instant-quotes/iq-img2.png);}
#iq-3box-wrapper .iq-3b-itm:nth-child(3) .iq-3b-itm-img{background-image: url(../images/instant-quotes/iq-img3.png);}


.iq-3b-itm-title{
font-size: 28px;
font-weight: bold;
}

.iq-3b-itm-detail{
font-size: 14px;
color: grey;
}

#iq-how-it-works-wrapper{
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
justify-items: center;
padding: 40px;
}

.hwi-t-heading{
font-size: 48px;
color:var(--c1);
}

.iq-hiw-text{
display: grid;	
font-size: 24px;
align-content: center;
grid-gap: 40px;
}

.iq-hiw-text1{
display: grid;	
font-size: 24px;
grid-gap: 110px;
}

.iq-hiw-text ol{
list-style:number;
padding-left: 25px;
}

.iq-hiw-video{
justify-self: end;
}

.iq-value-added-service{
display:grid;
}
.iq-vas-title,.iq-t-title{
display: grid;
grid-auto-flow: column;
justify-content: start;
grid-gap: 20px;
padding: 10px;
padding-left: 55px;
align-items: center;
}

.iq-vas-title h2, .iq-t-title h2{
font-size: 30px;
}

.iq-vas-urgent-extra{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
justify-content: space-around;

}

.vas-ue-extra,.vas-ue-urgent,.tw-itm-pic,.iq-trb-rfq{
background-image: url(../images/instant-quotes/iq-urgent-requests.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 600px;
height: 300px;
}

.vas-ue-extra{
background-image: url(../images/instant-quotes/iq-extra-quotes.png);
}

#iq-testimonials{
display: grid;
}

.iq-t-detail-testimonial-wrap{
display: grid;
grid-auto-flow: column;
align-items: center;
grid-gap: 151px;
padding: 0px 380px;
}

.tvw-itm{
display:grid;
justify-items: center;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
grid-gap: 20px;
text-align: center;
padding:0;
width: 500px;
}

.tw-itm-pic{
background-image: url(../images/instant-quotes/iq-img1.jpg);
background-size: cover;
width: 500px;
height: 250px;
} 

.tvw-itm:nth-child(2) .tw-itm-pic{
background-image: url(../images/instant-quotes/iq-img2.jpg);
}


.tvw-itm-detail{
display: grid;
grid-gap: 40px;
padding: 20px;
}

.tvw-id-name{
font-size: 38px;
font-weight: bold;
color: var(--c1);
}

.tvw-id-quote{
font-size: 12px;
color: grey;
line-height: 16px;
}

.tvw-id-company-name{
color: grey;
}

#iq-try-rfq-banner{
display: grid;
/*width:1263px;*/
height: 518px;
background-image: url(../images/instant-quotes/iq-rfq-bg.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.iq-trb-color{
background-color: rgba(255,131,84,.83);
display: grid;
justify-items: center;
align-content: center;
grid-gap: 80px;
}

.iq-trb-rfq{
background-image: url(../images/instant-quotes/iq-RFQ-img.png);
width: 100px;
height: 50px;
}

.iq-trb-txt{
font-size: 34px;
font-weight: bold;
color: white;
}

.iq-trb-btn button{
font-size: 20px;
background-color: var(--btn);
padding: 10px;
width: 6em;
}

#iq-faq{
display: grid;
grid-gap: 20px;
}

.iq-faq-title{
text-align: center;
font-size: 34px;

}

.iq-faq-question-box{
display: grid;
grid-template-columns: 1fr 1fr;
padding: 10px 20px;
justify-items: center;
grid-gap: 40px;
padding-bottom:100px;
}

/*
------------------------------------------	
instant quotes page end
------------------------------------------
*/




/*
------------------------------------------	
inspection services start
------------------------------------------
*/



#inspection-service-outter-wrap{
display: grid;
grid-gap: 40px;
}

#is-banner{
display: grid;
width: 100%;
grid-template-rows: 296px 400px;
}

#is-banner-upper{
background-image: url(../images/inspection-service/ins-s-banner1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: grid;
padding: 70px;
}

.is-b-up-heading{
font-size: 40px;
color: white;
font-weight: bold;	
}

.is-b-up-subhead{
color: white;
}
.is-b-up-box{
display: grid;
grid-auto-flow: column;
justify-content: start;
align-items: center;
grid-gap: 20px;
color: white;
}
.is-b-up-box .is-b-up-b-itms a{
border-radius: 20px;
width: 130px;
height: 50px;
background-color: var(--btn);
color: var(--btnF);
text-align: center;
padding-top: 13px;
}

.is-b-up-b-itms a:hover{
	background-color: white;
	color:orangered;
}

#is-banner-lower{
display: grid;
background-color: #C4C6CF;
padding: 20px;
justify-items: center;
align-items: center;
}

.is-bl-box{
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
}

.is-bl-b-itms{
width: 191px;
height:343px;
background-color: white;
background-image: url(../images/inspection-service/ins-s-img.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 7px;
}

.is-bl-box .is-bl-b-itms:nth-child(2){background-image: url(../images/inspection-service/ins-s-img02.png);}
.is-bl-box .is-bl-b-itms:nth-child(3){background-image: url(../images/inspection-service/ins-s-img03.png);}
.is-bl-box .is-bl-b-itms:nth-child(4){background-image: url(../images/inspection-service/ins-s-img04.png);}

#is-leading-inspect-company{
display: grid;
grid-gap: 20px;
justify-items: center;
}


#is-lc-companies-box{
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
justify-content: center;
padding:0px 180px;
}

.lc-cw-table-img{
background-image: url(../images/inspection-service/ins-s-img4.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 70px;
height: 70px;
background-color:white;;
}
#lc-cw-company-logo-name{
display: grid;
grid-auto-flow: column;
align-items: center;
background-color: #e87b0e;
color: white;
}
#is-leading-inspect-company h1{
font-size: 28px;
font-weight: bold;
}

#is-FAQ{
display: grid;
justify-items: center;
padding:40px 200px;
background-color: whitesmoke;
grid-gap: 20px;


}

#is-FAQ dd,#is-FAQ dt{
display: grid;
grid-auto-flow: column;
justify-content: start;
align-items: start;
grid-gap: 10px;
}

#is-FAQ dd{
font-size: 15px;
}

.is-FAQ-Q , .is-FAQ-A{
font-weight: bold;	
font-size: 15px;
}
/*
------------------------------------------	
inspection services end
------------------------------------------
*/

/*
------------------------------------------	
Trade assurance
------------------------------------------
*/
#trade-assurance-wrapper{
display:grid;
}

#trade-assurance-banner{
background-image: url(../images/Trade-assurance/banner.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: white;
height:600px;
display: grid;
align-content: start;
grid-gap: 40px;
padding: 160px 70px;
}

#trade-assurance-banner P{
font-size: 25px;
}
#trade-assurance-banner button{
justify-self: start;
width: 200px;
background-color: var(--btn);
}
#ta-b-title{
display:grid;
grid-auto-flow: column;
justify-content: start;
align-items: center;
grid-gap: 10px;
}
#ta-b-title h1{
font-size: 35px;
font-weight: bold;
}

#ta-b-logo{
background-image: url(../images/icons/trade-protection.png);
width: 50px;
height: 50px;
background-size: contain;
}

.ta-b-box{
display: grid;
grid-auto-flow: column;
justify-content: start;
grid-gap: 30px;
}

.ta-b-i-num{
font-size: 45px;
font-weight:bold;
}

.ta-b-itms{
display: grid;
grid-gap: 20px;
}

#trade-assurance-security{
display: grid;
}

.ta-security-box{
display: grid;
background-repeat: no-repeat;
}

.ta-security-box .ta-security-itms:nth-child(1){
background-image: url(../images/Trade-assurance/ta-protect-img1.png);
width:100%;
height: 30vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center;

}
.ta-security-box .ta-security-itms:nth-child(2){
background-image: url(../images/Trade-assurance/ta-multiplePayments.png);
background-repeat: no-repeat;
width: 100%;
background-size: cover;
height: 45vh;
}
.ta-security-box .ta-security-itms:nth-child(3){
background-image: url(../images/Trade-assurance/ta-protect-img.png);
background-repeat: no-repeat;
width: 100%;
background-size: cover;
background-position: center;
height: 55vh;
}


.ta-security-box .ta-s-i-details:nth-child(2){
display: grid;
padding: 5% 3%;
margin-top: 250px;
}
.ta-security-box .ta-s-i-details:nth-child(2) button{
width: 150px;
}


#trade-assurance-start-today{
background-image: url(../images/Trade-assurance/ta-st-img.jpeg);
height: 539px;
background-size: cover;
background-position: center;
color: white;
display: grid;
justify-items: center;
align-content: center;
grid-gap: 20px;
}

#trade-assurance-start-today h1{
font-size: 24px;
font-weight: bold;
}

.ta-st-form{
display: grid;
grid-auto-flow: column;
}
.ta-st-form input{
height: 60px;
width: 35em;
color: black;
padding: 10px;

}

.ta-st-form button {
height: 58px;
width: 140px;
background-color: var(--btn);
color: var(--white);
border: 0;
margin-top: 2px;
}

#trade-assurance-coverage{
display: grid;
justify-items: center;
padding: 80px 20px;
grid-gap: 20px;
}

#trade-assurance-coverage h1{
font-size: 34px;
font-weight: bold;
}

#trade-assure-cover-table{
display: grid;
border: 1px solid grey;
grid-gap: 30px;
}

#trade-assure-cover-table .trade-assure-cover-table-itm:nth-child(1){
background-color: var(--btn);
height: 70px;
padding: 10px;
color:white;
font-size: 24px;
text-align: center;
}

.trade-assure-cover-table-itm{
height: 40px;
padding: 10px;
text-align: left;
}


#trade-assurance-coverage button{
border-radius: 30px;
background-color: var(--btn);
}
/*
------------------------------------------	
Trade assurance end
------------------------------------------
*/


/*
------------------------------------------	
shipping start
------------------------------------------
*/
#shipping-outter-wrapper{
display:grid;

}

#shipping-banner{
background-image: url(../images/shipping/shipping-banner1.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 832px;
display: grid;
}
#shipping-banner button{
background-color: var(--btn);
color: var(--btnF);
}

#shipping-banner a{
margin-bottom: 180px;
color: #0066cc;
}
#ship-gs-title{
font-size: 44px;
color: white;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
#shipping-getting-started{
background-image: url(../images/shippingbanner.png);
height:600px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: grid;
align-items: center;
}
.ship-C02{
display: grid;
padding: 10px;
justify-content: center;
align-content: center;
grid-auto-flow: column;
grid-gap: 40px;
}
.ship-C02-box{
display: grid;
justify-items: center;
align-content: center;
grid-gap: 20px;
padding: 40px;
height:400px;
text-align: center;
background-color: white;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.ship-C02-box h4{
font-weight: bold;
font-size: 25px;
}

#shippingImg{
background-image: url(../images/inspection-service/shippinglast.jpg);
width:100%;
height:500px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
/*
------------------------------------------	
shipping end
------------------------------------------
*/

/*
------------------------------------------	
Request for qutation form
------------------------------------------
*/

#submit-rfq-outter-wrap{
display: grid;
padding: 30px;
grid-gap: 20px;
margin:  30px 0px;
justify-content: center;
background-color: white;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


#submit-rfq-outter-bg{
display: grid;
justify-content: center;
background-image: url(../images/Backgrounds/imgparticle1.png);
}
#submit-rfq-outter-wrap h1{
font-size: 34px;
}


#submit-rfq-outter-wrap form{
display: grid;
width: 700px;
grid-gap: 30px
}

#rfq-form-quantity-piece{
display: grid;
grid-template-columns: 5fr 3fr;

}

textarea{
resize:none;
}

.rfq-form-Other-Requirements{
display: grid;
grid-gap: 10px;
}

.rfq-for-title{
display: grid;
grid-auto-flow: column;
align-items: center;
justify-content: start;
grid-gap: 5px;
}

.rfq-form-Other-Requirements span{
background-image: url(../images/icons/png/down-arrow.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 14px;
height: 14px;
}


.rfq-for-text{
color: grey;
font-size: 13px;
}

.rfq-for-requirement-wrap{
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 2fr;
}

.rfq-for-w-itm{
display: grid;
grid-auto-flow: column;
}

#rfq-form-in-btn-submit{
background-color: var(--btn);
border: 0px;
padding: 20px;
}

#RFQ-Urgent-Box1,#RFQ-Urgent-Box2{
	width:90%;
	padding: 12px;
	cursor: pointer;
}

#RFQ-Urgent-Box2{margin-top: 32px;}

#extra-mail,#clock-icon{ color:orange !important;}
#RFQ-Urgent-Box1 i,#RFQ-Urgent-Box2 i{ color:orangered}
/*
------------------------------------------	
Help for new user
------------------------------------------
*/
#for-new-user-outter-wrap{
display: grid;
grid-gap: 40px;
margin-bottom: 20px;
}

#for-new-user_banner{
background-image: url(../images/for_new_users/fnu-banner.jpeg);
height: 400px;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: grid;
justify-content: center;
align-content: center;
grid-gap: 20px;
color: white;	
font-weight: bold;
font-size: 70px;
text-align: center;
}

#for-new-user_banner p:nth-child(2){
font-weight: lighter;
}

#fnu-slider{
display: grid;
justify-items: center;
grid-gap: 20px;
}

#fnu-slider-title{
font-size: 30px;
}

#fnu-slider-title span{
width: 40px;
height: 10px;
background-color: red;
}


#fnu-Online-trade{
background-image: url(../images/for_new_users/image-1.png);
width: 1263px;
height: 500px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
display: grid;
padding: 10px;
text-align: center;
}

#fnu-ot-title{
display: grid;
justify-items: center;;	
align-content: flex-start;
grid-gap: 20px;padding: 20px 10px 10px 20px;
margin-top: 45px;
}

#fnu-ot-title p:nth-child(1){
font-size: 28px;
}

#fnu-ot-title p:nth-child(2){
color: grey;
}

#fnu-ot-title button{
background-color: var(--btn);
}

#fnu-Order-protect{
display: grid;
grid-gap: 10px;
align-items: center;
padding: 10px;
}

#fnu-Order-protect h3{
font-size: 28px;
text-align: center;
}


#fnu-op-logo{
background-image: url(../images/for_new_users/money-bag.png);
width: 60px;
height: 60px;
background-size: contain;
background-position: center;
margin-left: 28px;
}

#fnu-op-in-wrap{
display: grid;
grid-template-columns: 1fr 6fr 5fr;
grid-gap: 10px;
justify-items:center;
}

#fnu-op-txt{
display: grid;
grid-gap: 20px;
font-size: 12px;
}
#fnu-op-txt h3{
font-size: 24px;
text-align: left;
}

#fnu-op-txt p:nth-child(3){
font-size: 24px;
color: var(--btn);
}

#fnu-op-txt p:nth-child(4){
font-size: 12px;
color: gray;
}

#fnu-op-pic{
background-image: url(../images/icons/shield.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width:380px;
height: 312px;
}

#fnu-op-btn{
background-color: var(--btn);
color: var(--btnF);
justify-self: start;
margin-left: 8em;
}

#fnu-op-more-info{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
margin-top: 60px;
padding: 12px 30px 12px 30px;
font-size: 13px;
}

.op-mi-itm{
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
justify-content: start;
}

.op-mi-itm-txt b{
font-size: 14px;
}

#fnu-start-join-vid{
display: grid;
grid-auto-flow: column;
justify-content: center;
align-items: center;
grid-gap: 40px;
padding: 40px;
}

#fnu-start-join-vid button{
width: 300px;
height: 70px;
}

/*
------------------------------------------	
sign in page
------------------------------------------
*/

#signin-banner{
background-image: url(../images/Backgrounds/signinBg.jpg);
width: 100%;
height: 74vh;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: grid;
}

#signin-bg-color{
background-color: rgba(0, 0, 0, 0.4);
display: grid;
justify-items: flex-end;
align-items: center;
padding-right: 30px;
}


#signin-form{
background-color: white;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,1);
width: 400px;
height: 450px;
padding: 30px;
display: grid;
align-content: flex-start;
grid-gap: 10px;
}

#signin-form small{
font-size: 12px !important;
cursor: pointer;
}

.si-f-grid{
display: grid;
grid-auto-flow: column;
justify-content: start;
grid-gap: 10px;
}

#signin-form button{
background-color: var(--btn);
color: var(--btnF);
}

#si-Social-icons{
display: grid;
grid-auto-flow: column;
grid-gap: 25px;
justify-content:start;
align-items: center;
}


#signin-form a{
justify-self: end;
margin-bottom: 10px;
color: #2192D9;
}

#signin-form a:hover{
color: #0066cc;
}

.HLine{
width: 100%;
height: 2px;
background-color: #2192D9;
}


/*
------------------------------------------	
All Categories page
------------------------------------------
*/

#all-categories-outter-wrap{
display:grid;
justify-items: center;
margin: 20px 0px;
}

#all-cat-box{
/*display: grid;
grid-column-gap: 20px;
grid-row-gap: 30px;
grid-template-columns: repeat(4,1fr);
justify-items: center;*/
column-width: 300px;
column-gap: 15px;
width: 90%;
max-width: 1100px;
margin: 50px auto;
}

.all-cat-b-itm{
/*display: grid;
background-color: whitesmoke;
align-content: flex-start;
grid-gap: 10px;*/padding: 20px 10px 10px 20px;


background: #fefefe;
border: 2px solid #fcfcfc;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
margin: 0 2px 15px;
padding: 15px;
padding-bottom: 10px;
transition: opacity .4s ease-in-out;
display: inline-block;
column-rule-style: avoid;


}

.all-cat-b-itm h2{
font-size: 14px;
text-align: center;
}

.all-cat-b-itm ul{
padding:20px;
}

.all-cat-b-itm ul li{
font-size: 12px;
line-height: 17px;
}



/*
------------------------------------------	
Contact supplier page
------------------------------------------
*/

#contact-supplier-out-wrap {
background-image: url(../images/icons/signin-bgt.jpeg);
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 40px;
}
#cs-inner{
display: grid;
grid-gap: 10px;
background-color: white;
padding: 30px;
padding-bottom: 50px;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
}

#cs-inner p{
font-size: 12px;
}

#cs-inner label{
display: grid;
grid-auto-flow: column;
justify-content: start;
align-items: center;
grid-gap: 10px;
}

#contact-supplier-out-wrap form{
display: grid;
grid-gap: 10px;
}

.cont-sup-title-drop{
display: grid;
grid-gap: 10px;
grid-auto-flow: column;
align-items: center;
justify-content: start;
border: 0px;
}

#cont-s-t-icon{
padding: 10px;
}

#cst-product{
display: grid;
grid-template-columns: 8fr 2fr 2fr;
padding: 10px;
grid-gap: 10px;
}

#cs-inner form button{
width: 140px;
justify-self: end;
background-color: var(--btn);
color: var(--btnF);
font-size: 18px;
}

#cst-product-itm1{
display: grid;
grid-auto-flow: column;
}

#csf-txt{
font-size: 12px;
color: grey;
margin-top: 25px;
}
#csf-txt a{
color: #2192D9;
cursor: pointer;
}

/*
------------------------------------------	
Help for buyers
------------------------------------------
*/

#help-for-buyer-out-wrap{display: grid;grid-gap: 9em;}

#h-fb-banner{
background-image: url(../images/help/forBuyers/hfb-ban2.jpeg);
height: 600px;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: grid;
justify-content: start;
align-content: flex-start;
padding-left: 55px;padding: 20px 10px 10px 20px;
padding-top: 15em;
grid-gap: 20px;
color: white;
}

#h-fb-banner h2{font-size: 60px;font-weight: bolder;}
#h-fb-banner div{display: grid;grid-template-columns: 9fr 3fr;}
#h-fb-banner input{height: 45px;}
#h-fb-banner button{background-color: var(--btn);height: 45px;}


#how-to-work{
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
justify-items: center;
padding:0px 10px;
}

.htw-itms{
display: grid;
justify-items: center;
grid-gap: 20px;
font-size: 12px;
}

.htw-i-icon{
width: 100px;
height: 100px;
background-image: url(../images/help/forBuyers/compass.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

.htw-itms:nth-child(2) .htw-i-icon{
background-image: url(../images/help/forBuyers/box.png);
}

.htw-itms:nth-child(3) .htw-i-icon{
background-image: url(../images/help/forBuyers/customer-service.png);
}

.htw-itms:nth-child(4) .htw-i-icon{
background-image: url(../images/help/forBuyers/shield.png);
}

.htw-itms:nth-child(5) .htw-i-icon{
background-image: url(../images/help/forBuyers/ship.png);
}

.htw-itms:nth-child(6) .htw-i-icon{
background-image: url(../images/help/forBuyers/checklist.png);
}

#browse-help-topics, #hfb-self-service,#hfb-contact{
display: grid;
grid-gap: 30px;
padding: 20px;
background-color: whitesmoke;
}
#browse-help-topics h1,#hfb-self-service h1,#hfb-contact h1{
justify-self: center;
font-size: 28px;
}

#bht-bfh-box{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
padding-left: 110px;
}

.bht-bfh-itm{
display: grid;
grid-auto-flow: column;
justify-content: start;
align-items: center;
grid-gap: 20px;
}

.bfh-itm-icon{
width: 60px;
height: 60px;
background-image: url(../images/help/forBuyers/notebook.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

.bht-bfh-itm:nth-child(2) .bfh-itm-icon{background-image: url(../images/help/forBuyers/login.png);}
.bht-bfh-itm:nth-child(3) .bfh-itm-icon{background-image: url(../images/icons/inspection.png);}
.bht-bfh-itm:nth-child(4) .bfh-itm-icon{background-image: url(../images/help/forBuyers/chatting.png);}
.bht-bfh-itm:nth-child(5) .bfh-itm-icon{background-image: url(../images/icons/trade-protection.png);}
.bht-bfh-itm:nth-child(6) .bfh-itm-icon{background-image: url(../images/icons/secure-pay.png);}
.bht-bfh-itm:nth-child(7) .bfh-itm-icon{background-image: url(../images/help/forBuyers/padlock.png);}
.bht-bfh-itm:nth-child(8) .bfh-itm-icon{background-image: url(../images/help/forBuyers/siren.png);}
.bht-bfh-itm:nth-child(9) .bfh-itm-icon{background-image: url(../images/help/forBuyers/login.png);}


#hfb-self-service{background-color: white;}
#hfb-self-service .bfh-itm-icon{width: 35px; height: 35px;}
#hfb-self-service a{color: grey;}
#hfb-self-service a:hover{color: var(--hoverColor);}



#hfb-self-service .bht-bfh-itm:nth-child(1) .bfh-itm-icon{background-image: url(../images/help/forBuyers/bpadlock.png);}
#hfb-self-service .bht-bfh-itm:nth-child(2) .bfh-itm-icon{background-image: url(../images/help/forBuyers/bemail.png);}
#hfb-self-service .bht-bfh-itm:nth-child(3) .bfh-itm-icon{background-image: url(../images/help/forBuyers/book.png);}
#hfb-self-service .bht-bfh-itm:nth-child(4) .bfh-itm-icon{background-image: url(../images/help/forBuyers/bmultiply.png);}
#hfb-self-service .bht-bfh-itm:nth-child(5) .bfh-itm-icon{background-image: url(../images/help/forBuyers/user-silhouette.png);}
#hfb-self-service .bht-bfh-itm:nth-child(6) .bfh-itm-icon{background-image: url(../images/help/forBuyers/bopen-book.png);}


#hfb-contact-buy-sup{
display: grid;
grid-auto-flow: column;
justify-items: center;
}

#hfb-cbs-line{
width: 1px;
height: 20em;
background-color: black;
}

.hfb-chatbox{
display: grid;
justify-items: center;
align-content: center;
grid-gap: 20px;
}

.hfb-chatb-icon{
width: 80px;
height: 80px;
background-image: url(../images/help/forBuyers/shopping-bag.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

.hfb-chatbox:nth-child(3) .hfb-chatb-icon{
background-image: url(../images/help/forBuyers/estate-agent.png);
}
.hfb-chatb-txt{
font-size: 15px;
font-weight: bold;
}

.hfb-chatbox button{
background-color: var(--btn);
}


/*
------------------------------------------	
submit dispute
------------------------------------------
*/
#submit-dispute-out-wrap{
display: grid;
grid-gap: 40px;
justify-items: center;
margin: 20px 0px;
margin-bottom: 20px;
}

#submit-dispute-out-wrap h1{
font-size: 30px;
font-weight: bold;
}

#sd-trade-dispute, #sd-other{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
padding: 10px 50px;
margin-bottom: 20px;
}

#sd-other{
grid-template-columns: 1fr;
}


.su-dis-nav-itm{
display: grid;
justify-items: center;
grid-gap: 10px;	
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
padding: 30px;
height: 220px;
text-align: center;
}
.su-dis-nav-itm p{font-size: 12px;}
.su-dis-nav-itm button{
background-color: var(--btn);
color: var(--btnF);
}

#sd-mannage-complaints{
display: grid;
grid-gap: 20px;
padding: 10px;
border:1px solid whitesmoke;
}

#sd-mannage-complaints form{
display: grid;
grid-auto-flow: column;	
justify-content: space-between;
width: 100%;
}

#sd-mannage-complaints form section{
display: grid;
grid-auto-flow: column;
}

#sd-mc-title{
background-color: var(--btn);
padding: 10px;
}



/* Style the tab */
.tab2,.tab3 {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab2 button, .tab3 button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}

/* Change background color of buttons on hover */
.tab2 button:hover,.tab3 button:hover {
background-color: #ddd;
}

/* Create an active/current tablink class */
.tab2 button.active .tab3 button.active {
background-color: #ccc;
}

/* Style the tab content */
.tabcontent2 , .tabcontent3 {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
.submit-dispute-table{
font-size: 12px !important; 
}

.submit-dispute-table tr th{
font-weight: bold !important;
}

/*single categories page*/
/* Float */
.hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
/* Grow Shadow */
.hvr-grow-shadow {
display: grid;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}



#single-categories-out-wrap{
display: grid;
padding: 10px 10px 70px;
grid-gap: 40px;
}

#single-categories-out-wrap h1{
font-size: 35px;
font-weight: bold;
text-align: center;
margin: 40px 0px;
}

#scp-main-category{
display: grid;
}


#mc-trend-cat{
display: grid;
grid-template-columns: repeat(4,1fr);
}

.mc-tc-itm{
height: 270px;
background-position: center;
background-size: cover;
background-repeat: none;
background-color: #F3B379;
display: grid;
justify-content: center;
align-content: center;
line-height: 30px;
font-size: 20px;
/*color: #45bfe4;*/
color: #3389a3;
}

.mc-tc-itm a{
font-size: small;
}

#mc-trend-cat .mc-tc-itm:nth-child(2){
background-image: url(../images/single-categories/sc-img2.jpg);
}
#mc-trend-cat .mc-tc-itm:nth-child(3){
background-color: #FFF;
color: #E47645;
}
#mc-trend-cat .mc-tc-itm:nth-child(4){
background-image: url(../images/single-categories/sc-img5.jpg);
}
#mc-trend-cat .mc-tc-itm:nth-child(5){
background-image: url(../images/single-categories/sc-img3.jpg);
background-position: bottom;
}
#mc-trend-cat .mc-tc-itm:nth-child(6){
background-color:  #EDEDED;
color: #9c93b2;
}
#mc-trend-cat .mc-tc-itm:nth-child(7){
background-image: url(../images/single-categories/sc-img10.jpeg);
}
#mc-trend-cat .mc-tc-itm:nth-child(8){
background-image: url(../images/single-categories/sc-img-6.jpeg);
padding-bottom: 140px;
color: black;
}


#scp-top-pro{
display: grid;
grid-auto-flow: column;
grid-gap: 50px;
padding: 0px 30px;
}

.scp-more-cat-wrap{
display: grid;
grid-template-columns:400px 1fr;
padding: 0px 30px;
grid-gap: 20px;
}

.scp-more-cat-box{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 30px;
}

.scp-tp-itm ,.bc-p-b01-itm{
display: grid;
height: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
justify-items: center;
align-content: center;
grid-gap: 10px;
text-align: center;
}

.scp-more-cat-wrap aside{
height: 100%;
display: grid;
padding: 10px 20px;
align-content: center;
grid-gap: 12px; 
border: 1px solid #ccc;
text-align: center;
}

.scp-more-cat-wrap aside h2{margin-bottom: 20px; font-size: 16px;}
.scp-more-cat-wrap aside a{background-color: var(--btn);color: var(--btnF);}
.scp-more-cat-wrap aside a:hover{background-color:var(--hoverColor); color: var(--btnF);}

/* Insights */
#insights-main-wrapper{
display:grid;
grid-gap: 100px;
justify-items: center;
}

#insights-main-wrapper h3{font-size: 40px; font-weight: bold;}

.sriz-box{
display: grid;
grid-gap: 10px;
border:1px solid #cecece;
padding: 10px;
}
.sriz-box-details{
display: grid;
grid-gap: 10px;
}
.sriz-box-details h2{font-weight: bold;}


#is-industry-trends,#insights-topic{
display: grid;
grid-auto-flow: column;
font-size: 9px;
grid-gap: 12px;
padding:0px 70px;
justify-content: center;
}

#insights-banner{
background-image: url(../images/insights/banner3.jpeg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 400px;
display: grid;
justify-items: start;
align-content: center;
color: white;
grid-gap: 2px;
padding-left:50px;
}

#insights-banner p:nth-child(2){font-weight: bold;font-size: 30px;}
#insights-banner p:nth-child(3){font-size: 12px;}


#insights-editor-wrap{
display: grid;
justify-content: center;
grid-auto-flow: column;
grid-gap: 30px;
}


#ins-ew-img, #ins-101-img{
background-image: url(../images/insights/TB1FCFYX3HqK1RjSZFkXXX.WFXa-5000-3333.jpg_800x800.jpg);
width: 550px;
height: 424px;
display: grid;
align-content: flex-start;
padding: 20px 10px 10px 20px;
font-size: 20px;
color: white;
font-weight: bold !important;	
}
#ins-ew-list-box{
display: grid;
grid-gap: 10px;
padding: 0px 30px;
}

#ins-ew-list-box h1{font-weight: bold; font-size: 24px;}
.ielbi-details h2{font-size: 14px; font-weight: bold;}

.ielbi-details{
display: grid;
align-content: center;
grid-gap: 40px;
}

.ins-ew-lb-itm{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
}
.ins-ew-lb-itm:nth-child(2) .ielbi-img{background-image: url(../images/insights/insight-img0001.jpg) !important;width:126px;height:84px;}
.ins-ew-lb-itm:nth-child(3) .ielbi-img{background-image: url(../images/insights/insight-img0002.jpg) !important;width:126px;height:84px;}
.ins-ew-lb-itm:nth-child(4) .ielbi-img{background-image: url(../images/insights/insight-img0003.jpg) !important;width:126px;height:84px;}
.ins-ew-lb-itm:nth-child(5) .ielbi-img{background-image: url(../images/insights/insight-img0004.jpg) !important;width:126px;height:84px;}


#insights-101{
display: grid;
grid-auto-flow: column;
margin-bottom: 40px;
grid-gap: 10px;
}

#ins-101-img{
background-image: url(../images/insights/insights-img03.jpg);
height:auto;
}

#ins-101-img h1, #ins-101-img p{
color: #000;
background-color: whitesmoke;
padding: 10px;
}

#insights-topic b{
text-align: center;
font-size: 20px;
color: black;
}
/* Insights end*/	


/*Ip Protection*/
#ip-protection-wrapp{
display: grid;
margin: 0px 0px 40px 0px;
}



#ip-protk-banner{
background-color: var(--btn);
height: 400px;
width: 100%;
}

#ip-protk-banner h1{
color: white;
font-weight: bold;
font-size: 50px;
text-align: right;
padding: 100px 40px 10px 10px; 
}

#ip-protk-component03{
display: grid;
grid-auto-flow: column;
padding: 0px 50px;
margin: 30px 0px;
grid-gap: 10px;
}

.ip-protk-box{
border: 1px solid black;
display: grid;
padding: 20px;
grid-gap: 10px;
}

.ip-protk-itm{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
}

.ip-protk-links{
display: grid;
grid-auto-flow: column;
justify-items: center;
}

.ip-protk-i-txt{
display: grid;
grid-gap: 10px;
}

.ip-protk-i-txt p{
font-size: 14px;
}

/*Buyers community*/


#innovation-protect-wrapper{
display: grid;
grid-gap: 40px;
}


#buy-community-component01{
display: grid;
grid-auto-flow: column;
align-items: center;
justify-content:  center;
grid-gap: 10px;
padding: 10px;
}
#bc-c01-box1{display: grid; grid-gap: 10px;margin-right:40em;}

#bc-c01-box1 ul{
display: grid; 
grid-auto-flow: column;
justify-content: start;
grid-gap: 10px;
}

#bc-comp-02-03-wrap{
display: grid;

}

#buy-community-component02{
display: grid;
grid-auto-flow: column;
justify-items: center;
grid-gap: 10px;
padding:20px 100px;
}

#buy-com-sidebar{
display: grid;
grid-gap: 10px;
padding: 12px;
border: 1px solid gray;
font-size: 12px;
}

#buy-com-sb-links{
display: grid;
grid-gap: 10px;
}

#buy-com-sb-links h6{margin-top:20px;}
#buy-com-sb-links ul{line-height: 17px;border-bottom: 1px solid grey;padding-bottom: 20px;}

#buy-com-posts{
display: grid;
align-content: flex-start;
grid-gap: 30px;
}

#bc-p-box01{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-content: start;
grid-gap: 20px;
font-size: 12px;
}

.pb-01-itm{
border: 1px solid gray;
width:250px;
display: grid;
align-content: start; 
}

.pb-01-itm b,.pb-01-itm p,.pb-01-itm a{padding: 10px;}

#bc-p-box02{
display: grid;
grid-gap: 24px;
}
.pb-02-itm{
display: grid;
grid-auto-flow: column;
grid-gap: 30px;
justify-content: flex-start;

}

.pb-02-details{
display: grid;
grid-gap: 5px;
}
/*innovation protect*/
#inovation-component01{
justify-content: flex-start;
align-content: center;
grid-gap: 10px;
background-image: url(../images/innovation-protect/banner.jpeg);
height: 500px;
padding-left:100px;
padding-top:80px;
}

#ino-protect-nav{
position: fixed;
right: 10px;
top:180px;
display: grid;
grid-gap: 10px;
}

#ino-protect-nav a{
background-color: var(--btn);
padding: 10px;
border-radius: 20px;
}
#inovation-component02{
display: grid;
grid-gap: 50px;
padding-bottom:40px;
text-align: center;
padding:20px;
}

#inovation-component02 .scp-tp-itm{height:320px;grid-gap: 30px; align-content: center;}
#inovation-component03{background-image:url(../images/innovation-protect/innovation-img-01.png);height: 1080px;}
#inovation-component04{background-image:url(../images/innovation-protect/innovation-img-02.png);height: 600px;}
#inovation-component05{background-image:url(../images/innovation-protect/innovation-img-03.png);height: 800px;}
#inovation-component06{
display: grid;
background-image:url(../images/innovation-protect/innovation-img-04.png);
height: 600px;
justify-content: center;
align-content:flex-end;
padding-bottom: 40px;
}

#news-main-wrap{
justify-items: center;
padding: 40px;
grid-gap: 10px;
}
/*innovation protect ends*/

/*Membership Login*/
#Membership-main-wrap{
display: grid;
grid-gap: 40px;
padding: 40px;
padding-left: 130px;
grid-auto-flow: column;
}
.regtext1, .regtext2{
display: grid;
grid-gap: 20px;
margin-top: 30px;
}
.regtext2B{
grid-gap: 40px;
margin-top: 30px;
}
/*Membership Login ends*/

/*Suspecious Members start*/
#suspecious-m-form-wrap{
display: grid;
grid-gap: 10px;
margin: 60px;
padding: 30px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.7);
background-color: white;
}

.suspecious-m-V-h2{
background-color: var(--btn);	
font-size: 14px;
padding: 10px;
font-weight: bold;
}

.suspecious-m-para{
display: grid;
grid-gap: 10px;
line-height: 22px;
font-size: 12px;
}
.suspecious-checklist{font-size: 14px;}
.suspecious-checklist-itm{
grid-auto-flow: column;
justify-content: start;
align-items: flex-start;
line-height: 22px;
}


/*Suspecious Members end*/
#handbook-main-wrap{
padding: 40px;
}
#handbook-main-wrap h1{text-align: center;border-bottom: 1px solid black;padding-bottom:10px;}
#handbook-banner{
background-color: var(--btn);
margin: 40px;
padding: 20px;
height: 500px;
}

#handbook-banner h4{color:white;}
#handbook-banner h2{color:#06c;font-size: 34px;font-weight: bold;}


/*Report Complains Main*/
#report-main-wrap{padding: 50px; grid-gap: 40px;}

#report-component-01{
border: 1px solid #0066cc;
padding: 20px;
align-items: center;
grid-auto-flow: column;
justify-content: start;
grid-gap: 20px;
}

.tabcontent3{
grid-auto-flow: column;
padding: 40px;
font-size: 13px;
grid-gap: 30px;
line-height: 18px;
}

.c02-piv-tab3-itm{
display: grid;
grid-gap: 20px;
border-right: 1px solid black;
padding-right: 15px;
}

/*Innovation Protect*/
#IPP-Wrapper{
display: grid;
grid-gap: 40px;
}
#IPP-Component01{background-image: url(../images/IPP-instructions/banner.jpeg);}	
#IPP-Wrapper h1{font-size: 38px;font-weight: bold;text-align: center;}

#Ipp-C01-banner{
background-color: rgba(0, 0, 0, 0.3);
height: 400px;
display: grid;
justify-items: center;
align-content: center;
color: white;
grid-gap: 20px;
}

#IPP-Component02{
display: grid;
justify-items: center;
padding: 40px;
grid-gap: 50px;
}

.Ipp-C02-box{
display: grid;
grid-auto-flow: column;
grid-gap: 80px;
align-items: center;
}

.Ipp-C02-itm{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
font-size: 12px;
text-align: justify;
}

.ipp-C02-details{
display: grid;
grid-gap: 10px;	
line-height: 16px;
}

#IPP-Component03{background-image: url(../images/IPP-instructions/banner2.jpeg);}

.IPP-bg-color{
background-color: rgba(0, 0, 0, 0.7);
height: 200px;
}

#IPP-Component04{
display: grid;
grid-gap: 10px;
justify-content: center;
}

.Ipp-C04-box{
display: grid;
grid-gap: 40px;	
padding: 10px 40px;
}
.Ipp-C04-itm{
display: grid;
grid-auto-flow: column;
justify-content:start;
padding: 10px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.Ipp-C04-details{
display: grid;
padding: 10px;
}

#IPP-Component05{
background-image: url(../images/IPP-instructions/img02.jpeg);
height: 700px;
background-position: top;
color:white;
align-content: center;
display: grid;
grid-gap: 50px;
}

.Ipp-C05-box{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
justify-content: center;
}
.Ipp-C05-itm{
display: grid;
justify-items: center;
grid-gap: 20px;
padding: 10px 120px;
text-align: center;
font-size: 14px;
}

#IPP-Component06{height:762px;background-image: url(../images/IPP-instructions/component06.png);}

#IPP-Component07{background-image: url(../images/IPP-instructions/img05.jpg);}
#IPP-Component07 p{font-weight: bold; color: white;}
.ipp-links{
color: white;
border-bottom: 1px solid orangered;
}

.ipp-links:hover{color:var(--btn);}
#IPP-Component07 .IPP-bg-color{
display: grid;
justify-content: center;
align-content: center;
grid-gap: 30px;
}

/*IPP Privacy POlicy*/
#IPP-Policy-Wrapper{
display: grid;
}
#IPP-Policy-Wrapper h3{
font-weight: bold;
font-size: 30px;
}
#IPP-policy-Component01{background-image: url(../images/IPP_policy/banner.jpeg);}
#IPP-policy-Component01 .bg-black-trans{
display: grid;
justify-content: center;
align-content: center;
grid-gap: 20px;
font-size: 28px;
}

.IPP-policy-Component02{
display: grid;
justify-content: center;
padding: 50px 110px;
line-height: 24px;
grid-gap: 20px;
align-items: center;
text-align: center;
}
.IPP-policy-Component02:nth-child(1){background-color: whitesmoke;padding-top:40px; padding-bottom: 40px;}

#IPP-policy-Component03{
display: grid;
grid-template-columns: 1fr 1fr;
font-size: 12px;
justify-content: center;
align-items: center;
grid-gap: 40px;
padding: 10px 30px;
}

#IPP-policy-Component04{
background-color: whitesmoke; 
padding: 40px;
font-size: 13px;
line-height: 16px;
}
#IPP-policy-Component04 b{
font-size: 20px;
}
#IPP-policy-c04-01{
display: grid;
justify-content: center;
align-items: center;
grid-gap: 40px;
margin:0px 20px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
padding: 20px;
}

#IPP-policy-c04-01 ul{
display: grid;
grid-gap: 20px;
}

#IPP-policy-Component05{
background-image: url(../images/IPP_policy/banner3.jpeg);
}

#IPP-poli-C05-01{
display: grid;
padding: 10px;
align-content: center;
justify-items: center;
}

#IPP-policy-Component05 .scp-tp-itm{border: none;}

/*About-us*/
#About-us-Wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
align-content: center;
}
#About-us-Wrapper section{
margin: 40px;
}
#About-us-Wrapper h1{
font-weight: bold;
color: #666666;
font-size: 30px;
padding: 40px;
}
#About-us-Wrapper p{padding:40px;line-height: 25px;}
#About-us-Component-02{
background-image:url(../images/about/img4.jpg);
}
#About-us-Component-03{
background-image:url(../images/about/img1.jpg);
}
#About-us-Component-06{
background-image:url(../images/about/img3.jpg);
}
#About-us-Component-07{
background-image:url(../images/about/img2.jpg);
}

#About-Global-Wrapper{
display: grid;
height: 100vh;
}

#About-Global-Component-01{
background-image:url(../images/about/img5.jpg);
}

/*Overview*/
#About-overview-Wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
align-items:center;
grid-gap: 30px;
padding: 40px;
}
#About-overview-Wrapper p{font-size: 12px;}
#About-overview-Wrapper h4{font-size: 20px;margin-bottom: 20px;}

#About-overview-Component-01{background-image: url(../images/about/img6.jpg);height:500px;}
#About-overview-Component-04{
background-image: url(../images/about/img7.jpg);
height: 500px;
}
#About-overview-Component-03{
display: grid;
grid-gap: 20px;
}
#About-overview-Component-03 h6{
color: orangered;
font-size: 18px;

}
/*About Office*/
#About-Office,#About-Contact{
display: grid;
padding:20px 50px;
grid-gap: 40px;
}
#About-Office-C01,#About-Contact-C01{
display: grid;
grid-gap: 20px;
}

#About-Office-C02{
background-image: url(../images/about/IM1.jpg);
/*background-image: url(../images/about/img8.jpg);*/
width:100%;
height: 600px;
padding: 1em 0em 0em 52em;
}
.About-Office-C02-itm01{
display: grid;
background-color: rgba(255,165,0,0.8);
justify-content: center;
align-content: start;
width:500px;
padding: 30px;
grid-gap: 10px;
}
#About-Office-C03{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 40px;
font-size: 12px;
}
#About-Office-C03 .About-Office-C02-itm01{
justify-content: start;
background-color: rgba(255,165,0,0.9);
}


/*About Contacts*/

#About-Contact-C02{
display: grid;
}

.About-Contact-C03{
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
align-items: center;
justify-content: center;
grid-gap: 100px;
}

.AboutTabBtn{
display: grid;
justify-items: center;
align-items: center;
padding: 20px;
margin: 10px;
}

.AboutTabBtn h6{
font-size: 1em !important;
padding: 20px;
}

.about_us_form{
padding:10px;
justify-self:start;
padding-left:30%;
display: grid;
justify-content: center;
justify-items: end;
}
.about_us_form input{
width:600px;
}
/*About-us ends*/


/*Ahmer about faq*/

.accordion {
background-color: #fff;
color: #069cfb;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 20px;
transition: 0.4s;
}

.active, .accordion:hover {
background-color: #fff; 
}

.panel {
font-size: 13px;
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
color: #069cfb;
}
.sub_panel {

padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
color: #000000;
}

/*Culture*/
#culture-C03{
display: grid;
justify-content: center;
align-content: center;
grid-gap: 40px;
text-align: center;
margin-bottom: 30px;
}
/*Cultrure ends*/


/*Penalize List starts*/
.pl-user-agr-h6 h6{
font-size: 15px;
font-weight: normal;
}	
.pl-user-agr-h6{
align-content: flex-start;
width:240px;
}
.pl-user-agre-box02 ul{
display: grid;
grid-gap: 20px;
padding-left: 12px;
}

/*Penalize List ends*/

/*Whole Saler Market*/
#Whole-Sale-Market-C01{
background-image: url(../images/WholeSalerMarket/wholesale-1.jpg);
width: 100%;
height:50vh;
display: grid;
justify-items: center;
align-content: center;
grid-gap:240px;
}
#Whole-Sale-Market-C01 h1{
font-size: 40px;
color: white;
font-weight: bold;
}

.Whole-Sale-Market-C02,.Whole-Sale-Market-C03{
display: grid !important;
grid-auto-flow: column !important;
justify-content: center;
align-items: center;
}
.Whole-Sale-Market-C03{margin: 10px;grid-gap: 5px;}
.Whole-Sale-Market-C04{display: grid;padding: 50px;}
.Whole-Sale-Market-C05{
display: grid;
grid-auto-flow: column;
justify-content: start;
align-items: center;
grid-gap: 20px;
margin-bottom: 20px;
}
.Whole-Sale-Market-C05 small{
font-size: 12px;
}
.Whole-Sale-Market-C06{display: grid;grid-template-columns: 290px repeat(4,1fr);}

.WSM-C06-item{
height: 39vh;
display: grid;
justify-items: center;
align-items: center;
text-align: center;
}

/*1st 4 boxes imgs*/
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}

/*2st 4 boxes imgs*/
.Whole-Sale-Market-C04:nth-child(6) .WSM-C06-item:nth-child(1){
background-image: url(../images/WholeSalerMarket/image0013.jpg);
background-position: left;
}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}

/*3st 4 boxes imgs*/
.Whole-Sale-Market-C04:nth-child(7) .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0007.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}

/*4st 4 boxes imgs*/
.Whole-Sale-Market-C04:nth-child(8) .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0009.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
.Whole-Sale-Market-C04 .WSM-C06-item:nth-child(1){background-image: url(../images/WholeSalerMarket/image0012.jpg);}
/*Whole Saler Market*/

/*Site Map*/
.SiteMap-C01{
display: grid;
grid-template-columns: 1fr 1fr;
font-size: 12px;
padding: 10vh;
grid-gap: 40px;

}
.SiteMap-Box{
display:grid;
grid-gap: 10px;
font-size: 12px;
align-content: start;
}
.SiteMap-Box ul{
list-style-type: circle;
padding-left: 15px;
display: grid;
grid-gap: 10px;
}
/*Site Map*/

/*Fotter search*/
.footer-search{
	display: grid;
	justify-content: right;
	grid-gap: 5px;
	grid-auto-flow: column;
	padding-right:20px;
}

.footer-search input{
	width:300px;
}
/*Footer search end*/


/*Contact find suppliers*s start*/
#help-cs-C02,#help-cs-C03{
	height:100px;
	width:100%;
	background-color: #d9624e;
	font-weight: bold;
	font-size: 30px;
	color: white;
	padding-left:40px;
}
#help-cs-C03{
	background-image: url(../images/help/findSuppliers/Contact_Supplier_Image.jpg);
	height: 500px;
	font-size: 34px;
	padding-left:0px;
	text-transform: uppercase;
}
#help-cs-04{
	font-weight: bold;
}

#help-cs-04 Section{
	background-image: url(../images/help/findSuppliers/nav.png);
	width:90%;
	height:200px;
}
#help-cs-0 i{color: orange}
/*Contact find suppliers*s end*/
/*Ahmer CSS Start*/
.gridd{
margin: auto; 
width: 100%; 
border: 3px solid #ffffff; 
padding: 30px; 
line-height: 1.5;
}
.gap{
	margin-bottom:70px;
}
.img_finding_products
{
background-size: cover;
width: 100%;
}
.gap_height{

	margin-top:30px;
}
.just{
	text-align: left;
}
#find_Products_C01{
	width:100%;
	height:640px;
	background-image: url(../images/Finding_Products\ banner.jpg)
}
/*Ahmer CSS ends*/

/**Modal code for submit_dispute.php */
/* The Modal (background) */
.modalTD {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-contentTD {
	background-color:whitesmoke;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	height: 500px;
	border-radius: 15px;
  }
  
  /* The Close Button */
  .closeTD {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .closeTD:hover,
  .closeTD:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }
  .ModalTD-Heading{font-weight: bold;font-size: 30px;}
  /**Modal code for submit_dispute.php ends*/
  /*Urgent RFQ*/

#urgent-req-01{
	background-image: url(../images/instant-quotes/UrgentRFQ01.png);
	width:100%;
	height:400px;
}

#urgent-req-02{
	width:100%;
	height:570px;
	padding-left: 50px;
	background-image: url(../images/instant-quotes/Urgent_request.jpg);
}

#urgent-req-02 h4{font-size: 28px;}

#urgent-req-03 p{font-size: 30px; font-weight: bold;margin-bottom:25px}

#urgent-req-04{
	width:100%;
	height:270px;
	background-image: url(../images/instant-quotes/urgent02.jpg);
}

/*I'm buyer form*/
#img-upload-box-wrap{
	border: 1px solid black;
	width:100%;
	height:100%;
	display: grid;
	text-align: center;
	justify-content: center
}

.safety-and-security-banner 
{
   	width:100%;
	height:500px;
	padding:15%;
	padding-left:10px;
	background-image: url(../images/help/forBuyers/SafetyandSecurityImage.jpg); 
}

/*Upload images btn*/
.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
  }
  
  .btn-Upload-Img {
	border: 2px solid gray;
	color: gray;
	background-color: white;
	padding: 8px 20px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
  }
  
  .upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
  }

  /*Upload images btn*/
  .Dispute-banner-01{
	  background-image: url(../images/help/forBuyers/Dispute-Image.jpg);
	  width: 100%;
	  height:700px;
  }
  #ProfileImg-wrap a:hover{color:orangered;}

  /*ImageUpload*/
  

  @-webkit-keyframes roll {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 0;
	  -webkit-transform: translate(-150%, -50%) rotate(-90deg) scale(0.3);
			  transform: translate(-150%, -50%) rotate(-90deg) scale(0.3);
	  box-shadow: none;
	}
	100% {
	  opacity: 1;
	  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
			  transform: translate(-50%, -50%) rotate(0deg) scale(1);
	  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	}
  }
  @keyframes roll {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 0;
	  -webkit-transform: translate(-150%, -50%) rotate(-90deg) scale(0.3);
			  transform: translate(-150%, -50%) rotate(-90deg) scale(0.3);
	  box-shadow: none;
	}
	100% {
	  opacity: 1;
	  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
			  transform: translate(-50%, -50%) rotate(0deg) scale(1);
	  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	}
  }
 
  .UploadImagePreviewWrapper {
	-webkit-animation: roll 1.5s;
			animation: roll 1.5s;
	position: fixed;
	left: 50%;
	
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	padding: 25px;
	background: #16a085;
	border-radius: 50%;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  }
  .UploadImagePreviewWrapper:active #img-result {
	margin-top: 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .UploadImagePreviewWrapper #img-result {
	cursor: pointer;
	margin: 0;
	position: relative;
	background: #1abc9c;
	background-size: cover;
	background-position: center;
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	color: rgba(0, 0, 0, 0);
	transition: box-shadow 0.3s, margin 0.3s, background-image 1.5s;
  }
  .UploadImagePreviewWrapper #img-result.UIP-no-image:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f030";
	position: absolute;
	left: 50%;
	color: #fff;
	font-size: 48px;
	opacity: 0.8;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);
  }
  
  .UploadImagePreviewWrapper button {
	margin-top: 20px;
	display: block;
	font-family: 'Open Sans Condensed', sans-serif;
	background: #1abc9c;
	width: 100%;
	border: none;
	color: #fff;
	padding: 10px;
	letter-spacing: 1.3px;
	font-size: 1.05em;
	border-radius: 5px;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
	outline: 0;
	transition: box-shadow 0.3s, margin-top 0.3s, padding 0.3s;
  }
  .UploadImagePreviewWrapper button:active {
	box-shadow: none;
	margin-top: 24px;
	padding: 8px;
  }
  .UIP-show-button {
	background: #264974;
	border: none;
	color: #fff;
	padding: 10px 20px;
	float: right;
	display: none;
  }
  .UIP-upload-result {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow-y: auto;
  }
  .UIP-upload-result__content {
	word-break: break-all;
	font-family: 'Source Code Pro';
	overflow-wrap: break-word;
  }
  
  /*ImageUpload*/

  .txtKgNor{font-weight: normal !important}