@charset "utf-8";
/* CSS Document */

body{ background:#fff; margin:0px; padding:0px;font-family: "Raleway",sans-serif;}
.wraper{ width:1070px; margin:0px auto;}
.left-main{ float:left; width:40%; text-align:center; margin:0px auto;}
.left-main-name{ float:left; width:100%; text-align:center; font-size:25px; text-transform:uppercase; color:#9d9d9d; font-weight:500; font-family: 'Raleway', sans-serif; padding:25px 0px;}
.left-main-name span{ font-weight:700; color:#13a0b2; padding-right:5px;}
.main-copy{ margin:30px 0px; border-bottom:1px solid #eaeaea;  border-top:1px solid #eaeaea; float:left; width:100%;}
.copy{ text-align:center; color:#8c8888; float:left; width:100%; font-weight:300; padding:20px 0px; font-family: 'Roboto', sans-serif; font-size:14px;}
.topbg{ float:left; width:100%;height:47px;}
.phone{ float:left; width:11%; color:#333; font-size:14px; font-family: 'Roboto', sans-serif; background:url(image/phone.png) no-repeat left; padding-left:20px; margin-top:14px;}
.mail{ float:left; width:25%; color:#333; font-size:14px; font-family: 'Roboto', sans-serif; background:url(image/mail.png) no-repeat left; padding-left:25px; margin-top:14px;}
.logo1{ float:left; width:30%; padding:17px 0px 17px;}
.headerbg{ float:left; width:100%; background: url(image/headerbg.png) repeat-x; background-size:100%;}
.news-bar{ float:left; width:100%; border:1px solid #1dd1c5; margin:567px 0px 30px 0px; height:50px;}
.menu{ float:right; width:70%;}
.menu ul{ list-style:none; margin:0px; padding:0px; float:right;}
.menu ul li{ float:left; background:url(image/li.png) no-repeat right;}
.menu ul li:last-child{ background:none;}
.menu ul li a{ color:#73747a; font-size:17px; padding:35px 16px 34px 16px; font-weight:600; font-family: 'Roboto', sans-serif; text-transform:capitalize; float:left; text-decoration:none; font-weight:500;}
.menu ul li a:hover{ color:#1dd1c5; border-bottom:3px solid #1dd1c5;}
.bas{ float:left; margin-top:28px;}
.facebok{ float:right; width:65px; height:47px; background:url(image/facebok.png) no-repeat; background-position:0px 14px;}
.facebok:hover{ background-position:0px -35px;}
.twiter{ float:right; width:65px; height:47px; background:url(image/twiter.png) no-repeat; background-position:0px 16px;}
.twiter:hover{ background-position:0px -35px;}
.google{ float:right; width:65px; height:47px; background:url(image/google.png) no-repeat; background-position:0px 16px;}
.google:hover{ background-position:0px -35px;}
.linked{ float:right; width:65px; height:47px; background:url(image/linked.png) no-repeat; background-position:0px 16px;}
.linked:hover{ background-position:0px -33px;}
.centerbor{ border-radius:5px; box-shadow:0px 0px 5px 1px rgba(100, 100, 106, 0.81); height:300px; float:left; width:100%; margin:33px 0px;}
.span3{ float:left; width:30% !important; padding-left:30px !important; margin-left:0px !important;}
.pdf-title{ float:left; width:100%; margin-top:30px; font-size:26px; font-family: 'Raleway', sans-serif; font-weight:200; color:#777777; background:url(image/pdf.png) no-repeat left; background-position:0px 0px; padding:5px 0px; padding-left:90px; text-transform:uppercase;}
.news-title{ float:left; width:149px; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:600; color:#fff; background:url(image/news.png) ;  padding:16px 15px; text-transform:uppercase;}


.feature{ font-weight:300; float:left; width:100%; text-align:center; font-family: 'Roboto', sans-serif; padding:20px 0px 40px 0px; font-size:33px; color:#34ceda; text-transform:uppercase;}
.cat-box{ float:left; width:33%; margin:0px auto; text-align:center;}
.surgical-im{ float:left; width:100%; background:url(image/surgical.png) no-repeat center; width:100%; height:150px; background-position:106px 0px;}
.dental-im{ float:left; width:100%; background:url(image/dental.png) no-repeat center; width:100%; height:150px; background-position:106px 0px;}
.manicure-im{ float:left; width:100%; background: url(image/manicure.png) no-repeat center; width:100%; height:150px; background-position:106px 0px;}
.cat-name{ float:left; width:100%; text-align:center; font-size:24px; font-family: 'Roboto', sans-serif; color:#1dd1c5; font-weight:500; padding:40px 0px 20px 0px;}
.cat-des{ float:left; width:87%; color:#a0a0a4; font-size:14px; font-weight:500; font-family: 'Roboto', sans-serif; padding:30px 20px;}
.learn{ float:left; width:100%; border:1px solid #e3e3e3; color:#a7a7ab; font-family: 'Roboto', sans-serif; font-weight:500; width:125px; height:30px; border-radius:40px; text-transform:uppercase; padding-top:12px; margin-left:33%;}
.cat-box:hover .surgical-im{ background-position:106px -159px;}
.cat-box:hover .dental-im{ background-position:106px -159px;}
.cat-box:hover .manicure-im{ background-position:106px -159px;}
.cat-box:hover .learn{ background:#42b4e5; text-align:center; color:#FFFFFF; text-decoration:none}

.box{ background:#FFFFFF; text-align:center; border:1px solid #e3e3e3; float:left; width:24%; margin-right:8px; border-radius:5px;}
.box img{ padding:4px; margin:0px auto; height:180px;}
.pro-name{ height:50px; float:left; width:100%; text-align:center; color:#1dd1c5; font-size:15px; font-weight:500; font-family: 'Raleway', sans-serif; padding:5px 0px;}
.pro-code{ float:left; width:100%; text-align:center; font-size:12px; font-weight:400; color:#42b4e5; font-family: 'Raleway', sans-serif;}
.box .add img{ margin:0px auto; width:auto !important; height:auto !important;}
.box:hover{ box-shadow:0px 0px 3px 3px rgba(119, 119, 119, 0.75);}
.add{ float:left; width:100%; text-align:center; margin:10px 0px;}
.foter1{ float:left; width:100%; background:#027988;}
.home1{ float:left; background:url(image/foter-home.png) no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:18px; font-family: 'Roboto', sans-serif; padding-left:70px; width:65%; padding:10px 0px 45px 80px; margin-top:50px;}
.home1 span{ font-size:12px !important; line-height:20px; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-style:italic; font-weight:300; width:100%;}
.phone1{ float:left; background:url(image/foter-phone.png) no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:18px; font-family: 'Roboto', sans-serif; padding-left:70px; width:65%; padding:22px 0px 53px 80px; margin-top:50px;}
.phone1 span{ font-size:12px !important; line-height:20px; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-style:italic; font-weight:300; width:100%;}
.mail1{ float:left; background:url(image/foter-mail.png) no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:18px; font-family: 'Roboto', sans-serif; padding-left:70px; width:65%; padding:25px 0px 50px 80px; margin-top:50px;}
.mail1 span{ font-size:10px !important; line-height:20px; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-style:italic; font-weight:300; width:100%;}
.watch1{ float:left; background:url(image/foter-watch.png) no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:18px; font-family: 'Roboto', sans-serif; padding-left:70px; width:65%; padding:18px 0px 57px 90px; margin-top:50px;}
.watch1 span{ font-size:12px !important; line-height:20px; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-style:italic; font-weight:300; width:100%;}
.foter2-span{ float:left; width:23%; margin-left:0px !important; padding-left:20px;}
.foter2-span:hover{ background:#13a0b2;}
.foter{ float:left; width:100%; background:#1dd1c5; margin-top:50px;}
.about{ float:left; width:25%;}
.f-title{ float:left; width:100%; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-weight:500; text-transform:uppercase; background:url(image/foter-bor.png) no-repeat bottom left; padding:35px 0px 15px 0px; font-size:18px;}
.about-des{ float:left; width:90%; color:#FFFFFF; font-weight:300; font-family: 'Roboto', sans-serif; font-size:12px; line-height:20px; padding:10px 0px;}
.fmenu{ float:left; width:100%; padding-top:10px;}
.fmenu ul{ list-style:none; margin:0px; padding:0px;}
.fmenu ul li{ float:left; width:100%;}
.fmenu ul li a{ float:left; width:100%; text-decoration:none; padding:2px 0px; font-family: 'Roboto', sans-serif; font-weight:500; font-size:12px; color:#FFFFFF;}
.fname1{ float:left; width:47%; font-size:14px; font-weight:300; font-family: 'Roboto', sans-serif; border-radius:5px; background:#FFFFFF; border:0px; height:33px; margin-top:10px;}
.femail{ float:left; width:96%; font-size:14px; font-weight:300; font-family: 'Roboto', sans-serif; border-radius:5px; background:#FFFFFF; border:0px; height:33px;}
.msg{ float:left; width:96%; font-size:14px; font-weight:300; font-family: 'Roboto', sans-serif; border-radius:5px; background:#FFFFFF; border:0px;}
.submit{ float:left; border-radius:5px; background:#f6bb19; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; height:28px; width:80px; border:0px; margin-bottom:20px;}
.foter2{ float:left; width:100%; background:#1dd1c5; border-top:1px solid #FFFFFF; }
.copy{ float:left; width:100%; text-align:center; color:#fff; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300;}
.left-widt{ float:left; width:25%; margin-top:160px;}
.right-widt{ float:left; width:72%; margin-top:160px; margin-left:3%;}
.heading{ float:left; width:100%; color:#1dd1c5; font-size:26px; text-transform:uppercase; font-weight:600; font-family: 'Raleway', sans-serif;}


.home{ float:left; width:60%; margin-bottom:5px;}
.home ul{ list-style:none; margin:0px; padding:0px;}
.home ul li{ float:left;}
.home ul li a{ color:#a8a8a8; text-decoration:none; font-size:12px; font-weight:400; padding:0px 3px; float:left;}
.next{ float:left; width:40%; margin-bottom:5px;}
.next ul{ list-style:none; margin:0px; padding:0px; float:right;}
.next ul li{ float:left;}
.next ul li a{ color:#a8a8a8; text-decoration:none; font-size:12px; font-weight:400; padding:0px 1px; float:left;}

.cata{ float:left; width:100%; margin:7px 0px; height:auto; background:#f4f4f4;}
.map {
    margin-bottom: 30px;
}
.main-title { float:left; width:95%; margin-bottom:4px; font-size:18px; color:#fff !important; font-family: 'Raleway', sans-serif; text-decoration:none; font-weight:700; padding:12px 15px; background:#1dd1c5; border-radius:5px;}
.main-title a{ color:#fff !important;}
.main-title a:hover{ text-decoration:none; color:#13a0b2;}
.main-title a:focus{ text-decoration:none; color:#13a0b2;}
.left-menu{ float:left; width:100%; padding:0px 0px;}
.cate{ background:#13a0b2; border-top-right-radius: 5px; border-top-left-radius: 5px; color:#fff; text-transform:uppercase; font-weight:700; font-size:24px; font-family: 'Roboto', sans-serif; padding:10px 0px 10px 17px;}
.left-menu ul{ list-style:none; margin:0px; padding:0px;}
.left-menu ul li{ float:left; width:100%; background:url(image/ul.png) no-repeat left; background-position:10px center;}
.left-menu ul li a{ float:left; width:85%; text-decoration:none; padding:5px 20px; color:#8d8d8d; font-size:14px; font-family: 'Roboto', sans-serif; }
.left-menu ul li:hover{ background:url(image/ul.png) no-repeat left; width:100%;}
.left-menu ul li a:hover {
    background: #1dd1c5 none repeat scroll 0 0;
	color:#fff;
}
.whit{ background:#FFF; float:left; width:100%; margin:10px 0px 0px 6px;}
 
 .right-title{ float:left; width:100%; padding:2px 0px; font-size:18px; color:#4E4E4E; font-weight:600; font-family: 'Raleway', sans-serif;}
.art{ float:left; width:100%; padding:0px 0px; font-size:14px; color:#4E4E4E; font-family: 'Raleway', sans-serif; font-weight:600;}
.right-des1{ float:left; width:90%; line-height:25px; color:#a4a4a4; padding:0px 0px 7px 0px; font-size:13px; font-family: 'Raleway', sans-serif; font-weight:500;}
.add{ float:left; margin:20px 3px; border-radius:4px;}
.fname{ width:46%; margin:10px 5px; text-align:left; border-radius:5px; background:#CCC; border:1px solid #000; padding:5px 10px;}
.code-des{ font-size: 12px; font-family: 'Roboto', sans-serif; float:left; width:100%; text-align:center; color: rgb( 83, 83, 83 );}
.qty{ float:left; width:20%; margin:5px 0px; color: #4E4E4E; font-size: 14px; font-weight: 700; font-family: "Raleway",sans-serif;}
.qty1{ float:left; width:30%; margin:5px 0px;}
.qty1 select{ background:url(image/arow.png) no-repeat right; border:1px solid #A4A4A4; width:82%; margin-left:5px; margin-right:5px; padding: 2px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color: #7E7E7E;
	font-size:12px;
    
    }
	.qty1 input{ border:1px solid #A4A4A4; padding: 2px 5px; font-size:12px; float:left; width:78px; background:none; margin-left:5px; color: #7E7E7E;}

.form-group{ float:left; width:49%; margin-left:1%;}
.basket_art input{ float:left; margin:10px 0px; background:#181818; color:#FFF;}
.basket_art input:hover{ background:#0e0e0e; text-decoration:none; color:#FFF;}
.btn-delete{ float:left; padding: 7px; border-radius: 5px; margin-left: 13px; background:#181818; color:#FFF; margin-bottom:20px;}
.btn-delete:hover{ background:#0e0e0e; text-decoration:none; color:#FFF;}
.for{ float:left; width:48%; margin-left:10px;}
.for input{ float:left; width:99%; height:30px; margin:10px 0px; background:#2D2D2D ; border:1px solid #FFFFFF; color:#FFFFFF; padding-left:10px;}
.for select{ float:left; width:99%; height:30px; margin:10px 0px; background:#fff ; border:1px solid #CCC; color:#555; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding-left:10px;}
.for1 textarea{ float:left; width:100%; margin:10px 0px; padding-top:5px; background:#fff ; border:1px solid #CCC; color:#555; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding-left:10px;}
.for1{ float:left; width:96.5%; margin-left:11px;}
.addthis_native_toolbox{ float:left; width:100%;}
.related{ float:left; width:100%; font-family: 'Roboto', sans-serif; padding-left:10px; padding-top:5px; padding-bottom:5px; color:#4e4e4e; font-size:22px; font-weight:600; text-transform:uppercase;}
.smal-baner{ padding:0px !important;}
.smal-b{ padding:0px !important;}
.news-w{ width:23.4% !important; margin-left:15px;}
.navbar-toggle { border:1px solid #FFF !important;}
.navbar-toggle .icon-bar{ border:1px solid #FFF;}
.navbar-collapse{ padding:0px !important;}
.container { width:1200px !important; }
.col-md-3{ float:left; width:25%; text-align:center;}
.art-no{ border-bottom:1px solid #CCC; float:left; width:100%;}
.ares{ float:left; width:100%; color:#919191; font-size:14px; font-family: 'Roboto', sans-serif;}
.site_menu{ float:left; width:45%; padding-left:34px; }
.site_menu ul{ list-style:none; margin:0px; padding:0px; }
.site_menu ul li{ float:left; width:100%;}
.site_menu ul li:last-child{ padding-bottom:30px;}
.site_menu ul li a{float: left; width: 100%; color: #4E4E4E; font-size: 14px; text-decoration:none;
text-transform: uppercase;
font-weight: 500;
font-family: "Roboto",sans-serif;}
.col-md-2{ float:left; width:18%; border-right:1px solid #ccc; text-align:center;}
.col-md-4{ float:left; width:26%; border-right:1px solid #ccc; text-align:center;}
#fname{ float:left; width:49%; margin-right:10px;}
#company{ float:left; width:49%;}
#phone{ float:left; width:49%; margin-right:10px;}
#email{ float:left; width:49%;}
#city{ float:left; width:49%; margin-right:10px;}
#country{ float:left; width:49%;}
#address{ float:left; width:49%; margin-right:10px;}
#inq_type{ float:left; width:49%;}
.basket_img img{ height:200px !important;}
.category-title{ float:left; width:100%; font-size:16px; font-family: 'Raleway', sans-serif; font-weight:600; color:#8d8d8d; padding-top:10px; text-transform:uppercase;}
.detail_code{ float:left; width:100%; font-size:14px; font-family: 'Raleway', sans-serif; padding:2px 0px; font-weight:500; color:#8d8d8d;}
.category-des{ float:left; width:100%; font-size:16px; font-family: 'Raleway', sans-serif; font-weight:600; color:#8d8d8d; text-transform:uppercase;}
.category-paragraph{ float:left; width:100%; color:#8d8d8d; font-family: 'Raleway', sans-serif; font-size:14px;}
.category-qty{ float:left; width:95%;}
.category-qty span{ width:50%; float:left;}
.category-qty input{ float:left; width:50px;}
.btn-Basket{ font-size:0px; background:url(image/basket1.png) no-repeat center; height:40px; border:0px; width:200px !important;}
.box1 {
    display: inline-block;
    padding: 0px 0 0;
	margin-top: 18px;
	float:right;
	margin-left:12px;

}
.container-2 {
    position: relative;
    top: -10px;
    vertical-align: middle;
    white-space: nowrap;
}
.container-2 input#search {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #73747a;
    box-shadow: none;
    color: #73747a;
    float: left;
    font-size: 14px;
    height: 25px;
    margin: 0;
    padding-left: 28px;
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
    width: 0;
	border-radius:0px;
}
.container-2 input:focus { box-shadow: none;}
.container-2 input#search::-webkit-input-placeholder {
   color: #fff;
}
 
.container-2 input#search:-moz-placeholder { 
   color: #73747a;  
}
 
.container-2 input#search::-moz-placeholder { 
   color: #73747a;  
}
 
.container-2 input#search:-ms-input-placeholder {  
   color: #73747a;  
}

.container-2 .icon {
    color: #5c7781;
    left: 8px;
    position: absolute;
    top: 5px;
    z-index: 1;
	cursor:pointer;
	background:url(image/search.png) no-repeat center;
	height: 25px;
width: 21px;
}
.container-2 span.icon i { 
	font-size:16px;
	color:#fff;
}
.container-2 input#search:focus, .container-2 input#search:active{
  outline:none;
  width: 150px;
}
 
.container-2:hover input#search{
width: 150px;
}
 
.container-2:hover .icon{
  color: #fff;
}
.carousel-inner img{ width:100%;}
.news-des{ float:left; width:81%; color:#73747a; font-size:14px; font-family: "Roboto",sans-serif; padding:16px 0px 17px 2%;}
.content-left{ float:left; width:40%; margin-top:50px;}
.content-left img{ width:100%; margin-bottom:20px;}
.content-right{ float:left; padding-left:40px; width:56%; margin-top:50px;}
.content-wrong{ color:#a0a0a4; font-size:18px; font-weight:400; font-family: "Roboto",sans-serif; float:left; width:100%; text-align: left; text-transform:uppercase;}
.content-title{ float:left; width:100%; color:#34ceda; text-transform:uppercase; font-size:29px; font-weight:300; font-family: "Roboto",sans-serif; background:url(image/content-bor.png) no-repeat bottom left; padding-bottom:10px;}
.content-des{ float:left; width:100%; font-size:14px; font-weight:300; font-family: "Roboto",sans-serif; line-height:25px; color:#a0a0a4; padding:15px 0px;}
.content-des strong{ padding:10px 0px; font-weight:700; width:100%; float:left;}
.news{ float:left; width:100%; color:#FFFFFF; font-family: "Roboto",sans-serif; font-size:14px; font-weight:500;}
.news strong{ float:left; width:100%; padding:5px 0px; color:#FFFFFF; font-family: "Roboto",sans-serif; font-size:15px; font-weight:600;}
.adres{ float:left; width:100%; padding:5px 0px; color:#FFFFFF; font-family: "Roboto",sans-serif; font-size:14px; font-weight:400;}
.f-phone{ float:left; width:100%; padding:2px 0px 2px 30px; background:url(image/f-phone.png) no-repeat left; color:#FFFFFF; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:500; margin:5px 0px;}
.fax{ float:left; width:100%; padding:2px 0px 2px 30px; background:url(image/fax.png) no-repeat left; color:#FFFFFF; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:500; }
.f-mail{ float:left; width:100%; padding:2px 0px 2px 30px; background:url(image/f-mail.png) no-repeat left; color:#FFFFFF; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:500; margin:5px 0px;}