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

body{ margin:0px; background:#1e1e1e; padding:0px;}
.topbg{ padding:0px; background:#0e0e0e; height:48px;}
.phone{ float:left; width:25%; color:#767676; font-size:12px; font-weight:300; margin-top:17px; font-family: 'Poppins', sans-serif; background:url(image/top-phone.png) no-repeat left; padding-left:25px;}
.top-email{ float:left; width:45%; color:#767676; font-size:12px; font-weight:300; margin-top:17px; font-family: 'Poppins', sans-serif; background:url(image/top-email.png) no-repeat left; padding-left:25px;}
.social{ float:right;}
.social a{ padding: 16px 12px; font-size: 16px; color: #fff; float: left; border-right:1px solid #292929;}
.social a:hover .fa-facebook{ color:#3b5998;}
.social a:hover .fa-twitter{ color:#0084b4;}
.social a:hover .fa-google-plus{ color:#d34836;}
.social a:hover .fa-linkedin{ color:#0077B5;}

.faceb{ float:right;}
.logo{ float:left; /*width:100%;*/ padding:25px 0px 0px 0px;}
.navbar-collapse{ padding:0px !important;}
.menubg{ background:url(image/menubg.png) no-repeat right; margin-top:-54px; background-position: 300px 30px;  background-size: 100%;
}
.menu{ float:right; width:100%; z-index: 1111; position: relative;}
.menu ul{ margin:0px; padding:0px; list-style:none; float:right; margin-top: -23px;}
.menu ul li{ float:left; background:url(image/top-menu-li.png) no-repeat right;}
.menu ul li a{ float:left; text-decoration:none; color:#a79573; font-size:16px; text-transform:uppercase; font-weight:700; padding:20px 46px; font-family: 'Roboto', sans-serif;}
.menu ul li a:hover{}


.menu ul li ul { margin:0px; padding:0px; list-style:none; width:300px; background:#0e0e0e; position:absolute;  display:none; top: 38px; }
.menu ul li ul a:hover{ background:#0e0e0e; width:300px;}
.menu ul li:hover ul { display:block;}
.menu ul ul li { width:100%; float:left; }
.menu ul li ul li a { float:left; text-decoration:none; font-size:14px; text-transform:uppercase; color:#fff; padding:16px 13px;  font-family: 'Roboto', sans-serif;}
.menu ul li ul li a:hover{ background:#a79573;}







.search{ font-family: 'Raleway', sans-serif; padding-left:10px; float:right; background:#2d2c2c url(image/search.png) no-repeat; height:38px; width:305px; border:0px; color:#c6b087; font-size:12px; font-weight:600; margin-top:40px; margin-right:10px; background-position: 270px 9px; border-radius: 30px;}
.search:focus{ border:0px; outline:0px}
.search::-webkit-input-placeholder{ color:#c6b087;}
.headerbg{ padding:0px; background:#1e1e1e;}
.basket{ float:right; background:url(image/basket.png) no-repeat; width:30px; height:30px; margin-top:50px;}
.section_1 { background:#1e1e1e;}

.tab{ float:left; width:100%; text-align:center;}
.tab ul{ list-style:none; margin:0px 0px; padding:0px; display:inline-block; margin-top: 50px; margin-bottom:40px;}
.tab ul li{ float:left; margin:0px -46px; background:url(image/tab-bg.png) no-repeat left; background-position: 0px 0px;}
.tab ul li a{ float:left; color:#a79573; text-decoration:none; height:59px; font-size:18px; font-weight:700; padding:17px 77px; font-family: 'Dosis', sans-serif; text-transform:uppercase;}
.tab ul li a:hover{ color:#fff;}
.tab ul li a:active{ color:#fff;}
.tab ul li a:focus{ color:#fff;}



.f-facebok{ float:left; background:url(image/f-facebok.png) no-repeat left; height:31px; width:31px; padding-left:34px; padding-top:5px; text-decoration:none; }
.f-facebok:hover{ background-position:-34px 0px ; color:#8b8b8b; text-decoration:none;}
.f-twiter{ float:left; background:url(image/f-twiter.png) no-repeat left; height:31px; width:31px; padding-left:34px; padding-top:5px; text-decoration:none; }
.f-twiter:hover{ background-position:-34px 0px ; color:#8b8b8b; text-decoration:none;}
.f-google{ float:left; background:url(image/f-google.png) no-repeat left; height:31px; width:31px; padding-left:34px; padding-top:5px; text-decoration:none; }
.f-google:hover{ background-position:-34px 0px ; color:#8b8b8b; text-decoration:none;}
  .fac{ color:#8b8b8b; font-size:14px; margin-top:10px; padding-left:10px; line-height:30px;}
  .dis{ display:none;}
  .fac:hover,
  .fmenu ul li a:hover {
    color: #a79573;
    text-decoration: none;
}
<!-- Start Animation-->



.expending-wrapper { 
	background: #FAFAFA;
	position: relative;
	width : 100%;
	z-index: 99;
}
.expending-wrapper:before {
	background: #e7e7e7;
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	top: 0;
	width: 100%;
	left:0px;
}
.expending-cover {
	height: 90px;
	background:#fff;
	position: relative;
}
.expending-item, .expending-img {
	transition : all 225ms ease-out;
}
.expending-item {
	bottom: 0;
	float: left;
	height: 220px;
	position: absolute;
	text-align: center;
	width: 100%;
	background:#232323;
	
	
}
.section_1 .col-md-3{ padding: 0px 7px !important;}
.expending-img {
	background-size: cover;
	border-bottom : 0px solid #e7e7e7;
	height: 0;
}
.expending-item.i .expending-img {
	background-image: url("image/team_l.png");
}
.expending-item.ii .expending-img {
	background-image: url("image/team_ll.jpg");
}
.expending-item.iii .expending-img {
	background-image: url("image/team_lll.jpg");
}
.expending-item.iv .expending-img {
	background-image: url("image/team_llll.jpg");
}
div.expending-handle {
	background-color: #74C32D;
	border: 1px solid #63BA26;
	
	margin: auto;
	position: relative;
	text-align: center;
	top: -59px;
	width: 128px;
}
.expending-ul {
	margin: -20px 0 0;
	padding: 0 30px;
}
.expending-ul li {
	opacity : 0;
	font-size : 15px;
	margin-top : 10px;
	font-style : italic;
	list-style-type : none;
}

.expending-item.i div.expending-handle {
	background : none;
	border:none;
	color:#fff;
	text-decoration:none;
}

.expending-item.ii div.expending-handle {
	background :none;
	border:none;
	color:#fff;
	text-decoration:none;
}

.expending-item.iii div.expending-handle {
	background : none;
	border:none;
	color:#fff;
	text-decoration:none;
}

.expending-item.iv div.expending-handle {
	background : none;
	border: none;
	color:#fff;
	text-decoration:none;
}
.expending-item h2 a {color:#a79573;}
.expending-item h2 a:hover {color:#a79573; text-decoration:none;}
.expending-item h2 {
	bottom: 0;
	font-size: 20px;
	font-weight: 600 !important;
	height: 105px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	position: absolute;
	text-align: center;
	width: 100%;
	text-transform:uppercase;
	color:#7f7f7f;
	line-height:normal;
	font-family: 'Poppins', sans-serif;
}

.expending-item h2 > span {
	color: #7f7f7f;
	display: block;
	font-size: 13px;
	font-weight: normal;
	text-transform:lowercase;
	margin-top: 8px;
	font-family: 'Poppins', sans-serif;
	padding:0px 25px;
	line-height:22px;
}
.expending-item:hover {
	cursor : pointer;
	margin-top : 0;
	height : 355px;
	transition : all 225ms;
	background : #232323;
	
}


.expending-item:hover ul {
	height : 100px;
}
.expending-item:hover ul li:first-child {
	transition : all 225ms .222s;
	opacity : 1;
}
.expending-item:hover ul li:nth-child(2) {
	transition : all 225ms .299s;
	opacity : 1;
}
.expending-item:hover ul li:last-child {
	transition : all 225ms .333s;
	opacity : 1;
}
.expending-item:hover a {
	/*transition : all 225ms .7s;
	opacity : 1;*/
	top:70px;
}
.expending-item:hover .expending-img { margin-top : 0; height : 135px; /*transition : height 0.3s ease-out 0s;*/ }

.expending-item:hover .expending-handle { transition : height 225ms; }

.expending-item.i:hover h2 { color : #565656; transition : all 225ms .8s;
}

.expending-item.ii:hover h2 { color : #565656; transition : all 225ms .8s;
}

.expending-item.iii:hover h2 { color : #565656; transition : all 225ms .8s;
}

.expending-item.iv:hover h2 { color : #565656; transition : all 225ms .8s;
}

.expending-cover:after, .expending-cover:before { display: table; content: " "; clear : both; }
.get{ background:#232323; border:3px solid #2b2b2b; margin-top:24px; padding-bottom:7px;}
.touch{ float:left; width:100%; font-size:23px; font-weight:700; text-transform:uppercase; color:#a79573; font-family: 'Raleway', sans-serif; padding:15px 0px;}
.adres{ float:left; width:90%; font-size:15px; text-align:left; color:#949494; font-weight:500; font-family: 'Raleway', sans-serif; }
.left-phone{ float:left; width:100%; font-size:14px; text-align:left; color:#949494; font-weight:500; font-family: 'Raleway', sans-serif; background:url(image/left-phone.png) no-repeat left; margin:8px 0px 8px 0px; padding-left:30px;}
.fax{ float:left; width:100%; font-size:15px; text-align:left; color:#949494; font-weight:500; font-family: 'Raleway', sans-serif; background:url(image/fax.png) no-repeat left; margin:5px 0px 5px 0px; padding-left:30px;}
.left-mail{ float:left; width:100%; font-size:15px; text-align:left; color:#949494; font-weight:500; font-family: 'Raleway', sans-serif; background:url(image/left-mail.png) no-repeat left; margin:5px 0px 5px 0px; padding-left:30px;}
.earth{ float:left; width:100%; font-size:15px; text-align:left; color:#949494; font-weight:500; font-family: 'Raleway', sans-serif; background:url(image/earth.png) no-repeat left top; margin:5px 0px 5px 0px; padding-left:30px; padding-bottom:25px;}
.center-catagri{ float:left; width:102.7%; margin-top:24px;}
.news{ float:left; width:100%; text-align:left; color:#949494; padding:5px 0px; margin-bottom:20px; font-size:13px; font-family: 'Raleway', sans-serif;}
.news strong{ font-weight:700; width:100%; padding:5px 0px; float:left;}
.logos{ float:left; width:100%; margin:30px 0px 0px 0px;}
.get-touch{ font-family: 'Oswald', sans-serif; float:left; width:100%; color:#a79573; font-size:24px; text-transform:uppercase; padding:15px 0px;}
.fname1{ float:left; width:100%; height:40px; background:none; color:#9a9a9a; font-size:14px;  font-family: 'Roboto', sans-serif;  padding-left:10px; border:1px solid #3c3c3c; margin: 3px 0px; font-weight:300; border-radius:4px;}
.send{ float:right; background:url(image/send.png) no-repeat; width:80px; height:30px; margin:10px 0px; font-size:0px; border:0px;}
.left-form{ width:100%; float:left;}
.left-form2{ width:100%; float:left;}
.foterbg{ padding:0px; background:#232323;}
.f-title{ float:left; width:100%; color:#a79573; padding:30px 0px 20px 0px; font-size:16px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; font-weight:400;}
.fmenu{ float:left; width:100%;}
.fmenu ul{ margin:0px; padding:0px; list-style:none;}
.fmenu ul li{ float:left; width:100%; border-bottom:1px solid #3c3c3c; background:url(image/f-lil.png) no-repeat left;}
.fmenu ul li:last-child{ border:0px;}
.fmenu ul li a{ float:left; font-weight:400; width:100%; text-decoration:none; padding:10px 0px 10px 15px; color:#aaaaaa; font-family: 'Roboto', sans-serif; font-size:14px;}
.f-phone{ float:left; width:100%; color:#686868; font-size:13px; background:url(image/f-phone.png) no-repeat left; padding:5px 0px 5px 20px;
font-family: 'Roboto', sans-serif;}
.f-mail{ float:left; width:100%; color:#686868; font-size:13px; background:url(image/f-mail.png) no-repeat left; padding:5px 0px 5px 20px;
font-family: 'Roboto', sans-serif;}
.f-fax{ float:left; width:100%; color:#686868; font-size:13px; background:url(image/f-fax.png) no-repeat left; padding:5px 0px 0px 20px;
font-family: 'Roboto', sans-serif;}
.f-adres{ float:left; width:100%; color:#686868; font-size:13px; background:url(image/adres.png) no-repeat left; padding:10px 0px 0px 20px; font-family: 'Roboto', sans-serif; background-position: 0px 14px;}

.copy{ float:left; width:100%; color:#6e6e6e; font-size:14px; font-family: 'Roboto', sans-serif; padding:18px 0px; text-align:center;}
.copy1{ float:right; text-align:right; width:50%; color:#d3d3d3; font-size:14px; font-family: 'Raleway', sans-serif; padding:18px 0px;}
.heading{ float:left; width:100%; color:#a79573; font-size:30px; font-weight:700; text-transform:uppercase; padding:20px 0px 0px 0px; font-family: 'Roboto', sans-serif;}
.home{ float:left; width:50%; margin-bottom: 10px;}
.home ul{ list-style:none; margin:0px; padding:0px;}
.home ul li{ float:left;}
.home ul li a{ color:#a2a2a2; text-decoration:none; font-size:12px; font-weight:400; font-family: 'Poppins', sans-serif; padding:0px 5px; float:left;}
.next{ float:left; width:50%; margin-bottom: 10px;}
.next ul{ list-style:none; margin:0px; padding:0px; float:right;}
.next ul li{ float:left;}
.next ul li a{ color:#a2a2a2; text-decoration:none; font-size:12px; font-weight:400; font-family: 'Poppins', sans-serif; padding:0px 1px; float:left;}
.box{ float:left; background:#fff; border:1px solid #ebebeb; margin:15px 0px;}
.box img{ width:100%;}
.pro-box{ float:left; width:87%; text-align:left; border-top:1px solid #ebebeb; margin: 0px 20px;}
.pro_name{ float:left; width:100%; text-align:left; text-transform:uppercase; color:#010101; padding:20px 0px 5px 0px; font-family: 'Oswald', sans-serif; font-size:16px;}
.pro_dess{ float:left; width:100%; text-align:center; color:#03a9f4; padding:0px; font-family: 'Poppins', sans-serif; font-size:12px;}
.pro_code{ display:inline-block; width:130px; text-transform:uppercase; color:#5f5f5f; padding:4px 0px; font-family: 'Oswald', sans-serif; font-size:16px; padding:0px 0px 10px 0px;}
.box .pro-box a{ display:none;}
.box:hover{  transform: scale(1.05, 1.05);  z-index: 9;}
.pro{ float:left; width:100%; color:#a79573; font-size:22px; font-weight:400; text-transform:uppercase; font-family: 'Oswald', sans-serif; padding:25px 20px;}
.cata{ float:left; width:100%; margin:20px 0px 30px 0; height:auto; background:#373737;}
.map {
    margin-bottom: 30px;
}
.main-title a{ float:left; width:100%; margin:1px 0px; font-size:16px; color:#ffffff; font-family: 'Roboto', sans-serif; text-decoration:none; font-weight:700; padding:8px 20px; text-transform:uppercase;}
.main-title a:hover{ text-decoration:none; color:#a79573;}
.main-title a:focus{ text-decoration:none; color:#a79573;}
.left-menu{ float:left; width:87%; margin:0px 20px; padding-bottom:10px;}
.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:100%; text-decoration:none; padding:7px 0px 7px 25px; color:#fff; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:500;}
.left-menu ul li a:hover {
    background: #a79573 url(image/ul.png) no-repeat left; background-position:10px center; color:#FFFFFF;
}
.whit{ background:; float:left; width:100%; margin:10px 0px 0px 6px;}
 
 .right-title{ float:left; width:100%; padding:2px 0px; font-size:30px; color:#a79573; font-weight:600; font-family: 'Poppins', sans-serif;}
.art{ float:left; width:100%; padding:0px 0px; font-size:15px; color:#b0b0b0; font-family: 'Poppins', sans-serif; font-weight:500;}

.art-1{ float:left; width:100%; padding:10px 0px; font-size:15px; color:#a79573; font-family: 'Poppins', sans-serif; font-weight:600;}
.opt{ float:left; width:100%; padding:0px 0px; font-size:15px; color:#a79573; font-family: 'Poppins', sans-serif; font-weight:400; padding:15px 0px 10px 0px;}
.right-des1{ float:left; width:100%; line-height:25px; color:#7f7f7f; padding:0px 0px 7px 0px; font-size:13px; font-family: 'Poppins', sans-serif; font-weight:500;}
.add{ float:left; margin:27px 3px;}
.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:12%; margin:5px 0px; color: #b0b0b0; font-size: 15px; font-weight: 400; font-family: "Roboto",sans-serif;}
.qty1{ float:left; width:35%; margin:5px 0px;}
.qty1 select{ background:url(image/arow.png) no-repeat right; border:1px solid #333333; width:94%; margin-left:5px; margin-right:5px; padding: 2px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color: #7f7f7f;
	font-size:12px;
	font-family: 'Oswald', sans-serif;
	padding-left:10px;
	border-radius: 0px;
	height:30px;
	    background-position: 170px 12px;

    
    }
	.qty2{ float:left; width:15%; margin:26px 0px 0 0;}
	.qty2 input{ border:1px solid #333333; padding: 2px 5px; font-size:12px; float:left; width:60px; background:none; margin-left:5px; color: #7f7f7f; height:36px;}

.form-group{ float:left; width:49%; margin-left:1%;}
.basket_art input{ float:left; margin:10px 0px; background:#B09D79; color:#FFF;}
.basket_art input:hover{ background:#925F34; text-decoration:none; color:#FFF;}
.btn-delete{ float:left; padding: 7px; border-radius: 5px; margin-left: 15px; background:#B09D79; color:#FFF; margin-bottom:20px;}
.btn-delete:hover{ background:#925F34; 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:#2D2D2D ; border:1px solid #FFFFFF; color:#FFFFFF; padding-left:10px;}
.for1 textarea{ float:left; width:100%; margin:10px 0px; background:#2D2D2D ; border:1px solid #FFFFFF; color:#FFFFFF; padding-left:10px;}
.for1{ float:left; width:96.5%; margin-left:11px;}
.addthis_native_toolbox{ float:left; width:100%;}
.related{ float:left; width:100%; padding-left:10px; padding-top:20px; color:#a79573; font-size:22px; font-weight:600; text-transform:uppercase; font-family: 'Poppins', sans-serif;}
.smal-baner{ padding:0px !important;}
.smal-b{ padding:0px !important;}
.news-w{ width:22.6% !important; margin-left:15px;}
.navbar-toggle { border:1px solid #FFF !important;}
.navbar-toggle .icon-bar{ border:1px solid #FFF;}
.navbar-collapse{ padding:0px !important;}
@media (max-width:1280px){ .menu ul li a{ padding:50px 13px; font-size:14px;} .container{ width:1170px !important;}}
@media (max-width:1024px){
	.expending-cover{ height:160px; background:#1e1e1e;}
	.left-form{ width:100%;}
	.left-form2{ width:100%; margin-top:10px; margin-left:0px;}
	.basket{ display:none;}
	
	.f-title{ font-size:17px;}
	.container{ width:1170px !important;}
	}
@media only screen and (min-width:320px) and (max-width:767px){
	.smal-baner1{ padding:0px !important; margin-top:10px;}
	div.expending-handle{ display:none;}
	.expending-cover{ height:140px;}
	.smal-b{ margin-top:10px;}
	
	.left-form{ width:100%;}
	.left-form2{ width:100%; margin-top:10px; margin-left:0px;}
	.topbg{ height:auto;}
	.faceb{ float:left;}
.menubg{ width:1500px; margin-top: -33px;}
.cata{ height:auto;}
.home{ width:100%;}
.next{ float:left; width:100%;}
.next ul{ float:left;}
.copy{ width:100%; font-size:13px;}
.copy1{ float:left; width:100%; text-align:left;}
.container{ width:1170px !important;}
	
	}