@import url('https://fonts.googleapis.com/css?family=Work+Sans');



@font-face {



    font-family: 'raleigh_btbold';



    src: url('../fonts/raleighb-webfont.woff2') format('woff2'),



         url('../fonts/raleighb-webfont.woff') format('woff');



    font-weight: normal;



    font-style: normal;



}



.padding{ padding-left:0px !important; padding-right:0px !important;}



.top_bg{ background:black;}



.top_number{font-family: 'Work Sans', sans-serif; font-size:12px; color:white; padding:10px 0;}



.top_number a{ color:white; text-decoration:none;}



.top_number a:hover{ color:red; text-decoration:underline;}



.logo{ padding:10px 0;}



.search-icons{ text-align:right; padding:40px 0; color:black;}



.search-icons a{ color:black;}



.search-icons a:hover{ color:#f08ca8;}



.nav_bar{ padding:25px 0;}



.cat_heading{font-family: 'raleigh_btbold'; font-size:36px; text-transform:uppercase; color:black; text-align:center; padding:15px 0 0 0;}



.cat_img{ text-align:center;}



.p_box2{ background:white; padding:15px; margin-bottom:15px; border-radius:8px; text-align:center; border:solid 1px #CCCCCC;}



.p_box2:hover{box-shadow: 0px 0px 20px #000;}



.p_name{font-family: 'Work Sans', sans-serif; font-size:16px; font-weight:700; color:black; text-align:center; text-transform:uppercase;}



.p_art{font-family: 'Work Sans', sans-serif; font-size:15px; color:black; text-align:center;}



.p_btn{font-family: 'Work Sans', sans-serif; font-size:14px; color:white; margin:15px 0 15px 0; text-align:center; text-transform:uppercase;}



.p_btn a{font-family: 'Work Sans', sans-serif; font-size:14px; color:white; background:#343434; padding:10px 25px;}



.p_btn a:hover{ text-decoration:none; color:#fff; background:#f08ca8;}



.letter_bg{ background:#000000 url(../images/news_letter_bg.jpg) center top no-repeat;}



.letter_heading{font-family: 'raleigh_btbold'; font-size:36px; text-transform:uppercase; color:white; text-align:center; padding:50px 0 20px 0;}



.letter_text{ font-family: 'Work Sans', sans-serif; font-size:16px; color:white; text-align:center; padding-bottom:50px;}



.news_letter{ margin-bottom:30px;}



.footer_bg{ background:#000000;}



.footer_heading{ background:url(../images/footer.png) left bottom no-repeat; font-family: 'Work Sans', sans-serif; font-size:20px; color:white; font-weight:400; text-transform:uppercase; padding-bottom:15px; margin:20px 0;}







.footer{ font-family: 'Work Sans', sans-serif; color:white; font-size:16px;}



.footer a{ color:white; text-decoration:none;}



.footer a:hover{ color:#f08ca8; text-decoration:underline;}



.footer li a{font-family: 'Work Sans', sans-serif; color:white; font-size:13px; display:block; transition:all 0.3s; text-transform:uppercase; padding-bottom:5px;}



.footer li a:hover{ text-decoration:none; color:#f08ca8; padding-left:15px; transition:all 0.3s;}



.footers{ font-family: 'Work Sans', sans-serif; color:white; font-size:16px;}



.footers li a{font-family: 'Work Sans', sans-serif; color:white; font-size:13px; display:block; transition:all 0.3s; text-transform:uppercase; padding-bottom:15px;}



.footers li a:hover{ text-decoration:none; color:#f08ca8; padding-left:15px; transition:all 0.3s;}



.footers li i{ font-size:25px;}







.copy-rights-bg{ background:#000; border-top:solid 1px #313131; padding:20px 0;}



.copy_rights{font-family: 'Work Sans', sans-serif; color:white; font-size:16px; text-align:center;}







.left_menu_main a{ background:#f08ca8; font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; color:#fff; text-transform:uppercase; display:block;padding:6px 10px; transition:all 0.3s; margin-bottom:5px;}



.left_menu_main a:hover{ background:#000; text-decoration:none; transition:all 0.3s; padding-left:20px;}







.left_sub_menu a{ background:#000; font-family:Myriad Pro; font-size:13px; color:#fff; display:block; padding:5px 12px;  transition:all 0.3s; margin-bottom:2px;}



.left_sub_menu a:hover{ background:#f08ca8; text-decoration:none; padding-left:15px; transition:all 0.3s;}











.baskets{padding:10px 20px 10px 20px; background:#f08ca8; border:1px #f08ca8 solid; border-radius:0; color:#fff; text-decoration:none;}



.baskets:hover{padding:10px 20px 10px 20px; background:#000; border:1px #000 solid; border-radius:0; color:#fff; text-decoration:none;}



.baskets a{padding:10px 20px 10px 20px; background:#f08ca8; border:1px #f08ca8 solid; border-radius:0; color:#fff; text-decoration:none;}



.baskets a:hover{padding:10px 20px 10px 20px; background:#000; border:1px #000 solid; border-radius:0; color:#fff; text-decoration:none;}







.brds{ font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:bold; color:#000; border-bottom:solid 1px #000; padding:15px 0; margin-bottom:20px;}



.content_head{ font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:bold; color:#000; border-bottom:solid 1px #000; padding:15px 0; margin-bottom:20px;}



.content_text{ font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#000; margin-bottom:20px;}



.brds a{ color:#000;}



.brds a:hover{ text-decoration:none; color:#ea5206;}











.paging_con{ margin-bottom:20px;}



.paging{







	font-family:Arial;







	font-size:12px;







	font-weight:bold;







	color:#fff;







	text-valign:center;







	text-decoration:none;







	background:#000;







	PADDING-top:3px;







	PADDING-bottom:3px;







	PADDING-right: 7px;







	PADDING-left: 7px;







	width:25px;







	height:25px;







	-moz-border-radius:3px;







	-webkit-border-radius:3px;







	border:solid 1px #000;







}







.paging:hover{







	font-family:Arial;







	font-size:12px;







	font-weight:bold;







	color:#fff;







	text-valign:center;







	text-decoration:none;







	background:#f08ca8;







	PADDING-top:3px;







	PADDING-bottom:3px;







	PADDING-right: 7px;







	PADDING-left: 7px;







	width:25px;







	height:25px;







	-moz-border-radius:3px;







	-webkit-border-radius:3px;







	border:solid 1px #f08ca8;







}







.paging_act{







	font-family:Arial;







	font-size:11px;







	font-weight:bold;







	background-color:#f08ca8;







	color:#fff;







	text-valign:center;







	text-decoration:none;







	PADDING-top:3px;







	PADDING-bottom:3px;







	PADDING-right: 7px;







	PADDING-left: 7px;







	width:35px;







	height:20px;







	-moz-border-radius:3px;







	-webkit-border-radius:3px;







	border:solid 1px #f08ca8;







}







.paging_act:hover{







	font-family:Arial;







	font-size:11px;







	font-weight:bold;







	background-color:#f08ca8;







	color:#fff;







	text-valign:center;







	text-decoration:none;







	PADDING-top:3px;







	PADDING-bottom:3px;







	PADDING-right: 7px;







	PADDING-left: 7px;







	width:35px;







	height:20px;







	-moz-border-radius:3px;







	-webkit-border-radius:3px;







	border:solid 1px #f08ca8;







}







.detail_box{ background:#FFF; text-align:center; padding:25px; border:solid 2px #f08ca8; margin-bottom:20px;}



.detail_box{ background:#FFF; padding:20px; text-align:center;}



.d_name{ font-family:'Roboto', sans-serif; font-size:22px; color:#f08ca8; font-weight:700;}



.d_art{ font-family:'Roboto', sans-serif; font-size:16px; color:#000; font-weight:700; padding:5px 0 15px 0; border-bottom:solid 1px #f08ca8; margin-bottom:15px;}



.d_detail{ font-family:'Roboto', sans-serif; font-size:14px; color:#000; padding:5px 0 15px 0; border-bottom:solid 1px #dfdfdf;}



.d_qty{ font-family:'Roboto', sans-serif; font-size:22px; color:#f08ca8; font-weight:700; padding:15px 0; border-bottom:solid 1px #f08ca8; margin-bottom:20px;}



@media(max-width:768px){



	.top_number{ text-align:center; padding:5px 0;}



	.logo{ text-align:center;}



	.search-icons{ text-align:center; padding:0 0 20px 0;}



	.nav_bar{ padding:0 0 0 0;}



}



.mg-image img {



    -webkit-transition: all 0.5s ease; /* Safari and Chrome */



    -moz-transition: all 0.5s ease; /* Firefox */



    -o-transition: all 0.5s ease; /* IE 9 */



    -ms-transition: all 0.5s ease; /* Opera */



    transition: all 0.5s ease;



    max-width: 100%;



	overflow:hidden;



}



.mg-image:hover img {



    -webkit-transform:scale(1.25); /* Safari and Chrome */



    -moz-transform:scale(1.25); /* Firefox */



    -ms-transform:scale(1.25); /* IE 9 */



    -o-transform:scale(1.25); /* Opera */



     transform:scale(1.25);



	 overflow:hidden;



}



.mg-image {



  overflow: auto;



  overflow:hidden;



}



.goog-te-gadget-simple { background-color: transparent !important; border:0px !important;  border-radius: 4px; font-size: 11pt !important;}



.goog-te-gadget-simple a { text-decoration: none; }



.goog-te-gadget-simple .goog-te-menu-value span { margin-right: 3px !important;color:white !important;font-family: 'Work Sans', sans-serif !important; font-size:12px !important; text-transform:uppercase !important; /*  color: #fff !important;*/



border: none !important; }



.goog-te-gadget img { display: none; }



.container.highmob { display: none; }



.container.highdesk { display: block; }





.comon-prd-wrapper{text-align:center; position:relative; margin-top:30px; transition: 0.4s all; background:#fff; border:1px solid #cfcfcf; margin-bottom:20px;}



.comon-prd-wrapper:hover{box-shadow:0px 0px 25px 2px #ddd;}



.comon-prd-wrapper .prd-img{}



.comon-prd-wrapper .prd-img a{display:block;}



.comon-prd-wrapper .prd-img a img{display:block; width:100%;}







.comon-prd-wrapper .prd-deteiled{margin-top:15px; padding-bottom:15px;}



.comon-prd-wrapper .prd-deteiled p{margin:0px; font-family: 'Work Sans', sans-serif; color:#3e3e3e; font-weight:600; font-size:15px;}



.comon-prd-wrapper .prd-deteiled span{display:block; font-family: 'Work Sans', sans-serif; color:#3e3e3e; font-size:13px; margin-top:10px; height:15px; overflow:hidden;}



.comon-prd-wrapper .prd-deteiled h5{color:#c100ff; font-size:15px; margin-top:10px;}



.comon-prd-wrapper .prd-deteiled strong{display:block; font-family: 'Futura Medium'; color:#f08ca8; font-weight:600; font-size:19px; margin-top:3px;}







.pricecont .price-box .price {display:block; font-family: 'Futura Medium'; color:#f08ca8; font-weight:600; font-size:19px; margin-top:3px;}







.comon-prd-wrapper .showonfront{position:absolute; opacity:0; top:0px; left:0px; right:0px; text-align:center; transition: 0.5s all;}



.comon-prd-wrapper:hover .showonfront{opacity:1; top:33%;}



.comon-prd-wrapper .showonfront ul{ list-style:none; border-radius:35px; padding:15px 0px; margin:0px 25px;}



.comon-prd-wrapper .showonfront ul li{ background:#f08ca8; margin:10px 0; padding:10px 0; border-radius:35px; }



.comon-prd-wrapper .showonfront ul li:last-child{ background:#000; }



.comon-prd-wrapper .showonfront ul li a{display:block; text-decoration:none; color:#fff; padding:0px 15px; font-size:15px; transition: 0.2s all;}



.comon-prd-wrapper .showonfront ul li a:hover{color:#fff;}

/* Underline From Center */

.hvr-underline-from-center {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  overflow: hidden;

}

.hvr-underline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 50%;

  right: 50%;

  bottom: 0;

  background: #f08ca8;

  height: 4px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {

  left: 0;

  right: 0;

}