.pro-search-page{ width: 100%; background: #f9f9f9; float: left;}

.section_pro-search-de {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.pro-search-left-cate-inn{width:100%; float: left; background: #fff; min-height:100px; border: #ddd solid 1px; margin-bottom:10px;}

.pro-search-rt-b {
	width: 100%;
	float: left;
	background: #fff;
	min-height: 200px;
	border: 5px solid #f60;
	padding: 12px 0;
	margin-bottom: 15px;
	border-radius: 30px;
}

.pro-search-left-cate-inn h3 {
	font-size: 14px;
	color: #222;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 16px 15px 11px;
	line-height: 18px;
	border-bottom: #e9e9ed solid 1px;
	background: #a2a2a2;
}

.pro-search-left-cate-inn ul {
    width: 100%;
    float: left;
}

.pro-search-left-cate-inn ul li {
    width: 100%;
    float: left;
    list-style: none;
}

.pro-search-left-cate-inn ul li a {
    width: 100%;
    float: left;
    padding: 8px 15px 7px;
    border-bottom: #eee solid 1px;
    font-size: 13px;
    color: #666;
    font-weight: 400;
    position: relative;
    transition: all .0s ease-in-out;
}

.pro-search-left-cate-inn ul li a:hover {
    transition: all .0s ease-in-out;
    color: #014fbc;
}

.pro-search-rt-b .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
}

.pro-search-img img{width: 100%; height: 195px;}

.pro-search-img-inn{width: 100%; position: relative;}

.global-se{position: absolute; top:5px; right: 0; background: url(../images/global-seller.png); width: 98px; height: 22px;}

.pro-search-content h5{font-size: 15px;
    color: #222; margin-bottom: 5px;
    font-weight: 700;font-family: 'Open Sans', sans-serif;}

.pro-search-content h5 a{color: #004fbc;}

.pro-search-content h5 a:hover{color: #222;}    

.pro-search-content ul {
    width: 100%;
    float: left; margin-top: 5px;
}

.pro-search-content ul li {
    width: 100%;
    float: left;
    list-style: none;
    padding: 2px 0;
    font-size: 13px;
    color: #888;
    font-weight: 400;
}

.pro-search-content ul li span{
    color: #444;
    }

.pro-search-content p {
    font-size: 13px;
    color: #666;
    font-weight: 400;
    line-height: 18px;
}

.pro-search-content{padding-left: 5px;}

.pro-search-contact{border-left: #ddd solid 1px; min-height: 195px;}

.pro-search-contact h3{font-size: 16px;
    color: #004fbc;
    margin-bottom: 5px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;}

.pro-search-contact h3 a{color: #004fbc;}  

.pro-search-contact h3 a:hover{color: #222;}  

.pro-search-contact h3 span img{width: 20px; margin-left: 10px;}

.pro-search-contact p{font-size: 13px;
    color: #666;
    font-weight: 400;
    line-height: 18px;}

.pro-search-contact ul {
    width: 100%;
    float: left; margin-top: 10px;
}

.pro-search-contact ul li {
    width: 100%;
    float: left;
    list-style: none;
    padding: 2px 0;
    font-size: 13px;
    color: #888;
    font-weight: 400;
}

.pro-search-contact ul li span{color: #444;}    

.pro-search-contact-btn{width: 100%;float: left; padding-top: 15px; border-top: #ddd solid 1px; margin-top: 20px;}

.pro-search-contact-btn .con-btn{font-size: 13px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    background: #ff6600;
    padding: 7px 14px;
    float: left;
    text-transform: uppercase;
    transition: all .4s ease-in-out; }

.pro-search-contact-btn .con-btn:hover{
    background: #014fbc;
    transition: all .4s ease-in-out; }    

.pro-search-contact-btn .send-e {float: right;} 

.pro-search-contact-btn .cont-n{padding: 7px 0px; background: transparent;  color: #004fbc;} 

.pro-search-contact-btn .cont-n:hover{color: #222;background: transparent;} 



.pro-search-contact-btn .fade:not(.show) {
    transition: opacity .1s linear;opacity: 1;
}

.modal-backdrop.fade { opacity: 0.6;}

.modal-dialog {margin-top: 100px!important;}

.modal-header {display: block; padding:0; border-bottom: 0;}

.modal-content .close{float: right;background: transparent;padding: 0; font-size: 26px;margin: 0 5px 0 0; position: absolute; right: 5px; z-index: 9;}

.modal-content { background: #f5f5f5;}

.modal-body { padding: 0;text-align: left;}

.modal-dialog {max-width: 620px;}

.pop-left{width:35%; float: left; padding:10px;}

.pop-pro-img{width:100%; float: left; margin-bottom: 10px;}

.pop-pro-img img{width:100%;}

.modal-body h4{font-size: 16px;
    color: #222;
    margin-bottom: 5px;
    font-weight: 600; margin-top: 5px;
    font-family: 'Open Sans', sans-serif;}

.pop-right{width:65%; float: left; padding:20px;background: #fff;}

.pop-right .input-b{ }

.qty{width: 50%!important;}

.pop-right label{width:100%; float: left;  font-family: 'Open Sans', sans-serif; font-size: 13px; color: #666;margin-top:15px;}

.pop-right .input-b{width:100%; height:40px; background:#fff; color:#666;font-family: 'Roboto', sans-serif; font-size:13px;  padding:0 10px; outline:0; border: #ddd solid 1px; float: left; margin-bottom: 0;}


.pop-r-t-a-c label{margin-top: 0; font-size: 11px; color: #888;}

.pop-r-t-a-c input[type=checkbox] {
    margin: 10px 5px 0px 0px;
    vertical-align: -2px;
}

.pop-r-t-a-c p{margin-top: 10px; font-size: 11px; float: left; width: 100%;}

.sub_button_main{width: 100%; float: left; text-align: center; margin-top: 20px;}

.pop-right .sub_button{font-size: 14px;
    color: #fff;font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    border-radius: 3px;
    background: #ff6600;
    float:none;
    text-transform: uppercase;
    width:auto; letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 30px;
    border: 0;
    transition: all .4s ease-in-out;
    display: inline-block;
  }

.pop-right .sub_button:hover {
    color: #fff;
    background: #004fbc;
    transition: all .4s ease-in-out;
}

.pagination-box{width: 100%; float: left; text-align: center;}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #01357b;
    outline: 0;
    box-shadow: none;
    color: #fff;
}





/*products details page*/

.pro-details-section1{width: 100%; float: left;padding: 30px 0;}

.pro-details-section1-in{width: 100%;
    float: left;
    background: #fff;
    min-height: 200px;
    border: #ddd solid 1px;
    padding: 15px; 
    margin-bottom: 15px;}

.pro-details-section1-in .pro-left-img-box{width:32%; float: left; border: #ddd solid 1px; text-align: center;} 

.pro-details-section1-in .pro-left-img-box img{width:100%; padding: 8px;}  

.pro-details-cr{width:68%; float:left; padding-left: 20px; }

.pro-details-cont{width:100%; float: left; text-align:left; background: #fff; padding:10px; border: #ddd solid 1px; margin-bottom: 15px;}  

.pro-details-cr h2{    font-size: 20px;
    color: #222;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;}

.pro-details-cr ul {
    width: 100%;
    float: left; margin-top: 10px;
}

.pro-details-cr ul li {
    width: 100%;
    float: left;
    list-style: none; display: flex;
    padding: 0;
    font-size: 13px;
    color: #666;border: #ddd solid 1px;
    font-weight: 400; margin-top: -1px;
}

.pro-details-cr ul li .pro-lbl-1{ position: relative; width: 130px; float: left; padding: 10px 8px; background: #f7f7f7;}


.pro-details-cr ul li  .pro-lbl-2{padding-left: 10px; padding: 10px 8px;}

.pro-details-cr .view-more{font-size: 13px;
    float: left; margin-top: 10px;
    color: #004fbc;
    font-weight: 500;
    line-height: 18px;}

.pro-details-cr .view-more:hover{color: #222;}

.pro-details-cr .send-e{font-size: 13px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    background: #ff6600;
    padding: 7px 14px;
    float: none; display: inline-block;
    margin-top: 5px;
    text-transform: uppercase;
    transition: all .4s ease-in-out;}

.pro-details-cr .send-e:hover{background: #014fbc;}    

.inte-pro{width: 100%; float: left; text-align:left; margin-top: 10px;} 

.inte-pro h3 {
    font-size: 18px;
    color: #222;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
} 

.inte-pro h5 {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.pro-details-cr p{font-size: 12px;
    color: #666;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;} 

.pro-d-p{font-size: 15px; color: #ff6600; font-weight: 500;} 

.inte-pro .fade:not(.show) {
    transition: opacity .1s linear;
    opacity: 1;
} 

.com-logo{width: 100px; float: none;display: inline-block; margin-bottom: 8px;} 

.com-logo img{width: 100%; border: #ddd solid 1px;}   

.com-name {
    font-size: 16px;
    color: #222;
    margin-bottom: 10px; display: block;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.pro-details-cont p {
    font-size: 13px;
    color: #666; margin-bottom: 8px;
    font-weight: 400;
    line-height: 18px;
}

.pro-details-cont-btm{width: 100%; float: left; padding: 0px; background: #fff; margin-top: 15px;}

.pro-details-cont-btm .fade:not(.show) {
    transition: opacity .1s linear;
    opacity: 1;
} 

.con-now{font-size: 14px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    background: #014fbc;
    padding: 7px 14px;
    float: none;
    display: inline-block;
    margin-top: 5px; letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .4s ease-in-out;}

.con-now:hover{background: #a2a2a2;}

.pro-details-similar-pro h2{font-size: 22px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.pro-details-similar-pro .pro-details-section1-in{display: block;}

.pro-details-similar-pro .pro-details-section1-in .col-lg-3{float: left; padding: 0 5px;}
.similar-pro-box{width: 100%; float: left; border-bottom: #ddd solid 1px; padding:0 0 10px 0; text-align:left; margin-bottom: 10px;}

.similar-pro-box-img{width: 40%; float: left; margin-right: 10px; border: #ddd solid 1px; padding:3px; }

.similar-pro-box-img img{width: 100%; height: 85px;}

.similar-pro-box h3{font-size: 14px;
    color: #004fbc;
    margin-bottom: 3px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;}

.similar-pro-box h3 a{color: #004fbc;}

.similar-pro-box .fade:not(.show) {
    transition: opacity .1s linear;
    opacity: 1;
} 

.pop-left p{font-size: 13px;
    color: #666;
    font-weight: 400;
    line-height: 18px;}  

.get-quote{font-size: 13px;
    font-weight: 700;
    padding: 0px 0px;
    background: transparent;
    color: #ff6600;
    text-transform: uppercase;
    margin: 10px 0;
    transition: all .4s ease-in-out;}     

.get-quote:hover{color: #222;}

.similar-pro-box h5{font-size: 14px;
    color: #222;
    margin-bottom: 8px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;}

.similar-pro-box h5 a{color: #222;}

.similar-pro-box h5 a{color: #014fbc;}

.similar-pro-box p{font-size: 13px;
    color: #666;
    font-weight: 400;
    line-height: 18px;} 

.similar-pro-box .pro-search-contact-btn {
    padding-top: 0; padding-right: 6px;padding-left: 6px;
    border-top: 0; }   

.similar-pro-box .pro-search-contact-btn .con-btn{font-size: 12px;padding: 7px 5px; width: 48%;}

.similar-pro-box .pro-search-contact-btn .cont-n {
    background: #666;
    color: #fff;
}

.pro-details-cont h2 {
    font-size: 16px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 700; padding-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    float: left;
    position: relative;
}

.pro-details-cont h2:after{width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background:#ff6600; content: ""; }

.products-detail-bottom h2{font-size: 16px;
    color: #222;
    margin-bottom: 5px;
    font-weight: 700;
    padding-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    float: left;
    position: relative;}

.products-detail-bottom h2:after {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ff6600;
    content: "";
}  

.products-detail-bottom {
    width: 100%;
    float: left;
    padding-left: 0;
}  

.products-detail-bottom ul li .pro-lbl-1 { width: 30%;}

.products-detail-bottom ul li .pro-lbl-2 {
    padding: 10px 14px;
}





/*category page*/

.pro-category-section {
    width: 100%;
    float: left;
    padding: 30px 0;
}


.pro-category-box-in{width: 100%;
    float: left;
    background: #fff;
    border: #ddd solid 1px; 
    padding:11px 10px 10px 10px;
    margin-bottom: 20px;}

.pro-category-box:nth-child(odd) .pro-category-box-in{
  border-top: #f9bf99 solid 3px;
}

.pro-category-box:nth-child(even) .pro-category-box-in{
 border-top: #a8ccfe solid 3px;
}   


.pro-category-img{
    width: 35%;
    float: left;
    border: #ddd solid 1px;
    padding:3px;
} 

.pro-category-img img {
    width: 100%;
    height: 108px;
} 

.pro-category-text{width: 65%;float: left; padding: 0 0 0 12px;}

.pro-category-box-in h4 {
    font-size: 15px;
    color: #222;
    margin-bottom: 12px;
    font-weight: 700; text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    border-bottom: #e7e7e7 solid 1px;
    padding-bottom: 10px;
}   

.pro-category-box-in h4 a{color: #222;} 

.pro-category-box-in h4 a:hover{color: #ff6600;} 

.pro-category-text ul {
    width: 100%;
    float: left;
}

.pro-category-text ul li {
    width: 100%;
    float: left;
    list-style: none;
    padding: 2px 0;
}

.pro-category-text ul li a {
    float: left;
    padding: 0;
    font-size: 12px;
    color: #666;
    font-weight: 400;
    position: relative;
    transition: all .0s ease-in-out;
}

.pro-category-text ul li a:hover {
    transition: all .0s ease-in-out;
    color: #014fbc;
}

.pro-category-text ul li:last-child a {
    color: #ff6600;font-size: 13px;
    font-weight: 600; margin-top: 4px;
}

.pro-category-text ul li:last-child a:hover {
    color: #014fbc;
}

.pro-category-head{text-align: center; padding: 10px 100px 35px;}

.pro-category-head h2 {
    font-size: 22px;
    color: #222;text-transform: uppercase;
    font-weight: 700; padding-bottom:10px;
    font-family: 'Open Sans', sans-serif;
} 

.pro-category-head p{font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 22px;} 




/*sub category page*/ 

.sub-category-section {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.sub-category-box{}

.sub-category-box-in {
    width: 100%; text-align: center;
    float: left;
    background: #fff;
    border: #ddd solid 1px;
    padding:0px;
    margin-bottom: 30px;
}

.sub-category-box-in h3 {
    font-size: 16px;
    color: #222;text-transform: uppercase;
    font-weight: 700; padding:12px 15px 10px; text-align: left;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    background: #f5f5f5;border-bottom: #ddd solid 1px; position: relative;
} 

.sub-category-box-in h3:after {
    width: 175px;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: 0;
    background: #ff6600;
    content: "";
} 

.sub-category-box-in ul{width: 100%; float: left;}

.sub-category-box-in ul li{width: 16.5%; float: left; text-align: center; padding: 15px; list-style: none;}

.sub-category-img{width: 100%; float: left; border: #ddd solid 1px; margin-bottom: 5px; transition: all .0s ease-in-out;}

.sub-category-img:hover{border: #ffc197 solid 1px;  transition: all .0s ease-in-out;}

.sub-category-img img{width: 100%; padding: 5px; height: 150px;}

.sub-category-box-in ul li p a{font-size: 14px; color: #444; font-weight: 400;}

.sub-category-box-in ul li p a:hover{color: #004fbc;}

.sub-category-box-in #more {display: none;}

#myBtn{float: none;
    background: #a2a2a2;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 7px 20px;
    margin: 10px 0 20px;
    border-radius: 3px;transition: all .0s ease-in-out;}

#myBtn:hover{background: #ff6600;transition: all .0s ease-in-out;}



/*buyer page*/

.buyer-page-sec1{
    width: 100%;
    float: left;
    padding: 30px 0;
    background: url(../img/header-bg.jpg);border-bottom: #78bdd9 solid 2px;
}

.buyer-head{padding: 0px 100px 0;}

.buyer-head h2{color:#000; font-size: 30px; letter-spacing: 3px; font-weight: 600;}

.buyer-head p{color:#000; }


.buyer-page-sec2{
    width: 100%;
    float: left;
    padding: 30px 0;
    background: #f9f9f9;
}


.buyer-box-inn {
	width: 100%;
	float: left;
	background: #fff;
	border: #f60 solid 2px;
	padding: 12px 14px 12px 14px;
	margin-bottom: 6px;
}
.buyer-box-inn:hover {
	box-shadow: 1px 1px 20px #f60;
}
.buyer-pro-name{float: left;}

.buyer-pro-name p{
    font-size: 14px;
    color: #555;
    font-weight: 400; margin: 2px 0;
    line-height: 22px;} 

.buyer-pro-name p span{
    font-size: 12px; 
    color: #999;
} 

.buyer-pro-name img{height: 20px; margin: 0 8px 0 0; } 

.post-date{} 

.cont-buyer{text-align: right; position: relative;} 

.cont-buyer a{
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    background: #ff6600;
    padding: 7px 14px;
    float: right;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
    margin-top: 8px;
}

.cont-buyer a:hover{
    background: #014fbc;
}

.cont-buyer:after {
    width: 1px;
    height: 50px;
    position: absolute;
    right: 150px;
    top: 0;
    background: #ddd;
    content: "";
} 

.br-location img{height: 12px; margin: 0 0px 0 5px; } 

.buyer-box h3{font-size: 16px;
    color: #222;text-transform: uppercase;
    font-weight: 700; 
    text-align: left;
    margin-bottom: 8px;
    font-family: 'Open Sans', sans-serif; position: relative;}

.buyer-pro-name p span.o-q{font-size: 13px;color: #555; margin-right:20px; float:left;}	

.buyer-pro-name p span.o-p{color: #ff6600; font-weight: 600;}


/*buyer-details page*/

.buyer-details-sec1 {
    width: 100%;
    float: left;
    padding: 30px 0 0;
}

.buyer-details-inner{
    width: 100%;
    float: left;
    background: #fff;
    border: #ddd solid 1px;
    padding: 0;
    margin-bottom: 6px;
}

.buyer-details-inner p {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    margin: 2px 0;
    line-height: 22px;
}

.buyer-details-inner img {
    height: 20px;
    margin: 0 8px 0 0;
}

.buyer-details-head{width: 100%;
    float: left;
    background: #f5f5f5;
    border-bottom: #ddd solid 1px;
    padding:12px 15px;}
	
.buyer-pro{float:left;}	

p.buyer-pro{color: #004fbc;font-weight: 600;}

p.posted{float:right;}

p.posted span{color: #919191;}

.buyer-details-body{width: 100%;
    float: left;
    padding: 20px;}

.buyer-details-body ul {
    width: 100%;
    float: left; margin-top: 5px;
}

.buyer-details-body ul li {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    font-size: 13px;
    color: #888;
    font-weight: 400;
}

.buyer-details-body ul li span{color: #444;}

.buyer-details-body .l1 {
    width: 30%;
    float: left;
    padding-right: 10px;
}

.buyer-details-body .l2 {
    float: left;
    color: #666;
    width: 70%;
    float: left;
}

.buyer-details-box1{width: 100%; float: left;
    border: #ddd solid 1px;
    padding:12px;}
	
.buyer-details-box2{width: 100%; float: left; margin-top:25px;}	

.buyer-details-box2 li{border: #eee solid 1px;}

.buyer-details-box2 .l1 { border-right: #eee solid 1px; padding:10px;background: #fbfafa;}

.buyer-details-box2 .l2 {padding:10px;}

.m-font{font-weight:500!important;}