

/*S U P P L I E R  CSS*/
.link_cont_cont.supplier_head{
	margin: auto;
	padding-bottom: 15px;
	padding-left: 30px;
}
.link_cont_cont.supplier_head.flag_header{
	padding-top: 6px;
}

.sup_homepage{
	padding-top: 100px;
}


.supplier_header .link_cont_cont{
	margin: 0px 20px;
}
/*.supplier_header .header_things.header_things_2{*/
/*	padding-right: 30px;*/
/*}*/

.active, link-container span a:hover  {
	color: #fff;
	text-decoration: none;
}
.supplier_home{
	background-image: linear-gradient(-90deg, #0099CA, #6cd9ec);
}
.home_side{
	margin: auto;
	display: flex;
}
.home-1{
	width: 50%;
}
.supplier_btn{
	padding-top: 40px;
	padding-bottom: 60px;
}
.home_side .home_title_header{
	margin-top: 50px;
	line-height:42px;
	font-size:38px;
}
.home_title_header.watch_our_vid{
	margin-top: 50px;
	line-height:42px;
	font-size:20px;
	font-weight:500;
	text-align: center;
}

#supplier_cont .modal-dialog{
	width: 750px;
	max-width: 750px;
}

#supplier_cont .modal-content{
	padding: 12px!important;
	border-radius: 15px;
	width: 1000px;
	height: 600px;
	margin-left: -117px;
}

.supplier_header .header_things_1 select{
	height: 30px;
	border: none;
}

.home_modal_title {
	font-size: 18px;
	text-align: center;
	padding-bottom: 30px;
	font-weight: 600;
	color: #0099CA;
}
.modal_sect{
	padding: 10px;
}
.home_modal_desc{
	font-size: 13px;
}
/*.company_menu:active{*/
/*	color: #0099CA!important;*/
/*	text-decoration: none;*/
/*	font-weight: bold;*/
/*}*/

.sup_partner_with_us, .sup_company_pics{
	background-color: #f9f9f9;
}

.sup_our_customers .home_sect_title,
.sup_our_team .home_sect_title,
.sup_company_pics .home_sect_title{
	padding-top: 110px;
	padding-bottom: 10px;
}
.sup_partner_with_us .home_sect_title{
	padding-top: 110px;
	padding-bottom: 40px;
}
.sup_company_pics .home_sect_title{
	padding-top: 100px;
}
.sup_testimonials .home_sect_title{
	padding-top: 100px;
}
.sup_testimonials .slick-dots{
	padding-bottom: 100px;
}
.sup_testimonials .event-btn{
	color: #0097C8;
	border: 3px solid #0097C8;
}
.sup_testimonials .event-btn:hover{
	color: #007081;
	border: 3px solid #007081;
}
.sup_testimonials .event-btn:visited{
	color: #0097C8;
	border: 3px solid #0097C8;
}

.home_modal_title.supplier_tab{
	font-size: 18px;
}
.home_sect_desc{
	width: 70%;
	text-align: center;
	margin: auto;
	padding-bottom: 42px;
}
.home_service_cont:hover{
	background-color: #E6F5FA;
}
.next_tab{
	padding-top: 50px;
	padding-bottom: 50px;
}
.segment_txt_img.supplier_img{
	width: 100px;
}

.sup_our_team .about_us_cont{
	width: 70%;
	margin: auto;
}
.sup_our_team .home_sect_desc{
	padding-bottom: unset;
	width: 50%;
}
.sup_company_pics .column{
	text-align: center;
	padding-bottom: 5px;
	/*height: 70px;*/
}
.sup_our_team .home_modal_title{
	padding-top: 50px;
	padding-bottom: 15px;
	font-size: 14px;
}
.sup_our_team .about_us_title_des{
	text-align: center;
	font-size: 12px;
	display: none;
	padding: 20px 12px 10px 5px;
	/*padding-left: 15px;*/
	/*padding-right: 15px;	*/
	/*padding-top: 20px;*/
	/*padding-bottom: 10px;*/
	background-color: white;
	border-radius: 0px 0px 20px 20px;
	border: 1px solid #ececec;
	box-shadow: 4px 7px 9px 2px #cccccc78;
}
.sup_our_team .about_us_cont.web-aboutus{
	position: relative;
}
.about_us_cont.web-aboutus .about_us_title_des{
	/*transition: width 2s, height 2s, transform 2s;*/
	position: absolute;
	top: 40px;
	height: 100%;
	width: 100%;
}
.about_us_cont.web-aboutus:hover .about_us_title_des {
	width: 100%;
	/*display: flex;*/
	/*top: 40px;*/
	/*height: 100%;*/
}
.about_us_cont.web-aboutus:hover .about_us_title{
	display: none;
}
.sup_testimonials .testimonial_btn.left_bttn,
.sup_testimonials .testimonial_btn.right_bttn{
	margin: unset;
	padding-top: 98px;
}
.sup_testimonials .onekmi_btn{
	font-size: 20px;
}
.sup_testimonials .header_btn{
	width: 60%;
	padding: 5px 20px;
}
.sup_testimonial_img{
	height: 150px;
	transition: width 0.25s, height 0.25s, transform 0.25s;
}

.sup_testimonial_img:hover{
	/*height: 180px;*/
	transform: scale(1.2);
}
.sup_partner_with_us .segment_txt_img_cont{
	padding: 20px 25px 0;
}
.sup_partner_with_us .home_modal_title{
	padding-bottom: 15px;
}
.sup_partner_with_us .we_work_all.home_modal_title{
	padding-top: 10px;
}

.sup_testm_pin1 {
	left: 8%;
	bottom: 48%;
}

/*.sup_testm_pin1:hover{*/
/*	-webkit-transition: all 0.3s;*/
/*}*/
.sup_testm_pin2 {
	left: 28%;
	bottom: 8%;
}
.sup_testm_pin3 {
	left: 43%;
	bottom: 60%;
}
.sup_testm_pin4 {
	left: 62%;
	bottom: 38%;
}
.sup_testm_pin5 {
	left: 83%;
	bottom: 55%;
}
.sup_testm_pin6 {
	left: 76%;
	bottom: 5%;
}

.contact_us_sup_cont{
	background-image: linear-gradient(-90deg, #0099CA, #6cd9ec);
	display: flex;
}
.contact_header_tit{
	width: 50%;
	color: #ffffff;
	font-size: 40px;
	padding: 10px 0px;
	padding-left: 2%;
}
.sup_contact_us .supplier_btn{
	width: 50%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: right;
}
.sup_contact_us .contact_form{
	/*padding: 20px;*/
	padding-top: 10%;
	/*padding-left: 10%;*/
}
.sup_contact_us .contact_form input {
	padding-left: 15px;
	width: 93%;
	border-radius: 25px;
	border: 2px solid #625d5e;
}
.sup_contact_us .contact_form textarea {
	padding-left: 15px;
	resize: none;
	border-radius: 25px;
	border: 2px solid #625d5e;
	height: 150px;
}
.contact_sup_img{
	width: 100%;
	height: 50%;
	padding-top: 50px;
}
.sup_contact_us .contact_us_img_cont{
	height: unset;
}
.sup_contact_us .contact_info{
	display: flex;
	padding-top: 50px;
	font-size: 17px;
	height: 100px;
	text-align: center;
}
.sup_contact_us .contact_info .con_website{
	width: 50%;
	text-align: right;
	padding-right: 50px;
}
.sup_contact_us .contact_info .con_website i,
.sup_contact_us .contact_info .con_telephone i {
	font-size: 24px;
}
.sup_contact_us .contact_info .con_telephone{
	width: 50%;
}
.sup_contact_us .con_address{
	display: flex;
	width: 60%;
	text-align: center;
	margin: auto;
}
.sup_contact_us .con_address .con_address_icon{
	width: 17%;
	text-align: right;
	font-size: 28px;
}
.sup_contact_us .con_address .con_address_add{
	/*padding-left: 5px;*/
	font-size: 15px;
	margin: auto;
	margin-left: 5px;
}

.sup_contact_us .contact_inp{
	padding-bottom: 25px;
}
.contact_us_sup_cont .sup_soc_med{
	display: flex;
	padding-bottom: 5%;
	padding-left: 15%;
}
.sup_testimonials .sup_soc_med{
	display: flex;
	padding-left: 66%;
}
.sup_contact_us .captcha-send-cont{
	text-align: right;
}

.contact_us_sup_cont .sup_soc_med .sup_qq,
.contact_us_sup_cont .sup_soc_med .sup_wechat,
.sup_testimonials .sup_soc_med .sup_qq,
.sup_testimonials .sup_soc_med .sup_wechat{
	height: 40px;
	width: 40px;
	padding-left: 5px;
	border-radius: 100%;
	background-color: #ffffff;
}
.contact_us_sup_cont .sup_soc_med .sup_qq i,
.contact_us_sup_cont .sup_soc_med .sup_wechat i,
.sup_testimonials .sup_soc_med .sup_qq i,
.sup_testimonials .sup_soc_med .sup_wechat i{
	font-size: 22px;
	color: #6cd9ec;
	padding-top: 10px;
	padding-left: 3px;
}
.sup_testimonials .footer-title.test{
	padding-top: 30px;
}
.supplier.info-footer.row{
	height: unset;
}


.contact_header_tit.foot{
	padding-left: 15%;
	padding-top: 2%;
	font-size: 30px;

}

.sup_company_pics .company_menu{
	text-align: center;
	padding: 10px;
}
/*=====================================================================================*/
.ass_and_qa.container.big,
.off_and_bldg.container.big,
.comp_act.container.big{
	text-align: center;
	padding-top: 25px;
}

* {
	box-sizing: border-box;
}

img {
	vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
	position: relative;
}

/* Hide the images by default */
.mySlides {
	display: none;
}
.mySlides2 {
	display: none;
}


/* Add a pointer when hovering over the thumbnail images */
.cursor {
	cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 40%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

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

/* Container for image text */
.caption-container {
	text-align: center;
	/*background-color: #222;*/
	padding: 2px 16px;
	color: #000000;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Six columns side by side */
.column {
	/*float: left;*/
	/*width: 16.66%;*/
}

/* Add a transparency effect for thumnbail images */
.demo {
	opacity: 0.6;
}

.active,
.demo:hover {
	opacity: 1;
}

/*=======================================================================*/
.company_pic_and_desc .comp_desc{
	padding-top: 15px;
	padding-bottom: 50px;
}
.contact_info_field.form-captcha.supplier_captcha.col-sm-12,
.captcha_cont.container-fluid.supplier_cap{
	padding-left: unset;
}
.supplier_home_sect.sup_our_team{
	padding-bottom: 100px;
}

