@charset "utf-8";
/* CSS Document */
body,*{margin:0; padding:0;}
.header-top{border-bottom:1px solid #ccc;}
.header-top p{margin:20px 0;}
.header-top p i{color:#d38d36; font-size:20px; margin-right:10px;}
.header-top a i{font-size:25px;}
.header a {font-size:48px; font-weight:900; color:#fff; text-decoration:none; margin:0;letter-spacing:1px}
.header a span{font-size:19px; margin:0; color:#fff; text-decoration:none; display:inline-block; margin-top:10px;
 margin-left:5px; line-height:20px;} 
.header li{display:inline-block; list-style:none; margin:20px 0 10px 0;}
.header li a{padding:10px 24px; color:#fff; text-decoration:none; font-weight:700; transition:all ease-in-out 0.3s; font-size:15px;}
.headicons{width:100%; padding:20px 10px;}
.headicons a{color:#d38d36; margin:0 10px; transition:all ease-in-out 0.3s;}
.headicons a:hover{color:#E98F4A;}
.navbar-default{background:#007C7D; border:none; color:#fff; margin-bottom:0; border-radius:0;}
.navbar-nav li a{color:#fff !important; font-size:16px;}
.navbar-nav li a i{font-size:20px; margin-left:10px; margin-right:5px;}
.navbar-nav li a:hover{color:#E98F4A !important;}
.navbar-left{margin-left:100px !important;}
/*dropdown*/
#pages{position:relative; display:inline-block;}
.navdrop{position:absolute; display:inline-block; width:850px; top:52px; box-shadow: 0 6px 12px rgba(0,0,0,.175);
 left:-300px; padding:0px 20px 10px 20px; transition:all ease-in-out 0.3s; z-index:-10;  background:rgba(239,180,135,0.80); opacity:0; border-bottom:5px solid #007C7D;}
.navdrop h4 a{color:#fff !important;}
.navdrop h4{padding-top:18px;}
.navdrop img{height:70px; width:100%; margin-top:10px;}
#pages:hover .navdrop{opacity:1; background:rgba(239,180,135,1); z-index:999;}
.navdrop h3{color:#d38d36; font-weight:700; margin-top:20px; font-size:20px; }
.navdrop li{ padding:5px 7px; margin:2px 0;}
.navdrop l1 a{width:100%; height:100%; transition:all ease-in-out 0.1s;}
.navdrop h4 a:hover{color:#fff !important;}
.navdrop li:hover {background:#E98F4A }
.navdrop h4 a{ padding: 10px 0px;}
/*DROPDOWN*/
#dropdown04{  position:relative; }
.dropdown05{ position:absolute;top:40px; left:0px;width:auto;transition:all ease-in-out 0.3s; height:auto; background:#E98F4A;z-index:2; display:none;  }
.dropdown05 ul{ border-bottom:4px solid rgba(252,224,40,2.00);}
.dropdown05 li{ list-style-type:none;display:block; margin-top:10px; padding:5px 20px;border-bottom:1px dashed #fff; }
.dropdown05 li a { color:#fff; text-decoration:none; font-size:14px;  display:inline; padding: 10px 0px; }
.dropdown05 li a:hover{color:#EBE9E9 !important;}
#dropdown04:hover .dropdown05{ display:block;}
/*slider*/
.slider01{position:relative;}
.slider01 .item img{width:100% !important; height:420px;}
.slider01 .carousel-control.left{background-image:none !important;}
.slider01 .carousel-control.right{background-image:none !important;}
.slider01 .text01{position:absolute; top:100px; width:40%; left:12%;}
.slider01 .animated{animation-duration:2.5s;}
.slider01 .text01 h2{font-size:30px; font-weight:700; line-height:50px; color:#d38d36; letter-spacing:1px;}
.slider01 .text01 p{letter-spacing:0.5px; color:#626263; font-size: 18px; line-height: 24px;}
.slider01 .text01 a{text-decoration:none;  letter-spacing:1px; color:#626263; display:inline-block; padding:18px 45px; margin-top:15px; transition:all 0.2s ease-in-out; border:2px solid #626263;font-weight:700;}
.slider01 .text01 a:hover{color:#fff; font-weight:700; background:#E98F4A; border:2px solid #E98F4A;} 
.slider01 .glyphicon-chevron-right{font-size:15px; background:#fff; height:50px; width:50px; line-height:50px; transition:all ease-in-out 0.2s; border-radius:50%; color:#E98F4A;}
.slider01 .glyphicon-chevron-right:hover{background:#E98F4A; font-size:19px; border-radius:0; transform:rotate(360deg); color:#fff;}
.slider01 .glyphicon-chevron-left{font-size:19px; background:#fff; height:50px; width:50px; line-height:50px; border-radius:50%; color:#E98F4A; transition:all ease-in-out 0.2s;}
.slider01 .glyphicon-chevron-left:hover{background:#E98F4A; font-size:19px; border-radius:0; transform:rotate(360deg); color:#fff;}
/*OFFER*/
.offer{margin:10px 0;}
.offer p{  letter-spacing:0.7px; color:#333333;} 
.offer h2{color:#D38D36; margin-bottom:0; text-align:center;}
 .product{position:relative; border:1px solid #D7D7D7; height:350px; margin-top:0px; margin-bottom:10px;}
 .product .image{overflow:hidden; border:1px solid #D7D7D7; height:85%; width:100%;
 transition:all ease-in-out 0.3s; position:absolute; top:0; left:0;}
 .product .image img{height:100%; width:100%; transition:all ease-in-out 0.2s;} 
 .product .imgtext{position:absolute; bottom:0; left:0; height:15%; width:100%; transition:all ease-in-out 0.3s;} 
 .product .imgtext h4{margin:20px 0 0 0px; color:#555555; font-weight:600; text-align:center; transition:all ease-in-out 0.3s; font-size:17px; } 
 .product:hover .image img{transform:scale(1.1);} 
 .product:hover .imgtext{ background:#E98F4A;} 
 .product:hover .imgtext h4{color:#fff; letter-spacing:1px;} 
/*TREND*/
.trend{margin:10px 0; text-align:center;}
.trend h6{ height:2px; width:100%; background:#D7D7D7;}
.trend p{font-weight:600; letter-spacing:0.2px; color:#333333;} 
.trend .bigimage{height:500; width:100%; overflow:hidden; margin-top:32px; }
.trend .bigimage img{height:550px; width:100%;}
.trend .smallimage{height:200px; overflow:hidden; position:relative; margin-top:0px; transition:all ease-in-out 0.5s; text-align:left;} 
.trend .smallimage img{width:100%; height:100%;transition:all ease-in-out 0.5s;} 
.trend .smallimage .upper{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(110,110,110,0.44); padding-top:50%; transition:all ease-in-out 0.5s; display:none;} 
.trend .smallimage .upper a{background:#fff; margin:0 0 0 14%; padding:15px 30px; text-decoration:none; color:#252525; font-weight:700; transition:all ease-in-out 0.5s; letter-spacing:0.4px; font-size:13px;}
.trend:hover .smallimage .upper a{background:#E98F4A; color:#fff;}
.trend .smallimage:hover .upper{display:block; padding-top:42%;} 
.trend .smallimage:hover img{transform:scale(1.1);} 
.trend h4{text-align:center; font-size:17px; font-weight:700; margin-top:20px;} 
 
/*FOOTER*/
.footer{background:#045E5F;  padding-top:10px;} 
.footer h2{font-weight:700; color:#fff; font-size:55px;}
.footer h2 span{ display:inline-block; font-size:23px; }
.footer h3{color:#fff; font-weight:700; font-size:19px; letter-spacing:2px;}
.footer p{color:#fff !important; line-height:23px; font-size:16px; margin-top:20px;} 
.footer h6{background:#646464; height:1px; width:100%; margin:20px 0;} 
.footer li{list-style:none; padding:10px 0px;} 
.footer li i{color:#E98F4A !important; font-size:19px;}
.footer li a{text-decoration:none; color:#fff; font-size:17px; margin-left:10px; transition:all ease-in-out 0.3s;} 
.footer li a:hover{color:#d38d36;} 
.footer li p{font-size:16px; color:#fff !important; display:inline-block; margin-left:10px;} 
.footer .col-sm-4{padding:20px;}
.footer .newslatter h3{color:#fff; font-weight:700; font-size:19px; letter-spacing:2px;}
.footer .newslatter li p{margin-top:0; margin-bottom:0;}
.footer .newslatter span{color:#fff; margin-right:30px; font-weight:700; font-size:15px;}
.footer .newslatter a i{color:#fff; width:30px; height:30px; margin:0 5px; font-size:17px; text-align:center; padding:5px; border-radius:50%; transition:all ease-in-out 0.2s;}
.footer .newslatter a i:hover{color:#E98F4A; background:#474747;}
.footer .ftrgallry h3{color:#fff; font-weight:700; font-size:19px; letter-spacing:2px;}
.footer .footerimage{width:100%; height:100px; position:relative; overflow:hidden; margin-top:20px;}
.footer .footerimage img{width:100%; height:100%; transition:all ease-in-out 0.4s;}
.footer .footerupper{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(110,110,110,0.44); transition:all ease-in-out 0.2s; display:none; }
.footer .footerimage:hover img{transform:scale(1.1);}
.footer .footerimage:hover .footerupper{display:block;}
.footer .footerupper i{color:#fff; font-size:40px; margin:25% 0 0 30%; transition:all ease-in-out 0.2s;}
/*FOOTER BOTTOM*/
.footer_btm{background:#BF7315; padding:15px 0px;}
.footer_btm p{margin:0px; color:#fff;}
.footer_btm p a{text-decoration:none; color:#fff; letter-spacing:0.5px;}
.footer_btm ul{margin-bottom:0px;}
.footer_btm ul li{display:inline-block; padding-right:20px;}
.footer_btm ul li a{text-decoration:none; color:#fff;}
.footer_btm ul li a i{transition:all 0.1s ease-in-out;}
.footer_btm ul li a:hover i{color:#858688;}
/* FLOORING */
.flooring{margin:10px 0 30px 0; text-align:center;}
.flooring h2{color:#d38d36; font-size:36px; letter-spacing:1px; margin-bottom:25px; text-align:center;}
.flooring h6{ height:2px; width:100%; background:#D7D7D7;}
.flooring p{font-weight:700; letter-spacing:0.4px; color:#333333;} 
.flooringimage{width:100%; height:250px; position:relative; overflow:hidden; margin-bottom:18px;}
.flooringimage p{z-index:9999; color:#fff; font-size:25px;}
.flooringimage img{width:100%; height:100%; transition:all ease-in-out 0.4s;}
.flooringupper{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(110,110,110,0.44); transition:all 
 ease-in-out 0.2s; display:none; }
.flooringimage:hover img{transform:scale(1.1);}
.flooringimage:hover .flooringupper{display:block;}
.flooringupper p{color:#fff; font-size:25px; margin-top:10%;}
.flooringupper i{color:#fff; font-size:40px; margin-top:10%; transition:all ease-in-out 0.2s;}
/* INFO01 */
.info01{margin:10px 0; margin-bottom:50px;}
.infoinner{text-align:center; border:1px solid #D7D7D7; height:200px; transition:all ease-in-out 0.3s;} 
.infoinner i{font-size:50px; margin:30px 0; color:#d38d36; transition:all ease-in-out 0.3s;}
.infoinner h4{font-size:17px; font-weight:700; letter-spacing:0.7px; color:#333333; transition:all ease-in-out 0.3s;}
.infoinner p{color:#A4A4A4; transition:all ease-in-out 0.3s;}
.infoinner:hover{background:#E98F4A;}
.infoinner:hover i{color:#fff;}
.infoinner:hover h4{color:#fff;}
.infoinner:hover p{color:#fff;}
/* CONTACT */
.map{margin:10px 0;}
.map iframe{width:100%; height:400px;}
.address{margin-top:20px; }
.address h2{color:#d38d36; font-size:36px; letter-spacing:1px; margin-bottom:25px; text-align:center;}
.details{text-align:center; border:1px solid #D7D7D7; height:180px; }
.details i{font-size:50px; margin:14px 0; color:#d38d36;}
.details h6{height:2px; background:#d38d36; width:0%; transition:all ease-in-out 0.3s;}
.details p{color:#212121; font-size:18px; line-height:40px;}
.details a{color:#212121; font-size:18px; line-height:27px; text-decoration:none; transition:all ease-in-out 0.3s;}
.details a:hover{color:#E98F4A;}
.details:hover h6{width:100%;}
.contact{margin-top:20px;}
.contact h1{font-size:28px; font-weight:700;}
.contact .col-sm-3{border-right:1px solid #D7D7D7;  }
.contact p{ font-size:20px; letter-spacing:0.5px; margin-top:15px;}
.contact .col-sm-9{padding:0px 40px;}
.contact input{padding:20px; width:100%; margin:20px 0; border:1px solid #D7D7D7;}
.contact textarea{width:100%; padding:20px; height:200px; margin-bottom:30px; border:1px solid #D7D7D7;}
.contact button{padding:20px 60px; color:#fff; background:#E98F4A; font-weight:700; transition:all ease-in-out 0.3s; border:2px solid #efc4ac;}
.contact button:hover{background:#fff; color:#212121; border:2px solid #212121;}
/* ABOUT */
.about01{ text-align:center; background-image:url(../image/about1.jpg); background-size:cover; height:150px; width:100%; padding:20px 0;}
.about01 h1{color:#fff; font-weight:700;}
.about01 a{color:#fff; font-weight:700; font-size:18px;letter-spacing:1px; text-decoration:none; transition:all ease-in-out 0.3s;}
.about01 p{color:#DCDCDE; font-size:18px; font-weight:700; letter-spacing:1px;}
.about01 a:hover{color:#E98F4A;}
/*ABOUT01*/
.about05{margin-top:10px;}
.about05 h2{color:#d38d36; font-size:36px; letter-spacing:1px; margin-bottom:25px; text-align:center;}
.about05 img{display:inline; height:305px; width:210px;}
.about05 h3{color:#d38d36;}
.about05 p{letter-spacing: 0.5px; line-height: 24px; color: #8a7e7e; text-align:justify;}
.caret {margin-top:0 !important;}
.choose{margin:30px 0;}
.choose .chooseimage{width:100%; height:500px;; overflow:hidden;}
.choose .chooseimage img{height:100%; width:100%; }
.choose .sidechoose{width:100%;}
.choose .sidechoose h1{font-size:40px; letter-spacing:5px; color:#d38d36; font-weight:700; text-align:center;}
.choose .sidechoose .sideaa{text-align:center; margin-top:20px;}
.choose .sidechoose .sideaa a{font-size:19px; font-weight:700; text-decoration:none; color:#9B9B9B; transition:all ease-in-out 0.3s;}
.choose .sidechoose .sideaa a:hover{color:#E98F4A;}
.choose .sidechoose h6{width:100%; height:3px; background:#E98F4A; margin-top:20px; margin-bottom:30px;}
.choose .sidechoose p{color:#919191; line-height:23px; font-size:16px; letter-spacing:0.5px;}
.choose .sidechoose ul{margin-bottom:50px;}
.choose .sidechoose li{list-style:none; padding:10px 0; font-size:16px; color:#919191;}
.choose .sidechoose li i{color:#d38d36; font-size:8px; margin-right:10px;}
.choose .sidechoose span a{padding:20px 40px; background:#E98F4A; color:#fff; font-weight:700; font-size:16px; text-decoration:none; transition:all ease-in-out 0.3s; border:2px solid #E98F4A;}
.choose .sidechoose span a:hover{color:#565656; border:2px solid #565656; background:#fff; }
/*WRAP02*/
.wrap02{ background-image:url(../image/aboutnew.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; margin-top:20px;
 padding: 80px 0px;}
.wrap02 h2{letter-spacing:1px; color:#fff; line-height:40px; margin-bottom:25px;}
.wrap02 p{letter-spacing: 0.5px; line-height: 26px; color: #e8e1e1;}
.wrap02 .inbox01{border:1px solid #fff; padding:35px 15px; background:#007C7D; text-align:center; margin-top:20px; position:relative;}
.wrap02 .inbox01 h4{font-size: 22px; letter-spacing: 1px; color: #fff; margin-top: 0px;}
.wrap02 .inbox01 a{text-decoration: none; color: #fff; background:#E98F4A; display: inline-block; padding: 12px 25px; letter-spacing: 0.5px;
 position:absolute; bottom:-22px; left:25%; transition:all 0.2s ease-in-out; border:1px solid #fff;}
.wrap02 .inbox01 a:hover{background:#007C7D;} 
/* PRODUCT */
.marbles{margin:10px 0;}
.marblesimage{width:100%; height:150px; overflow:hidden; position:relative; margin:20px 0;}
.marblesimage img{width:100%; height:100%;}
.marblesupper{width:100%; height:100%; position:absolute; top:0; left:0; transition:all ease-in-out 0.3s;  background:rgba(0,0,0,0.69); text-align:center; padding-top:60px; opacity:0;}
.marblesupper a{color:#fff; font-size:22px; letter-spacing:0.5px; width:100%; height:100%; text-decoration:none !important;}
.marblesupper a:hover{color:#fff;}
.marblesimage:hover .marblesupper{opacity:100;}
/*PRODUCT01*/
.product01{margin:10px 0 20px 0;}
.prod01{ box-shadow:1px 1px 20px -5px rgba(0,0,0,0.20); padding:10px;}
.product01 h2{color:#E98F4A; font-size:36px; letter-spacing:1px; margin-bottom:20px; text-align:center;}
.product01 a{text-decoration:none; color:rgba(23,194,164,1.00); text-align:center;}
.product01 .mask01{width:100%; height:260px; position:relative; overflow:hidden; margin-bottom:10px;}
.product01 .mask01 img{ width:100%; height:100%;}
.product01 .mask01 .hide01{width:100%; height:0px; background:rgba(255,255,255,1.00); z-index:99; position:absolute; bottom:0px;
 color:#fff; text-align:center; transition:all 0.2s ease-in-out;}
.product01 .mask01 .hide01 p{letter-spacing:0.5px; margin:7px 0px 0px 0px; color:#9F9F9F; background:#FFFFFF; font-size:20px;}
.product01 .mask01 .hide01 h3{margin-top:10px; font-size:30px;}
.product01 .mask01:hover .hide01{height:100%; background:rgba(255,255,255,0.10);}
.product01 .titile01 h3{ margin-top:0 !important; padding:0; color:#9B9B9B;}
.product01 .titile01 p{ margin-top:0 !important; padding:0; color:#d38d36; }
.product01 .view01 button{padding:10px; width:80%; color:#000000; background:rgba(255,255,255,1.00); border:1px solid rgba(0,0,0,1.00); }
.product01 .mask01:hover .view01{ opacity:1;}
/*PRODUCT CAT01*/
.product02{margin-top:0px; margin-bottom:0px;}
.product02 .mask01 img{ width:100%;}
.product02 h2{color:#E98F4A; font-size:36px; letter-spacing:1px; margin-bottom:20px; text-align:center;}
.product02 .mask01 a{text-decoration:none; color:#333;}
.product02 .mask01{width:100%; height:330px; position:relative; overflow:hidden; margin-bottom:25px;}
.product02 .mask01 .hide01{width:100%; height:100%; background:rgba(0,0,0,0.30); z-index:99; position:absolute; bottom:0px;
 color:#fff; text-align:center;transition:all 0.2s ease-in-out;}
.product02 .mask01 .border{ width:80%; height:80%; border:1px solid #FFFFFF; position:absolute; top:10%; left:10%;}
.product02 .mask01 .hide01 p{letter-spacing:0.5px; margin:7px 0px 0px 0px;}
.product02 .mask01 .hide01 h3{margin-top:10px; font-size:30px; color:rgba(255,255,255,1.00);}
.product02 .mask01 .hide01 h5 a{color:rgba(255,255,255,0.60); padding:5px; display:block; margin:0; background:
 rgba(241,204,176,.50); transition:linear 0.2s;}
.product02 .mask01 .hide01 h5 a:hover{color:rgba(255,255,255,1.00); text-decoration:underline; background:rgba(241,204,176,1.00);}
.product02 .mask01:hover .hide01{ background:rgba(153,114,88,0.81); }
/*PRODUCTS DETAILS*/
.details01{margin-top:10px;}
.details01 .nav > li{border-radius:5px;}
.details01 .nav > li > a{margin-bottom:5px; padding:0px !important; border-radius:5px;}
.details01 .nav > li:first-child{margin-top:10px;}
.details01 .nav > li > a > img{margin:auto; width:116px; border-radius:0px; padding:2px; border:2px solid #ccc; 
 background:#fff; margin-bottom:15px; transition:all 0.2s ease-in-out;}
.details01 .nav > li > a > img:hover{border:2px solid #0081C7;} 
.details01 .tab-content img{margin-top:10px; width:100%; height:400px; padding:2px; border:2px solid #ccc; background:#fff;}
.details01 h2{color:#007C7D;}
.details01 p{letter-spacing: 0.5px; line-height: 24px; color: rgb(138, 126, 126); text-align: justify; margin-bottom:25px; margin-top:20px;}
.details01 .inc01{ margin-bottom:25px;}
.details01 .inc01 button{width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #ccc; font-size:30px; background:#fff;}
.details01 .inc01 input{width: 81px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #ccc; outline:none;}
.details01 .inc01 .pd{padding-right:0px; padding-left:0px;}
.details01 .inc01 h4{color:#E98F4A}
.details01 ul.icons01{margin-bottom:0px; margin-top:10px;}
.details01 ul.icons01 li{ display:inline;}
.details01 ul.icons01 li a{ color:#95887a; font-size:16px; padding-right:15px;}
.details01 .inc01 input[type="submit"]{width:100%; background:#E98F4A; border:none; color:#fff; margin-bottom:16px;}
.details02{margin-bottom:50px;}
.details02 h2{color:#007C7D;}
.details02 h3{color:#E98F4A;}
.details02 .nav-tabs>li>a{color:#333;}
.details02 .tab-content{border: 1px solid #ddd; border-top: none; padding: 15px;}
.details02 p{letter-spacing: 0.5px; line-height: 24px; color: rgb(138, 126, 126); text-align: justify; margin-top:20px;}
.details02 h4{margin-top:25px;}
.details02 ul{margin-bottom:0px;}
.details02 ul li{letter-spacing: 0.5px; line-height: 24px; color: rgb(138, 126, 126); list-style:none;}
/*ADDCART01*/
.addcart01{margin:10px 0;}
.addcart01 h2{color:#E98F4A; font-size:36px; letter-spacing:1px; margin-bottom:25px; text-align:center;}
.addcart01 .cart01 .table img{width:80px; height:80px; margin:auto;}
.addcart01 .cart01 td{font-size:15px;}
.addcart01 .cart01 td a{font-size:14px; color: #fff; text-decoration: none; background:#E98F4A; display: inline-block; padding: 10px 20px;
 transition: all 0.1s ease-in-out;}
.addcart01 .cart01 td a:hover{background:#d38d36;}
.addcart01 .cart01 td input[type="text"]{width: 42px; height:42px; padding: 5px 7px; outline: none; text-align:center; border:1px solid #ccc; border-radius:50%;}
.addcart01 .cart01 td button{width:42px; height:42px; padding:5px; background:#d38d36; color:#fff; border:1px solid #d38d36; font-size:17px; outline:none; border-radius:50%;}
.addcart01 .cart01 td input[type="button"]:hover{background:#E98F4A; border:1px solid #E98F4A;}
.addcart01 .cart01 .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
 vertical-align: middle;}
.addcart01 .cart01 a.discount{display:inline-block; padding:11px 25px; background:#87509c; color:#fff; font-size:15px; margin-top:20px;
 text-decoration:none;}
.addcart01 .cart01 .col-sm-5 input{width:100%; padding:12px; border:1px solid #ccc; outline:none; margin:15px 0px; display:inline-block;} 
.addcart01 .cart01 a.apply{display:inline-block; padding:11px 25px; background:#d38d36; color:#fff; font-size:15px; text-decoration:none;
 text-align:right;}  
.addcart01 .cart01 .col-sm-7{ text-align:right;} 
.addcart01 .cart01 h3, h4{font-size:22px;} 
.addcart01 .cart01 a.shop{display:inline-block; padding:11px 25px; border:2px solid #d38d36; color:#d38d36; font-size:15px;
 margin-left:10px; text-decoration:none;  margin-top:5px; font-weight:700;}  
.addcart01 .cart01 a.checkout{display:inline-block; padding:11px 25px; border:2px solid #d38d36; color:#d38d36; font-size:15px;
 margin-left:10px;  text-decoration:none; letter-spacing:0.5px; margin-top:5px; font-weight:700;} 
.addcart01 .cart01 a:hover{background:#d38d36; color:#fff;}
/* DETAILS */
.pdetails{margin:10px 0; margin-bottom:50px;}
.pimage{width:100%; overflow:hidden;}
.pimage p{margin-top:20px; color:#76777B; font-weight:700;}
.pimage h3{color:#d38d36; display:inline-block; font-size:35px;}
.pimage span{display:inline-block; color:#76777b; margin-left:10px;}
.pimage img{width:100%; height:100%;}
.mdetails{width:100%;}
.mdetails h3{color:#333333; letter-spacing:1px; margin-top:0; font-weight:700; margin-bottom:30px; }
.mdetails p{color:#ADADAD; line-height:23px; letter-spacing:1px;}
.mdetails h6{background:#adadad; width:100%; height:1px; margin:20px 0;}
.mdetails h5{color:#d38d36; font-size:20px; font-weight:700; }
.mdetails li{list-style:none; margin:10px 0; color:#ADADAD;}
.mdetails li span{color:#76777B; margin-right:5px;}
.slider01{position:relative;}
.slider02 .carousel-control.left{background-image:none !important;}
.slider02 .carousel-control.right{background-image:none !important;}
.slider02 .item img{width:100% !important; height:100%;}
.slider02 .glyphicon-chevron-right{font-size:17px;  line-height:50px; transition:all ease-in-out 0.2s;  color:#fff;}
.slider02 .glyphicon-chevron-right:hover{ font-size:17px; color:#E98F4A;}
.slider02 .glyphicon-chevron-left{font-size:17px;  line-height:50px; color:#fff; transition:all ease-in-out 0.2s;}
.slider02 .glyphicon-chevron-left:hover{color:#E98F4A; font-size:17px; }
/*LOGIN01*/
.login01 h2{margin-bottom:15px;}
.login01 .log_box{width:425px; height:auto; padding:40px; margin:20px auto 20px; background:#fff; border-radius:10px; box-shadow: 0px 0px 10px 0px #333;}
.login01 .log_box h2{text-align:center; margin-top:0px;}
.login01 .log_box a.fbook{ width:100%; margin:auto; color:#fff; background:#3b5998; display:block; text-align:center; position:relative;
 line-height: 50px; font-size: 18px; letter-spacing: 0.5px; border-radius: 5px; text-decoration:none; transition:all 0.2s ease-in-out;}
.login01 .log_box a.fbook:hover{background:#1c4292;}
.login01 .log_box svg:not(:root).svg-inline--fa{width:50px; height:50px; line-height:50px; text-align:center; background:#4867AA; padding:15px;
 border-radius:5px; position:absolute; left:0px;}
.login01 .log_box hr{border-color:#e2e0e0;} 
.login01 .log_box input[type="text"]{width:100%; padding:15px; border:1px solid #E3E0E0; border-radius:5px; margin-bottom:15px; outline:none;}
.login01 .log_box input[type="email"]{width:100%; padding:15px; border:1px solid #E3E0E0; border-radius:5px; margin-bottom:15px; outline:none;}
.login01 .log_box input[type="password"]{width:100%; padding:15px; border:1px solid #E3E0E0; border-radius:5px; outline:none; margin-bottom:15px;}
.login01 .log_box h5{margin-bottom:15px; letter-spacing:0.5px; margin-top:0px;}
.login01 .log_box input[type="submit"]{width:100%; padding:12px; border:none; border-radius:5px; outline:none; font-size: 20px;
 background:#E98F4A; color:#fff; margin-bottom:10px; transition:all 0.1s ease-in-out;}
.login01 .log_box input[type="submit"]:hover{background:#d38d36;}
.login01 .log_box input:focus{box-shadow:0px 0px 10px 0px #ccc;}
.login01 .log_box p{font-size: 15px; letter-spacing: 0.5px; margin-bottom: 5px;}
.login01 .log_box p a{color: #87509C;} 
/* PRODUCT 1 */
.prodetails{margin:10px 0; margin-bottom:50px;}
.prodetails h3{font-weight:700; letter-spacing:1px; font-size:20px; color:#333333; margin:20px 0;}
.prodetails li{list-style:none; margin:5px 0px; padding:5px 0px; position:relative; border:1px solid #EAEAEA;}
.prodetails li i{position:absolute; top:10px; right:5%; transition:all ease-in-out 0.1s; color:#979A9F; }
.prodetails li i:hover{color:#E98F4A;}
.prodetails li a{text-decoration:none; color:#979A9F; transition:all ease-in-out 0.1s; font-size:16px; margin-left:10px; }
.prodetails li a:hover{color:#E98F4A;}
.show01{ padding:0 20px; display:none;}
.show01 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show01 li:hover{color:#d38d36;}
.show02{ padding:0 20px; display:none;}
.show02 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show02 li:hover{color:#d38d36;}
.show03{ padding:0 20px; display:none;}
.show03 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show03 li:hover{color:#d38d36;}
.show04{ padding:0 20px; display:none;}
.show04 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show04 li:hover{color:#d38d36;}
.show05{ padding:0 20px; display:none;}
.show05 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show05 li:hover{color:#d38d36;}
.show06{ padding:0 20px; display:none;}
.show06 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show06 li:hover{color:#d38d36;}
.show07{ padding:0 20px; display:none;}
.show07 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show07 li:hover{color:#d38d36;}
.show08{ padding:0 20px; display:none;}
.show08 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show08 li:hover{color:#d38d36;}
.show01{ padding:0 20px; display:none;}
.show01 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show01 li:hover{color:#d38d36;}
.show09{ padding:0 20px; display:none;}
.show09 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show09 li:hover{color:#d38d36;}
.show10{ padding:0 20px; display:none;}
.show10 li{list-style:none;margin:5px 0px;padding:5px 10px;color:#E98F4A;font-size:16px; transition:all ease-in-out 0.1s;border:none; }
.show10 li:hover{color:#d38d36;}
.proimage a{text-decoration:none;}
.tileimage{width:100%; height:150px; overflow:hidden; position:relative; margin-top:32px;}
.tileimage img{height:100%; width:100%;}
.tileimage i{position:absolute; top:10%; right:10%; font-size:35px; color:#F3070B; opacity:0; transition:all  ease-in-out 0.3s; }
.tileimage:hover i{opacity:1; z-index:99999; }
.tiledetail{width:100%;  }
.tiledetail h4{font-weight:700; letter-spacing:1px; font-size:16px; color:#333333; margin-top:20px; margin-bottom:0;}
.tiledetail p{color:#979A9F;  margin:10px 0;}
.tiledetail h2{color:#d38d36; font-weight:700; display:inline-block; margin:0; }
.tiledetail h6{color:#979A9F; font-size:15px; display:inline-block; margin-left:10px;}
.tiledetail span{display:block; color:#979A9F; text-decoration:none;}
.tiledetail span i{font-size:22px; margin-left:20px; transition:all ease-in-out 0.2s;}
.tiledetail span i:hover{color:#E98F4A;}
/*CONTROLPANEL01*/
.controlpanel01 .parts{background:green; border:1px solid yellow; padding:14px; margin-bottom:8px; height:180px;}
.controlpanel01 .parts span{font-size:36px; color:#fff;padding-top:20%; float:right;}
.controlpanel01 .parts p{color:#fff;}
.controlpanel01 .parts p a{text-decoration:none; color:#fff; }
.controlpanel01 .parts h4{color:#fff; font-size:19px; line-height:21px;}
.controlpanel01 .parts h3{color:#fff; font-size:30px; line-height:32px;}
.controlpanel01 .col-sm-3 {border-right:0 !important;}
#part1{background:#FC3158;}
#part2{background:#53D769;}
#part3{background:#147EFB;}
#part4{background:#BC9C59;}
#part5{background:#7F5A7C;}
#part6{background:#FCB322;}
#part7{background:#604E46;}
#part8{background:#AF4168;}
#part9{background:#0A795D;}
#part10{background:#958F88;}
#part11{background:#B24922;}
#part12{background:#2577B5;}
.adding01{padding:10px 10px 10px 10px; margin-left:0%; background:#fff; width:100%; overflow:hidden; transition:all 0.3s ease-in-out;}
.adding01 .navigator01{ background:#d38d36; color:#fff; padding:10px;}
.adding01 .navigator01 ul{margin-bottom:0px;}
.adding01 .navigator01 ul li{list-style:none; display:inline-block; margin-right:5px; letter-spacing:1px; font-size:14px;}
.adding01 .navigator01 ul li a{ text-decoration:none; color:#fff; transition:all 0.1s ease-in-out;}
.adding01 .navigator01 ul li a:hover{color:#53d6b1;}
.adding01 .navigator01 ul li a i{font-size:20px;}
.adding01 .navigator01 ul li a span{font-size:14px; color:#c1bbbb;}
.adding01 .navigator01 ul li button{background: #05352C; border: none; transition: all 0.1s ease-in-out; padding: 3px 12px;}
.adding01 .navigator01 ul li button:hover{background:#E98F4A;}
/* DOWNLINE SALE */
.adding01 .tab01{width:100%;  height:auto; overflow:scroll !important;}
.employee02 .tab01{width:100%;  height:auto; overflow:scroll !important; }
/*EMPLOYEE*/
.adding01 .employee01{border-bottom:1px dotted #ccc; width:90%; margin:auto;}
.adding01 .employee01 h2{border-bottom:1px dotted #CCCCCC; padding-bottom:15px; margin-bottom:10px;}
.adding01 .employee01 p{margin-top:5px;}
.adding01 .employee01 input{width:100%; border:1px solid #ccc; padding:6px; margin-bottom:10px; outline:none;}
.adding01 .employee01 input:focus{box-shadow: 0px 0px 10px 1px #ccc;}
.adding01 .employee01 select{width:100%; border:1px solid #ccc; padding:6px; margin-bottom:10px; outline:none;}
.adding01 .employee01 select:focus{box-shadow: 0px 0px 10px 1px #ccc;}
.adding01 .employee01 input[type="submit"]{width:200px; font-size:16px; letter-spacing:1px; margin:auto; display:block; border:none;
 background:#E98F4A; color:#fff; padding:10px 0px; margin-bottom:15px; transition:all 0.2s ease-in-out;}
.adding01 .employee01 textarea{width:100%; border:1px solid #ccc; outline:none; height:60px;}
.adding01 .employee01 textarea:focus{box-shadow: 0px 0px 10px 1px #ccc;}
.adding01 .employee01 input[type="submit"]:hover{background:#449D44;} 
.adding01 .employee02{margin-top:10px;}
.adding01 .employee02 h4{background:#d38d36; color:#fff; padding:10px; margin-bottom:0px; letter-spacing:1px;}
.adding01 .employee02 .table > thead > tr > th{padding:12px 8px;}
.adding01 .employee02 .table > tbody > tr > td{padding:12px 8px;}
.adding01 .employee02 .table > thead > tr:nth-child(even){background:#ECE6E6;}
.adding01 .employee02 .table .fa{ color:#E98F4A; margin:0 5px; font-size:24px;}
.adding01 .employee02 .table .fa-unlock{ color:#d38d36;}
.adding01 .employee02 form{ margin-top:20px;}
.adding01 .employee02 input[type="text"]{width:100%; border:1px solid #ccc; padding:6px; margin-bottom:10px; outline:none;}
.adding01 .employee02 input:focus{box-shadow: 0px 0px 10px 1px #ccc;}
.adding01 .employee02 select{width:100%; border:1px solid #ccc; padding:6px; margin-bottom:10px; outline:none;}
.adding01 .employee02 select:focus{box-shadow: 0px 0px 10px 1px #ccc;}
.adding01 .employee02 .submit{width:200px; font-size:16px; letter-spacing:1px; margin:auto; display:block; border:none;
 background:#E98F4A; color:#fff; padding:10px 0px; margin-bottom:15px; transition:all 0.2s ease-in-out;}
.adding01 .employee02 textarea{width:100%; border:1px solid #ccc; outline:none; height:60px;}
.adding01 .employee02 textarea:focus{box-shadow: 0px 0px 10px 1px #ccc;}
.adding01 .employee02 .submit:hover{background:#449D44;} 
.adding01 .employee02 button{width:60px; font-size:16px; letter-spacing:1px; margin:auto; display:block; border:none;
 background:#E98F4A; color:#fff; padding:5px 0px; margin-bottom:15px; transition:all 0.2s ease-in-out;}
/*PROFILE*/
.adding01 .profile01{margin-top:15px;}
.adding01 .profile02{border:1px solid #E8E2E2; padding:20px; margin-bottom:20px;}
.adding01 .profile02 p{letter-spacing:0.5px;}
.adding01 .profile02 button{width: 150px; background: #E98F4A; border: none; color: #fff; letter-spacing: 1px; font-size: 16px; padding: 10px 0px;
 transition:all 0.2s ease-in-out;}
 .adding01 .profile01 .btn{margin:4px;}
.adding01 .profile02 button:hover{background:#449D44;}
.adding01 .profile02 input{width:100%;padding:4px; margin:2px 0; outline:none;}
.adding01 .profile02 input[type="submit"]{margin-top:16px; background:#E98F4A; color:#fff;outline:none; border:1px solid #E98F4A; cursor:pointer; width:auto !important; }
.adding01 .profile03{border:1px solid #E8E2E2; padding:20px; margin-bottom:150px;}
.adding01 .profile03 h4{background:#d38d36; color:#fff; padding:10px; letter-spacing:1px; margin-top:0px; margin-bottom:15px;}
.adding01 .profile03 p{letter-spacing:0.5px; margin-bottom:0px; margin-top:5px;}
.adding01 .profile03 input{width:100%; border:1px solid #dcd6d6; outline:none; padding:5px; margin-bottom:10px;}
.adding01 .profile03 input:focus{box-shadow: 0px 0px 10px 1px #ccc;}
.adding01 .profile03 input[type="file"]{margin-top:5px;}
.adding01 .profile03 select{width:100%; border:1px solid #dcd6d6; outline:none; padding:5px; margin-bottom:10px;}
.adding01 .profile03 select:focus{box-shadow: 0px 0px 10px 1px #ccc;}
.adding01 .profile03 textarea{width:100%; border:1px solid #dcd6d6; outline:none; height:60px;}
.adding01 .profile03 textarea:focus{box-shadow: 0px 0px 10px 1px #ccc;}
.adding01 .profile03 button[type="submit"]{width:200px; letter-spacing:1px; font-size:16px; background:#E98F4A; color:#fff; padding:10px 0px; outline:none;margin:auto; margin-top:10px; margin-right:10px; border:none; transition:all 0.2s ease-in-out;}
.adding01 .profile03table {border-collapse: collapse; width: 100%;}
.adding01 .profile03 th{background:#E98F4A; color:#fff; padding:10px; text-align:center;}
.adding01 .profile03 td, th {border: 1px solid #dddddd;text-align: left;padding: 8px;}
.adding01 .profile03 tr:nth-child(even) {background-color: #dddddd;}
.adding01 .profile03 button[type="submit"]:hover{background:#449D44;} 
.adding01 .profile03 button{width:200px; letter-spacing:1px; font-size:16px; background:#E98F4A; color:#fff; padding:10px 0px;
 margin:auto; margin-top:10px; border:none; transition:all 0.2s ease-in-out;}
.adding01 .profile03 button:hover{background:#449D44;} 
.adding01 .profile03 td button{ width:100px;}
.adding01 .profile03 .devide01{border-bottom:1px solid #a8cbef; padding-bottom:15px; margin-bottom:20px;}
.adding01 .profile03 a#replica01{margin-left:93%;}
.adding01 .profile03 .devide01 h5{font-size: 16px; letter-spacing: 1px; font-weight: 600; margin-bottom:15px;}
.adding01 .profile03 .devide01 textarea{width:100%; border:1px solid #dcd6d6;}
.adding01 .profile03 .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{margin-bottom:10px;}
/*DASHBOARD*/
.adding01 .dashboard01{padding:0px 20px;}
.adding01 .dashboard01 h2{border-bottom: 1px dotted #CCCCCC; padding-bottom: 15px; margin-bottom: 10px;}
.adding01 .dashbox01{border:1px solid #ccc; padding:10px; height:auto; margin-bottom:5px;}
.adding01 .dashbox01 h3{margin-top:0px; font-size: 20px; border-bottom:1px solid #ccc; padding-bottom:5px; letter-spacing:1px;}
.adding01 .dashbox01 ul{padding-left:0px;}
.adding01 .dashbox01 ul li{list-style:none; letter-spacing:0.5px;}
.adding01 .dashbox01 ul li a{text-decoration:none; color:#333; display: block; padding: 10px; background: #f3f3f3; margin-bottom: 5px;}
.adding01 .dashbox01 ul li a span{color:#E98F4A;}
.adding01 .dashbox01 h4{font-size: 16px; background: #E98F4A; color: #fff; margin-top: 0px; margin-bottom:5px; padding:8px 5px;}
.adding01 .dashbox01 p{background: #f3f3f3; color: #333; padding: 5px; margin-bottom:5px;}	
.adding01 .leave_box01 .col-xs-5{padding-left: 0px;}
.adding01 .leave_box01 .col-xs-4{padding-left: 0px;}
.adding01 .leave_box01 h4{font-size: 16px; background: #E98F4A; color: #fff; margin-top: 0px; padding:8px 5px;}	
.adding01 .leave_box01 p{background: #f3f3f3; color: #333; padding: 5px;}
.adding01 .leave_box01 p span.absent{width:10px; height:10px; display:inline-block; background:#F50D11;}
.adding01 .leave_box01 p span.leave{width:10px; height:10px; display:inline-block; background:#FF5700;}
.adding01 .leave_box01 p span.late{width:10px; height:10px; display:inline-block; background:#FFCE00;}
.adding01 .leave_box01 p span.present{width:10px; height:10px; display:inline-block; background:#1C6F03;}
.adding01 .leave_box01 p span.lwp{width:10px; height:10px; display:inline-block; background:#3881dc;}
.adding01 .leave_box01 p span.holiday{width:10px; height:10px; display:inline-block; background:#0B9F7C;}
.adding01 .leave_box01 p span.weekoff{width:10px; height:10px; display:inline-block; background:#e64be8;}
/*MAILBOX*/
.adding01 .inbox01{padding: 20px 10px; border: 1px solid #E8E2E2;}
.adding01 .inbox01 input[type="submit"]{background:#E98F4A; color:#fff; border:none; font-size:14px;border-radius:3px;
 transition:all 0.2s ease-in-out;}
.adding01 .inbox01 input[type="submit"]:hover{background:#449D44;}
.adding01 .inbox01 .col-sm-7{padding-left:0px;}
.adding01 .inbox02{padding: 20px 10px 0px 10px; border: 1px solid #E8E2E2; margin-top:15PX;}
.adding01 .inbox02 ul{padding-left:0px;}
.adding01 .inbox02 ul li{list-style:none; display:inline-block; margin-right:5px;}
.adding01 .inbox02 ul li a{text-decoration:none; color:#333;}
.adding01 .inbox02 ul li a i{border: 1px solid #ccc; border-radius: 5px; height: 35px; width: 35px; text-align: center; line-height: 33px;
 transition:all 0.1s ease-in-out;}
.adding01 .inbox02 ul li a i:hover{color:#E98F4A; border: 1px solid #E98F4A;} 
.adding01 .inbox02 ul li a.compose{background: #05352C; padding: 8px; border-radius: 5px; letter-spacing: 0.5px; color: #fff;
 transition:all 0.1s ease-in-out;}
.adding01 .inbox02 ul li a.compose:hover{background:#E98F4A;} 
.adding01 .inbox02 input[type="checkbox"]{margin-top:9px; outline:none; width:auto;}
.adding01 .inbox02 .panel-heading{padding: 0px 0px;}
.adding01 .inbox02 h4.panel-title{margin-bottom:0px; padding:5px 10px;}
.adding01 .inbox02 .panel-group .panel + .panel{margin-top: 0px;}
.adding01 .inbox02 .panel-body h3{letter-spacing: 1px; border-bottom: 2px solid #EBEBEB; padding-bottom: 10px; margin-top: 0px; color: #d38d36;
 font-size:20px;}
.adding01 .inbox02 .panel-body h5{font-weight: 600; letter-spacing: 0.5px;}
.adding01 .inbox02 .panel-body h5 a{text-decoration:none;}
.adding01 .inbox02 .panel-body .btn-group{margin-top:5px;}
.adding01 .inbox02 .panel-heading h4.panel-title{ padding:0 !important; line-height:0px;}
.adding01 .inbox02 .panel-heading button{display:block !important; width:100% !important; background:rgba(255,0,4,1.00); margin:0 !important; outline:none;
line-height:20px; text-align:left; padding:10px 10px;}
.adding01 .inbox02 .panel-heading h4 a{display:block !important; width:100% !important;  margin:0 !important; outline:none;
line-height:20px; padding:10px 10px;}
.adding01 .inbox02 .panel-heading .panel-title 
.adding01 .inbox02 .col-sm-3 p{font-weight:600;}
.adding01 .inbox02 p span{color:#aeff9f;}
.active01{ background:#c5f7c5 !important;}
.adding01 .inbox03{padding: 20px 10px; border: 1px solid #E8E2E2; margin-top:15px;}
.adding01 .inbox03 h3{letter-spacing:1px; border-bottom:2px solid #EBEBEB; padding-bottom:10px; margin-top:0px; color:#d38d36;}
.adding01 .inbox03 h5{font-weight:600; letter-spacing:0.5px;}
.adding01 .inbox03 h5 a{color:#a99c9c; text-decoration:none; transition:all 0.1s ease-in-out;}
.adding01 .inbox03 h5 a:hover{color:#333;}
.adding01 .inbox03 .col-sm-2{text-align:right;}
.adding01 .inbox03 .btn-group{margin-top:10px;}
/* RESPONSIVE */
@media (max-width:1199px) and (min-width:992px){
	
}
@media (max-width:991px) and (min-width:961px){
	
}
@media (max-width:960px) and (min-width:768px){
	
}
@media (max-width:767px) and (min-width:641px){
	
}
@media (max-width:640px) and (min-width:581px){
	
}
@media (max-width:580px) and (min-width:481px){
}
@media (max-width:480px) and (min-width:361px){
	
}
@media (max-width:360px) and (min-width:321px){
	
}
@media screen and (min-width:320px){
.slider01 .item img{width:100% !important; height:360px;}
.slider01 .text01{top:70px; width:60%; left:20%;}	
}
/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}
#status {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 47%;
  /* centers the loading animation horizontally one the screen */
  top: 45%;
  /* centers the loading animation vertically one the screen */
  
  margin:0;
  /* is width and height divided by two */
}
#status #loader{ background-image:url(../image/lg.flat-bouncing-circle-loading-icon.gif);
  /* path to your loading animation */
  background-repeat: no-repeat; width:50px; height:50px;background-position: center;
  background-size:contain; margin-left:auto; margin-right:auto;}