/* -------------------------------- */
/*   Main font-face                 
/* -------------------------------- */

@font-face {
    font-family: MetaPlusBook;
    src: url(../font/MetaPlus-Book.woff);
}

@font-face {
    font-family: MetaPlusBold;
    src: url(../font/MetaPlus-Bold.woff);
}

@font-face {
    font-family: TrajanPro3;
    src: url(../font/TrajanPro3-Regular.woff);
}

body {    
	font-family: "MetaPlusBook", "Microsoft JhengHei", Arial, sans-serif;	
	font-size:16px;
	font-weight:normal;
	line-height:22px;
}

h3{
	color: #08336e;
	font-size:30px;
	font-family: "TrajanPro3","Times New Roman","SimSun","宋体","STSong","华文宋体";
	font-weight:normal;
	letter-spacing:-0.6px;
	line-height:36px;
	text-transform:none;
}

a {
	color:#e7a132;
	transition: all 300ms linear 0s;
}

a:hover {
	color:#032a4c;
}

#ajax-form textarea,
select,
input {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-family: "MetaPlusBook",sans-serif;*/
	text-transform:none !important;	
}




/* -------------------------------- */
/*   Menu
/* -------------------------------- */

.header-top {
	position:relative;
}

.cd-main-header {
	height:116px;
}

.cd-logo {
	left:50%;
	margin-left:-136px; 
/*	margin-left:-105px; */
/* commented	padding-left:107px; */
    padding-left:107px;
	top:18px;
}

.cd-logo img {
	width:206px;	
}

.cd-header-buttons {	
	top:37px;	
}

.cd-primary-nav, .cd-primary-nav ul,
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after,
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
	background-color: #042e6f;	
}

.cd-primary-nav a, .cd-primary-nav ul a {
  border-bottom: 1px solid #2b475e;  
}

.cd-primary-nav > li > a:hover,
.cd-primary-nav > li > a.current {
	color:#f99d1c;	
}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
	background-color:#FFF;
}

.cd-primary-nav .cd-secondary-nav > li > a {
	text-transform:none;
}

.cd-primary-nav .cd-secondary-nav > li > a:hover,
.cd-primary-nav .cd-secondary-nav > li > a.current { color:#f79b2e; }

/* -------------------------------- */
/*   Footer
/* -------------------------------- */

.footer-jvet {
	background-color:#032a4c;
	padding:21px 0 35px;
}

.footer-bottom { background-color:#02213b; }

.footer-bottom p {
	font-family: "MetaPlusBook",sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	text-transform:none;
}

.footer-bottom a { 
	color: #fff;	
}

.footer-bottom a:hover { 
	color: #f79b2e;	
}

.icon-footer {
	color:#f79b2e;
	float:left;
	padding-bottom:5px;		
	padding-right:12px;
	padding-top:2px;
	width:30px;
}

@media only screen and (max-width: 767px) {
	
.icon-footer {
	float: none;
}
	
}

.footer-1 p.padding-none { padding:0 !important; }

.footer-1 p a {
	font-family: "MetaPlusBook",sans-serif;
	font-size:16px;
	font-weight:normal;
	letter-spacing:0;
	line-height:21px;
	text-transform:none;
}

.footer-1 p a:hover {
	color:#e7a132;
}

.logo-footer{
	position:relative;
	text-align:left;
	width:214px;
	height:84px;
	background: url(../uploads/d5_template/logo-white.png)no-repeat center center;
	background-size:214px 84px;
	z-index:10;
}

.scroll-to-top { background-color:rgba(49,119,152,0.3); }
.scroll-to-top:hover { background-color:rgba(49,119,152,0.6); }

/* -------------------------------- */
/*   Index
/* -------------------------------- */

.index-white-caption {
  color: #fff;
  font-family: "TrajanPro3","Times New Roman","SimSun","宋体","STSong","华文宋体";
  font-size: 58px;
  font-weight: normal;
  left: 0;
  letter-spacing: 0;
  line-height: 65px;
  margin-top: -24px;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  text-transform: none;
  top: 51%;
  width: 100%;
}

.lang-tc .index-white-caption {
	margin-top: 24px;
}

.white-caption-small-1 {
  color: #fff;  
  font-size: 20px;
  left: 0;
  letter-spacing: 0.9px;
  line-height: 20px;
  margin-top: 114px;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  text-transform: none;
  top: 51%;
  width: 100%;
}

.lang-tc .white-caption-small-1 {
	margin-top: 106px;
}

.white-caption-small-2 {
  color: #fff;  
  font-size: 20px;
  left: 0;
  letter-spacing: 0.9px;
  line-height: 20px;
  margin-top: 138px;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  text-transform: none;
  top: 51%;
  width: 100%;
}

.index-text-1{
	padding-top:67px;
	padding-bottom:67px !Important;
}	

.index-text-1 h3{
	color: #08336e;
	font-size:30px;
	font-family: "TrajanPro3","Times New Roman","SimSun","宋体","STSong","华文宋体";
	font-weight:normal;
	letter-spacing:-0.6px;
	line-height:36px;
	text-transform:none;
}

.subtitle {
    font-family: "MetaPlusBook", "Microsoft JhengHei", Arial, sans-serif;	
	letter-spacing:0;
	line-height:19px;	
	text-transform:none;
}

.index-subtitle{		
	padding-top:14px;
}

.office-1 .box-1 .text-in{
	position:relative;
	width:82%;
	margin-left:9%;
}

.index-img-1 {
	border-bottom:#f79b2e 1px solid;
	border-right:none;
	float:none;
	margin:64px auto 0;
	width:82% !important;
}

.jvet-btn {
	background-color:#f79b2e;	
	border-radius: 7px;
	color: #fff;
	display:inline-block;
	font-family: "MetaPlusBook",sans-serif;	
	font-size:16px;
	font-weight: bold;
	line-height:21px;
	padding:7px 25px;
	margin:40px 0 0;
	min-width:210px;
	text-transform:none;	
	transition: all 300ms linear 0s;
	cursor:pointer;
}

.jvet-btn:hover { color:#FFF; background-color:#08336e;	}

.jvet-btn span {
	background:url(../uploads/d5_template/btn-arrow.png) center center no-repeat;
	background-size:17px 13px;
	float:right;
	height:21px;
	margin-left:8px;
	width:17px;
}

.portfolio-box-2 {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.portfolio-box-2 h6 {
	color: #08336e;
	font-family: "MetaPlusBold",sans-serif;	
	font-size:18px;
	font-weight: normal;
	letter-spacing:0;
	line-height:18px;
	min-height:56px;
	padding:20px 20px 0;
}
.portfolio-box-2:hover h6 { color: #08336e; }

.portfolio-box-2 p {
	border-bottom:#f79b2e 6px solid ;
	color:#414141;	
	letter-spacing:0.1px;
	min-height:90px;
	padding:20px;
}

.portfolio-box-2.non-bottom { box-shadow: none; }
.portfolio-box-2.non-bottom p {	border-bottom: none; }
.portfolio-box-2.non-bottom h6 { color: #f79b2e; }
.portfolio-box-2.non-bottom:hover h6 { color: #f79b2e; }

.index-shortcut {
	background:url(../uploads/d5_template/icon-shoutcut.jpg) rgba(247,155,46,0.5) left top no-repeat;	
	border-radius: 0 7px 7px 0;
	display:none;
	height:253px;
	left:-56px;
	margin-top:-127px;
	opacity:1;
	padding:218px 0 0;
	position: fixed;
	text-align:center;
	top:50%;
	transition: all 300ms linear 0s;
	width:56px;
	z-index:1000;	
}

.index-shortcut:hover {
	background-color:#08336e;
}

.index-shortcut span.txt {
	bottom:34px;
	color:#FFF;
	font-family: "MetaPlusBold",sans-serif;	
	font-size:16px;
	font-weight: normal;
	left:27px;
	letter-spacing:0;
	position:absolute;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: left;
}

.lang-tc .index-shortcut span.txt {
	margin-bottom:18px;
	
}

.index-shortcut span.arrow {
	background:url(../uploads/d5_template/btn-arrow.png) center center no-repeat;
	background-size:17px 13px;
	display:block;	
	height:21px;
	margin:0 auto;
	width:17px;
}

.container .sixteen.columns {
	text-align:center;
}

.container .sixteen.columns .img-gallery {
	display:block;
	height:auto;
	margin:24px auto 36px;
	max-width:900px;
	width:100%;	
}

.container .sixteen.columns .img-blogger {
	border:#f79b2e 10px solid;
	border-radius:50%;
	display:block;
	margin:36px auto 0;
	max-width:205px;
}

.subtitle.bold {
	font-weight:bold;
	padding-bottom:14px;
	letter-spacing:1px;
}

.index-blogger-txt p::last-child {
	padding-bottom:19px;
}

/* -------------------------------- */
/*   Online Consultation
/* -------------------------------- */

section-padding-top-bottom {}

#cd-timeline::before {
	background-color:#042e6f;
	width:2px;	
}

.cd-timeline-img { font-size:26px }

.cd-timeline-content .cd-date {
	color:#042e6f;
	font-family: "TrajanPro3","Times New Roman","SimSun","宋体","STSong","华文宋体";
	font-size:22px;
	font-weight:bold;
	opacity:1;
}

.cd-timeline-content h6 {
	color:#042e6f;
	font-size:22px;
}

.cd-timeline-content ul li::before {
	content: "• ";    
	position:absolute;
	margin-left:-14px;	
}

.timeline-red .cd-timeline-content ul li::before { color: #ef2301; }
.timeline-orange .cd-timeline-content ul li::before { color: #f77118; }
.timeline-yellow .cd-timeline-content ul li::before { color: #f79b2e; }

.cd-timeline-content ul li {
	padding-left:14px;	
	text-align:left;	
}

.timeline-red .cd-timeline-img {
	background-color:#ef2301;	
}

.timeline-orange .cd-timeline-img {
	background-color:#f77118;	
}

.timeline-yellow .cd-timeline-img {
	background-color:#f79b2e;	
}

.timeline-red .cd-timeline-content {
	box-shadow: 0 3px 0 #f72e37;
}

.timeline-orange .cd-timeline-content {
	box-shadow: 0 3px 0 #f77118;
}

.timeline-yellow .cd-timeline-content {
	box-shadow: 0 3px 0 #f79b2e;
}

.form-title {	
	padding-bottom: 10px;	
	width: 100%;
}

.form {	
	display:block;
	margin:10px auto;
	text-align:center;
	width:320px;	
}

.form .field {
	text-align:left;
	padding-bottom:25px;
}

.form label {	
	float:left;
	line-height:23px;
	text-align:left;
	width:82px;
}

.form span {
	display:block;
	font-size:14px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	width:100%;
}

.form.label-large label { width:102px; }	

.form input[type="text"], select {
	border:#b8b8b8 1px solid;
	color:#414141;
	height:23px;
	width: -webkit-calc(100% - 82px);
	width: calc(100% - 82px);
}

.form-tc label { width:52px; } 

.form-tc .form input[type="text"], .form-tc select {
	border:#b8b8b8 1px solid;
	color:#414141;
	height:23px;
	width: -webkit-calc(100% - 52px);
	width: calc(100% - 52px);
}

.form.label-large input[type="text"], .form.label-large select {
	width: -webkit-calc(100% - 102px);
	width: calc(100% - 102px);
}

.field-radio {
	display:block;
	padding-left:50px;
}

.form label.radio-label-first { width:110px; }
.form label.radio-label-second { width:65px; }
.form label.radio-label-third { width:auto; }

.form-tc .form label.radio-label-first { width:90px; }
.form-tc .form label.radio-label-first-110 { width:110px; }

.form label.radio-label {
	display:inline-block;
	float: none;
	text-align:left;
}

.btn-upload-photo {
	background-color:#b8b8b8;
	color:#414141;
	display:block;
	font-family: "MetaPlusBold",sans-serif;	
	font-size:16px;
	font-weight: normal;
	height:36px;
	line-height:36px;	
	text-align:center;
	transition: all 300ms linear 0s;
	width:100%;	
}

.btn-upload-photo:hover {
	background-color: #888;
}

.btn-upload-photo span {
	background:url(../uploads/d5_template/icon-camera.png) left center no-repeat;
	background-size:30px 23px;
	display:inline-block;
	padding-left:40px;	
}

.form hr {
	border-color:#b8b8b8;
	margin:20px 0 15px;
	width:100%;
}


input[type="file"] {
	/*background-color:#b8b8b8;*/
	background:#b8b8b8 url(../uploads/d5_template/icon-camera.png) 10px center no-repeat;
	background-size:30px 23px;		
	color:#414141;
	display:block;
	font-family: "MetaPlusBold",sans-serif;	
	font-size:16px;
	font-weight: normal;
	height:36px;
	line-height:36px;
	padding-left:50px;	
	transition: all 300ms linear 0s;
	width:100%;	
}

input[type="file"].upload-letter {
	background:#b8b8b8 url(../uploads/d5_template//icon-letter.png) 10px center no-repeat;
	background-size:20px 26px;
	padding-left:43px;	
}

.submit-btn {
	background:#f79b2e url(../uploads/d5_template/icon-submit.jpg) left center no-repeat;
	/*background-color:#f79b2e;	*/
	border-radius: 7px;
	color: #fff;
	display:inline-block;
	font-family: "MetaPlusBook",sans-serif;	
	font-size:16px;
	font-weight: bold;
	line-height:21px;
	padding:16px 17px 15px 72px;
	margin:20px 0 40px;
	min-width:215px;
	text-transform:none;	
	transition: all 300ms linear 0s;
	cursor:pointer;
}

.submit-btn.no-image {
	background-image:none;
	padding:16px 17px 15px 42px;
}

.submit-btn:hover { color:#FFF !important; background-color:#08336e; }

.submit-btn span {
	background:url(../uploads/d5_template/btn-arrow.png) center center no-repeat;
	background-size:17px 13px;
	float:right;
	height:21px;
	margin-left:8px;
	width:17px;
}

/* -------------------------------- */
/*   FAQ
/* -------------------------------- */

.section-padding-faq {
	padding-bottom:55px;
	padding-top:55px;
	
}

.faq-white-caption {
	color: #fff;
	font-family: "TrajanPro3","Times New Roman","SimSun","宋体","STSong","华文宋体";
	font-size: 60px;
	font-weight: normal;
	left: 0;
	letter-spacing: 0;
	line-height: 65px;
	margin-top: -35px;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	text-transform: none;
	top: 51%;
	width: 100%;
}

.smk_accordion .accordion_in .acc_head {
	font-family: "MetaPlusBold",sans-serif;	
	font-size:18px;
	font-weight: normal;
	padding-right:55px;
	text-transform:none;
}

.smk_accordion .accordion_in.acc_active > .acc_head,
.smk_accordion .accordion_in .acc_head:hover {
	background:#e7a132;	
}

.smk_accordion .accordion_in .acc_content {
	background:url(../uploads/d5_template/point-yellow.png) #FFF 44px 38px no-repeat;
	background-size:8px 8px;
	padding-left:63px !important;
	text-align:left;	
}

/* -------------------------------- */
/*   Contact Us
/* -------------------------------- */

.ace-page-top-icon-4{
	background:		#00294d;
	border:			4px solid #fff;
	border-radius:	50%;
	color:			#fff;
	display:		block;
	font-family: 'FontAwesome';
	font-size:		19px;
	font-weight:	normal;
	height:			38px;
	line-height:	29px;
	padding-left:	1px;
	text-align:		center;
	width:			38px;
}

.parallax-section-padding-contactus {
	padding-bottom: 260px;
    padding-top: 360px;	
}

.parallax-section-padding-contactus .parallax-contact {
	background-image:url(../uploads/d5_template/contactus.jpg);
}

.parallax-section-padding-contactus h1 {
	border-right-color:#FFF;	
	color: #fff;
	font-family: "TrajanPro3","Times New Roman","SimSun","宋体","STSong","华文宋体";
	font-size: 58px;
	font-weight: normal;	
	letter-spacing: 0;
	line-height:60px;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	text-transform: none;	
}

.parallax-section-padding-contactus .page-top-icon {
	border-bottom-color:#FFF;
	height:52px;
	width:38px;
}

.parallax-section-padding-contactus .page-top-text {
	color:#FFF;
	font-family: "MetaPlusBook",sans-serif;	
	font-size:25px;
	font-weight: normal;
	letter-spacing:0;
	line-height:normal;
	padding-top:14px;
	text-transform:none;
}

#owl-top-page-slider.owl-theme .owl-controls .owl-page span {
	background-color:rgba(255,255,255,0.5);	
}

#owl-top-page-slider.owl-theme .owl-controls {
	bottom:-31px;
}

#owl-top-page-slider.owl-theme .owl-controls .owl-page.active span {
	background-color:#f99d1c;	
}

#button-con button {	
	font-family: "MetaPlusBook",sans-serif;
	font-size:13px;
}

#button-con button:hover {
	background-color:#f99d1c;
	border-color:#f99d1c;
}

.button-map { color:#ff9b1a; }

.button-map:hover { background-color:#ff9b1a; }

/* -------------------------------- */
/*   Other Services
/* -------------------------------- */

h3.title {
	background-color:#08336e;
	color:#FFF;
	margin-bottom:56px;
	padding:20px !important;	
}

.other-white-caption {
	color: #fff;
	font-family: "TrajanPro3","Times New Roman","SimSun","宋体","STSong","华文宋体";
	font-size: 60px;
	font-weight: normal;
	left: 0;
	letter-spacing: 0;
	line-height: 65px;
	margin-top: -55px;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	text-transform: none;
	top: 51%;
	width: 100%;
}

.prescription-detail p {
	line-height:26px;	
}

.prescription-detail img {
	height:auto;
	max-width:468px;
	margin:32px 0 50px;
	width:100%;	
}

.prescription-detail h3 {
	padding-bottom:42px;
}

.prescription-detail h5 {
	font-weight:normal;
	padding-bottom:26px;
}

.lang-tc .prescription-detail h5 {
	font-weight:bold;
}


.prescription-detail p.high-line {
	color:#08336e;
	font-weight:bold;	
}

.prescription-detail hr {
	border-color:#ff9b1a;
	border-width: 4px 0 0;
	margin:36px auto 17px;
	width:60px;	
}

.address-field {
	padding-bottom:33px !important;
}

.address-field label {
	padding-bottom:10px;
	width:100%;	
}

.address-field input {
	margin-bottom:10px;
	width:100% !important;	
}

.btn-upload-letter {
	background-color:#b8b8b8;
	color:#414141;
	display:block;
	font-family: "MetaPlusBold",sans-serif;	
	font-size:14px;
	font-weight: normal;
	height:36px;
	line-height:36px;	
	text-align:center;
	transition: all 300ms linear 0s;
	width:100%;	
}

.form-tc .btn-upload-letter {
	font-size:16px;
}

.btn-upload-letter:hover {
	background-color: #888;
}

.btn-upload-letter span {
	background:url(../uploads/d5_template/icon-letter.png) left center no-repeat;
	background-size:20px 26px;
	display:inline-block;
	padding-left:33px;	
}

.btn-upload-letter span::after { content:' ( less than 10MB )';}

.form-tc .btn-upload-letter span::after { content:'';}


/* -------------------------------- */
/*   Other Services - other pages
/* -------------------------------- */

.non-profit-detail h3 {
    margin-bottom: 20px;
}

.non-profit-detail h5 {
	font-weight:normal;
	line-height:22px;	
    margin-bottom: 20px;
}

.lang-tc .non-profit-detail h5 {
	font-weight:bold;
}

.non-profit-detail h5.headline {
	line-height:30px;
}

.non-profit-detail h5 span {
	font-size:14px;	
}

.non-profit-detail p {
    margin-bottom: 20px;
    text-align: left;
}

.non-profit-detail img {
	display:block;	
	margin:60px auto 30px;
	
}

.non-profit-detail hr {
  border-color: #b8b8b8;
  margin: 60px 0;
  width: 100%;
}

/*
.non-profit h3 {
	padding-bottom:42px;
}

/* -------------------------------- */
/*   About Us
/* -------------------------------- */

.petchart {
	display:inline-block;	
	margin:28px auto 0;
	width:464px;
}

.dogchart {
	background-image: url(../uploads/d5_template/img-chart-dog.jpg);
	display:block;
	float:left;
	height:220px;
	margin-right:24px;		
	text-align:center;
	transition: all 300ms linear 0s;
	width:220px;		
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;	
}

.catchart {
	background-image: url(../uploads/d5_template/img-chart-cat.jpg);
	display:block;
	float:left;
	height:220px;
	margin-right:24px;	
	text-align:center;
	transition: all 300ms linear 0s;
	width:220px;		
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

.dogchart .counter, .catchart .counter {	
	color:#FFF;
	display:block;
    font-family: "MetaPlusBook", "Microsoft JhengHei", Arial, sans-serif;	
	font-size:22px;
	font-weight: bold;
	letter-spacing:0;
	margin-top:18px;
}

.chart2-blue .percent, .chart2-yellow .percent {
    font-family: "MetaPlusBook", "Microsoft JhengHei", Arial, sans-serif;	
	font-size:22px !important;
	font-weight: normal !important;
}

.dogchart .counter::before,
.catchart .counter::before,
.chart2-blue .percent::before,
.chart2-yellow .percent::before {
	color:#FFF;
	content: '+ ';	
}

.prescription-detail h4 {
    font-family: "MetaPlusBook", "Microsoft JhengHei", Arial, sans-serif;	
	font-size:22px !important;
	font-weight: normal !important;	
}

.prescription-detail img.img-aboutus {
	display:block;
	height:auto;
	margin:42px auto 50px;
	max-width:828px;
	width:100%;	
}

/* -------------------------------- */
/*   Bloggers
/* -------------------------------- */

.bloggers-detail {
	padding-bottom:60px;
	padding-top:55px;
}

.bloggers-detail h3 {
	margin-bottom:20px;	
}

.blogger-title {	
	background-color:#08336e;
	color:#FFF;
	font-size:18px;
	margin-bottom:56px;
	padding:20px;
	text-align:left;
}

.blogger-title a {
	border-left:#FFF 1px solid;
	float:right;
	padding-left:20px;
}

.blogger-title a:hover { color:#FFF; }

.blog-img {
	margin:0 auto;
	max-height:400px;
	width:auto !important;
}

.blog-big-wrapper h5 {
	text-transform:none;
}

.bloggers-list {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.bloggers-list:hover p { color: #08336e; }

.bloggers-list p {
	border-bottom:#f79b2e 6px solid !important;	
	color: #08336e;
	font-family: "MetaPlusBold",sans-serif;	
	font-weight: normal;	
}

/* -------------------------------- */
/*   Product
/* -------------------------------- */

.blue-section p{
	background-color:#08336e;
	color:#FFF !important;
}

.product-detail table {
	margin:0 auto;
}

.product-detail table tr td:first-child {
	width:88px;	
}

/* -------------------------------- */
/*   Shop
/* -------------------------------- */

.container.shop-list > div > h5 {
	font-weight:normal;
	margin-bottom:20px;	
}

.lang-tc .container.shop-list > div > h5 {
	font-weight:bold;
}

.container.shop-list > div > p {
	margin-bottom:52px;	
}

#owl-blog-big-slider.owl-theme .owl-controls {
	top:20px;
}

.owl-theme .owl-controls .owl-page span {  
	border: none;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color:#08336e;  
}

.button-map.white-button {
	background-color:#FFF;
}

.button-map.white-button:hover {
	background-color:#ff9b1a;
}

/* -------------------------------- */
/*   Ordering and Delivery Services                    */
/* -------------------------------- */

ol li {
	margin-bottom:20px;	
}

.order-now {
	color:#e7a132 !important;
	font-size:12px !important;
	line-height:22px !important;	
}

/* -------------------------------- */
/*   Media Query                    */
/* -------------------------------- */

@media only screen and (min-width: 1170px) {
	
/* -------------------------------- */
/*   Menu
/* -------------------------------- */

.header-top {
	position:fixed;
}

.cd-main-header {
	height:146px;
}

.cd-nav {
	text-align:center;
}

.cd-primary-nav {
	display:inline-block;
	float:none;
	margin:105px auto 0;
	padding:0;
}

.cd-primary-nav > li {
	margin:0 20px;
}

.cd-primary-nav > li > a {
	color:#414141;
    font-family: "MetaPlusBook", "Microsoft JhengHei", Arial, sans-serif;	
	font-size:13px;
	font-weight:normal;
	height:auto;
	letter-spacing: 0.75px;
	line-height:23px;
	padding:0;	
}

.cd-primary-nav > li > a:hover,
.cd-primary-nav > li > a.current {
	color:#042e6f;
	border-bottom:#f79b2e 1px solid;		
}

.cd-primary-nav, .cd-primary-nav ul,
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after,
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
	background: none;	
}

.cd-primary-nav .has-children {
	position:relative;
}

.cd-primary-nav > .has-children > a {
	padding:0;
}

.cd-primary-nav > li > a.selected {
	box-shadow:none;
	color:#042e6f;
	border-bottom:#f79b2e 1px solid;
}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
	display:none;
}

.cd-primary-nav .cd-secondary-nav {
	left:-10px;
	padding:10px 0 10px;
	position:absolute;
	text-align:left;	
	top:41px;
	width:225px;	
}

.cd-primary-nav .cd-secondary-nav li {
	border:none;
	float:none;
	margin:0;
	padding:0 10px 0;	
	width:100%;
}

.cd-primary-nav .cd-secondary-nav > li > a {	
	color:#414141;
    font-family: "MetaPlusBook", "Microsoft JhengHei", Arial, sans-serif;	
	font-size:13px;
	font-weight:normal;
	height:auto;
	letter-spacing: 0.75px;
	line-height:23px;
	margin:0;
	padding:0;	
}

.cd-primary-nav .cd-secondary-nav > li > a:hover { color:#f79b2e; }

/* -------------------------------- */
/*   FAQ
/* -------------------------------- */

.faq-white-caption {
	margin-top: 31px !important;
}

/* -------------------------------- */
/*   Other Services
/* -------------------------------- */

.other-white-caption {
	margin-top: 14px !important;
}

/* -------------------------------- */
/*   Bloggers
/* -------------------------------- */

.bloggers-detail {	
	padding-top:200px;
}

}

@media only screen and (min-width: 2100px) {
.index-text-1{
	padding-top:19%;
}
}

@media only screen and (min-width: 1600px) and (max-width: 2099px) {
.index-text-1{
	padding-top:18%;
}
}

@media only screen and (min-width: 1300px) and (max-width: 1599px) {
.index-img-1 {
	padding:20px 0 0;
}	
.index-text-1{
	padding-top:14%;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
.index-img-1 {
	padding:45px 0 0;
}	
.index-text-1{
	padding-top:13%;
}
}

@media only screen and (min-width: 1040px) and (max-width: 1199px) {
.index-img-1 {
	padding:40px 0 30px;
}	
.index-text-1 {
	padding-top:12%;
	padding-bottom:0%;
}

.lang-tc .index-text-1 {
	padding-top:18%;
}

.index-text-1 h3{
	font-size: 23px;
}
.index-subtitle{
	font-size: 15px;
	line-height:20px;
	padding-top:5px;
}

.parallax-section-padding-contactus {
	padding-bottom: 156px;
    padding-top: 216px;	
}
}

@media only screen and (min-width: 960px) and (max-width: 1039px) {
.index-img-1 {
	padding:40px 0 30px;
}	

.index-text-1{
	padding-top:16%;
	padding-bottom:0%;
}
.index-text-1 h3{
	font-size: 22px;
}

.index-subtitle{
	font-size: 14px;
	line-height:18px;
	padding-top:5px;
}

.parallax-section-padding-contactus {
	padding-bottom: 156px;
    padding-top: 216px;	
}
}

@media only screen and (min-width: 960px) {
/*
.footer-1 h6, .footer-1 p {
	padding-top:16px;
}
*/	
/* -------------------------------- */
/*   Index
/* -------------------------------- */
	
.index-img-1 {
	border-bottom:none;
	border-right:#f79b2e 1px solid;
	float:right;
	margin:64px 0 74px;
	width:83% !important;
}

}

@media only screen and (max-width: 959px) {
.parallax-section-padding-contactus {
	padding-bottom: 104px;
    padding-top: 144px;	
}

.parallax-section-padding-contactus h1 {	
	font-size: 48px;
	line-height:50px;
}

/* -------------------------------- */
/*   Bloggers
/* -------------------------------- */

.blogger-title span {
	border-bottom:#FFF 1px solid;
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
	width:100%;
}

}

@media only screen and (max-width: 720px) {

.index-shortcut {
	background:url(../uploads/d5_template/icon-shoutcut.jpg) rgba(247,155,46,0.5) left top no-repeat;	
	border-radius: 0 0 7px 7px;	
	height:66px;
	left:0;
	margin:0 !important;
	/*margin-left:-126px !important;*/	
	padding:22px 17px 22px 72px;	
	top:-66px;
	transition: all 300ms linear 0s;
	width:100%;	
}

.index-shortcut:hover {
	background-color:#08336e;
}

.index-shortcut span.txt {
	bottom:0;
	color:#FFF;
	left:0;
	position:relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);	
}

.index-shortcut span.arrow {
	display:block;
	float:right;
	margin:0;
}

/* -------------------------------- */
/*   Other Services
/* -------------------------------- */

.other-white-caption {
	font-size: 70px;
	line-height: 80px;		
	margin-top: -15px !important;
}

/* -------------------------------- */
/*   About Us
/* -------------------------------- */

.petchart {
	width:100%;
}

.dogchart, .catchart {
	float: none;
	margin:0 auto 30px;
}

.footer-bottom {
	padding-bottom:60px;
}

.scroll-to-top {
	bottom:70px;
}

}

@media only screen and (max-width: 419px) {
	
.cd-logo {
	left:25px;
	margin-left:0;
	padding-left:0;
	top:18px;
}

.cd-header-buttons {
	right:15px;		
}

.index-white-caption {
	font-size: 68px;
	margin-top: -48px;
}

.lang-tc .index-white-caption {
	margin-top: -24px;
}

.white-caption-small-1 {
	margin-top: 114px;
}

.lang-tc .white-caption-small-1 {
	margin-top: 86px;
}

.white-caption-small-2 {
	margin-top: 158px;
}

.lang-tc .white-caption-small-2 {
	margin-top: 138px;
}

.index-img-1 {
	padding-bottom:36px;
}	

.index-text-1{
	padding-top:67px;
	padding-bottom:67px !Important;
}

.form, .form label,
.form.label-large label,
.form input[type="text"], select,
.form.label-large input[type="text"], .form.label-large select,
.form label.radio-label-first,
.form-tc .form input[type="text"], select {	
	width:100%;	
}

.form label.radio-label-second { width:25%; }
.form label.radio-label-third { width:auto; }

.faq-white-caption {
	font-size: 70px;
	margin-top: -8px !important;
}

.parallax-section-padding-contactus {
	padding-bottom: 52px;
    padding-top: 72px;	
}

.parallax-section-padding-contactus h1 {	
	font-size: 44px;
	line-height:46px;
}

.parallax-section-padding-contactus .page-top-text {	
	font-size:18px;
}

.btn-upload-letter span::after { content:'';}

input[type="file"] {
	font-size:14px;
}

}