@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,700');
.top_bg{ background:#f7f7f7; border-bottom:solid 1px #e6e6e6;}
.top_text{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#787878; padding:10px 0;}
.top_text i{ color:#b31524;}
.top_text a{ color:#787878; text-decoration:none;}
.top_text a:hover{ color:#b31524; text-decoration:underline;}
.logo{ text-align:center;}
.nav_bar{ background:#b31524;}
.search_bar{ padding-top:44px;}
.basket_btn{ background:#FFF; text-align:center; border:solid 1px #e6e6e6; padding:10px 0; border-radius:5px; margin-top:40px;}
.basket_btn a{ font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#787878;}
.basket_btn a:hover{ color:#b31524; text-decoration:none;}
.welcome_head{ font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:700; color:#b31524; padding:30px 0 0 0; text-transform:uppercase;}
.welcome_head2{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; color:#323232; padding-bottom:20px;}
.welcome_img{ padding:30px 0;}
.welcome_text{ font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#6b6b6b; padding-bottom:20px; text-align:justify;}
.top_lang{ padding:6px 0;}

.set_img{margin:0 0 20px 0;}
.surgi_img{padding:21px; background-color:#333; border-radius: 10px;}
.surgi_img:hover{background-color:#b31524;}
.dental_img{padding:21px; background-color:#333; border-radius: 10px;}
.dental_img:hover{background-color:#b31524;}
.mani_img{padding:21px; background-color:#333; border-radius: 10px;}
.mani_img:hover{background-color:#b31524;}
.vet_img{padding:21px; background-color:#333; border-radius: 10px;}
.vet_img:hover{background-color:#b31524;}

.featured_bg{ background:#f7f7f7;}
.p_box{ background:#FFFFFF; border:solid 1px #e6e6e6; padding:10px; text-align:center; margin-bottom:20px; border-radius:5px;}
.p_box:hover{ border:solid 1px #c4c7c9;}
.pname{font-family: 'Roboto', sans-serif; font-size:15px; color:#e14a4a; font-weight:400; padding-top:10px;}
.part{font-family: 'Roboto', sans-serif; font-size:15px; color:#464646; font-weight:400; padding-bottom:10px;}
.add_cart{font-family: 'Roboto', sans-serif; font-size:15px; color:#464646; font-weight:400; border:solid 1px #e6e6e6; border-radius:5px; padding:10px 15px; background:#FFFFFF;}
.add_cart:hover{font-family: 'Roboto', sans-serif; font-size:15px; color:#fff; font-weight:400; border:solid 1px #b31524; border-radius:5px; padding:10px 15px; background:#b31524; text-decoration:none;}
.addbasket{ margin:10px 0;}
.p_img{ text-align:center;min-height:320px; line-height:320px; padding-bottom:20px;}
.space{ margin-bottom:40px;}

.news_box{background:#FFFFFF; border:solid 1px #e6e6e6; padding:10px; margin-bottom:20px; border-radius:5px;}
.news_image{ text-align:center; margin-bottom:20px;}
.news_head{font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:600; color:#b31524; padding:0 0 20px 0;}
.news_text{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#6b6b6b; text-align:justify;}
.g_video{ background:#FFFFFF; border:solid 1px #e6e6e6; padding:10px; margin-bottom:20px; border-radius:5px;}

.letter_bg{ background:#b31524;}
.letter_head{ font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:700; color:#fff; padding:30px 0 0 0; text-transform:uppercase;}
.letter_head2{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; color:#fff; padding-bottom:20px;}
.letter_con{ margin-bottom:20px;}
.letter_input{ background:transparent !important; border-radius:0px !important; height:50px !important; color:#fff !important;}
.letter_btn{ border-radius:0px !important; padding:15px 30px !important;}

.footer_bg{ background:#181818;}
.footer_head{font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:600; color:#FFF; background:url(../images/f_line.jpg) left bottom no-repeat; padding:20px 0; margin-bottom:20px;}

.footer{ font-family: 'Work Sans', sans-serif; color:white; font-size:16px;}
.footer a{ color:white; text-decoration:none;}
.footer a:hover{ color:#3b81eb; 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:#b31524; 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:#b31524; padding-left:15px; transition:all 0.3s;}
.footers li i{ font-size:25px;}

.copy_bg{ background:#181818; border-top:solid 1px #2a2a2a; font-family: 'Work Sans', sans-serif; color:white; font-size:16px; text-align:center; padding:15px 0;}

.detail_box{ background:#FFF; box-shadow:0px 0px 10px #ccc; padding:20px; text-align:center;}
.d_name{ font-family:'Raleway', sans-serif; font-size:22px; color:#b31524; font-weight:700;}
.d_art{ font-family:'Raleway', 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:'Raleway', sans-serif; font-size:14px; color:#000; padding:5px 0 15px 0; border-bottom:solid 1px #dfdfdf;}
.d_qty{ font-family:'Raleway', sans-serif; font-size:22px; color:#b31524; 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:5px; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets:hover{padding:10px 20px 10px 20px; background:#b31524; border:1px #b31524 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets a{padding:10px 20px 10px 20px; background:#222; border:1px #222 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets a:hover{padding:10px 20px 10px 20px; background:#b31524; border:1px #b31524 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}

.sub_banner{ text-align:center;}
.left_menu_main a{ background:#b31524; font-family:'Raleway', 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:#b31524; text-decoration:none; padding-left:15px; transition:all 0.3s;}
.content_head{font-family:'Raleway', sans-serif; font-size:30px; 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:'Raleway', sans-serif; font-size:15px; color:#000; padding-bottom:20px;}

.g_box{ background:#FFFFFF; border:solid 1px #999999; padding:15px; margin-bottom:10px;}
.g_name{ font-family:'Raleway', sans-serif; font-size:15px; color:#565656; margin-bottom:20px; text-align:center; font-weight:700;}
.google_map{ margin:20px 0;}
.paging_con{ margin-bottom:20px;}


@media(max-width:768px){
	.top_text{ text-align:center; padding:5px 0;}
	.search_bar{ padding-top:15px;}
	.basket_btn{ margin:0 0 20px 0;}
	.welcome_img{ text-align:center;}
	.box_bg{ text-align:center; margin-bottom:20px;}
	.top_lang{ text-align:center;}
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333333;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.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;
}

.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:#b31524;
	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 #b31524;
}
.paging_act{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#b31524;
	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 #b31524;
}
.paging_act:hover{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#b31524;
	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 #b31524;
}