/* <htweb.css> */
	.dots-group {
		text-align: center;
	}
	.dots-group > span {
		display: inline-block;
		position: relative;
		width: 5px;
		height: 5px;
		text-indent: -99999px;
	}
	.dots-group > .dot-blue {background: #137cc0;}
	.dots-group > .dot-black {background: #666;}

	@media (min-width: 1220px) {
		#open-ordermodal:before {
		    content: '';
		    position: absolute;
		    display: block;
		    top: 0;
		    left: -75%;
		    z-index: 100;
		    width: 50%;
		    height: 100%;
		    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
		    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
		    -webkit-transform: skewX(-25deg);
		    -ms-transform: skewX(-25deg);
		    -o-transform: skewX(-25deg);
		    transform: skewX(-25deg);
		    -webkit-animation: imgShine 1s ease-in-out infinite;
		    -o-animation: imgShine 1s ease-in-out infinite;
		    animation: imgShine 1s ease-in-out infinite;
		}
	}

	/* ===== Header styles ==== */
	.pc-header {
		position: fixed;
		width: 100%;
		padding: 2px 0;
		top: 0px;
		left: 0px;
		background: rgba(31, 32, 36, 1);
		-webkit-transition: all .35s ease;
		-moz-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
		z-index: 1000;
	}
	#home .pc-header {
		top: 15px;
		background: transparent;
	}
	body.scrolled .pc-header {
		top: 0px!important;
		background: rgba(31, 32, 36, 0.95)!important;
	}
	.pc-header.hidden {
		-webkit-transform: translate(0, -100%);
		-moz-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
		transform: translate(0, -100%);
	}
	
	.pc-header .container {
		position: relative;
		padding-right: 90px;
	}
	.pc-header .logo {
		max-width: 224px;
		-webkit-transition: all .35s ease;
		-moz-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	#home .pc-header .logo {max-width: 160px}
	body.scrolled .pc-header .logo {max-width: 130px!important}
	.pc-header .open-regform,
	.mobile-header .open-regform  {
		display: block;
		position: absolute;
		background: #106aa3;
		padding: 6px 12px;
		left: initial;
		right: 0px;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		color: #fff;
		font-size: 15px;
		line-height: 16px;
		text-transform: uppercase;
	}

	#main-nav li {position: relative;}
	#main-nav .main-menu > li > a {
		display: block;
		position: relative;
		padding: 6px 12px;
		color: #fff;
		font-size: 15px;
		line-height: 16px;
		text-transform: uppercase;
	}
	#main-nav .main-menu > li.parent > a {padding-right: 24px;}
	#main-nav .main-menu > li.parent > a:before {
		content: "+";
		display: block;
		position: absolute;
		left: initial;
		right: 8px;
		top: 50%;
		margin-top: -8px;
		font-size: 20px;
		font-family: Arial, sans-serif;
		color:rgba(255, 255, 255, .7);
		-webkit-transition: all 0.35s linear;
	    -moz-transition: all 0.35s linear;
	    -o-transition: all 0.35s linear;
	    transition: all 0.35s linear;
	}
	#main-nav .main-menu > li.parent:hover > a:before {
		-webkit-transform: scale(1) rotate(90deg);
		-moz-transform: scale(1) rotate(90deg);
		-ms-transform: scale(1) rotate(90deg);
		-o-transform: scale(1) rotate(90deg);
		transform: scale(1) rotate(90deg);
	}
	#main-nav .sub-menu {
		display: block;
		position: absolute;
		min-width: 205px;
		padding: 0 0 3px 0;
		top: 100%;
		left: 0px;
		background: #fff;
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
		box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
		border-bottom: 5px solid transparent;
		opacity: 0;
		z-index: -1;
		-webkit-transform: scale(1, 0);
		-ms-transform: scale(1, 0);
		-o-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transition: all .35s ease;
		-moz-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	#main-nav .sub-menu:hover {border-bottom-color: #713e18}
	#main-nav .main-menu > li.parent:hover > .sub-menu {
		opacity: 1;
		z-index: 10;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	#main-nav .sub-menu > li > a {
		display: block;
		position: relative;
		padding: 7px 14px;
		font-size: 13px;
		line-height: 18px;
		color: #000;
		-webkit-transition: text-indent .35s linear;
		-moz-transition: text-indent .35s linear;
		-o-transition: text-indent .35s linear;
		transition: text-indent .35s linear;
	}
	#main-nav .sub-menu > li + li > a {border-top: 2px solid #efefef;}
	#main-nav .sub-menu > li:hover > a {
		background: #1f2024;
		color: #fff;
		text-indent: 5px;
	}
	@media (max-width: 1220px) {
		#main-nav .main-menu > li > a {
			font-size: 13px;
			padding: 6px 10px;
		}
		#main-nav .main-menu > li.parent > a:before {
			font-size: 16px;
		}
	}

	/* ===== Mobile header styles ===== */
	.mobile-header {
		position: relative;
		z-index: 5;
	}
	.mobile-header .upper {
		position: relative;
		padding: 6px 10px;
		background: rgba(31, 32, 36, 1);
		text-align: center;
	}
	.mobile-header .logo {display: inline-block;}
	.mobile-header .logo a {width: 120px;}
	.mobile-header .open-regform {right: 10px;}
	@media (max-width: 567px) {
		.mobile-header .upper {
			padding: 6px 10px 6px 60px;
			text-align: left;
		}
	}
	
	/* ===== Body styles ===== */

	/* >>>>> Slide style <<<<< */
	.main-slideshow {
		margin: 0 0 20px 0;
		position: relative;
	}
	.main-slideshow .uk-slideshow > li:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
	    background: -webkit-linear-gradient(rgba(31,32,36,0.8), transparent);
	    background: -moz-linear-gradient(rgba(31,32,36,0.8), transparent);
	    background: -o-linear-gradient(rgba(31,32,36,0.8), transparent);
	    background: linear-gradient(rgba(31,32,36,0.8), transparent);
	    z-index: 1
	}
	.main-slideshow .uk-dotnav {
		opacity: 0;
		bottom: 10px;
		-webkit-transition: all .35s ease;
		-moz-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	.main-slideshow:hover .uk-dotnav {opacity: 1;}
	.main-slideshow .uk-dotnav > * + * {margin-left: 4px;}
	.main-slideshow .uk-dotnav > * > * {
		width: 16px;
		height: 16px;
		border: 2px solid #fff;
		background: #000;
	}
	.main-slideshow .uk-dotnav > .uk-active > * {background: #713e18;}
	.main-slideshow .slideshow-content {
		position: absolute;
		max-width: 1220px;
		padding: 0 10px;
		margin: 0 auto;
		top: 50%;
		left: 0px;
		bottom: 0px;
		right: 0px;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index: 5;
		text-align: center;
	}
	.main-slideshow .slideshow-content .title {
		margin: 0 0 20px 0;
		color: #fff;
		font-size: 48px;
		font-family: 'brandon_textregular';
		line-height: 60px;
	}
	.main-slideshow .slideshow-content .subtitle {
		margin: 0 0 75px 0;
		color: #fff;
		font-size: 22px;
		font-family: 'brandon_textregular';
		line-height: 26px;
	}
	.main-slideshow .slideshow-content .open-regform {
		display: inline-block;
		position: relative;
		border: none;
		background: transparent;
		color: #fff;
		font-size: 18px;
		font-family: 'brandon_textbold';
		line-height: 22px;
		text-transform: uppercase;
	}
	.main-slideshow .slideshow-content .open-regform:before {
		content: "";
		display: block;
		position: absolute;
		width: 150%;
		height: 250%;
		top: -75%;
		left: -25%;
		background: transparent;
		border: 1px solid #79bfea;
	    -webkit-animation-iteration-count: infinite;
	    animation-iteration-count: infinite;
	    -webkit-animation-name: zoomIn;
	    animation-name: zoomIn;
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	}
	.main-slideshow .slideshow-content .open-regform:after {
		content: "";
		display: block;
		position: absolute;
		width: 130%;
		height: 180%;
		top: -40%;
		left: -15%;
		background: rgba(0, 175, 242, 0.5);
		z-index: 1;
		-webkit-animation-iteration-count: infinite;
	    animation-iteration-count: infinite;
	    -webkit-animation-name: pulse;
	    animation-name: pulse;
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	}
	.main-slideshow .slideshow-content .open-regform > * {
		display: block;
		position: relative;
		padding: 9px 25px;
		background: #137cc0;
		z-index: 5
	}
	
	@media (max-width: 1220px) {
		.main-slideshow .slideshow-content .title {
			margin: 0 0 10px 0;
			font-size: 32px;
			line-height: 40px;
		}
	}
	@media (max-width: 960px) {
		.main-slideshow {margin: 0 0 15px 0;}
		.main-slideshow .slideshow-content .title {
			font-size: 28px;
			line-height: 36px;
		}
		.main-slideshow .slideshow-content .subtitle {
			margin: 0 0 50px 0;
			font-size: 18px;
			line-height: 24px;
		}
	}
	@media (max-width: 767px) {
		.main-slideshow .slideshow-content .title {
			font-size: 24px;
			line-height: 30px;
		}
		.main-slideshow .slideshow-content .subtitle {
			margin: 0 0 30px 0;
			font-size: 16px;
			line-height: 20px;
		}
		.main-slideshow .slideshow-content .open-regform {
			padding: 7px 20px;
			font-size: 14px;
			line-height: 20px;
		}
		.main-slideshow .slideshow-content .open-regform:before {
			width: 120%;
			height: 150%;
			top: -25%;
			left: -10%;
		}
		.main-slideshow .slideshow-content .open-regform:after {
			width: 110%;
			height: 120%;
			top: -10%;
			left: -5%;
		}
	}
	@media (max-width: 567px) {
		.main-slideshow {margin: 0 0 10px 0;}
		.main-slideshow .slideshow-content {
			top: 30%;
			-webkit-transform: translate(0, -30%);
			-ms-transform: translate(0, -30%);
			-o-transform: translate(0, -30%);
			transform: translate(0, -30%);
		}

		.main-slideshow .slideshow-content .title {
			font-size: 20px;
			line-height: 24px;
		}
		.main-slideshow .slideshow-content .subtitle {
			font-size: 14px;
			line-height: 20px;
		}
		.main-slideshow .slideshow-content .open-regform {
			padding: 5px 15px;
			font-size: 13px;
			line-height: 18px;
		}
	}
	@media (max-width: 479px) {
		.main-slideshow .slideshow-content .title {
			margin: 0 0 25px 0;
			font-size: 18px;
			line-height: 24px;
		}
		.main-slideshow .slideshow-content .subtitle {display: none;}
		.main-slideshow .slideshow-content .open-regform {
			padding: 5px 10px;
			font-size: 13px;
			line-height: 18px;
		}
		.main-slideshow .slideshow-content .open-regform:before {
			width: 120%;
			height: 130%;
			top: -15%;
			left: -10%;
		}
		.main-slideshow .slideshow-content .open-regform:after {
			width: 105%;
			height: 105%;
			top: -2.5%;
			left: -2.5%;
		}
	}

	/* >>>>> financial-section <<<<< */
	.financial-section {margin: 0 0 20px 0;}
	.financial-section .panel-head {
		margin: 0 0 20px;
		text-align: center;
	}
	.financial-section .panel-body {margin: 0 0 30px 0;}
	.financial-section .panel-head .label {
		margin: 15px 0 10px 0;
		font-style: italic;
		font-size: 14px;
		line-height: 1;
		color: #666;
	}
	.financial-section .heading {
		margin: 0 0 25px 0;
		font-size: 30px;
		line-height: 36px;
		text-transform: uppercase;
	}
	.financial-section .heading > * {color: #666;}
	.financial-section .service {
		position: relative;
		padding: 20px 23px 1px 20px;
		text-align: center;
		z-index: 2;
	}
	.financial-section .service a {color: #713e18;}
	.financial-section .service a:hover {color: #343434;}
	.financial-section .service .icon {
		display: block;
		margin: 0 0 10px 0;
		color: #615f60;
		font-size: 43px;
		line-height: 1;
	}
	.financial-section .service .label {
		margin: 0 0 15px 0;
		font-size: 16px;
		font-style: italic;
		line-height: 19px;
	}
	.financial-section .service .title {
		margin: 0 0 10px 0;
		font-size: 24px;
		line-height: 30px;
		text-transform: uppercase;
	}
	.financial-section .service .description {
		font-size: 15px;
		line-height: 23px;
	}
	.financial-section .service.center {
		background: url(img/webdesign.png) center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	.financial-section .service.center:before {
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: #713e18;
		opacity: .7;
		z-index: -1;
	}
	.financial-section .service.center a, 
	.financial-section .service.center a:hover {
		color: #fff;
	}
	.financial-section .service.center .icon {margin: 0 0 30px 0;}
	.financial-section .service.center .viewmore {
		margin: 10px 0 30px 0;
		font-size: 15px;
		line-height: 23px;
	}
	@media (max-width: 1220px) {
		.financial-section .panel-body .uk-grid {margin-left: 0px;}
		.financial-section .panel-body .uk-grid > * {padding-left: 0px;}
	}
	@media (min-width: 960px) and (max-width: 1220px) {
		.financial-section .service {padding: 20px 10px 1px 10px;}
	}
	@media (max-width: 960px) {
		.financial-section .panel-head {margin: 0;}
		.financial-section .heading {
			margin: 0 0 20px 0;
			font-size: 26px;
			line-height: 30px;
		}
		.financial-section .service.center {margin-top: 20px;}
	}
	@media (max-width: 567px) {
		.financial-section .heading {
			margin: 0 0 15px 0;
			font-size: 22px;
			line-height: 30px;
		}
	}
	@media (max-width: 479px) {
		.financial-section .heading {
			margin: 0 0 10px 0;
			font-size: 20px;
			line-height: 26px;
		}
		.financial-section .service .title {
			margin: 0 0 10px 0;
			font-size: 20px;
			line-height: 26px;
		}
		.financial-section .service .label {margin: 0 0 10px 0;}
		.financial-section .service .description {line-height: 20px;}
	}

	/* >>>>> design-section  <<<<< */
	.design-section {
		margin: 0 0 0 0;
		padding: 45px 0;
		background:rgba(130,155,179,0.14902);
	}
	.design-section .panel-head {margin: 0 0 35px 0;}
	.design-section .step {
		position: relative;
		text-align: center;
	}
	.design-section .step .icon {
		display: block;
		position: relative;
		width: 102px;
		height: 102px;
		margin: 0 auto 35px auto;
		border: 1px solid #713e18;
		background: url(img/bgdiamonds.png) 0px 0px;
	    -webkit-box-shadow: 0 0 26px #FFF inset;
	    -moz-box-shadow: 0 0 26px #FFF inset;
	    box-shadow: 0 0 26px #FFF inset;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		color: #713e18;
		font-size: 50px;
		line-height: 102px;
		text-align: center;
		-webkit-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
		cursor: pointer;
	}
	.design-section .step .icon:hover {
		background: none;
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	.design-section .step .title {
		font-size: 17px;
		line-height: 22px;
	}
	.design-section .step .title a {
		display: block;
		max-width: 235px;
		margin: 0 auto;
		color: #414141;
	}
	.design-section .panel-body {
		color: #18181a;
		font-size: 18px;
		line-height: 30px;
		text-align: center;
	}
	.design-section .welcome-message {
		max-width: 900px;
		margin: 0 auto;
		font-size: 38px;
		line-height: 58px;
	}
	.design-section .welcome-message a {color: #000;}
	.design-section .btn-groups,
	.intro-section .btn-groups {
		display: inline-block;
	}
	.design-section .btn-groups .btn,
	.intro-section .btn-groups .btn {
		display: block;
		position: relative;
		float: left;
		padding: 10px 12px;
		background: #fff;
		-webkit-border-radius: 2px 2px;
		-moz-border-radius: 2px 2px;
		-ms-border-radius: 2px 2px;
		-o-border-radius: 2px 2px;
		border-radius: 2px 2px;
		font-size: 18px;
		font-family: 'brandon_textbold', sans-serif;
		line-height: 20px;
		color: #713e18  ;
		-webkit-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	.design-section .btn-groups .btn + .btn,
	.intro-section .btn-groups .btn + .btn {
		margin-left: 10px;
	}
	.design-section .btn-groups .btn-viewmore,
	.intro-section .btn-groups .btn-viewmore {
		border: 2px solid #713e18;
	}
	.design-section .btn-groups .btn-viewmore:hover,
	.intro-section .btn-groups .btn-viewmore:hover {
		background: rgba(0, 0, 0, 0.05);
	}
	.design-section .btn-groups .btn-warehouse,
	.intro-section .btn-groups .btn-warehouse {
		padding: 12px 12px;
		background: #713e18;
	    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
	    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
	    box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
		color: #fff;
	}
	.design-section .btn-groups .btn-warehouse:hover,
	.intro-section .btn-groups .btn-warehouse:hover {
	    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
	    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
	    box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
	}
	@media (min-width: 1220px) {
		.homepage-category .panel-head {padding-top: 20px;}
	}
	@media (max-width: 1220px) {
		.design-section .step .icon {margin: 0 auto 15px auto;}
		.design-section .step .title {
			font-size: 15px;
			line-height: 20px;
		}
		.design-section .panel-body {
			font-size: 15px;
			line-height: 23px;
		}
		.design-section .welcome-message {
			margin: 0 0 10px 0;
			font-size: 30px;
			line-height: 36px;
		}
	}
	@media (max-width: 960px) {
		.design-section .panel-head {margin: 0 0 25px 0;}
		.design-section .panel-head > .uk-grid > *:nth-child(n+3) {margin-top: 20px;}
		.design-section .welcome-message {
			margin: 0 0 10px 0;
			font-size: 24px;
			line-height: 30px;
		}
		.design-section .btn-groups .btn {
			padding: 10px 20px;
			font-size: 16px
		}
		.design-section .btn-groups .btn-warehouse {padding: 12px 20px;}
		.design-section {
		    margin: 0 0 20px 0;
		    padding: 0px;
		}
	}
	@media (max-width: 567px) {
		.design-section .step .icon {
			width: 80px;
			height: 80px;
			font-size: 36px;
			line-height: 80px;
		}
		.design-section .step .icon:hover {
			background: none;
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			-o-transform: scale(1.2);
			transform: scale(1.2);
		}
		.design-section .welcome-message {
			font-size: 20px;
			line-height: 24px;
		}
		.design-section .btn-groups .btn {font-size: 15px}
	}
	
	/* >>>>> homepage-category <<<<< */
	.homepage-category,
	.prdcatalogue {
		margin: 0 0 30px 0;
		/* background: rgba(130,155,179,0.14902); */
	}
	.homepage-category .panel-head,
	.prdcatalogue .panel-head {
		margin: 0 0 35px 0;
		padding: 10px 0 0 0;
	}
	.homepage-category .category,
	.prdcatalogue .category {
		display: block;
		position: relative;
		padding: 0 10px;
		color: #414141;
		font-size: 15px;
		line-height: 18px;
		text-align: center;
	}
	.homepage-category .category:hover,
	.prdcatalogue .category:hover {
		color: #713e18;
	}
	.homepage-category .category > *,
	.prdcatalogue .category > * {
		display: block;
	}
	.homepage-category .category .icon,
	.prdcatalogue .category .icon {
		margin: 0 0 15px 0;
		font-size: 35px;
		line-height: 1;
	}
	@media (min-width: 1220px) {
		.homepage-category .list-products > li,
		.prdcatalogue .list-products > li {
			margin-bottom: 45px;
		}
	}
	@media (max-width: 1220px) {
		.homepage-category .list-products > li,
		.prdcatalogue .list-products > li {
			margin-bottom: 25px;
		}
	}
	@media (max-width: 960px) {
		.homepage-category .panel-head,
		.prdcatalogue .panel-head {
			margin: 0 0 25px 0;
		}
	}
	@media (max-width: 767px) {
		.homepage-category,
		.prdcatalogue {
			margin: 0;
			padding-bottom: 5px;
		}
	}
	@media (min-width: 480px) and (max-width: 567px) {
		.homepage-category .list-products,
		.prdcatalogue .list-products {
			margin-left: -10px;
		}
		.homepage-category .list-products > li,
		.prdcatalogue .list-products > li {
			margin-bottom: 10px;
			padding-left: 10px;
		}
	}
	@media (max-width: 479px) {
		.homepage-category .list-products,
		.prdcatalogue .list-products {
			margin-left: 0;
		}
		.homepage-category .list-products > li,
		.prdcatalogue .list-products > li {
			margin-bottom: 20px;
			padding-left: 0;
		}
	}

	/* >>>> prdcatalogue <<<<< */
	#product-page .headfull,
	#domain-page .headfull {
		position: relative;
		margin: 0 0 50px 0;
		padding: 95px 0;
		background: url(img/bg-catalogue.jpg) top center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		text-align: center;
	}
	#product-page .headfull .page-title {
		position: relative;
		margin: 0;
		padding: 13px 0 15px 0;
		font-size: 26px;
		line-height: 30px;
		text-transform: uppercase;
	}
	#product-page .headfull .page-title > * {color: #fff;}
	#product-page .headfull .description {
		margin: 0 0 15px 0;
		color: #fff;
		font-size: 16px;
		font-family: 'brandon_textbold', sans-serif;
		line-height: 20px;
	}
	#product-page .headfull  .search-box {margin: 0 0 10px 0;}
	#product-page .headfull .form,
	#domain-page .headfull .form {
		position: relative;
		max-width: 450px;
		margin: 0 auto;
		overflow: hidden;
	}
	#product-page .headfull .form .input-text,
	#domain-page .headfull .form .input-text {
		height: 40px;
		padding: 0 20px 0 10px;
		background: #fafafa;
	    border: 2px solid #999;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	    -o-border-radius: 2px;
	    border-radius: 2px;
	    font-size: 12px;
	    color: #444;
	    line-height: 36px;
	}
	#product-page .headfull .form .btn-submit,
	#domain-page .headfull .form .btn-submit {
		display: block;
		position: absolute;
		left: initial;
		right: 5px;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		border: none;
		background: none;
		color: #000;
		font-size: 15px;
		line-height: 15px;
		cursor: pointer;
		outline: none;
	}
	#product-page .headfull .tags-box a {
		display: inline-block;
		color: #fff;
		font-size: 15px;
		line-height: 23px;
	}
	.prdcatalogue .heading {
		margin: 0 0 10px 0;
		font-size: 26px;
		line-height: 28px;
		text-transform: uppercase;
		text-align: center;
	}
	.prdcatalogue .heading > * {color: #713e18;}
	.prdcatalogue .panel-desc {
		margin: 0 0 30px 0;
		color: #4e4f59;
		font-size: 15px;
		line-height: 23px;
		text-align: center;
	}

	@media (min-width: 960px) {
		#product-page {margin-top: 49px;}
	}
	@media (min-width: 1220px) {
		.prdcatalogue .panel-head {margin-bottom: 50px;}
	}
	@media (max-width: 1220px) {
		#product-page .headfull,
		#domain-page .headfull {
			margin: 0 0 30px 0;
			padding: 75px 0;
		}
	}
	@media (max-width: 960px) {
		#product-page .headfull,
		#domain-page .headfull {
			margin: 0 0 25px 0;
			padding: 50px 0;
		}
		#product-page .headfull .page-title {
			margin: 0 0 10px 0;
			padding: 0;
			font-size: 22px;
			line-height: 26px;
		}
		#product-page .headfull .description {
			margin: 0  0 10px 0;
			font-size: 15px;
			font-family: 'brandon_textregular', sans-serif;
			line-height: 20px;
		}
	}
	@media (max-width: 767px) {
		#product-page .headfull,
		#domain-page .headfull {
			margin: 0 0 20px;
			padding: 35px 15px;
		}
		#product-page .headfull .page-title {
			font-size: 18px;
			line-height: 26px;
		}
		.prdcatalogue .heading {font-size: 24px;}
	}
	@media (max-width: 567px) {
		#product-page {padding-bottom: 15px;}
		#product-page .headfull,
		#domain-page .headfull {
			margin: 0 0 15px;
			padding: 25px 5px;
		}
		#product-page .headfull .page-title {
			font-size: 16px;
			line-height: 24px;
		}
		#product-page .headfull .description,
		#product-page .headfull .tags-box a {
			font-size: 14px;
			line-height: 18px;
		}
		.prdcatalogue .heading {
			margin: 0 0 25px 0;
			font-size: 22px;
		}
		.prdcatalogue .panel-desc {display: none;}
	}
	@media (max-width: 479px) {
		#product-page .headfull,
		#domain-page .headfull {
			margin: 0 0 10px 0;
		}
		#product-page .headfull .description,
		#product-page .headfull .tags-box a {
			display: none;
		}
	}

	/* >>>> Product detail <<<<< */
	.prd-detail {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-family: Arial, sans-serif
}
.prd-detail .panel-body {
    padding: 25px 0;
    background: #fff
}
.prd-detail .prd-infor .main-title {
    margin: 0 0 15px;
    padding-bottom: 15px;
    font-size: 30px;
    line-height: 36px;
    color: #f46100;
    border-bottom: 1px solid #e1e1e1
}
.prd-detail .prd-infor .description {
    margin-bottom: 20px;
    line-height: 28px
}
.prd-detail .prd-infor .price {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #f46100
}
.prd-detail .prd-infor .rate {
    width: 90px;
    height: 15px;
    background: url(img/star.png) 0 0 repeat-x
}
.prd-detail .prd-infor .box {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1
}
.prd-detail .btn-group {
    margin-bottom: 20px
}

@media (max-width: 500px){
	.prd-detail .btn-group {
		text-align:center;
	}
	.prd-detail .btn-group .item{
		display:inline-block;
	}
}

.prd-detail .btn-group .item+.item {
    margin-top: 15px
}
.prd-detail .btn-group .btn {
    display: inline-block;
    min-width: 240px;
    padding: 15px;
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    background: #fff;
    color: #f46100;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}
.prd-detail .btn-group .btn.buy {
    background: #f46100;
    border-color: #f46100;
    color: #fff
}
.prd-detail .prd-gallerys {
    position: relative;
    width: 100%
}
.prd-detail .prd-gallerys .pc-image {
    position: relative
}
.prd-detail .prd-gallerys .pc-image .image {
    padding: 2px;
    border: 1px solid #e1e1e1;
    background: #fff;
    overflow: hidden
}
.prd-detail .prd-content p {
    margin: 0 0 10px
}
@media (min-width: 1220px) {
    .prd-detail {
        margin: 0 0 35px;
        font-size: 15px
    }
    .prd-detail .panel-head {
        padding-top: 25px
    }
    .prd-detail .panel-body {
        padding: 35px 0
    }
    .prd-detail .prd-gallerys .pc-image {
        position: relative
    }
    .prd-detail .prd-gallerys .pc-image .image {
        max-height: 540px
    }
    .prd-detail .prd-gallerys .mobile-image {
        position: absolute;
        width: 188px;
        height: 335px;
        padding: 43px 11px 0;
        top: initial;
        bottom: 0;
        left: -187px;
        background: url(img/bg-mobile.png) 0 0 no-repeat
    }
}
	.prd-content p {margin: 0 0 5px 0;}
	.prd-whyus {padding-top: 15px;}
	.prd-whyus .title {
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 22px;
		text-transform: uppercase;
	}
	.prd-whyus ul li,
	.intro-section .customer ul li {
		position: relative;
		padding-left: 25px;
	    background: url(img/check-blue-min.png) left 5px no-repeat;
		font-size: 15px;
		line-height: 23px;
		color: #4E4F59;
	}
	.prd-whyus ul li:not(:last-child),
	.intro-section .customer ul li:not(:last-child) {
		margin-bottom: 10px;
	}
	@media (min-width: 767px) {
		.prd-detail .prd-excerpt {
			margin: 0 0 25px 0;
			padding-left: 50px;
		}
		.prd-detail .prd-excerpt:before {
	   		content: "";
		    display: block;
		    position: absolute;
		    height: 100%;
		    border-left: 1px dashed #713e18;
		    top: 0px;
		    left: 15px;
		    z-index: 10;
		}
		.prd-detail .prd-excerpt .box:before {
			content: "";
		    display: block;
		    position: absolute;
		    width: 30px;
		    height: 30px;
		    background-color: #713e18;
		    background-position: 50% 50%;
		    background-repeat: no-repeat;
		    z-index: 20;
		    top: 0px;
		    left: -50px;
		}
		.prd-detail .prd-excerpt .box:nth-of-type(1):before {background-image: url(img/landline.png);}
		.prd-detail .prd-excerpt .box:nth-of-type(2):before {background-image: url(img/user.png);}
		.prd-detail .prd-excerpt .box:nth-of-type(3):before {background-image: url(img/bangiao.png);}
	}
	@media (min-width: 960px) {
		#product-page .prd-detail {padding: 20px 0;}
		.prd-detail .prd-information .main-title {
			font-size: 26px;
			line-height: 30px;
		}
		.prd-detail .prd-information .prd-price .value {
			font-size: 24px;
			line-height: 1;
		}
	}
	@media (min-width: 1220px) {
		#product-page .prd-detail {padding: 30px 0;}
		.prd-detail .panel-head {margin: 0 0 35px 0;background:#f4f4f4;}
		.prd-detail  .prd-gallerys .image {max-height: 825px;}
	}
	@media (max-width: 960px) {
		.prd-detail .panel-head {margin: 0 0 25px 0;}
	}
	@media (min-width: 767px) and (max-width: 1220px) {
		.prd-detail .prd-gallerys .image {max-height: 825px;}
	}
	@media (max-width: 767px) {
		.prd-detail .prd-gallerys {margin-bottom: 15px;}
		.prd-detail .prd-order {text-align: left!important}
		.prd-detail .prd-excerpt .box+.box {margin-top: 10px;}
		.prd-detail .prd-excerpt .box p {margin: 0 0 5px 0;}
		.prd-detail .panel-head {margin: 0 0 20px 0;}
	}
	@media (min-width: 567px) and (max-width: 767px) {
		.prd-detail .prd-gallerys .image {max-height: 515px;}
	}
	@media (max-width: 567px) {
		.prd-detail .panel-head {margin: 0 0 15px 0;}
		.prd-detail .prd-information .wrap-price {display: block;}
		.prd-detail .prd-information .main-title {margin: 0 0 10px 0;}
		.prd-detail .prd-information .prd-price {margin-bottom: 10px;}
		.prd-detail .prd-gift {display: none;}
	}
	@media (min-width: 479px) and (max-width: 567px) {
		.prd-detail .prd-gallerys .image {max-height: 400px;}
	}
	@media (max-width: 479px) {
		.prd-detail .prd-gallerys .image {max-height: 300px;}
	}

	/* >>>>> main-product <<<<< */
	.main-product {
		position: relative;
		background: #fff;
		text-align: center;
		border:1px solid #e1e1e1
	}

	.main-product .description {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		padding: 15px;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		opacity: 0;
		z-index: -1;
		-webkit-transition: all .25s .25s linear;
		-moz-transition: all .25s .25s linear;
		-ms-transition: all .25s .25s linear;
		-o-transition: all .25s .25s linear;
		transition: all .25s .25s linear;
	}
	.main-product .thumb {margin: 0 0 10px 0;padding-bottom:10px;border-bottom:1px solid #e1e1e1}
	
	.main-product .image {
		position: relative;
		overflow: hidden;
	}
	.main-product .title {
		margin: 0 0 22px 0;
		font-size: 16px;
		font-weight: normal;
		line-height: 20px;
		padding-bottom:10px;
	}
	.main-product .title a {color: #18181a;}
	.main-product .btn {
		display: block;
		position: relative;
		padding: 8px 12px 10px;
		box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset;
		-webkit-box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset;
		-moz-box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset;
		font-size: 15px;
		line-height: 16px;
		color: #fff;
		-webkit-transition: all .35s ease;
		-moz-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	.main-product .btn-demo {
		background: #713e18;
		text-shadow: 0 1px 1px #555;
	}
	.main-product .btn-order {background: #414141;}
	.main-product .btn-order:hover {
		background: #666;
		box-shadow: 0 -2px rgba(0, 0, 0, 0.12) inset;
		-webkit-box-shadow: 0 -2px rgba(0, 0, 0, 0.12) inset;
		-moz-box-shadow: 0 -2px rgba(0, 0, 0, 0.12) inset;
		color: #f2f2f2;
	}
	@media (min-width: 1220px) {
		.main-product .image {max-height: 350px}
	}
	@media (min-width: 960px) and (max-width: 1220px) {
		.main-product .image {max-height: 390px}
	}
	@media (min-width: 700px) and (max-width: 960px) {
		.main-product .image {max-height: 425px}
	}
	@media (min-width: 568px) and (max-width: 700px) {
		.main-product .image {max-height: 345px}
	}
	@media (min-width: 480px) and (max-width: 567px) {
		.main-product .title {
			margin: 0 0 15px 0;
			font-size: 15px;
			line-height: 20px;
		}
		.main-product .btn {
			font-size: 14px;
			padding: 6px 10px 8px;
		}
		.main-product .image {max-height: 280px}
	}
	@media (max-width: 480px) {
		.main-product .image {max-height: 400px}
		.main-product .title {margin: 0 0 15px 0;}
	}

	/* >>>>> hosting-section <<<<< */
	
	.hosting-section{}
	.hosting-section .vps{
		background:#2b73bb;
	}
	.hosting-section .vps .information{
		background:#f7f7f7;
		border:1px solid #ddd;
		padding:20px;
	}
	.hosting-section .vps .information .title{
		color:#2b73bb;
		tex-transform:uppercase;
		border-bottom:1px dotted #ccc;
		padding-bottom:10px;
		margin:0;
	}
	.hosting-section .vps .information ul{}
	.hosting-section .vps .information ul li{
		padding:10px;
		/* margin-bottom:10px; */
		border-bottom:1px dotted #ccc;
		color:#444;
		padding-left:25px;
		position:relative;
		/* padding-top:0; */
	}
	.hosting-section .vps .information ul li:before{
		content:'';
		display:block;
		position:absolute;
		left:-3px;
		top:10px;
		width:20px;
		height:20px;
	}
	.hosting-section .vps .information ul li:last-child{
		border:0;
		margin:0;
		padding-bottom:0;
		font-size:15px;
	}
	.hosting-section .vps .information ul li.chip:before{
		background:url(img/icon_cpu.svg) no-repeat;
		background-size:20px;
	}
	.hosting-section .vps .information ul li.hdd:before{
		background:url(img/icon_hdd.svg) no-repeat;
		background-size:20px;
	}
	.hosting-section .vps .information ul li.ram:before{
		background:url(img/icon_ram.svg) no-repeat;
		background-size:20px;
	}
	.hosting-section .vps .information ul li.bandwidth:before{
		background:url(img/icon_bandwidth.svg) no-repeat;
		background-size:20px;
	}
	.hosting-section .vps .information ul li .name{
		
	}
	.hosting-section .vps .information ul li .type{
		
	}
	.hosting-section .vps .price{
		padding:10px;
		text-align:center;
	}
	.hosting-section .vps .price *{
		color:#fff;
	}
	.hosting-section .vps .price .main-price{
		color:#fff;
		font-size:20px;
		padding:10px 0;
		border-bottom:1px solid #fff;
		border-radius:0 5px 5px 0;
		-webkit-border-radius:0 5px 5px 0;
		-moz-border-radius:0 5px 5px 0;
		-o-border-radius:0 5px 5px 0;
	}
	.hosting-section .vps .price .plan{
		margin: 10px 0 0 0;
	}
	.hosting-section .vps .price .plan li{
		margin: 0 0 10px 0;
	}
	.hosting-section .vps .price {}
	.hosting-section .vps .action{
		text-align:center;
		margin-top:30px;
	}
	.hosting-section .vps .action *{
		padding: 7px 15px;
		color:#fff;
		border:1px solid #fff;
		
	}
	
	@media (max-width:415px){
		.hosting-section .vps .action{
			padding-bottom:30px;
		}
	}
	
	/* VPS SECTION */
	#hosting-page .headfull {
		position: relative;
		margin: 0 0 50px 0;
		padding: 95px 0;
		background: url(img/hosting.jpg) center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		text-align: center;
	}
	#hosting-page .headfull  .title {
		margin: 0 0 20px 0;
		font-size: 28px;
		font-family: 'brandon_textbold', sans-serif;
		line-height: 32px;
		text-transform: uppercase;
	}
	#hosting-page .headfull  .title > * {color: #fff;}
	#hosting-page .headfull .subtitle {
		color: #fff;
		font-size: 16px;
		line-height: 23px;
		text-transform: uppercase;
		letter-spacing: 5px
	}

	.hosting-section {padding-bottom: 20px;}
	.hosting-section .panel-head {margin: 0 0 30px 0;}
	.hosting-section .heading {
		margin: 0 0 10px 0;
	    font-size: 22px;
	    line-height: 26px;
	    text-transform: uppercase;
	}
	.hosting-section .heading > * {color: #0089bd;}
	.hosting-section .panel-head .description {
		margin: 0 0 15px 0;
		color: #000;
		font-size: 15px;
		line-height: 23px;
	}
	.hosting-section .panel-head .description p {margin: 0;}
	.hosting-section .panel-head .label {
		margin: 0;
		color: #000;
		font-size: 20px;
		font-family: 'brandon_textbold', sans-serif;
		line-height: 24px;
	}

	.hosting-section .list > li {margin: 0 0 25px 0;}
	.hosting-section .package .title {
		position: relative;
		display: block;
		padding: 25px 10px 25px 60px;
		color: #fff;
		font-weight: bold;
		font-family: Arial;
	}
	.hosting-section .list > li:nth-of-type(1) .package .title {
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, #e2042d, #ffc000);
		background-image: -moz-linear-gradient(bottom, #e2042d, #ffc000);
		background-image: -o-linear-gradient(bottom, #e2042d, #ffc000);
		background-image: -ms-linear-gradient(bottom, #e2042d, #ffc000);
		background-image: linear-gradient(to top, #e2042d, #ffc000);
	}
	.hosting-section .list > li:nth-of-type(2) .package .title {
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, #d40063, #1e5799);
		background-image: -moz-linear-gradient(bottom, #d40063, #1e5799);
		background-image: -o-linear-gradient(bottom, #d40063, #1e5799);
		background-image: -ms-linear-gradient(bottom, #d40063, #1e5799);
		background-image: linear-gradient(to top, #d40063, #1e5799);
	}
	.hosting-section .list > li:nth-of-type(3) .package .title {
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, #ffc000, #cb24da);
		background-image: -moz-linear-gradient(bottom, #ffc000, #cb24da);
		background-image: -o-linear-gradient(bottom, #ffc000, #cb24da);
		background-image: -ms-linear-gradient(bottom, #ffc000, #cb24da);
		background-image: linear-gradient(to top, #ffc000, #cb24da);
	}
	.hosting-section .list > li:nth-of-type(4) .package .title {
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, #5b05ea, #2ae97b);
		background-image: -moz-linear-gradient(bottom, #5b05ea, #2ae97b);
		background-image: -o-linear-gradient(bottom, #5b05ea, #2ae97b);
		background-image: -ms-linear-gradient(bottom, #5b05ea, #2ae97b);
		background-image: linear-gradient(to top, #5b05ea, #2ae97b);
	}
	.hosting-section .list > li:nth-of-type(5) .package .title {
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, #f63c96, #9205e9);
		background-image: -moz-linear-gradient(bottom, #f63c96, #9205e9);
		background-image: -o-linear-gradient(bottom, #f63c96, #9205e9);
		background-image: -ms-linear-gradient(bottom, #f63c96, #9205e9);
		background-image: linear-gradient(to top, #f63c96, #9205e9);
	}
	.hosting-section .list > li:nth-of-type(6) .package .title {
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, #73bc22, #1efefa);
		background-image: -moz-linear-gradient(bottom, #73bc22, #1efefa);
		background-image: -o-linear-gradient(bottom, #73bc22, #1efefa);
		background-image: -ms-linear-gradient(bottom, #73bc22, #1efefa);
		background-image: linear-gradient(to top, #73bc22, #1efefa);
	}
	.hosting-section .list > li:nth-of-type(7) .package .title {
		background-color: #fff;
		background-image: -webkit-linear-gradient(top, #e2052d, #cb24da);
		background-image: -moz-linear-gradient(top, #e2052d, #cb24da);
		background-image: -o-linear-gradient(top, #e2052d, #cb24da);
		background-image: -ms-linear-gradient(top, #e2052d, #cb24da);
		background-image: linear-gradient(to bottom, #e2052d, #cb24da);
	}
	.hosting-section .list > li:nth-of-type(8) .package .title {
		background-color: #fff;
		background-image: -webkit-linear-gradient(top, #5b05ea, #1e5799);
		background-image: -moz-linear-gradient(top, #5b05ea, #1e5799);
		background-image: -o-linear-gradient(top, #5b05ea, #1e5799);
		background-image: -ms-linear-gradient(top, #5b05ea, #1e5799);
		background-image: linear-gradient(to bottom, #5b05ea, #1e5799);
	}
	.hosting-section .package .title:before {
		content: "";
		display: block;
		position: absolute;
		width: 26px;
		height: 78px;
		background: url(img/flag.png) 0% 0% no-repeat;
		z-index: 10;
		top: 0px;left: 10px;
	}
	.hosting-section .package .name {
		margin: 0 0 8px 0;
		font-size: 16px;
		line-height: 20px;
	}
	.hosting-section .package .price span {
		font-size: 28px;
		font-weight: normal;
		font-family: 'brandon_textbold', sans-serif;
	}
	.hosting-section .package .content {
		position: relative;
		border: 1px solid #d5d5d5;
		border-top: none;
	}
	.hosting-section .package .content p {
		margin: 0;
		padding: 10px 10px 10px 15px;
		font-size: 15px;
		line-height: 23px;
		color: #000;
	}
	.hosting-section .package .content p:nth-child(odd) {
		background: #f1eeee;
	}
	@media (min-width: 960px) {
		#hosting-page .headfull {margin-top: 49px;}
	}
	@media (max-width: 1220px) {
		#hosting-page .headfull {
			position: relative;
			margin-bottom: 30px;
			padding: 75px 0;
		}
		.hosting-section .list {margin-left: -15px;}
		.hosting-section .list > li {
			padding-left: 15px;
			margin-bottom: 15px;
		}
	}
	@media (min-width: 960px) and (max-width: 1220px) {
		.hosting-section .package .price span {font-size: 24px;}
	}
	@media (max-width: 960px) {
		#hosting-page .headfull {
			position: relative;
			margin-bottom: 25px;
			padding: 50px 0;
		}
		#hosting-page .headfull  .title {
			margin: 0 0 15px 0;
			font-size: 24px;
			line-height: 26px;
		}
		#hosting-page .headfull .subtitle {
			font-size: 15px;
			line-height: 20px;
			letter-spacing: 3px
		}
		.hosting-section .panel-head {display: none;}
		.hosting-section .list {margin-left: -10px;}
		.hosting-section .list > li {
			padding-left: 10px;
			margin-bottom: 10px;
		}
	}
	@media (max-width: 567px) {
		.hosting-section .list {margin-left: 0;}
		.hosting-section .list > li {
			width: 100%;
			padding-left: 0;
		}
		#hosting-page .headfull {
			position: relative;
			margin-bottom: 20px;
			padding: 25px 0;
		}
		#hosting-page .headfull  .title {
			margin: 0 0 10px 0;
			font-size: 20px;
			line-height: 24px;
		}
		#hosting-page .headfull .subtitle {
			font-size: 14px;
			line-height: 20px;
			letter-spacing: 1px
		}
	}

	/* >>>>> Domains <<<<<< */
	#domain-page .headfull {
		background: url(img/domain.jpg) top center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index: 5;
	}
	#domain-page .headfull:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background: rgba(0, 0, 0, .75);
		z-index: -1;
	}
	#domain-page .headfull .page-title {
		position: relative;
		margin: 0;
		padding: 13px 0 15px 0;
		font-size: 26px;
		line-height: 30px;
		text-transform: uppercase;
		text-align: center;
	}
	#domain-page .headfull .page-title > * {color: #fff;}
	#domain-page .headfull .description {
		margin: 0 0 15px 0;
	    color: #fff;
	    font-size: 16px;
	    line-height: 23px;
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    text-align: center;
	}
	#domain-page .headfull  .search-box {margin: 0;}

	.domain-section {margin: 0 0 50px 0;}
	.domain-section .panel-head {margin: 0 0 25px 0;}
	.domain-section .heading {
	    margin: 0 0 10px 0;
	    font-size: 30px;
	    line-height: 36px;
	    text-transform: uppercase;
	    text-align: center;
	}
	.domain-section .heading > * {color: #713e18;}
	.domain-section .panel-head .description {
		margin: 0 0 20px 0;
		color: #666;
		font-size: 15px;
		line-height: 23px;
		text-align: center;
	}

	.domain-section .navtab { text-align: center}
	.domain-section .navtab ul {
	    display: inline-block}
	.domain-section .navtab li {
	    float: left;
	    cursor: pointer
	}
	.domain-section .navtab li+li {
	    margin-left: 10px
	}
	.domain-section .navtab li a {
	    display: block;
	    position: relative;
	    padding: 12px 20px;
	    background: #c5c5c5;
	    color: #000;
	    font-size: 16px;
	    line-height: 20px;
	    text-transform: uppercase;
	    -webkit-transition: all .25s linear;
	    -moz-transition: all .25s linear;
	    -o-transition: all .25s linear;
	    transition: all .25s linear
	}
	.domain-section .navtab li a:before {
	    content: "";
	    display: : block;
	    position: absolute;
	    top: 2px;
	    left: 2px;
	    right: 2px;
	    bottom: 2px;
	    background: transparent;
	    border: 1px solid #fff;
	    z-index: 50
	}
	.domain-section .navtab li a:after {
	    content: "";
	    display: block;
	    position: absolute;
	    width: 0;
	    height: 0;
	    bottom: initial;
	    top: 2px;
	    left: 50%;
	    border-top: 6px solid #fff;
	    border-left: 5px solid transparent;
	    border-right: 5px solid transparent;
	    -webkit-transform: translate(-50%, 0);
	    -moz-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	    -o-transform: translate(-50%, 0);
	    transform: translate(-50%, 0);
	    opacity: 0;
	    z-index: -1;
	    -webkit-transition: all .25s linear;
	    -moz-transition: all .25s linear;
	    -o-transition: all .25s linear;
	    transition: all .25s linear
	}
	.domain-section .navtab li.uk-active a,
	.domain-section .navtab li a:hover {
	    background: #713e18;
		color: #fff;
	}
	.domain-section .navtab li.uk-active a:after,
	.domain-section .navtab li a:hover:after {
	    z-index: 100;
	    opacity: 1
	}
	.domain-section .table {
		font-size: 14px;
		font-family: Arial;
		line-height: 20px;
	    color: #000;
	}
	.domain-section .table th {
		padding: 10px 10px;
		font-size: 13px;
	}
	.domain-section .table td {
	    padding: 10px;
	    text-align: center;
	    cursor: pointer
	}
	.domain-section .table th:nth-child(2) {text-align: left}
	.domain-section .table th {
	    background: #713e18;
	    color: #fff;
	    border: 1px solid #713e18
	}
	.domain-section .table td {
	    border: 1px solid #c8c8c8
	}
	.domain-section .table td:last-child {
	    color: red
	}
	@media (min-width: 567px) {
	    .domain-section .table tr:nth-child(even) td {background: #e1e1e1}
	}
	@media (min-width: 960px) {
		#domain-page {margin-top: 49px;}
	}
	@media (max-width: 960px) {
		#domain-page .headfull .page-title {
			margin: 0 0 10px 0;
			padding: 0;
			font-size: 24px;
		}
		#domain-page .headfull .description {font-size: 14px;}
		.domain-section {margin: 0 0 30px 0;}
		.domain-section .heading {
			margin: 0 0 10px 0;
			font-size: 24px;
			line-height: 30px;
		}
	}
	@media (max-width: 767px) {
		#domain-page .headfull .page-title {
			margin: 0 0 10px 0;
			font-size: 20px;
			line-height: 24px;
		}
		.domain-section {margin: 0 0 25px 0;}
	}
	@media (max-width: 567px) {
		.domain-section {margin: 0 0 15px 0;}
	    .domain-section .table,
	    .domain-section .table thead,
	    .domain-section .table tbody,
	    .domain-section .table tfoot,
	    .domain-section .table tr,
	    .domain-section .table th,
	    .domain-section .table td {
	        display: block;
	        position: relative
	    }
	    .domain-section .table {
	        border: 1px solid #c8c8c8
	    }
	    .domain-section .table thead,
	    .domain-section .table th {
	        display: none
	    }
	    .domain-section .table tbody tr {
	        padding-left: 50%
	    }
	    .domain-section .table tbody tr td {
	        padding: 10px;
	        border: none;
	        text-align: center
	    }
	    .domain-section .table tbody tr td:before {
	        content: "";
	        display: block;
	        position: absolute;
	        padding: 10px 0;
	        width: 100%;
	        height: 100%;
	        top: -1px;
	        left: -100%;
	        border-right: 1px solid #c8c8c8;
	        color: #000
	    }
	    .domain-section .table td:nth-child(even),
	    .domain-section .table td:nth-child(even):before {
	    	background: #e1e1e1;
	    }
	    .domain-section .table tbody tr td:nth-child(n+2),
	    .domain-section .table tbody tr td:nth-child(n+2):before {
	        border-top: 1px solid #c8c8c8
	    }
	    .domain-section .table tbody tr td:nth-of-type(1) {
	        background: #0089bd;
	        border-color: #0089bd;
	        font-weight: 700;
	        color: #fff
	    }
	    .domain-section .table tbody tr td:nth-of-type(1):before {
	        content: "STT";
	        background: #0089bd;
	        border-color: #0089bd;
	        border-right-color: #c8c8c8;
	        font-weight: 700;
	        color: #fff;
	        top: 0
	    }
	    .domain-section .table tbody tr td:nth-of-type(2) {
	        text-align: center
	    }
	    .domain-section .table tbody tr td:nth-of-type(2):before {
	        content: "Tên miền"
	    }
	    .domain-section .table tbody tr td:nth-of-type(3):before {
	        content: "Phí cài đặt"
	    }
	    .domain-section .table tbody tr td:nth-of-type(4):before {
	        content: "Phí duy trì"
	    }
	    .domain-section .table tbody tr td:nth-of-type(5):before {
	        content: "Chuyển về"
	    }
	}
	@media (max-width: 479px) {
		#domain-page .headfull .page-title {
			margin: 0 0 10px 0;
			font-size: 18px;
			line-height: 24px;
		}
		#domain-page .headfull .description {
			font-size: 14px;
			text-transform: none;
			letter-spacing: 0
		}
		.domain-section .panel-head {margin: 0 0 15px 0;}
		.domain-section .heading {
			font-size: 22px;
			line-height: 26px;
		}
		.domain-section .panel-head .description {
			margin: 0 0 15px 0;
			font-size: 14px;
			line-height: 20px;
		}
		.domain-section .navtab li + li {margin-left: 5px;}
		.domain-section .navtab li a {
		    padding: 10px 15px;
		    font-size: 13px;
		    font-family: Arial;
		    font-weight: bold;
		    text-transform: none;
		}
	}

	/* >>>>> Introduction <<<<< */
	#intro-page .headfull {
		margin: 0 0 50px 0;
		height: 590px;
		padding: 95px 0 0 0;
		background: url(img/bg-gioithieu.jpg) center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		text-align: center;
	}
	#intro-page .headfull .page-title {
		position: relative;
		margin: 0;
		padding: 13px 0 25px;
		font-size: 26px;
		line-height: 28px;
		text-transform: uppercase;
	}
	#intro-page .headfull .page-title > * {color: #fff;}
	#intro-page .headfull .description {
		position: relative;
		margin: 0;
		color: #fff;
		font-size: 15px;
		line-height: 23px;
		text-transform: uppercase;
		letter-spacing: 5px;
	}

	.intro-section {
		margin: 0 0 50px 0;
		color: #4e4f59;
		font-size: 15px;
		line-height: 23px;
	}
	.intro-section .heading {
		position: relative;
		margin: 0 0 20px 0;
		padding-bottom: 20px;
		color: #000;
		font-size: 26px;
		line-height: 28px;
		text-transform: uppercase;
		text-align: center;
	}
	.intro-section .heading:before,
	.intro-section .title:before {
		content: "";
		display: block;
		position: absolute;
		margin: 0 auto;
		width: 125px;
		height: 2px;
		top: initial;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: #1E7DBC;
	}
	.intro-section .preface {
		margin: 0 0 15px 0;
		color: #4E4F59;
		font-size: 15px;
		font-weight: bold;
		line-height: 23px;
	}
	.intro-section .title {
		position: relative;
		margin: 0 0 20px 0;
		padding-bottom: 20px;
		font-size: 18px;
		line-height: 22px;
		text-align: center;
	}
	.intro-section .customer {margin: 0 0 20px 0;}
	.intro-section .customer > .label  {
		margin: 0 0 15px 0;
		color: #18181a;
		font-family: 'brandon_textbold';
		font-size: 18px;
		line-height: 19px;
	}
	.intro-section .solution {padding-bottom: 15px;}
	.intro-section .solution > .label {
		margin: 0 0 15px 0;
		font-size: 18px;
		line-height: 22px;
		text-transform: uppercase;
	}
	.intro-section .welcome-message {text-align: center;}
	.intro-section .welcome-message > .label {
	    max-width: 900px;
	    margin: 0 auto 10px auto;
	    font-family: 'brandon_textregular';
	    font-size: 41px;
	    line-height: 60px;
	}
	.intro-section .welcome-message .description {
		margin: 0 0 20px 0;
		font-size: 18px;
		line-height: 30px;
	}
	@media (min-width: 960px) {
		#intro-page {margin-top: 49px;}
		.intro-section .preface p {margin: 0;}
		.intro-section .preface p + p {margin-top: 80px;}
	}
	@media (min-width: 1220px) {
		.intro-section,
		.intro-section .customer ul li {
			font-size: 16px;
		}
		.intro-section .solution p {margin: 0 0 15px 0;}
	}
	@media (max-width: 1220px) {
		.intro-section .welcome-message > .label {
			margin: 0 0 15px 0;
			font-size: 36px;
			line-height: 45px;
		}
		#intro-page .headfull {height: 400px;}
	}
	@media (max-width: 960px) {
		#intro-page .headfull {
			height: auto;
			padding: 50px 0;
			margin: 0 0 30px 0;
		}
		#intro-page .headfull .page-title {
			margin: 0 0 15px 0;
			padding: 0;
		}
		.intro-section .heading {
			font-size: 24px;
			line-height: 26px;
		}
		.intro-section .preface .cover {text-align: center;}
		.intro-section .welcome-message > .label {
			margin: 0 0 10px 0;
			font-size: 30px;
			line-height: 36px;
		} 
		.intro-section .welcome-message .description {
			margin: 0 0 15px 0;
			font-size: 15px;
			line-height: 23px;
		}
	}
	@media (max-width: 767px) {
		#intro-page .headfull {
			padding: 35px 0;
			margin: 0 0 25px 0;
		}
		#intro-page .headfull .page-title {
			margin: 0 0 10px 0;
			font-size: 22px;
			line-height: 24px;
		}
		#intro-page .headfull .description {
			letter-spacing: 2px;
			font-size: 14px;
			line-height: 20px;
		}
		.intro-section .heading {
			margin: 0 0 15px 0;
			padding: 0;
			font-size: 22px;
			line-height: 24px;
		}
		.intro-section .heading:before {display: none;}
		.intro-section .welcome-message > .label {
			font-size: 24px;
			line-height: 30px;
		} 
	}
	@media (max-width: 567px) {
		.intro-section .heading {
			margin: 0 0 10px 0;
			font-size: 20px;
			line-height: 26px;
		}
	}
	@media (max-width: 479px) {
		#intro-page .headfull {
			margin: 0 0 15px 0;
			padding: 25px 0;
		}
		#intro-page .headfull .page-title {
			font-size: 20px;
			line-height: 24px;
		}
		#intro-page .headfull .description {
			font-size: 13px;
			line-height: 20px;
			letter-spacing: 0;
		}
		.intro-section .welcome-message > .label {
			font-size: 20px;
			line-height: 24px;
		} 
	}
	
	/* >>>>> Article catalogues */
	#article-page {
		margin-bottom: 50px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 13px;
		line-height: 21px;
	}
	#article-page .art-featured {margin: 0 0 20px 0;}
	#article-page .art-featured .list-article li:nth-child(n+3) {margin-top: 5px;}
	#article-page .art-featured article {
		position: relative;
		z-index: 5
	}
	#article-page .art-featured .image {
		position: relative;
		overflow: hidden;
	}
	#article-page .art-featured .image:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
	    background: rgba(0, 0, 0, 0);
	    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
	    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
	    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
	    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
	    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
	    opacity: .6;
	    z-index: 1;
	    -webkit-transition: opacity 0.35s ease 0s;
	    -moz-transition: opacity 0.35s ease 0s;
	    -o-transition: opacity 0.35s ease 0s;
	    transition: opacity 0.35s ease 0s;
	}
	#article-page .art-featured article:hover .image:before {opacity: .8;}
	#article-page .art-featured .image:after {
	    content: '';
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    z-index: 1;
	    opacity: 0.1;
	    top: 0;
	    background: rgba(0, 0, 0, 0);
	    background: -moz-linear-gradient(45deg, #cd8424 0%, #19a67c 100%);
	    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #cd8424), color-stop(100%, #19a67c));
	    background: -webkit-linear-gradient(45deg, #cd8424 0%, #19a67c 100%);
	    background: -o-linear-gradient(45deg, #cd8424 0%, #19a67c 100%);
	    background: -ms-linear-gradient(45deg, #cd8424 0%, #19a67c 100%);
	    background: linear-gradient(45deg, #cd8424 0%, #19a67c 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1acd8424', endColorstr='#1a19a67c', GradientType=1);
	    -webkit-transition: opacity 0.35s ease 0s;
	    -moz-transition: opacity 0.35s ease 0s;
	    -o-transition: opacity 0.35s ease 0s;
	    transition: opacity 0.35s ease 0s;
	}
	#article-page .art-featured article:hover .image:after {opacity: 0;}
	#article-page .art-featured .image img {
		position: relative;
		-webkit-transition: all .35s ease;
		-moz-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	#article-page .art-featured article:hover .image img {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	#article-page .art-featured article .title {
		margin: 0;
		position: absolute;
		width: 100%;
		top: initial;
		bottom: 0px;
		left: 0;
		z-index: 5;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	}
	#article-page .art-featured article .title a {color: #fff;}
	#article-page .art-featured .featured .title {
		padding: 0 25px 15px 25px;
		font-size: 20px;
		font-weight: 700;
		line-height: 26px;
	}
	#article-page .art-featured .article .title {
		padding: 7px 10px;
		font-weight: normal;
		font-size: 13px;
		line-height: 17px;
	}
	@media (min-width: 960px) {
		#article-page {margin-top: 49px;}
		.fix-grid-960 .uk-width-large-3-4 {
			width: -webkit-calc(100% - 300px);
			width: -moz-calc(100% - 300px);
			width: -ms-calc(100% - 300px);
			width: -o-calc(100% - 300px);
			width: calc(100% - 300px);
			padding-right: 20px;
		}
		.fix-grid-960 .uk-width-large-1-4 {width: 300px;}
	}
	@media (min-width: 1220px) {
		#article-page .art-featured article .title {width: 80%;}
		#article-page .art-featured .featured .image {height: 405px;}
		#article-page .art-featured .article .image {height: 200px;}
	}
	@media (max-width: 1220px) {
		#article-page {margin: 0 0 35px 0;}
		#article-page .art-featured .featured .title {padding: 0 20px 15px 20px;}
		#article-page .art-featured .featured .title {
			font-size: 18px;
			line-height: 24px;
		}
	}
	@media (min-width: 960px) and (max-width: 1220px) {
		#article-page .art-featured .featured .image {height: 345px;}
		#article-page .art-featured .article .image {height: 170px;}
	}
	@media (max-width: 960px) {
		#article-page {margin: 0 0 30px 0;}
		#article-page .art-featured {margin: 0 0 15px 0;}
		#article-page .art-featured .featured .title {
			padding: 0 15px 10px 15px;
			font-size: 14px;
			line-height: 20px;
		}
		#article-page .art-featured .article .title {
			padding: 5px 8px;
			font-weight: normal;
			font-size: 12px;
			line-height: 16px;
		}
	}
	@media (min-width: 768px) and (max-width: 960px) {
		#article-page .art-featured .featured .image {height: 275px;}
		#article-page .art-featured .article .image {height: 135px;}
	}
	@media (max-width: 767px) {
		#article-page {margin: 0 0 25px 0;}
		#article-page .art-featured .featured {margin: 0 0 5px 0;}
		#article-page .art-featured .featured .title {
			padding: 0 15px 15px 15px;
			font-size: 18px;
			font-weight: normal;
			line-height: 24px;
		}
	}
	@media (min-width: 568px) and (max-width: 767px) {
		#article-page .art-featured .featured .image {height: 375px;}
		#article-page .art-featured .article .image {height: 205px;}
	}
	@media (max-width: 567px) {
		#article-page {margin: 0 0 20px 0;}
	}
	@media (min-width: 480px) and (max-width: 567px) {
		#article-page .art-featured .featured .image {height: 300px;}
		#article-page .art-featured .article .image {height: 160px;}
	}
	@media (max-width: 479px) {
		#article-page .art-featured .featured .title {
			padding: 0 10px 10px 10px;
			font-size: 13px;
			line-height: 18px;
		}
		#article-page .art-featured .featured .image {height: 220px;}
		#article-page .art-featured .article .image {height: 125px;}
	}

	.artcatalogue .heading {
		margin: 0 0 20px 0;
		font-size: 26px;
		line-height: 24px;
		text-transform: uppercase;
	}
	.artcatalogue .list-article > li {margin-bottom: 15px;}
	.artcatalogue .article .thumb {margin: 0 0 8px 0;}
	.artcatalogue .article .title {
		max-height: 40px;
		margin: 0 0 8px 0;
		font-size: 13px;
		font-weight: bold;
		font-family: Verdana, Geneva, sans-serif;
		overflow: hidden; 
		text-overflow: ellipsis;
	}
	.artcatalogue .article .title a {color: #444;}
	.artcatalogue .article .title a:hover {color: #1d8acb;}
	.artcatalogue .article .description {
		max-height: 51px;
		color: #7a7a7a;
		font-size: 12px;
		line-height: 17px;
		overflow: hidden; 
		text-overflow: ellipsis;
	}
	.artcatalogue .panel-foot {padding-top: 10px;}
	@media (min-width: 1220px) {
		.artcatalogue .article .image {
			position: relative;
			-webkit-transition: all .35s ease;
			-moz-transition: all .35s ease;
			-o-transition: all .35s ease;
			transition: all .35s ease;
			overflow: hidden;
		}
		.artcatalogue .article .thumb{
			width:250px;
			float:left;
		}
		.artcatalogue .article .info{
			float:left;
			padding-left:15px;
			width:calc(100% - 250px);
			width:-webkit-calc(100% - 250px);
			width:-moz-calc(100% - 250px);
			width:-o-calc(100% - 250px);
		}
		.artcatalogue .article:hover .image {
			/* -webkit-filter: grayscale(0); */
			/* -moz-filter: grayscale(0); */
			/* -o-filter: grayscale(0); */
			/* filter: grayscale(0); */
		}
	}
	@media (max-width: 1220px) {
		.artcatalogue .list-article {margin-left: -10px;}
		.artcatalogue .list-article > li {
			margin-bottom: 10px;
			padding-left: 10px;
		}
	}
	@media (max-width: 767px) {
		.artcatalogue .article .title {
			max-height: 32px;
			margin: 0 0 5px 0;
			font-size: 11px;
			line-height: 16px;
		}
	}
	@media (max-width: 567px) {
		.artcatalogue .article .title {margin: 0;}
		.artcatalogue .article .description {display: none;}
	}
	
	/* >>>>> Article detail <<<< */
	.art-detail {
		margin: 0 0 25px 0;
		color: #000;
		font-size: 14px;
		font-family: Arial, sans-serif;
		line-height: 20px;
	}
	.art-detail .panel-body {margin: 0 0 15px 0;}
	.art-detail .main-title {
		margin-bottom: 15px;
		font-size: 20px;
		line-height:24px;
		color: #106aa3;
	}
	.art-detail .description {
		margin: 0 0 10px 0;
		font-weight: bold;
	}
	.art-detail .panel-body .article img {
		display: block!important;
		width: auto!important;
		height: auto!important;
		margin: 0 auto 12px auto!important;
		max-width: 100%!important;
	}
	.share-box > * + * {margin-left: 5px;}
	@media (min-width: 960px) {
		.art-detail .main-title {
			font-size: 22px;
			line-height: 26px;
		}
	}
	@media (max-width: 960px) {
		.art-detail .main-title {margin: 0 0 10px 0;}
		.art-detail {
			font-size: 13px;
			line-height: 20px;
		}
		.art-detail .panel-body {margin: 0 0 25px 0;}
	}
	@media (min-width: 1220px) {
		.art-detail .panel-body {margin: 0 0 30px 0;}
	}
	@media (max-width: 960px) {
		.art-detail .main-title {margin: 0 0 10px 0;}
	}
	
	/* >>>>> Article same <<<<< */
	.art-same .heading {
		margin: 0 0 20px 0;
		font-size: 22px;
		line-height: 26px;
		text-transform: uppercase;
	}
	.art-same .heading > * {color: #106aa3;}
	.art-same .list-article>li {margin-bottom: 15px;}
	.art-same .article .thumb {margin: 0 0 5px 0;}
	.art-same .article .title {
		margin: 0;
		max-height: 40px;
		font-size: 13px;
		font-family: Arial;
		font-weight: bold;
		line-height: 20px;
		overflow: hidden; 
		-ms-text-overflow: ellipsis; 
		text-overflow: ellipsis
	}
	.art-same .article .title a {color: #333;}
	.art-same .article .title a:hover {color: #0088cc;}
	@media (min-width: 960px) {
		.art-same {margin-bottom: 15px!important; }
	}
	@media (min-width: 1220px) {
		.art-same {margin-bottom: 25px!important; }
		.art-same .article .image {height: 185px;}
		.art-same .article .thumb {margin: 0 0 10px 0;}
	}
	@media (min-width: 767px) and (max-width: 1220px) {
		.art-same .article .image {height: 165px;}
	}
	@media (min-width: 567px) and (max-width: 767px) {
		.art-same .article .image {height: 185px;}
	}
	@media (min-width: 479px) and (max-width: 567px) {
		.art-same .article .image {height: 140px;}
	}
	@media (max-width: 479px) {
		.art-same .list-article {margin-left: -10px;}
		.art-same .list-article>li {
			padding-left: 10px;
			margin-bottom: 10px;
		}
		.art-same .article .title {
			max-height: 36px;
			font-size: 12px;
			line-height: 18px;
		}
		.art-same .article .image {height: 110px;}
	}
	@media (max-width: 350px) {
		.art-same .article .image {height: 90px;}
	}

	/* >>>> Aside <<<<< */
	.aside > * {margin-bottom: 20px;}
	.aside-viewmost .list-article > li {margin-bottom: 15px;}
	.aside-viewmost .article .thumb {
		float: left;
		width: 100px;
		height: 75px;
	}
	.aside-viewmost .heading,
	.aside-featured .heading {
		margin: 0 0 15px 0;
		color: #fff;
		font-size: 12px;
		font-family: Arial;
		font-weight: bold;
		line-height: 18px;
	}
	.aside-viewmost .heading > *,
	.aside-featured .heading > * {
		display: inline-block;
		padding: 3px 15px;
		background: #ed581c;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	.aside-featured .heading > * {background: #222;}

	.aside-viewmost .article .infor {
		float: right;
		width: -webkit-calc(100% - 100px);
		width: -moz-calc(100% - 100px);
		width: -ms-calc(100% - 100px);
		width: -o-calc(100% - 100px);
		width: calc(100% - 100px);
		padding-left: 15px;
	}
	.aside-viewmost .article .title {
		max-height: 54px;
		margin: 0 0 5px 0;
		font-size: 13px;
		font-weight: bold;
		font-family: Arial;
		line-height: 18px;
		overflow: hidden; 
		text-overflow: ellipsis;
	}
	.aside-viewmost .article .title a {color: #525252;}
	.aside-viewmost .article .title a:hover {color: #1d8acb;}
	.aside-viewmost .article .meta {
		margin: 0;
		color: #7a7a7a;
		font-size: 12px;
		font-style: italic;
		line-height: 17px;
	}
	.aside-featured .list-post > li:not(:last-child) {margin-bottom: 10px;}
	.aside-featured .list-post > li + li {
		padding-top: 10px;
		border-top: 1px dashed #c8c8c8;
	}
	.aside-featured .list-post > li > * {display: block;}
	.aside-featured .list-post .label {
		margin: 0 0 5px 0;
		color: #333;
		font-size: 11px;
		font-weight: 600;
		line-height: 15px;
	}
	.aside-featured .list-post .label:hover {color: #1d8acb;}
	.aside-featured .list-post .meta {
		color: #8a8a8a;
		font-size: 12px;
		font-style: italic;
	}

	/* >>>>> commiment-section <<<<< */
	.commiment-section {
		position: relative;
		margin: 0 0 30px 0;
		padding: 65px 0 0 0;
		background: url(img/bg-service.jpg) 50% 0 no-repeat fixed;
		-webkit-background-size: cover;
		background-size: cover;
		z-index: 2
	}
	.commiment-section:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background: rgba(0,0,0,0.65);
		z-index: -1;
	}
	.commiment-section .panel-body {
		text-align: center;
		color: #fff;
	}
	.commiment-section .heading {
		position: relative;
		margin: 0 0 30px 0;
		padding-bottom: 25px;
		font-size: 28px;
		font-family: 'brandon_textbold', sans-serif;
		line-height: 40px;
		text-transform: uppercase;
		color:#fff;
	}
	.commiment-section .heading:before {
		content: "";
		display: block;
		position: absolute;
		width: 125px;
		height: 2px;
		margin: 0 auto;
		top: initial;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background: #fff;
	}
	.commiment-section .heading > * {color: #fff;}
	.commiment-section .description {
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 30px;
		color: #fff;
	}
	.commiment-section .btn-groups {display: inline-block;}
	.commiment-section .btn-groups > .btn {
		float: left;
		display: block;
		position: relative;
		padding: 9px 10px 11px 10px;
		background: #fff;
		color: #713e18;
		letter-spacing: 1px;
		font-size: 15px;
		line-height: 20px;
		-webkit-box-shadow: inset 0px -3px 0 #0d3d64;
		-moz-box-shadow: inset 0px -3px 0 #0d3d64;
		box-shadow: inset 0px -3px 0 #0d3d64 ;
		-webkit-transition: all .35s ease;
		-moz-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	.commiment-section .btn-groups > .btn + .btn {margin-left: 5px;}
	.commiment-section .btn-groups > .btn-blue {
		background: url(img/g30.png) 0px 0px repeat-x;
		background-color: #1d78cb;
    	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
		color: #fff;
	}
	.commiment-section .btn-groups > .btn-blue:hover {
		background-position: bottom, 15px 11px;
	}
	@media (min-width: 1220px) {
		.commiment-section {height: 400px;} 
		.commiment-section .panel-body {padding: 30px 20px 20px 20px;}
	}
	@media (max-width: 1220px) {
		.commiment-section {
			margin: 0 0 20px 0;
			padding: 50px 0;
		}
		.commiment-section .heading {
			margin: 0 0 20px 0;
			padding-bottom: 15px;
			font-size: 24px;
			line-height: 30px;
		}
		.commiment-section .description {
			margin: 0 0 15px 0;
			font-size: 15px;
			line-height: 23px;
		}
	}
	@media (max-width: 960px) {
		.commiment-section {margin: 0;}
		.commiment-section .heading {
			margin: 0;
			padding-bottom: 10px;
			font-size: 20px;
			line-height: 26px;
		}
	}
	@media (max-width: 767px) {
		.commiment-section .heading {
			padding-bottom: 0px;
			font-size: 18px;
			line-height: 24px;
		}
		.commiment-section .heading:before {display: none;}
		.commiment-section .description {
			font-size: 14px;
			line-height: 20px;
		}
	}
	@media (max-width: 567px) {
		.commiment-section {padding: 40px 0;}
	}
 
	/* >>>>> partner-section <<<<< */
	.partner-section {margin: 0 0 15px 0;}
	.partner-section .panel-head {
		position: relative;
		padding-bottom: 20px;
		margin-bottom: 30px;
		text-align: center;
	}
	.partner-section .panel-head:before {
		content: "";
		display: block;
		position: absolute;
		width: 125px;
		height: 2px;
		margin: 0 auto;
		top: initial;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: #1E7DBC;
	}
	.partner-section .heading {
		margin: 0 0 10px 0;
		font-size: 35px;
		line-height: 42px;
		text-transform: uppercase;
	}
	.partner-section .heading > * {color: #18181a;}
	.partner-section .panel-head .description {
		margin: 0;
		font-size: 18px;
		font-family: 'brandon_textbold';
		line-height: 22px;
		text-transform: uppercase;
	}
	.partner-section .panel-body {padding: 0 10px;}
	.partner-section .uk-slider-container {padding: 2px 2px;}
	.partner-section .thumb {
		position: relative;
		padding: 10px 10px;
		-webkit-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	.partner-section .thumb .image {height: 100px;}
	@media (min-width: 1220px) {
		.partner-section .list > li {width: 12.5%;}
		.partner-section .thumb:hover {box-shadow: 0px 0px 10px 2px rgba(220, 220, 220, 1);}
	}
	@media (max-width: 1220px) {
		.partner-section .panel-head {margin: 0 0 20px 0;}
		.partner-section .heading {
			font-size: 30px;
			line-height: 34px;
		}
		.partner-section .panel-head .description {
			font-size: 16px;
			font-family: 'brandon_textregular';
			line-height: 23px;
			text-transform: none;
		}
		.partner-section .thumb {
			border: 1px solid #d5d5d5;
			background: #fff;
		}
		.partner-section .thumb .image {height: 85px;}
	}
	@media (max-width: 960px) {
		.partner-section {
			margin: 0;
			padding: 20px 0;
			background: #f6f7f8;
		}
		.partner-section .panel-head {padding-bottom: 0;}
		.partner-section .panel-head:before {display: none;}
		.partner-section .heading {
			margin: 0 0 5px 0;
			font-size: 24px;
			line-height: 30px;
		} 
	}
	@media (max-width: 567px) {
		.partner-section {padding: 15px 0;}
		.partner-section .panel-head {margin: 0 0 15px 0;}
		.partner-section .panel-head .description {
			font-size: 15px;
			line-height: 20px;
		}
		.partner-section .thumb .image {height: 65px;}
	}

	/* ===== Contact styles ===== */
	#contact-page {margin: 49px 0 50px;}
	.contact-section {
		font-size: 14px;
		line-height: 20px;
		font-family: Arial, sans-serif;
	}
	.contact-section b, strong {font-family: Arial}
	.contact-section .headquarters {
		margin: 0 0 8px 0;
		color: #444;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.contact-section .contact-infomation, 
	.contact-section .contact-form {
		margin-bottom: 20px!important;
	}
	.contact-section .contact-infomation .note {
		margin-bottom: 10px;
		font-style: italic;
		color: #666;
	}
	.contact-section .contact-infomation .company {
		margin-bottom: 15px;
		font-size: 22px;
		line-height:24px;
		color: #106aa3;
		text-transform: uppercase;
	}
	.contact-section .contact-infomation .address {margin-bottom: 20px;}
	.contact-section .contact-infomation .address p {
		position: relative;
		margin: 0 0 10px 0;
		padding-left: 15px;
	}
	.contact-section .contact-infomation .address p:before {
		content: "\f101";
		display: block;
		position: absolute;
		left: 0px;
		color: #106aa3;
		font-family: 'Microsite-font';
		font-size: 14px;
	}
	.contact-section .contact-map {
		padding: 2px;
		border: 1px solid #d5d5d5;
		height: 340px;
	}
	.contact-section .contact-form .label {
		font-size: 14px;
		line-height: 22px;
		color: #000;
		margin-bottom: 15px;
	}
	.contact-section .contact-form .form-row {margin-bottom: 10px;}
	.contact-section .contact-form .input-text, 
	.contact-section .contact-form .form-select, 
	.contact-section .contact-form .form-textarea {
		border: 1px solid #d5d5d5;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.contact-section .contact-form .input-text, 
	.contact-section .contact-form .form-select {
		height: 35px;
		line-height: 35px;
	}
	.contact-section .contact-form .form-textarea {
		height: 200px;
		padding: 8px 10px;
	}
	.contact-form .btn-submit {
		display: inline-block;
		padding: 5px 20px;
		cursor: pointer;
		background: #106aa3;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		border: none;
		border-radius: 3px;
	}
	
	.contact-section .contact-form .input-text::-webkit-input-placeholder, 
    .contact-section .contact-form .form-textarea::-webkit-input-placeholder {
        color: #7a7a7a;
        font-size: 13px;
    }
    .contact-section .contact-form .input-text::-moz-placeholder, 
    .contact-section .contact-form .form-textarea::-moz-placeholder {
        color: #7a7a7a;
        font-size: 13px;
    }
    .contact-section .contact-form .input-text:-ms-input-placeholder, 
    .contact-section .contact-form .form-textarea:-ms-input-placeholder {
        color: #7a7a7a;
        font-size: 13px;
    }
    .contact-section .contact-form .input-text:-moz-placeholder, 
    .contact-section .contact-form .form-textarea:-moz-placeholder {
        color: #7a7a7a;
        font-size: 13px;
    }

	@media (min-width: 960px) {
		.contact-section {padding-bottom: 20px;}
	}
	@media (min-width: 1220px) {
		.contact-section {padding-bottom: 30px;}
	}
	@media (max-width: 960px) {
		#contact-page {margin: 0 0 30px 0;}
		#contact-page .contact-map {height: 300px;}
	}
	@media (max-width: 767px) {
		#contact-page .contact-map {height: 250px;}
	}

	/* ===== Footer styles ===== */
	.footer {background: rgba(130,155,179,0.14902);}
	body.scrolled .footer {}

	/* >>>>> footer-support <<<<< */
	.footer-support {
		margin: 0 0 25px 0;
		padding: 25px 0 15px 0;
		border-bottom: 1px solid #999;
	}
	.footer-support .container {
		max-width: 960px;
		margin: 0 auto;
	}
	.footer-support .heading,
	.footer-support .hotline {
		color: #18181a;
		font-size: 26px;
		font-family: 'brandon_textbold';
		line-height: 45px;
		text-align: center;
	}
	.footer-support .hotline {font-size: 32px}
	.footer-support .hotline a {color: #18181a;}
	.footer-support .description {
		margin: 15px 0 35px 0;
		color: #4e4f59;
		font-size: 15px;
		line-height: 23px;
		text-align: center;
	}
	.footer-support .box {
		position: relative;
		padding-left: 50px;
	}
	.footer-support .box:before {
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		font-size: 35px;
		font-family: 'Microsite-font';
	    speak: none;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 1;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;'
	    color: #000;
	}
	.footer-support .list > li:nth-of-type(1) .box:before {content: "\e93a";}
	.footer-support .list > li:nth-of-type(2) .box:before {content: "\e96c";}
	.footer-support .list > li:nth-of-type(3) .box:before {content: "\f0e0";}
	.footer-support .box > * {
		display: block;
		position: relative;
	}
	.footer-support .box .label {
		font-size: 12px;
		font-family: 'brandon_textbold';
		line-height: 23px;
		color: #969696;
	}
	.footer-support .box .value {
		font-size: 20px;
		font-weight: 600;
		line-height: 23px;
		color: #000;
	}

	/* >>>>> upper <<<<< */
	.footer .upper {
		padding-bottom: 25px;
		border-bottom: 1px solid #999;
	}
	.footer .upper .heading {
		margin: 0 0 20px 0;
		font-size: 13px;
		font-family: 'brandon_textbold';
		line-height: 16px;
		text-transform: uppercase;
	}
	.footer .upper .heading > * {color: #414141;}
	.foote-contact .company {
		margin: 0 0 20px 0;
		color: #414141;
		font-size: 13px;
		font-family: 'brandon_textbold';
		line-height: 16px;
		text-transform: uppercase;
	}
	.foote-contact .list li {
		color: #414141;
		font-size: 13px;
		line-height: 20px;
	}
	.foote-contact .list li:not(:last-child) {margin-bottom: 8px;}
	.foote-contact .list li a {color: #414141;}
	.foote-contact .list li a:hover {color: #713e18;}
	.footer .upper .site-link > li {
		position: relative;
		padding-left: 18px;
	}
	.footer .upper .site-link > li:before {
		content: "\f101";
		display: block;
		position: absolute;
		left: 0px;
		color: #bdbdbd;
		font-family: 'Microsite-font';
		font-size: 14px;
	}
	.footer .upper .site-link > li:not(:last-child) {margin-bottom: 10px;}
	.footer .upper .site-link > li a {
		display: block;
		position: relative;
		color: #414141;
		font-size: 14px;
		line-height: 18px;
	}
	.footer .upper .site-link > li a:hover {color: #713e18;}

	/* >>>>> footer-introduction <<<<< */
	.footer-introduction {padding: 20px 0 30px 10px;}
	.footer-introduction .logo {width: 220px;}
	.footer-introduction .textwidget {
		width: -webkit-calc(100% - 220px);
		width: -moz-calc(100% - 220px);
		width: -ms-calc(100% - 220px);
		width: -o-calc(100% - 220px);
		width: calc(100% - 220px);
		padding-left: 20px;
	}
	.footer-introduction .main-title {
		margin: 0 0 10px 0;
		color: #414141;
		font-size: 20px;
		font-family: 'brandon_textbold';
		line-height: 24px;
		text-transform: uppercase;
	}
	.footer-introduction .description {
		color: #414141;
		font-size: 15px;
		line-height: 18px;
	}

	/* >>>>> Lower <<<<<< */
	.footer .lower {
		padding: 8px 40px;
		background: #060606;
		font-size: 13px;
		line-height: 18px;
		color: #fff;
	}
	.footer .lower a {color: #fff;}
	.footer-profile > * {
		display: block;
		position: relative;
	}
	.footer-profile > * + * {margin-left: 15px;}
	.footer-profile .label {
		font-size: 13px;
		font-family: 'brandon_textbold';
		line-height: 23px;
		text-transform: uppercase;
	}

	/* >>>>> pc-hotline-fixed <<<<< */
	.pc-hotline-fixed {
		position: fixed;
		width: 100%;
		top: initial;
		left: 0px;
		bottom: -32px;
		background: #713e18;
		-webkit-transition: all .35s ease;
		-moz-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
		z-index: 1000;
	}
	.pc-hotline-fixed .container {
		position: relative;
		padding-left: 60px;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
	}
	.pc-hotline-fixed .container:before {
		content: "\f101";
		display: block;
		position: absolute;
		left: 10px;
		top: 4px;	
		font-family: 'Microsite-font';
		font-size: 50px;
	}
	.pc-hotline-fixed .item + .item {margin-left: 20px;}
	.pc-hotline-fixed .item > * {
		display: block;
		position: relative;
		line-height: 32px;
	}
	.pc-hotline-fixed .label {
		position: relative;
		padding-right: 35px;
		font-size: 14px;
		text-transform: uppercase;
	}
	.pc-hotline-fixed .label .icon {
		display: block;
		position: absolute;
		left: initial;
		right: 5px;
		top: 2px;
		font-size: 24px;
		color: #fff;
	}
	.pc-hotline-fixed .value {
		color: #fff;
		font-size: 24px;
	}
	.pc-hotline-fixed .value + .value {
		margin-left: 10px;
		padding-left: 10px;
	}
	.pc-hotline-fixed .value + .value:before {
		content: "";
		display: block;
		position: absolute;
		height: 20px;
		width: 2px;
		left: 0px;
		top: 6px;
		background: #fff;
		-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
		box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
	}
	body.scrolled .pc-hotline-fixed {bottom: 0px;}

	@media (max-width: 1220px) {
		.footer .lower {padding: 8px 25px;}
	}
	@media (max-width: 960px) {
		.footer .uk-container {padding: 0 15px;}
		.footer .upper {
			padding: 20px 0 5px 0;
			border-bottom: none;
		}
		.footer .upper .panel {margin-bottom: 20px;}
		.footer .upper .heading {
			margin: 0 0 15px 0;
			font-size: 14px;
		}
		.foote-contact .company {margin: 0 0 10px 0;}
		.footer .upper .site-link > li:not(:last-child) {margin-bottom: 8px;}
		.footer .lower {padding: 8px 15px;}
		.footer .lower > * {display: block;}
		.footer .copyright {margin: 0 0 8px 0;}
	}
	@media (max-width: 567px) {
		.footer-profile .label {display: none;}
	}

	/* ==== Modal styles ===== */
	/* >>>>> register-modal <<<<< */
	#register-modal {background: rgba(0, 0, 0, .95);}
	#register-modal .uk-modal-dialog {background: transparent;}
	#register-modal .uk-modal-close.uk-close {
		float: none;
		height: auto;
		width: auto;
		border: none;
		background: transparent;
		-webkit-border-radius: 0;	
		-moz-border-radius: 0;	
		border-radius: 0;	
		text-indent: 0;
		font-size: 35px;
		color: #fff;
	}
	#register-modal .heading {
		margin: 0 0 15px 0;
		font-size: 30px;
		line-height: 1.1;
	}
	#register-modal .heading > * {color: #fff;}
	#register-modal .form-row {margin-bottom: 25px;}
	#register-modal .form .input-text,
	#register-modal .form .form-select {
		height: 40px;
		padding: 0 10px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		color: #555;
		font-size: 14px;
		line-height: 42px;
	}
	#register-modal .form .form-textarea {
		height: 100px;
		padding: 6px 10px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		color: #555
		font-size: 14px;
		line-height: 22px;;
	}
	#register-modal .form .btn-submit {
		display: inline-block;
		padding: 10px 20px;
		width: 180px;
		background: #713e18;
	 	border: 1px solid #713e18;
 	    -moz-box-shadow: #a2352b 0 5px;
	    -webkit-box-shadow: #104A75 0 5px;
	    box-shadow: #104A75 0 5px;
		color: #fff;
		font-size: 16px;
		font-family: 'brandon_textregular', sans-serif;
		text-transform: uppercase;
		line-height: 20px;
		cursor: pointer;
		outline: none;
	}

	#register-modal .form .input-text::-webkit-input-placeholder, 
    #register-modal .form .form-textarea::-webkit-input-placeholder {
        color: #555;
        font-size: 14px;
    }
    #register-modal .form .input-text::-moz-placeholder, 
    #register-modal .form .form-textarea::-moz-placeholder {
        color: #555;
        font-size: 14px;
    }
    #register-modal .form .input-text:-ms-input-placeholder, 
    #register-modal .form .form-textarea:-ms-input-placeholder {
        color: #555;
        font-size: 14px;
    }
    #register-modal .form .input-text:-moz-placeholder, 
    #register-modal .form .form-textarea:-moz-placeholder {
        color: #555;
        font-size: 14px;
    }

	@media (min-width: 768px) {
		#register-modal .uk-modal-dialog {width: 450px;}
	}
	@media (max-width: 1220px) {
		#register-modal .form-row {margin-bottom: 20px;}
		#register-modal .uk-grid {margin-left: -20px;}
		#register-modal .uk-grid > * {padding-left: 20px;}
	}
	@media (max-width: 960px) {
		#register-modal .form-row {margin-bottom: 15px;}
		#register-modal .uk-grid {margin-left: -15px;}
		#register-modal .uk-grid > * {padding-left: 15px;}
	}
	@media (max-width: 767px) {
		#register-modal .form-row {margin-bottom: 10px;}
		#register-modal .uk-grid {margin-left: -10px;}
		#register-modal .uk-grid > * {padding-left: 10px;}
		#register-modal .heading {
			font-size: 18px;
			line-height: 24px;
			text-transform: uppercase;
		}
	}

/* </htweb.css> */
.media-talk{}
.media-talk ul{}
.media-talk ul li{}
.media-talk ul li .article .thumb{
	box-shadow: 0px 0px 10px 2px rgba(220, 220, 220, 220);
	margin: 0 0 10px 0;
}
.media-talk ul li .article .thumb .image{height:240px;}
.media-talk ul li .article .infor{}
.media-talk ul li .article .info .title{
	    margin: 0 0 10px 0;
		line-height: 30px;
		
}
.media-talk ul li .article .info .title >*{
	font-size: 18px;
	color: #333;
}
.media-talk ul li .article .info .meta{}


@media (min-width: 1220px){

.prd-detail .prd-gallerys .mobile-image {
    position: absolute;
    width: 188px;
    height: 335px;
    padding: 43px 11px 0;
    top: initial;
    bottom: 0;
    left: -100px;
    background: url(http://webchuanseoht.com/templates/frontend/resources/img/bg-mobile.png) 0 0 no-repeat;
}

}

#goTop {
    position: fixed;
    right: 10px;
    clip: rect(auto,auto,auto,auto);
    text-indent: -9999px;
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(img/toTop.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 45px;
    -moz-background-size: 45px;
    -o-background-size: 45px;
    -ms-background-size: 45px;
    background-size: 45px;
    z-index: 9999;
}

/* </nhahangnethue.css> */
.ring-alo-phone{position:fixed;left:-15px;bottom:-17px;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:red;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:red;opacity:.75!important}
.ring-alo-ph-img-circle{width:30px;height:30px;top:43px;left:43px;position:absolute;background:red 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:red;background-size:70%}


#form_check_domain_home{
	width:100%;
	position:relative;
}
#domain_input{
	border: 1px solid #999;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 400;
    padding-left: 2%;
    padding-right: 1.5em;
	width:100%;
}

#checkbutton{
	background-color: #888;
    padding: 3px 3%;
    color: #fff;
    font-size: 1.8em;
    text-shadow: 1px 1px 0 rgba(0,0,0,.25);
    height: 50px;
    line-height: 50px;
    text-align: center;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    white-space: nowrap;
	position:absolute;
	right:0;
	top:0;
}
#checkbutton:hover{
	cursor: pointer;
    background-color: #ff7f00;
    color: #ff0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-shadow: 1px 1px 0 rgba(0,0,0,.15);
}

.domain-result{
	margin-top:20px;
}
.domain-result .img{
	max-width:40px;
	margin-right:20px;
}
.domain-result .name{
	font-size:20px;
}