/* ===================  thephoaphat.style ==================== */
/* ------ header ------ */
@media (min-width: 1200px) {
	#header, .footer {max-width: 1000px;margin: 0 auto;}
	#header .uk-container, .footer .uk-container {padding: 0 10px;}
}
#body .uk-container {}
#header {}
#header .logo {float: none;height: auto;padding: 0;}
#header .top {
	padding: 15px 0;
	height: 150px;
	background-position: 50% 50%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#header .top .company-info {color: #fff;font-size: 13px;line-height: 20px;font-family: Arial, sans-serif;}
#header .top .company-info .title {font-size: 22px;line-height: 30px;}
#header .top .company-info .subtitle {font-size: 18px;line-height: 24px;}
#header .top .company-info .company {font-size: 35px;line-height: 36px;display:block;}
#header .top p {margin: 0 0 3px 0;}
@media (max-width: 1200px) {#header .top .company-info .company {font-size: 28px;}
}
@media (max-width: 959px) {
	#header .top .company-info .title {font-size: 18px;line-height: 24px;}
	#header .top .company-info .subtitle {font-size: 16px;line-height: 20px;}
	#header .top .company-info .company {font-size: 22px;line-height: 28px;margin-bottom: 0!important;}
}
@media (max-width: 767px) {
	#header .top .company-info .title {font-size: 14px;line-height: 20px;}
	#header .top .company-info .subtitle {font-size: 14px;line-height: 20px;}
	#header .top .company-info .company {font-size: 16px;line-height: 20px;}
}
@media (max-width: 479px) {
	#header .top {padding: 5px 0;}
	#header .top .company-info {display: none;}
	#header .logo {max-width: 120px;margin: 0 auto;}
}
#header .middle {background: #ed1c24;}
#header .middle .list .item {}
#header .middle .list .item+.item {}
#header .middle .list .title, #header .middle .list .subtitle {}
#header .middle .list .title {}
#header .middle .list .subtitle {}
#header .navigation {width: 100%;}
#header .navigation ul.main {margin: 0 auto;max-width: 950px;float: none;}
#header .navigation li.main .link {font-family: 'Segoe UI', sans-serif;}
#header .navigation li.main>.link {
	position: relative;margin: 0;
	font-size: 14px;line-height: 18px;color: #fff;
	height: auto;border: none;box-shadow: none;
	text-transform: uppercase;z-index: 150;
	padding: 13px 25px 13px 25px;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#header .navigation li.main:hover:before {opacity: 1;z-index: 100;}
#header .navigation li.main:hover>.link {color:#ed1c24;background: rgba(255, 255, 255, 1);}
#header .navigation ul.sub-1 {
	position: absolute;
	padding: 5px 10px;
	left: 0px;bottom: initial;top: 100%;
	min-width: 230px;visibility: hidden;
	-webkit-transform: translateY(150px) scale(0);
	-o-transform: translateY(150px) scale(0);
	transform: translateY(150px) scale(0);
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	background: rgba(255, 255, 255, 1);
	box-shadow: 1px 1px 2px #ccc, -1px 1px 2px #959595;
}
#header .navigation li.sub-1 {
	position: relative;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#header .navigation li.sub-1:nth-child(n+2) {border-top: 1px solid #e1e1e1;}
#header .navigation li.sub-1:before {
	content:'\f105';
	font-family: FontAwesome;
	opacity: 0;visibility: visible;
	display: block;position: absolute;
	left: 0px;top: 10px;font-size: 13px;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#header .navigation li.sub-1>.link {
	padding: 10px 10px 10px 5px;
	font-size: 13px;line-height: 20px;color: #000;
	white-space: nowrap;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#header .navigation li.main:hover>ul.sub-1 {
	-webkit-animation: dropMenu .5s ease-in-out forwards;
	-moz-animation: dropMenu .5s ease-in-out forwards;
	animation: dropMenu .5s ease-in-out forwards;
}
#header .navigation li.sub-1:hover {padding-left: 10px;}
#header .navigation li.sub-1:hover:before {opacity: 1;visibility: visible;color: #ed1c24;}
#header .navigation li.sub-1>.link:hover {color: #ed1c24;}
@media (max-width: 959px) {#header .middle {padding: 8px 0;}}
@keyframes dropMenu {
	0% {
		-webkit-transform: translateY(150px) scale(1);
		-o-transform: translateY(150px) scale(1);
		transform: translateY(150px) scale(1);
	}
	100% {
		z-index: 1000;
		visibility: visible;
		-webkit-transform: translateY(0) scale(1);
		-o-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}
@media (min-width: 1200px) {
	#header .navigation {max-width: 900px;margin: 0 auto;}
	#header .navigation li.main>.link {padding: 13px 30px;}
}

/* ------ BODY ------ */
/* 1. panel */

/* 1.1. article-related */
.article-related .list .item {position: relative;padding-left: 17px;}
.article-related .list .item:before {
	content:'';
	display: block;
	position: absolute;
	border-left: 6px solid #464646;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	left: 0px;top: 5px;
}
.article-related .list .item .link {font-size: 14px;line-height: 20px;color: #252525;}
.article-related .list .item:hover:before {border-left-color: #0365ca}
.article-related .list .item:hover .link {color: #0365ca;}
/* 1.2. product-related */

/* 1.3 categories */
.categories {border-bottom: 4px solid #0365ca;}
.categories .heading {
	position: relative;
	padding: 10px 10px 10px 35px;
	background: #0365ca;
	font-size: 13px;line-height: 20px;
	font-weight: bold;
}
.categories .heading .text {color: #fff;}
.categories .heading:after {
	content: '\f0c9';
	font-family: FontAwesome;
	display: block;
	position: absolute;
	font-size: 14px;color: #fff;
	font-weight: normal;
	left: 10px;top: 10px;
}
.categories .panel-body {padding: 10px 0;background: #f6f7f7;}
.categories li.main {position: relative;}
.categories li.main .link {display: block;position: relative;font-size: 14px;line-height: 18px;color: #252525;}
.categories li:hover .link:hover {color: #0365ca}
.categories a.main {
	padding: 10px 15px 10px 25px;
	font-size: 13px;
}
.categories a.main:before {
	content: '';
	position: absolute;
	display: block;
	width: 6px;height: 6px;
	background: #363636;
	left: 10px;top: 18px;
	bottom: initial;
}
.categories li.main.parent a.main:after {
	content:'\f105';
	font-family: FontAwesome;
	display: block;
	position: absolute;
	right: 10px;top: 10px;
}
.categories li.main.parent.open a.main:after {content: '\f106';}
.categories li.main:nth-child(n+2)>a.main {border-top: 1px solid #e1e1e1;}
.categories li.main:hover a.main:before {background: #0365ca;}
.categories	a.sub-1 {
	padding: 10px 15px 10px 30px;
	border-top: 1px solid #e1e1e1;
}
.categories ul.sub-1 {padding: 0;display: none;}
.categories li.sub-1:nth-child(n+2)>a.sub-1 {}
.categories	a.sub-1:before {
	content:'\f101';
	font-family: FontAwesome;
	display: block;
	position: absolute;
	left: 15px;top: 10px;
}
@media (min-width: 959px) {
	.categories ul.sub-1 {
		position: absolute;
		z-index: 100;
		background: #f6f7f7;
		top: 0px;left: 100%;
		box-shadow: 1px 1px 2px #ccc, 1px -1px 2px #ccc
	}
	.categories a.sub-1 {white-space: nowrap;border-top: none;}
	.categories li.sub-1+li.sub-1 a.sub-1 {border-top: 1px solid #e1e1e1;}
	.categories li.main:hover>ul.sub-1 {display: block;}
}

/* 1.4 aside */
.support {
	box-shadow: 0px 0px 3px #898989;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.support.active {
	-webkit-transform: translateY(calc(100% - 153px));
	-ms-transform: translateY(calc(100% - 153px));
	-o-transform: translateY(calc(100% - 153px));
	transform: translateY(calc(100% - 153px));
}
.support .panel-head {position: relative;padding: 20px 15px;font-size: 13px;line-height: 20px;background: #0365ca;color: #fff;cursor: pointer;}
/*.support .panel-head .close-poup {
	position: absolute;
	width: 25px;height: 25px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 0px 3px #898989;
	font-size: 12px;line-height: 25px;
	color: #0365ca;text-align: center;
	top: -5px;right: -5px;
	cursor: pointer;
}*/

.support .panel-head .landline {padding-left: 50px;background: url(../img/icon_phone.png) 0% 50% no-repeat;}
.support .panel-head .link {color: #fff;}
.support .panel-head .landline .subtitle {font-size: 20px;}
.support .panel-head .hotline .link {
	font-size: 20px;color: #d83e35;
	display: inline-block;padding-left: 10px;
	text-shadow: 0px 0px 5px #fff, 0px 0px 10px #fff
}
.support .panel-head .label {font-size: 10px;}
.support .panel-body {padding: 0 15px 15px 15px;border: 1px solid #959595;border-top: none;background: #f4f4f4;}
.support .list .item .content {padding-top: 10px}
@media (min-width: 767px), (max-width: 479px) {.support .list .item:nth-child(n+2) .content {border-top: 1px solid #959595;}}
@media (min-width: 479px) and (max-width: 767px) {.support .list .item:nth-child(n+3) .content {border-top: 1px solid #959595;}}
.support .list .title {font-size: 14px;line-height: 20px;color: #252525;}
.support .list .link {position: relative;display: block;margin-bottom: 5px;padding-left: 25px;font-size: 14px;line-height: 20px;color: #252525;}
.support .list .link.phone {color: #ed1c24;}
.support .list .link:before {
	content: '';
	font-family: FontAwesome;
	display: block;
	position: absolute;
	left: 0px;color: #252525;
}
.support .list .link.phone:before {content: '\f095';font-size: 16px;top: 2px;font-weight: bold;}
.support .list .link.email:before {content: '\f0e0';font-size: 16px;top: 0px;}

/* 1.5 index */
.index-partner {padding: 10px 0 30px 0;border-bottom: 1px solid #959595;}

/* article-catalogues */
.article-catalogues .list .article-item {padding-top: 15px;}
.article-catalogues .list .article-item:nth-child(n+2) {border-top: 1px solid #e1e1e1;}
/* 1.6 price-list */
.price-list {font-size: 14px;line-height: 20px;color: #000;}
.price-list .panel-head p {margin: 0 0 10px 0;}
.price-list .panel-head .phone .item {float: left;position: relative;padding-left: 25px;font-size: 16px;line-height: 20px;color: #ee2128;font-weight: bold;}
.price-list .panel-head .phone .item+.item {margin-left: 25px;}
.price-list .panel-head .phone .item.phone-1 {background: url(../img/icon_phone2.png) 0% 50% no-repeat;}
.price-list .panel-head .phone .item.phone-2 {background: url(../img/icon_phone3.png) 0% 50% no-repeat;}
.price-list .form .select {height: 36px;font-size: 14px;color: #000;}
.price-list .table {font-size: 14px;line-height: 20px;color: #252525;text-align: center;}
.price-list .table th, .price-list .table td {border-bottom: none;padding: 4px;text-align: center;vertical-align: middle!important;}
.price-list .table th {
	background: #555;
	font-weight: normal;
	color: #fff;
	font-size: 12px;
}
@media (max-width: 767px) {.price-list .table th {white-space: nowrap;} }
.price-list .table th:last-child {border-right: 1px solid #555}
.price-list .table th+th {border-left: 1px solid #fff}
.price-list .table th span {display: block;}
.price-list .table td {border: 1px solid #959595;}
.price-list .table td:nth-child(1) {width: 10px;}
.price-list .table td:nth-child(2) {text-align: left;}
.price-list .table td:nth-child(3) {width: 45px;}
.price-list .table td:nth-child(n+4):not(:last-child) {width: 80px;text-align: right;}
.price-list .table td:last-child {width: 40px;}
.price-list .table td.group {background: #f5f4f4;}
.price-list .table .add-to-cart {
	display: inline-block;
	text-indent: -99999px;
	width: 22px;height: 19px;
	background: url(../img/icon_cart.png) 0% 0% no-repeat;
}

.product-detail .tags .link {font-size: 13px;font-style: italic;color: #000;}
.product-detail .tags .link:hover {text-decoration: underline;color: #0365ca;}
.product-detail .product-info {font-size: 14px;line-height: 20px;color: #000}
.product-detail .product-info .info p {margin: 0 0 10px 0;}
.product-detail .product-info .action .link {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 14px;line-height: 20px;
}
.product-detail .product-info h1 {font-size: 18px;line-height: 24px;font-weight: bold;}
.product-detail .product-info .price-new {color: #ed1c24;display: inline-block;padding-left: 10px;font-size: 16px;}
.product-detail .product-info .contact .link {
	display: inline-block;
	padding: 10px 15px;
	background: #0365ca;
	font-size: 13px;line-height: 20px;
	color: #fff;
	border-bottom: 4px solid #0250a0;
}
.product-detail .product-info .contact .link+.link {margin-left: 10px;}
@media (min-width: 959px) and (max-width: 1200px) {
	.product-detail .product-info .contact .link {padding: 10px 10px;}
}
@media (max-width: 479px) {
	.product-detail .product-info .contact .link {padding: 10px 8px;font-size: 12px;}
	.product-detail .product-info .contact .link+.link {margin-left: 5px;}
}

/* .signature */
.signature {padding-top: 15px;border-top: 1px solid #e1e1e1;font-size: 14px;line-height: 20px;color: #000;}
.signature p {margin: 0 0 10px 0;}
.signature .company {font-size: 18px;line-height: 24px;color: #0365ca;}
.signature .link {color: #0365ca;}
.signature .link:hover {text-decoration: underline;}

/* 2. heading */
.heading-1 {position: relative;font-size: 16px;line-height: 24px;}
.heading-1 .text {position: relative;padding-right: 14px;display: inline-block;color: #252525;z-index: 100;background: #fff;}
.heading-1:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: 2px solid #0365ca;
	top: initial;left: 0px;bottom: 5px
}
.heading-2 {position: relative;padding: 10px 15px;background: #0365ca;}
.heading-2 .text {font-size: 13px;line-height: 20px;font-weight: bold;color: #fff;}
.heading-2:before {content:'';font-family: FontAwesome;display: block;position: absolute;}
.featured-products .heading-2 {padding-left: 40px;}
.featured-products .heading-2:before {content: '\f005';color: #fff;font-size: 18px;font-weight: normal;left: 12px;top: 10px;}
.heading-3 {}
.heading-3 .text {}

.heading-4 {padding-bottom: 7px;font-size: 14px;line-height: 20px;font-weight: bold;border-bottom: 1px solid #e1e1e1;}
.heading-4 .text {color: #252525;display: inline-block;position: relative;}
.heading-4 .text:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	left: 0px;top: initial;
	bottom: -8px;
	border-bottom: 2px solid #0365ca;
}

/* 3. slide */
.slide-1 .uk-slidenav {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	border-style: solid;border-color: #fff;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.slide-1 .uk-slidenav:before {content:''}
.slide-1 .uk-slidenav-previous {border-width: 0px 0px 2px 2px;}
.slide-1 .uk-slidenav-next {border-width: 2px 2px 0px 0px}

.slide-2 {position: relative;}
.slide-2 .control {position: absolute;right: 0px;bottom: initial;}
.slide-2 .control .uk-slidenav {display: block;}
.slide-2 .uk-slidenav-previous {left: 0px;}
.slide-2 .uk-slidenav-next {right: 0px;}

.index-slide {overflow: hidden;}
@media (min-width: 1300px) {.index-slide .uk-slideshow .item .fc-cover {height: 300px;}}
.index-slide .uk-dotnav {bottom: 10px}
@media (min-width: 959px) {.index-slide .uk-dotnav {bottom: 20px}}
.index-slide .uk-dotnav>*>* {width: 16px;height: 16px;background: #fff;border-radius: 0;}
.index-slide .uk-dotnav>.uk-active>* {background: #0365ca;}
.index-slide .uk-slidenav {
	display: block;
	width: 40px;height: 40px;
	line-height: 40px;
	font-size: 30px;color: #fff;
	border-radius: 50%;
	background: rgba(255, 255, 255, .4);
}
@media (min-width: 1200px) {
	.index-slide .uk-slidenav-previous {left: calc(50% - 600px);left: -moz-calc(50% - 600px);left: -webkit-calc(50% - 600px)}
	.index-slide .uk-slidenav-next {right: calc(50% - 600px);right: -moz-calc(50% - 600px);right: -webkit-calc(50% - 600px)}
}

.slider-1 {margin: 0 20px;}
.slider-1 .item>* {height: 60px;}
.slider-1 .uk-slidenav {display: block;width: 15px;height: 15px;border-color: #959595;margin-top: -8px;}
.slider-1 .uk-slidenav-previous {left: -15px;}
.slider-1 .uk-slidenav-next {right: -15px;}
.slideshow-1 {position: relative;}
.slideshow-1 .control {width: 55px;top: -22px;right: 10px;}
.slideshow-1 .uk-slidenav {
	display: block;
	width: 24px;height: 24px;
	font-size: 20px;
	line-height: 22px;
	background: #fff;
	border-radius: 4px;
	color: #0365ca;
}

.partner {padding: 30px 0 35px 0;border-top: 1px solid #959595;}
.slide-partner {margin: 0 25px;}
.slide-partner .item>* {height: 90px;} 
.slide-partner .uk-slidenav {
	display: block;border-color: #c2c2c2;
	height: 20px;width: 20px;
	margin-top: -10px;
}
.slide-partner .uk-slidenav-previous {left: -20px;}
.slide-partner .uk-slidenav-next {right: -20px;}
.product-slide #slider {border: 1px solid #e1e1e1;border-radius: 0px;}
.product-slide #slider li {}
.product-slide #slider .fc-fit {height: 300px;}
.product-slide #carousel .item {border: none;border: 1px solid #e1e1e1;}
.product-slide #carousel {max-width: 380px;margin-left: auto;margin-right: auto;}
.product-slide #carousel li.item:nth-child(n+2) {margin-left: 10px;}
.product-slide #carousel .fc-fit {height: 85px;}
.product-slide .flex-direction-nav a {}
.product-slide .flex-direction-nav .flex-prev:before {content:'\f104';font-family: FontAwesome;}
.product-slide .flex-direction-nav .flex-next:before {content:'\f105';font-family: FontAwesome;}

/* 4. articles */
[class*=article-] {}
[class*=article-] .title .link {-webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
[class*=article-] .title .link:hover {color: #0365ca;}
[class*=article-] .time {}
[class*=article-] .time .icon {}
[class*=article-] .description {font-size: 14px;line-height: 18px;color: #252525;}
[class*=article-] .description p {margin: 0;}

.article-1 {}
.article-1 .thumb .link {height: 165px;}
@media (min-width: 479px) {.article-1 .info {padding-left: 20px;}}
.article-1 .title {font-size: 16px;line-height: 20px;font-weight: bold;}
.article-1 .title .link {color: #252525;}
.article-1 .description {font-size: 14px;line-height: 20px;color: #000;}
@media (max-width: 479px) {.article-1 .thumb {margin-bottom: 10px;}}

.article-2 .thumb .link {height: 85px;}
.article-2 .info {padding-left: 15px;}
.article-2 .title {font-size: 13px;line-height: 18px;}
.article-2 .title .link {color: #252525;}
.article-2 .time {font-size: 13px;}
.article-2 .time .icon {color: #0365ca}
.article-2  .price {color: #ec2029;}

.article-3 .thumb .link {}
.article-3 .title {}
.article-3 .title .link {}
.article-3 .description {}

.article-detail {font-family: Arial, sans-serif;font-size: 14px;line-height: 20px;color: #252525;}
.article-detail h1, .article-detail h2, .article-detail h3, .article-detail h4, .article-detail h5, .article-detail h6 {font-family: Arial, sans-serif;} 
.article-detail h1 {font-size: 22px;line-height: 26px;color: #252525;font-weight: bold;}
.article-detail .description {}

/* 5. products */
.product-1 {
	position: relative;
	padding: 0 0 12px 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.product-1:hover {
	-webkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 4px 2px rgba(0, 0, 0, .3)
}
.product-1 .thumb .link {height: 150px;}
.product-1 .title {font-size: 15px;line-height: 20px;}
.product-1 .info {padding: 0 5px 5px 5px;}
.product-1 .title .link {color: #252525;}
.product-1 .title .link:hover {color: #0365ca;}
.product-1 .price  .price-new {font-size: 14px;line-height: 18px;color: #ec2029;}
.product-1 .buy .link {
	display: inline-block;
	padding: 3px 10px;
	background: #ec2029;
	font-size: 12px;line-height: 18px;
	border-radius: 4px;color: #fff;
	border-bottom: 2px solid #a40000;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.product-1 .buy .link:hover {opacity: .8;}

.product-2 .thumb .link {}
.product-2 .info {}
.product-2 .title {}
.product-2 .title .link {}
.product-2 .time {}
.product-2 .time .icon {}

.product-3 .thumb .link {}
.product-3 .title {}
.product-3 .title .link {}
.product-3 .readmore .link {}
.product-3 .readmore .link:hover {}

/* 5.2 product-detail */
.product-detail {}
.product-detail .tags .link {}
.product-detail .tags .link:hover {}
.product-detail h1 {}
.company-info {}
.company-info h2.title {}
.company-info .form .row .label {}
@media (min-width: 567px) {}
.company-info .form .row .text {}
.company-info .link {}
.company-info .form .row input.text {}
.company-info .form .row textarea.text {}
.company-info .form .row .btn {}

/* 6. video */
/* 7. photo */
/* 8. banner */
.banner-1 {}
.banner-1 .link {}
/*  9. contacts */
.contacts {}
.contacts .info .item {position: relative;padding-left: 25px;font-size: 14px;line-height: 20px;color: #252525;}
.contacts .info .item:before {
	content:'';
	font-family: FontAwesome;
	display: block;
	position: absolute;
	left: 0px;top: 0px;
	font-size: 14px;color: #0365ca;
}
.contacts .info .item.hotline:before {content: '\f10b';font-size: 18px;}
.contacts .info .item.location:before {content: '\f041';font-size: 16px;}
.contacts .info .item.fax:before {content: '\f02f';}
.contacts .info .item.email:before {content: '\f0e0';}
.contacts .info .item.timework:before {content: '\f017';font-size: 16px;}
.contacts .info .item .link {color: #252525;}
.contacts .map {height: 350px;}
@media (max-width: 767px) {.contacts .map {height: 250px;}}
.contacts .form .label {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;line-height: 20px;
	color: #000;
}
.contacts .form .label {display: block;position: relative;}
.contacts .form .label:before {content: ''; font-family: FontAwesome; display: block; position: absolute;font-size: 13px;color: #ccc;left: 10px;top: 12px;}
.contacts .form .label.fullname:before {content:'\f007';}
.contacts .form .label.email:before {content:'\f0e0';}
.contacts .form .label.phone:before {content:'\f10b';font-size: 18px;}
.contacts .form .label.message:before {content:'\f044';top: 5px;font-size: 16px;}
.contacts .form .text {
	display: block;
	padding: 5px 10px 5px 30px;
	border: 1px solid #ddd;
	font-size: 14px;line-height: 20px;
	color: #000;border-radius: 3px;
}
.contacts .form .text::-webkit-input-placeholder {font-size: 13px;line-height: 18px;color: #ccc;} 
.contacts .form .text::-moz-placeholder {font-size: 13px;line-height: 18px;color: #ccc;}
.contacts .form .text:-ms-input-placeholder {font-size: 13px;line-height: 18px;color: #ccc;}
.contacts .form .text:-moz-placeholder {font-size: 13px;line-height: 18px;color: #ccc;}
.contacts .form input.text {height: 40px;}
.contacts .form textarea.text {height: 135px;}
.contacts .form .btn {
	display: inline-block;
	padding: 8px 35px;
	background: #0365ca;
	font-size: 14px;line-height: 20px;
	color: #fff;border: none;
	border-radius: 3px;
	border-bottom: 3px solid #05407b;
	cursor: pointer;
}

/* ------ FOOTER ------ */
.footer {background: #363636;padding: 50px 0 0 0;font-size: 14px;line-height: 20px;color: #e1e1e1;}
.footer .link {color: #e1e1e1;}
.footer .top .heading {font-size: 17px;line-height: 24px;color: #fff;}
.footer .top .list .item {position: relative;padding-top: 10px;}
.footer .top .list .item+.item {border-top: 1px solid #707070;}
.footer .top .list .item:before {
	content:'';
	display: block;
	position: absolute;
	left: 0px;
}
.footer .top .contact .list .item {padding-left: 25px;}
.footer .top .contact .list .item:before {top: 10px;color: #ffda44;font-family: FontAwesome;font-size: 14px;}
.footer .top .contact .list .item.location:before {content: '\f041';}
.footer .top .contact .list .item.phone:before {content: '\f10b';font-size: 20px;}
.footer .top .contact .list .item.email:before {content: '\f0e0';}
.footer .top .contact .list .item.fax:before {content: '\f02f';}
.footer .top .infomation .list .item {padding-left: 15px;}
.footer .top .infomation .list .item:before {
	width: 0;height: 0;
	border-left: 6px solid #e1e1e1;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	top: 15px;
}
.footer .top .infomation .list .item:hover:before {border-left-color: #ffda44}
.footer .top .list .item:hover .link {color: #ffda44}
.footer .top span.label {display: inline-block;font-size: 13px;padding-right: 5px;}
.footer .link:hover {}
.footer .panel .heading {}
.footer .middle {padding: 15px 0;border-top: 1px solid #707070;color: #959595;font-size: 13px;line-height: 20px;}
.footer .middle .link {color: #959595;}
.footer .middle .link:hover {text-decoration: underline;color: #e1e1e1;}

#purchase-info {color: #111;}
#purchase-info .uk-modal-close {
	display: block;
	width: 30px;height: 30px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid #898989;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
}
#purchase-info .form .text, #purchase-info .form textarea {border: 1px solid #ccc;border-radius: 4px;}
#purchase-info .form .text {height: 40px;padding: 4px 6px 4px 15px;}
#purchase-info .form textarea {height: 100px;}
#purchase-info .form .btn {padding: 10px 40px;background: #0365ca;font-size: 14px;line-height: 20px;color: #fff;border-bottom: 3px solid #0250a0;}
@media (max-width: 479px) {#purchase-info .uk-modal-dialog {padding: 25px 10px}}
.fc-form-login{}
.fc-form-login .uk-panel{}
.fc-form-login .uk-panel-title{background:#0365ca;padding:6px;border-radius:1px;margin:0;}
.fc-form-login .uk-panel-title h3{color: #fff;font-size:13px;margin:0px;}
.fc-form-login .uk-panel-title h3 .glc-number{display:inline-block;width:22px;background:#fff;color:#696969;float:left;text-align:center;margin-right:10px;}
.fc-form-login .uk-panel-body{padding:10px;border:1px solid #CCCCCC;}
.fc-form-login .uk-panel-body form{}
.fc-form-login .uk-panel-body form .uk-form-row{}
.fc-form-login .uk-panel-body form .uk-form-row label{}
.fc-form-login .uk-panel-body form .uk-form-row .uk-form-controls{}
.fc-form-login .uk-panel-body form .uk-form-row .uk-form-controls input[type=text]{height:32px;width:100%;}
.fc-form-login .uk-panel-body form .uk-form-row .uk-form-controls input[type=password]{height:32px;width:100%;}
.fc-form-login .uk-panel-body form .uk-form-row .uk-form-controls select{width:100%;}
.fc-form-login .uk-panel-body form .uk-form-row .uk-form-controls  textarea{width:100%;}
.fc-form-login .uk-panel-body form .uk-form-row .uk-form-controls input[type=radio]{}
.fc-form-login .uk-panel-body form .uk-form-row .uk-form-controls input[type=submit]{width:100%;color:#fff;background:#f36b2d;border:1px solid #FFF;}
.fc-cart-info .uk-panel-title{margin:0px;}
.fc-cart-info .uk-panel-title h3{padding:5px 10px;border-bottom:1px solid #CCCCCC;font-size:13px;text-transform:uppercase;margin:0px;}
.fc-cart-info table{width:100%;}
.fc-cart-info table tr{}
.fc-cart-info table tr td{}
.fc-cart-info table tfoot{}
.fc-cart-info table tfoot tr{}

/*
#USER INFOMATION
*/

.user-aside{}
.user-aside  .information{position:relative;background:#F3F3F3;margin:0px;padding:10px;}
.user-aside  .information .uk-panel-avatar{border:1px solid #CCCCCC;padding:2px;float:left;width:20%;margin-right:10px;}
.user-aside  .information .uk-panel-avatar img{}
.user-aside  .information .uk-panel-fullname{}
.user-aside  .information .uk-panel-fullname .name{font-weight:bold;color:#06f;}
.user-aside  .information .uk-panel-fullname .point{font-size:12px; color:orange;display:block;margin-top:5px;}
.user-aside .uk-panel{background:#F3F3F3;margin:0px !important;padding-top:10px;padding-bottom:0px;}
.user-aside .uk-panel .uk-panel-title{background:#ddd;color:#666666;text-align:center;padding:6px 0px;}
.user-aside .uk-panel .uk-panel-title h3{font-size:14px;font-weight:bold;margin:0px;}
.user-aside .uk-panel .uk-panel-body {}
.user-aside .uk-panel .uk-panel-body ul{list-style:none;margin:0px;padding-left:10px;}
.user-aside .uk-panel .uk-panel-body ul li{margin-bottom:10px;}
.user-aside .uk-panel .uk-panel-body ul li a{display:block;line-height:20px;height:20px;color:#444;	text-decoration:none;}
.user-aside .uk-panel .uk-panel-body ul li a:hover{color:#e5101d;font-weight:bold;}

.user-content{padding:0px 10px 10px 30px;}
.user-content .uk-panel-title{color:#e5101d;font-weight:bold;font-size:14px;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid #CCCCCC;}
.user-content .uk-form-label{text-align:right;}
.user-content .uk-form-controls input[type=text]{
	width:50%;
}
.user-content .uk-form-controls input[type=submit]{
	background:#e5101d;
	width:20%;
	border:0px;
	color:#fff;
	padding:6px;
	border-radius:5px;
	cursor:pointer;
}
.tags {}
.tags a{background:#86B817;display:inline-block;color:#fff;padding:5px;font-family:'UTM Avo', Arial, sans-serif;text-decoration:none;}
.tags a:hover{color:#333;background:#CCC;}
.tags a i{margin-right:5px;display:inline-block;}

.share ul{list-style:none;}
.share ul li{float:left;margin-right:10px;}

.bannex-fixed {width: 120px;position: fixed;}
.bannex-fixed.left {left: 0px;}
.bannex-fixed.right {right: 0px!important;left: initial!important;}
@media (max-width: 1200px) {.bannex-fixed {display: none;}}


/* #cart */
#cart {position: fixed;display: none;right: 5px;top: 50%;}
#cart>a {
	display: block;
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	padding: 20px 20px;background: #ec008c;z-index: 9999;border-radius: 5px;
}
#cart>a .icon {font-size: 28px;}
#cart>a .order {position: absolute;top: 7px;right: 12px}

/* 
 ************* TEXT EFFECT **********

*/

@import url(https://fonts.googleapis.com/css?family=Satisfy);


.cssload-loading {
	text-align:center;
	position:absolute;
	bottom:20px;
	right:0;
	left:0;
	margin: 49px auto;
	color: #fff;
	font-size: 40px;
	font-family: 'Satisfy', cursive;
	animation: cssload-breathe 8.05s ease infinite;
		-o-animation: cssload-breathe 8.05s ease infinite;
		-ms-animation: cssload-breathe 8.05s ease infinite;
		-webkit-animation: cssload-breathe 8.05s ease infinite;
		-moz-animation: cssload-breathe 8.05s ease infinite;
}

@keyframes cssload-breathe {
	0% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
	30% {
		color: transparent;
	}
	50% {
		letter-spacing: 97px;
		font-size: 0;
		text-shadow: 0 0 6px white;
	}
	60% {
		color: transparent;
	}
	100% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
}

@-o-keyframes cssload-breathe {
	0% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
	30% {
		color: transparent;
	}
	50% {
		letter-spacing: 97px;
		font-size: 0;
		text-shadow: 0 0 6px white;
	}
	60% {
		color: transparent;
	}
	100% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
}

@-ms-keyframes cssload-breathe {
	0% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
	30% {
		color: transparent;
	}
	50% {
		letter-spacing: 97px;
		font-size: 0;
		text-shadow: 0 0 6px white;
	}
	60% {
		color: transparent;
	}
	100% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
}

@-webkit-keyframes cssload-breathe {
	0% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
	30% {
		color: transparent;
	}
	50% {
		letter-spacing: 97px;
		font-size: 0;
		text-shadow: 0 0 6px white;
	}
	60% {
		color: transparent;
	}
	100% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
}

@-moz-keyframes cssload-breathe {
	0% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
	30% {
		color: transparent;
	}
	50% {
		letter-spacing: 97px;
		font-size: 0;
		text-shadow: 0 0 6px white;
	}
	60% {
		color: transparent;
	}
	100% {
		letter-spacing: 0;
		text-shadow: 0 0 1px white;
	}
}


.ring-alo-phone{position:fixed;left:5px;bottom:80px;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:200000!important}
.ring-alo-ph-circle{width:90px;height:90px;top:12px;left:12px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(0,175,242,0.7);opacity:.1;border-color:#EC2029;opacity:.5}
.ring-alo-ph-circle-fill{width:60px;height:60px;top:28px;left:28px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:#EC2029;opacity:.75!important}
.ring-alo-ph-img-circle{width:30px;height:30px;top:43px;left:43px;position:absolute;background:#EC2029 url(../img/icon-phone.png) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-color:#EC2029;background-size:70%}
.zalo-chat {
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 175px;
}
.zalo-chat img {
    max-width: 60px;
}
@media (max-width:480px)
{
    .zalo-chat {
        right: 45px;
    }
}