@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

.top_bg{ background:url(../images/top_bg.png) center top repeat;}

.logo{ padding:15px 0;}

.top_bar{position:absolute; width:100%; z-index:999;}

.nav_bar{ padding-top:22px;}

.nav_btns{ padding-top:61px;}

.nav_btns a{ font-size:14px; font-weight:600; color:#fff; padding:0 5px;}

.nav_btns a:hover{ color:#c841cd;}

.cats_head{font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:700; color:#fff; text-align:center; padding:15px 0; text-transform:uppercase; background:#1188d3; margin:15px 0;}

.cat_img{ padding-bottom:20px;}



.welcome_head{font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:700; color:#fff; text-align:center; padding:15px 0; text-transform:uppercase; background:#1188d3; margin:15px 0;}

.welcome_text{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#000; text-align:center; padding:0 0 20px 0; text-align:justify;}



.letter_bg{ background:#2b2b2b; padding:20px 0;}

.newsletter{ background:transparent !important; border:solid 1px #838383 !important;}

.letter_btn{ background:#1188d3 !important; color:#fff !important;}

.icons_con{ padding:5px 0;}

.icons_con a{ background:#000000; padding:10px; color:#fff;}

.icons_con a:hover{ background:#1188d3;}



.footer_bg{ background:#181818;}

.footer_head{font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:700; color:#969696; padding:12px 0; text-transform:uppercase;}

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

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

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

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

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



.copy_text{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:700; color:#969696; text-align:center; padding:20px 0;}



.content_head{font-family: 'Oswald', sans-serif; font-size:36px; font-weight:600; color:#000; font-weight:normal; padding:12px 0; border-bottom:solid 1px #080808; margin-bottom:20px; text-transform:uppercase;}

.content_text{ font-family: 'Open Sans', sans-serif; font-size:15px; color:#000; padding-bottom:20px;}

.pro_box{ text-align:center; padding:20px; background:#FFF; margin-bottom:30px; border:solid 1px #d4d4d4;}

.p_img{ padding:30px 0;}

.featured_description{ font-family:Arial; font-size:14px; font-weight:bold; color:black;}

.article_custom{font-family:Arial; font-size:13px; font-weight:normal; color:black; padding-bottom:10px; margin-bottom:20px;}

.paging_con{ margin-bottom:20px;}



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

.d_name{ font-family:'Roboto', sans-serif; font-size:22px; color:#267c86; 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 #dfdfdf; 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:#267c86; font-weight:700; padding:15px 0; border-bottom:solid 1px #dfdfdf; margin-bottom:20px;}



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

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

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

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



.sub_banner{ text-align:center;}

.left_menu_main a{ background:#1188d3; font-family: 'Open Sans', 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; border-radius: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; border-radius:5px;}

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





@media (max-width:768px){

	.logo{ text-align:center;}

	.nav_bar{ padding-top:0px;}

	.nav_btns{ padding:10px 0; text-align:center;}

	.top_bar{ position:relative;}

}



.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;

}















/* 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: #c841cd;



  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;



}





.common-prd-wrapper{text-align:center; margin-top:10px; border:1px solid #d5d5d5; margin-bottom:20px;}

.common-prd-wrapper .prd-img{}

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

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



.common-prd-wrapper .showonfront{position:relative;}

.common-prd-wrapper .showcarts{position:absolute; top:0%; left:30px; right:30px; opacity:0; background:#1188d3; padding:20px 0px; transition: 0.5s all;}

.common-prd-wrapper:hover .showcarts{top:70%; opacity:1; transform:translateY(-70%);}



.common-prd-wrapper .showcarts a{font-family: 'Oswald', sans-serif; text-decoration:none; display:inline-block; color:#fff; font-size:15px; font-weight:500; text-transform:uppercase;}

.common-prd-wrapper .showcarts a img{display:inline-block; margin-right:5px;}



.common-prd-wrapper .prd-deteil{padding-top:15px;}

.common-prd-wrapper .prd-deteil p{color:#75a7f1; font-size:18px; font-family: 'Poppins', sans-serif; font-weight:600;}

.common-prd-wrapper .prd-deteil strong{display:block; font-family: 'Poppins', sans-serif; font-size:16px; color:#111; font-weight:600; padding-bottom:15px;}



.sale_tag {

	position: absolute;

	z-index: 3

}

.sale_tag.product-featured .ribbon {

	padding-top: 45px;

	padding-bottom: 25px

}

.sale_tag .ribbon {

	position: absolute;

	display: block;

	text-align: center;

	background: #1188d3;

	padding: 30px 0;

	width: 35px;

	top: -10px;

	left: 10px

}

.sale_tag.product-featured .ribbon .ribbon-content span {

	font-size: 13px;

	font-family: 'Roboto', sans-serif;

	text-transform:uppercase;

}

.sale_tag .ribbon span {

	display: block;

	font-size: 16px;

	color: #fff;

	margin: 0;

	padding: 0;

	font-weight: 400;

	white-space: nowrap;

	-webkit-transform: rotate(-90deg);

	transform: rotate(-90deg)

}

.sale_tag .ribbon .ribbon-content:after {

	position: absolute;

	right: -5px;

	top: 0;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 10px 0 0 5px;

	border-color: transparent transparent transparent #1188d3;

	display: block;

	content: ''

}





.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:#267c86;

	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 #267c86;

}

.paging_act{

	font-family:Arial;

	font-size:11px;

	font-weight:bold;

	background-color:#267c86;

	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 #267c86;

}

.paging_act:hover{

	font-family:Arial;

	font-size:11px;

	font-weight:bold;

	background-color:#267c86;

	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 #267c86;

}