@charset "utf-8";
html {  
    -webkit-font-smoothing: antialiased;
	/*-webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px;
	-webkit-text-stroke: rgba(255,255,255,0.01) 0.1px;
	-webkit-text-stroke-width: 0.1px*/
}

@font-face {
  font-family: 'sans';
  src: url('../fonts/sans.eot');
  src: url('../fonts/sans.eot?#iefix') format('embedded-opentype'),
  url('../fonts/sans.woff') format('woff'),
  url('../fonts/sans.ttf') format('truetype');
  font-weight:400;
  font-smooth:always;
  font-style: normal;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face{font-family:sans;src:url(../fonts/sans.svg) format(svg)}
}

@font-face {
  font-family: 'sans-r';
  src: url('../fonts/sans-r.eot');
  src: url('../fonts/sans-r.eot?#iefix') format('embedded-opentype'),
  url('../fonts/sans-r.woff') format('woff'),
  url('../fonts/sans-r.ttf') format('truetype');
  font-weight:400;
  font-smooth:always;
  font-style: normal;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face{font-family:sans;src:url(../fonts/sans-r.svg) format(svg)}
}

@font-face {
  font-family: 'sans-bold';
  src: url('../fonts/sans-bold.eot');
  src: url('../fonts/sans-bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/sans-bold.woff') format('woff'),
  url('../fonts/sans-bold.ttf') format('truetype');
  font-weight:400;
  font-smooth:always;
  font-style: normal;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face{font-family:sans-bold;src:url(../fonts/sans-bold.svg) format(svg)}
}

@font-face {
  font-family: 'sans-exbold';
  src: url('../fonts/sans-exbold.eot');
  src: url('../fonts/sans-exbold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/sans-exbold.woff') format('woff'),
  url('../fonts/sans-exbold.ttf') format('truetype');
  font-weight:400;
  font-smooth:always;
  font-style: normal;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face{font-family:sans-exbold;src:url(../fonts/sans-exbold.svg) format(svg)}
}
*{
	font-size:14px;
}
body{
	background:#ccc !important;
	color:#36414b;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal; 
	line-height:21px
}
.ulcon .ulcon{
	display:block;
	z-index:100;
	margin-left:268px;
	
}
.dropdown1:hover .ulcon2{
	display:block;
}
.ulcon2 li:hover .ulcon3 {
 background: #fff none repeat scroll 0 0;
display: block !important;
float: left;
margin-left: 82%;
position: absolute;
width: 220px;
z-index: 100;
}
.imgbd {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.ulcon3{
display: none;
list-style: outside none none;
margin-top: -28px;
width: 100%;
}
.ulcon2 .dropdown1 {
  padding: 6px;
  border-bottom: 1px dashed;
}.dropdown2 {
  padding: 6px;
  border-bottom: 1px dashed;
}
.dropdown3 {
  padding: 6px;
  border-bottom: 1px dashed;
}
.ulcon2 li {
  padding-left: 20px !important;
  padding-right: 20px;
}
.ulcon2 li:hover{
	background: #ffe34d none repeat scroll 0 0;
}
.ulcon2 {
 background: #fff none repeat scroll 0 0;
display: none;
float: left;
list-style: outside none none;
margin: 0;
padding: 0;
 width: 220px;
position: absolute;
text-align: left;
z-index: 9;
}
.dm1 {
  border-bottom: 1px dashed #ccc;
  color: red;
  font-size: 14px;
  list-style: none;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-top: 10px;
  text-transform: uppercase;
}
.dmsp {
  padding-top: 20px;
}
.dmsp .ulcon2 {
 display: block !important;
position: relative;
width: 100%;
}
.headerlv1 {
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 3px solid #aaa;
margin-bottom: 10px;
}
.dmsp .ulcon2 li {
  border-bottom: 1px dashed #ccc;
  list-style: inside none disc;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
}
.menucon2 a {
  text-transform: capitalize;
}
.ulcon2 a {
  color: #000 !important;
}
.menusp li:hover  a{
	text-decoration: underline;
}
.menusp li:hover .menucon2{
	
	display:block;
}
.ulcon2 img {
  display: none;
}
.menucon2 img{
	display:none;
}
.menucon2 {
 background: #ff8136  none repeat scroll 0 0;
display: none;
list-style: outside none none;
margin-left: 22%;
margin-top: -34px;
position: absolute;
}
.menucon2 > li {
  border-bottom: 1px dashed #ccc;
  padding: 10px 25px;
}
.menucon2 a {
  color: #fff !important; 
}
.menusp a {
  color: #f14036 !important; 
  font-size: 13px;
}
.menusp img {

  width: 21px;
}
.titlelon {border-bottom: 2px solid #f24026;
overflow: hidden;
width: 100%;
padding-top: 15px;
}
.titlelon > a {
  color: #000;
  font-size: 20px;
}
.menusp > li {
  padding:4px 0;
  border-bottom: 1px dashed #ccc;
}
.container1 > h2 {
  font-size: 24px !important;
  padding-top: 9px !important;
}
.container2 > h2 {
  font-size: 24px !important;
  padding-top: 9px !important;
}
.container3 > h2 {
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.menusp a {
  color: #f14036;
  float: left;
  text-align: left;
}
.menusp li {
  float: left;
  text-align: left !important;
  width: 100%;
}
.menusp > h2 {
  font-size: 24px !important;
}
.thongke > h2 {
  font-size: 24px !important;
  padding-top: 20px;
}
.thongtin {
  float: left;
  width: 48%;
}
.anhbanner > img {
  width: 100%;
}
.menucha .products_hierarchy_level0{
	display:none;
	background: #f24036 none repeat scroll 0 0;
float: left;
padding-left: 10px;
position: absolute;
text-align: left;
width: 300px;
z-index: 9999;
}
.menucha .products_hierarchy_level0 a{
color:#fff !important;
}
.menucha:hover .products_hierarchy_level0{
	display:block;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Arial",Helvetica,sans-serif;
font-weight: 400;
line-height: 1em;
margin-top: 0;
text-rendering: auto;
}
.caption {
  float: left;
  overflow: hidden;
  width: 16%;
}
.img.mbs {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  padding-top: 10px;
}
.imgbanchay img {
    width: 98%;
    margin: 0px auto;
    height: auto;
    border: 1px solid #ccc;
    min-height: 130px !important;
}
.spbanchay h5 {
    min-height: 110px;
}
.spbanchay {
    border-bottom: 1px solid #ccc;
    width: 49%;
    min-height: 250px;
    padding-top: 17px !important;

    float: left
}
h4,h5,h6{
	line-height:1.4em
}

h1{
	font-size:36px
}

h2{
	font-size:30px;
	    padding-bottom: 10px;
    padding-top: 10px;
}

h3{
	font-size:24px
}

h4{
	font-size:18px
}

h5{
	font-size:15px;
	font-weight:700
}

h6{
	font-size:13px
}

p{
	color:#36414b
}

p, ul li{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
}

ul{
	list-style:none;
	margin:0
}

/* Link & hover, focus color */
a {
  	transition: all 1s ease;
  	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
 	-ms-transition: all 1s ease;
  	-o-transition: all 1s ease;
}

a:hover,
a:focus {
  	text-decoration: none;
  	transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
 	-moz-transition: all .5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

a:focus{
	outline:none
}
.widget-inner img {
  display: none;
}
img{
	border:0 none;
	height:auto;
	max-width:100%;
	vertical-align:middle
}
.header-content img {
	width:100%;
}
.divhome {
    width: 100% !important;
    overflow: hidden;
}
.bgtour a{
	    color: #000;
    min-height: 50px;
    overflow: hidden;
	font-weight: 600;
    display: inherit;
}
.bgtour {
      width: 19%;
     float: left; 
    display: inline-block;
    padding-right: 1%;
    padding-top: 20px;
    padding-left: 1%;
    text-align: center;
    border-bottom: 1px solid #aaa;
}
.sponline p{
	padding-bottom:10px;
}
.sponline img{
	width:60px;
}
.sponline {
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
    font-size: 16px;
}

.ttheader > h2 {
  color: red;
  font-size: 40px !important;
  line-height: 1.5em;
  text-transform: uppercase;
  text-shadow: 1px 1px #fff;
}
.ttheader > p {
  font-size: 25px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.lienheh {
 font-size: 18px !important;
margin-top: 0;
}
.container1 {
  float: left;
  overflow: hidden;
  width: 30%;
}
.container2 {
  float: left;
  overflow: hidden;
  width: 40%;
}.container3 {
  float: left;
  overflow: hidden;
  width: 30%;
}
.footer .banner {
  text-align: center;
}
.footer img {
  float: left;
  padding-right: 30px;
  text-align: center;
  width: 25%;
}
.ProductDirectoryItem {
 border: 1px solid #ccc;
float: left;
margin: 1%;
padding: 1%;
width: 23%;
min-height: 278px;
}
.ProductDirectoryItem > a {
  font-size: 16px;
}
.titlesp {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.imgsp {
  border: 1px solid #aaa;
  float: left;
  margin-right: 10px;
  padding: 1%;
  text-align: center;
  width: 50%;
}
.detail {
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #aaa;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
}
.spweb {
  height: 200px;
}
.spweb:hover {
  border: 1px solid #f14036;
}
.tuvanmobi {
display:none;
}

.logomobi {
 display:none;
}
.page_content_detail2 > h4 {
	text-transform: inherit;
	padding-top: 10px;
	padding-bottom: 16px;
	font-weight: bold;
	color: #275CAA; 
	font-size: 20px; 
	text-decoration: none;
}
.clearfix{
	clear:both
}

.mt15{
	margin-top:15px !important
}

.mt20{
	margin-top:20px !important
}

.mt25{
	margin-top:25px !important
}

.borderB3{
	border-bottom:3px solid #e4e3e3
}

.space{
	margin: 35px 0px
}

.dot{
	border-bottom: 1px dotted #ccc;
	width: 100%;
	overflow: hidden;
	margin: 35px 0px
}

.dashed{
	border-bottom:1px dashed #efefef;
	width: 100%;
	overflow: hidden;
	margin: 0px 0px 25px 0px
}

.bold-font{
	font-family:'sans-bold',Arial, Helvetica, sans-serif
}

a.login-fb{
	text-align: center;
	margin: 0 auto;
	display: table;
	color:#425f9c;
	padding-right:10px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

a.login-fb:hover{
	color:#fff;
	background:#425f9c	
}

a.login-fb:hover i{
	color:#fff;
	background:#1a356c	
}

a.login-fb i{
	background: #425f9c;
	padding: 10px 14px;
	color: #fff;
	margin-right: 10px;
	font-size: 19px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

a.previous,
a.pre{
	color: #fff;
	background: #36414b;
	font-weight: normal;
	display: inline-block;
	outline: none;
	border: 0;
	cursor: pointer;
	padding: 12px;
	text-transform: uppercase;
	font-size: 15px
}

a.next{
	color: #fff;
	background: #3b88c8;
	font-weight: normal;
	display: inline-block;
	outline: none;
	border: 0;
	cursor: pointer;
	padding: 12px;
	text-transform: uppercase;
	font-size: 15px
}

/* NOTIFICATION */
.noti-info{
	background:#f8e279;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 15px;
	text-align: justify;
	color: #6f5c00
}

.noti-info i,
.noti-error i,
.noti-done i{
	padding-right:5px;
	font-size:15px !important;
	display:inline-block !important
}

.noti-info a{
	color:#6f5c00;
	text-decoration:underline
}

.noti-error{
	background:#ffc1c1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 15px;
	text-align: justify;
	color: #ea3d3d
}

.noti-error a{
	color:#ea3d3d;
	text-decoration:underline
}

.noti-done{
	background:#a4f098;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 15px;
	text-align: justify;
	color: #189902
}
h2.duanhome a:hover{
	color: #fff;
}
h2.duanhome a{
	color: #fff;
}
h2.duanhome {
	    padding: 0.5%;
		    margin-bottom: 20px;
			color: #FFF;
    margin-top: 19px;
    background: #158ad9;
    
}
a.lh-fix {
    color: #fff;
}
img.attachment-large.wp-post-image {
    min-height: 200px;
	    height: 230px;
	    padding: 2px;
}
..noti-done a{
	color:#189902;
	text-decoration:underline
}

/* CAPTCHA */
.captcha{
	margin-bottom:10px
}

.captcha label{
	padding-right:10px
}

.captcha input[type=text]{
	padding:10px 12px
}

/* SCROLLBAR  */
::-webkit-scrollbar {
  width: 10px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.3);
}

::-webkit-scrollbar-track {
  background-color: rgba(50, 50, 50, 0.2);
}

/* ANIMATE*/
.trans-hover
{
	transition: all 0.5s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}

.outline-inward,
.outline-inward-round,
.outline-inward-white {
	display: inline-block;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.outline-inward:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #3b88c8 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}

.outline-inward-round:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #3b88c8 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.outline-inward-white:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.outline-inward:hover:before,
.outline-inward:focus:before, 
.outline-inward:active:before,
.outline-inward-round:hover:before,
.outline-inward-round:focus:before, 
.outline-inward-round:active:before,






.outline-inward-white:hover:before,
.outline-inward-white:focus:before,
.outline-inward-white:active:before {
	top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1;
}

.hover {
	display: inline-block;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover:hover, .hover:focus, .hover:active {
	-webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-name: hover;
    animation-name: hover;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
 	animation-direction: alternate;
}

.bubble-bottom {
	display: inline-block;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-bottom:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: bottom;
	transition-property: bottom;
	left: calc(50% - 10px);
	bottom: 0;
	border-width: 10px 10px 0 10px;
	border-color: #e1e1e1 transparent transparent transparent;
}

.bubble-bottom:hover:before, .bubble-bottom:focus:before, .bubble-bottom:active:before {
	bottom: -10px;
}

.zoom{
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.zoom:hover{
	-webkit-transform: scale(1.1);
  	transform: scale(1.1)
}
[type=text],[type=password],[type=email],[type=number],textarea,select {
	color:#000;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	margin:5px 0;
	padding:5px;
	outline:none;
	border:1px solid #dedede;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	  width: 160px;
}

[type=text]:focus,
[type=password]:focus,
[type=email]:focus,
textarea:focus, 
.custom-select select:focus{
	border:1px solid #3b88c8;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

[type=submit],
[type=button] {
	color:#fff;
	background:#3b88c8;
	font-weight:normal;
	display:inline-block;
	outline:none;
	border:0;
	margin:5px 0;
	cursor:pointer;
	padding:6px;
	text-transform:uppercase;
	font-size:15px;
}

[type=submit]:hover,
[type=button]:hover{
	background:#2a71ab	
}

input[type=radio].css-checkbox {
	display:none;
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:38px;
	margin-right:16px;
	height:30px; 
	display:inline-block;
	line-height:30px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	font-weight:normal;
	vertical-align:middle;
	cursor:pointer;
}

input[type=radio].css-checkbox + label.css-label:last-child{
	margin-right:0px
}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -30px;
}

label.css-label {
	background:url(../images/radio.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=checkbox].css-checkbox {
	position: absolute; 
	overflow: hidden; 


	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 

	margin:-1px; 
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label-checkbox {
	padding-left:25px;
	height:20px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	margin:10px 0px;
	font-weight:normal;
	width:99px
}

input[type=checkbox].css-checkbox:checked + label.css-label-checkbox{
	background-position: 0 -20px;
}

.css-label-checkbox{ 
	background-image:url(../images/checkbox.png)
}

.custom-select {
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 1
}

.custom-select:before {
	color: #333;
	display: block;
	font-family: 'FontAwesome';
	font-size: 1em;
	height: 100%;
	line-height: 45px;
	padding: 0 15px .625em 0px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 1.5em;
	z-index: -1;
	border: 1px solid #dedede;
	border-left:none		
}

.custom-select select {
	background-color: transparent;
	border: 0 none;
	box-shadow: none;
	color: #333;
	display: block;
	font-size: 100%;
	line-height: normal;
	margin: 0;
	padding: 13px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #dedede
}

.custom-select select::-ms-expand {
	display: none; /* to ie 10 */
}

:-moz-any(.custom-select):before {
	background-color: #fff; /* this is necessary for overcome the caret default browser */
	pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
	z-index: 1; /* this is necessary for overcome the pseudo element */
}

@-moz-document url-prefix() { 
  .custom-select select:focus{
  	border:1px solid #dedede;
  }
}
								 
/* TABLE */
table.list-price{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	width:100%;
	background:#fff;
	margin-bottom:15px
}

table.list-price.backorder{
	margin-bottom:0px
}

table.list-price thead{
	background:#3b88c8
}

table.list-price thead tr{
	border-bottom:none
}

table.list-price thead tr th{
	color:#fff;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	font-weight:normal;
	vertical-align:middle
}

table.list-price.backorder thead tr th:hover{
	background:#2a71ab
}

table.list-price.backorder thead tr th i{
	float:right;
	line-height:18px
}

table.list-price th,
table.list-price td{
	padding:10px 20px
}

table.list-price tr{
	border-bottom:1px dashed #ccc
}

table.list-price tr td.note{
	background: #ffe4cc;
	color: #ff7800;
	text-align:center
}

table.list-price tr.last
table.list-price tr td.last{
	border-bottom:none
}

table.list-feature{
	width:100%
}

table.list-feature thead{
	background:#f2f2f2
}

table.list-feature thead tr th{
	padding:14px
}

table.list-feature tr td{
	padding:10px
}

table.list-feature tr td{
	border-bottom:1px dashed #ccc
}

table.list-feature tr td i{
	color:#33a700
}

table.list-price tr td a{
	color:#55c03b;
	cursor:pointer
}

table.list-price tr td a.btn-backorder-table{
	background:#3b88c8;
	color: #fff;
	padding: 4px 10px;
	cursor:pointer
}

table.list-price tr td a i{
	padding-right:10px
}

table.list-feature tr td.last{
	border-bottom:none
}

table.list-feature tr td.borR{
	border-right:1px dashed #ccc
}

table.specifications{
	width:100%;
	margin-bottom:15px
}

table.specifications thead{
	background:#3b88c8;
	color:#fff
}

table.specifications thead tr th{
	padding:14px
}

table.specifications tr td{
	padding:10px
}

table.specifications tr td{
	border-bottom:1px dashed #ccc
}

table.specifications tr td i{
	color:#33a700
}

table.specifications tr td.last{
	border-bottom:none
}

table.price-software{
	width:100%;
	margin-top:35px}

table.price-software thead tr th{

	background:#3b88c8;
	color:#fff;
	padding:14px;
	font-weight:normal
}

table.price-software tr td{

	padding:8px 14px;
	border-bottom: 1px dashed #ccc;
	vertical-align:middle
}

table.price-software tr td.note{
	background:#ffe4cc;
	color:#ff7800
}

table.price-software tr td.last{
	border:none	
}

table.price-software tr td a{
	float: right;
	background: #ff6600;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 15px;
	cursor:pointer

}

table.price-reseller{
	margin:20px 0px;
	text-align:center
}

table.price-reseller thead tr th{
	background:#3b88c8;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	vertical-align:middle;
	padding:20px 0px;
	text-align:center;
	font-size:18px
}

table.price-reseller thead tr th.nobg{
	background:#fff
}

table.price-reseller tr td{
	padding:15px 5px;
	border-bottom:1px dashed #eee;
	border-right:1px solid #eee
}

table.price-reseller tr td.service-name{
	background:#ffe4cc;
	color:#ff7800
}

table.price-reseller tr td:last-child{
	border-right:none
}

table.price-reseller tr td.last{
	border-bottom:none
}

table.price-reseller tr td a{
	background: #3b88c8;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 10px;
	display: block;
	font-size: 16px
}

/* OFF SLIDER */
#st-trigger-effects{
	position:absolute;
	/*left: 45px;*/
	z-index:999;
	top:8px
}

#st-trigger-effects button{
	outline:none;
	display:block;
	background:#158ad9;
	padding:0px;
	border: 1px solid transparent;
	line-height:0px
}

#st-trigger-effects button i{
	color:#fff;
	font-size:25px;
	padding:10px
}

.off-slide {
    width: 200px;
    overflow: hidden;
	position: absolute;
	top:360px;
	z-index: 99
}

.off-slide .activator {
    float: left;
    display: block;

}
.close-slide {
    text-align: center;
    height: 50px;
    width: 50px;
    float: right;
    color: #d2d2d2;
	background:#fff;
	font-size:20px;
	padding:14px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}	

.content {
    display: none;
}
.email {
  float: right;
  color: red ;
}
.content a {
    background: #fff;
    padding: 15px;
    cursor: pointer;
    font-family:'sans-bold',Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;

}

.activator:hover {
    width: 200px      
}

.activator:hover .content {
    display: block;
   }

/* HEADER */
header#header{
	background: #fff none repeat scroll center top;
overflow: hidden;
padding: 5px 0 0px;
position: relative;
z-index: 999;
}
.logo.col-lg-3.col-md-3.col-sm-12.col-xs-12 img {
  padding-top: 16px;
  width: 100%;
}
header#header nav.topmenu{
	margin-top:5px	
}

header#header nav.topmenu ul{
	float:right;
}

header#header nav.topmenu ul li{
	float:left;
	margin-right:10px;
}

header#header nav.topmenu ul li:last-child{
	margin-right:0px
}

header#header .topmenu-responsive{
	background:#3b88c8;
	padding: 10px 0px
}

header#header nav.topmenu ul li a.btn,
header#header nav.topmenu-responsive ul li a.btn {
	cursor:pointer; 
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	padding:10px 15px;
	display:inline-block;
	font-size:20px;
	text-align:center;
	overflow:hidden;
	color:#fff;
	font-size:12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform:uppercase;
}

header#header nav.topmenu-responsive ul li a.btn {
	cursor:pointer; 
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	padding:10px 15px;
	display:inline-block;
	font-size:20px;
	text-align:center;
	overflow:hidden;
	color:#fff;
	font-size:12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform:uppercase;
	box-shadow:none
}

header#header nav.topmenu-responsive ul {
	width:100%;
	text-align:center;
	overflow:hidden
}

header#header nav.topmenu-responsive ul li {
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	color:white
}

header#header nav.topmenu-responsive ul li a.effect{
	/*background:transparent*/
}

header#header nav.topmenu ul li a.effect{ 
	/*transition: all .7s ease; 
	background: linear-gradient(90deg, #3b88c8 3px, #36414b 1px);
	background-size:204px 1px;
	background-position: 50% 50%;*/
	background:#36414b
}

header#header nav.topmenu ul li a.effect.zone_link,
header#header nav.topmenu ul li a.effect.cus_link{
	/*background:#f16725 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,#header nav.topmenu ul li a.effect{
		background:#36414b
	}
	::i-block-chrome,#header nav.topmenu ul li a.active{
		background:#3b88c8
	}
}

header#header nav.topmenu ul li a.effect:hover{ 
	background-size:3px 1px
}

header#header nav.topmenu ul li a.active{
	background:#3b88c8;
	box-shadow:none
}

header#header nav.topmenu ul li a i{
	padding-right:5px
}

/* MAIN MENU */
.navbar {
  background: #1460ab none repeat scroll 0 0;
  border-radius: 0;
  clear: both;
  position: relative;
}

.navbar .nav>li>a:hover {
color:##275caa;
}
.tieudelon {
  border-bottom: 3px solid #f14036;
  text-transform: uppercase;
  font-size: 23px;
}
.navbar .nav > li > a {
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-transform: uppercase;
  z-index: 0;
}

.nav > li >a {
	display: block;
}

.nav-collapse ul.nav li{
	
}

.nav-collapse ul.nav li a:hover{
/* 	background:#2a71ab */
}

/* MEGA MENU STYLE
********************************/ 
.widget .menu-title, .widget-dropdown .menu-title {
    font-size: 15px;
    text-transform: uppercase;
    padding-bottom: 15px;
  	color: #333;
	padding:8px;
  	font-weight: normal;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	background:#f4f4f4;
	clear:both
}

.widget-dropdown .widget-html .widget-inner ul{
	border:0
}

.widget-dropdown .widget-html .widget-inner ul li{
	list-style:none;
	border:0;
	border:1px dashed #d9d9d9;
	border-left:none;
	border-right:none;
}

.widget-dropdown .widget-html .widget-inner ul li:first-child{
	border-top:none
}

.widget-dropdown .widget-html .widget-inner ul li:last-child{
	border-bottom:none
}

.widget-dropdown .widget-html .widget-inner ul li:hover{
	background:#3b88c8
}

.mega-menu {
	padding: 14px 0px;
	background: #fff;
	border: 1px solid #3b88c8;
	border-top: none;
	border-bottom: 5px solid #3b88c8;
	top:52px
}

.mega-menu .mega-col{
float: left;
    text-align: left;
    width: 320px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li:hover h3{
	color:#fff
}
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li h3{
	font-size: 14px;
	padding: 0px 10px 10px;
	margin-left: 40px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li:first-child {
	border-top: none;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li {
	list-style: none;
	border: 0;
	border: 1px dashed #d9d9d9;
	border-left: none;
	border-right: none;
	width: 100%;
	float: left
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a{
	padding: 6px;
	line-height: 28px;
	list-style: none;
	color: #36414b;
	border: none !important;
	display: block;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a:hover{
	color:#fff !important;
	-webkit-transform: translate(1em,0);
	-moz-transform: translate(1em,0);
	-o-transform: translate(1em,0);
	-ms-transform: translate(1em,0);
	transform: translate(1em,0)
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d1 {
	background: url(../images/menu-icon/d1.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d2 {
	background: url(../images/menu-icon/d2.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d3 {
	background: url(../images/menu-icon/d3.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d4 {
	background: url(../images/menu-icon/d4.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d5 {
	background: url(../images/menu-icon/d5.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d6 {
	background: url(../images/menu-icon/d6.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d7 {
	background: url(../images/menu-icon/d7.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d8 {
	background: url(../images/menu-icon/d8.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d9 {
	background: url(../images/menu-icon/d9.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d10 {
	background: url(../images/menu-icon/d10.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d11 {
	background: url(../images/menu-icon/d11.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d12 {
	background: url(../images/menu-icon/d12.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d13 {
	background: url(../images/menu-icon/d13.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d1:hover{
	background: url(../images/menu-icon/d1hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d2:hover{
	background: url(../images/menu-icon/d2hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d3:hover{
	background: url(../images/menu-icon/d3hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d4:hover{
	background: url(../images/menu-icon/d4hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d5:hover{
	background: url(../images/menu-icon/d5hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d6:hover{
	background: url(../images/menu-icon/d6hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d7:hover{
	background: url(../images/menu-icon/d7hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d8:hover{
	background: url(../images/menu-icon/d8hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d9:hover{
	background: url(../images/menu-icon/d9hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d10:hover{
	background: url(../images/menu-icon/d10hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d11:hover{
	background: url(../images/menu-icon/d11hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d12:hover{
	background: url(../images/menu-icon/d12hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d13:hover{
	background: url(../images/menu-icon/d13hover.png) no-repeat 12px 8px;
}


.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs1 {
	background: url(../images/menu-icon/h1.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs2 {
	background: url(../images/menu-icon/h2.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs3 {
	background: url(../images/menu-icon/h3.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs4 {
	background: url(../images/menu-icon/h4.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs5 {
	background: url(../images/menu-icon/h5.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs6 {
	background: url(../images/menu-icon/h6.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs7 {
	background: url(../images/menu-icon/h7.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs8 {
	background: url(../images/menu-icon/h8.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs9 {
	background: url(../images/menu-icon/h9.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs10 {
	background: url(../images/menu-icon/h10.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs11 {
	background: url(../images/menu-icon/h11.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs12 {
	background: url(../images/menu-icon/h12.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs1:hover{
	background: url(../images/menu-icon/h1hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs2:hover{
	background: url(../images/menu-icon/h2hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs3:hover{
	background: url(../images/menu-icon/h3hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs4:hover{
	background: url(../images/menu-icon/h4hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs5:hover{
	background: url(../images/menu-icon/h5hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs6:hover{
	background: url(../images/menu-icon/h6hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs7:hover{
	background: url(../images/menu-icon/h7hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs8:hover{
	background: url(../images/menu-icon/h8hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs9:hover{
	background: url(../images/menu-icon/h9hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs10:hover{
	background: url(../images/menu-icon/h10hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs11:hover{
	background: url(../images/menu-icon/h11hover.png) no-repeat 12px 8px;
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e1{
	background:url(../images/menu-icon/e1.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e2{
	background:url(../images/menu-icon/e2.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e3{
	background:url(../images/menu-icon/e3.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e4{
	background:url(../images/menu-icon/e4.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e1:hover{
	background:url(../images/menu-icon/e1hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e2:hover{
	background:url(../images/menu-icon/e2hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e3:hover{
	background:url(../images/menu-icon/e3hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e4:hover{
	background:url(../images/menu-icon/e4hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s1{
	background:url(../images/menu-icon/s1.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s2{
	background:url(../images/menu-icon/s2.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s3{
	background:url(../images/menu-icon/s3.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s4{
	background:url(../images/menu-icon/s4.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s5{
	background:url(../images/menu-icon/s5.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s6{
	background:url(../images/menu-icon/s6.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s7{
	background:url(../images/menu-icon/s7.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s8{
	background:url(../images/menu-icon/s8.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s9{
	background:url(../images/menu-icon/s9.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s10{
	background:url(../images/menu-icon/s10.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s1:hover{
	background:url(../images/menu-icon/s1hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.ss:hover{
	background:url(../images/menu-icon/s2hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s3:hover{
	background:url(../images/menu-icon/s3hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s4:hover{
	background:url(../images/menu-icon/s4hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s5:hover{
	background:url(../images/menu-icon/s5hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s6:hover{
	background:url(../images/menu-icon/s6hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s7:hover{
	background:url(../images/menu-icon/s7hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s8:hover{
	background:url(../images/menu-icon/s8hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s9:hover{
	background:url(../images/menu-icon/s9hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s10:hover{
	background:url(../images/menu-icon/s10hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w1{
	background:url(../images/menu-icon/w1.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w2{
	background:url(../images/menu-icon/w2.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w3{
	background:url(../images/menu-icon/w3.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w4{
	background:url(../images/menu-icon/w4.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w1:hover{
	background:url(../images/menu-icon/w1hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w2:hover{
	background:url(../images/menu-icon/w2hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w3:hover{
	background:url(../images/menu-icon/w3hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w4:hover{
	background:url(../images/menu-icon/w4hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm1{
	background:url(../images/menu-icon/pm1.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm2{
	background:url(../images/menu-icon/pm2.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm3{
	background:url(../images/menu-icon/pm3.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm4{
	background:url(../images/menu-icon/pm4.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm5{
	background:url(../images/menu-icon/pm5.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm6{
	background:url(../images/menu-icon/pm6.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm1:hover{
	background:url(../images/menu-icon/pm1hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm2:hover{
	background:url(../images/menu-icon/pm2hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm3:hover{
	background:url(../images/menu-icon/pm3hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm4:hover{
	background:url(../images/menu-icon/pm4hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm5:hover{
	background:url(../images/menu-icon/pm5hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm6:hover{
	background:url(../images/menu-icon/pm6hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl1{
	background:url(../images/menu-icon/dl1.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl2{
	background:url(../images/menu-icon/dl2.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl3{
	background:url(../images/menu-icon/dl3.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl4{
	background:url(../images/menu-icon/dl4.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl1:hover{
	background:url(../images/menu-icon/dl1hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl2:hover{
	background:url(../images/menu-icon/dl2hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl3:hover{
	background:url(../images/menu-icon/dl3hover.png) no-repeat 12px 8px
}

.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl4:hover{
	background:url(../images/menu-icon/dl4hover.png) no-repeat 12px 8px
}




.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d1 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d2 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d3 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d4 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d5 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d6 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d7 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d8 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d9 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d10 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d11 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d12 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.d13 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs1 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs2 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs3 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs4 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs5 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs6 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs7 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs8 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs9 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs10 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.hs11 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e1 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e2 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e3 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.e4 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s1 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s2 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s3 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s4 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s5 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s6 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s7 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s8 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s9 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.s10 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w1 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w2 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w3 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.w4 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm1 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm2 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm3 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm4 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm5 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.pm6 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl1 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl2 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl3 span,
.mega-menu .mega-col .widget-dropdown .widget-html .widget-inner ul li a.dl4 span
{
	margin-left:45px;
	font-family:'sans-bold',Arial, Helvetica, sans-serif
}

/* Disable Toggle style
********************************/  

/* Dropdown Toggle on style */
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: inherit; /* Set to inherit when using mouse hover to open dropdown */
    color: inherit;
}   
    
/* Toggle off style */
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav > li.dropdown > a:focus { 
	background: inherit;
	color: inherit;
}

/* Toggle hover */
	.navbar .nav li.dropdown > .dropdown-toggle:hover,
	.navbar .nav li.dropdown.open > .dropdown-toggle:hover {
	background-color: #2a71ab;
}
	

/* Toggle caret*/
.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-bottom-color:;
	border-top-color:;
}

/* Toggle caret hover */
.navbar .nav li.dropdown > a:hover .caret, 
.navbar .nav li.dropdown > a:focus .caret {
	border-bottom-color: #333;
	border-top-color: #333;
}

/* Toggle caret active */
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, 
.navbar .nav li.dropdown.active > .dropdown-toggle .caret, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
	border-bottom-color:#333;
	border-top-color: #333
}

.blackfriday a.more-detail{
		font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:#fff;
	padding: 10px 20px;
	color: #990000;
	text-transform: uppercase;
	display: block;
	border:3px solid #990000
	}
	
/* Slider 1*/
.thuvang a.new-detail { color:#fff; padding:10px 20px; border:2px solid #fff;font-weight:bold; text-transform:uppercase}
.thuvang a.new-detail1 { color:#45a8f9; padding:10px 20px; border:2px solid #45a8f9;font-weight:bold; text-transform:uppercase;background:rgba(255,255,255,0.5)}
.saleoffdomain a.new-detail { color:#FF0000; padding:10px 20px; border:2px solid #FF0000;font-weight:bold}
.web4s-new a.more-detail { color:#41c3ac; padding:10px 20px; border:1px solid #41c3ac}
.web4s-new a.more-detail:hover {color:#ff6b56; border:1px solid #ff6b56}
.landingpage-server a.more-detail, .web4s3 a.new-detail {
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:rgba(255,255,255,0.5);
	padding: 10px;
	color: #3b88c8;
	text-transform: uppercase;
	display: block;
	border:3px solid #3b88c8
}
.event304 a.new-detail {
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	padding: 10px;
	color: #c52d1f;
	text-transform: uppercase;
	display: block;
	border:3px solid #cc3c0e;	
}
.event304 a.new-detail:before {
	border:3px solid #cc3c0e}
    
.web4s3 a.new-luna { background:#d31810;border:3px solid #ffcc00; color:#fff}
.web4s3 a.new-luna:before {border:3px solid #ffcc00;}
.noel a.new-detail {
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:rgba(255,255,255,0.5);
	padding: 10px;
	color: #f71111;
	text-transform: uppercase;
	display: block;
	border:3px solid #f71111
}
.noel a.outline-inward:before {border: 4px solid #f71111;}

.landingpage-server a.more-detail:hover {
	background:#3b88c8;
	color:#fff
}

.slider-1 h3{
	font-size:30px;
	color:#36414b
}

.slider-1 a.more-detail{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:#3b88c8;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	display: block
}

/* Slider 2*/
.slider-2 a.more-detail{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:#36414b;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	display: block
}

/* Birthday 1*/
.birthday1 a.more-detail{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:#3b88c8;
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	display: block
}
.birthday1 a.new-detail {
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:none;
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	border:3px solid #fff
	}
	
.birthday1 a.white-detail {
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:none;
	padding: 10px 20px;
	color: #3b88c8;
	text-transform: uppercase;
	display: block;
	border:3px solid #3b88c8
	}
.birthday1 a.more-detail i{
	padding-right:15px
}
.cloudvps a.new-detail {
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	border:3px solid #fff;	
}
.cloudvps a.new-detail:before {
	border:3px solid #fff}
.saleoff1 a.new-detail {
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	padding:6px 12px;
	color: #333;
	text-transform: uppercase;
	display: block;
	font-weight:bold;
	font-size:12px;
	border:3px solid #333;	
}
.saleoff2 a.new-detail {
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	padding:6px 15px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	font-weight:bold;
	font-size:12px;
	background:#3b88c8	
}
/* SIDEBAR MENU */
*,
*:after,
*::before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body,
.sidebar-container,
.sidebar-content{
	
}

/*html,
body,*/
.sidebar-container,
.sidebar-pusher,
.sidebar-content {
	
}

.sidebar-content {
	/*overflow-y: scroll*/
}

.sidebar-content,
.sidebar-content-inner {
	position: relative;
	z-index:0
}

.sidebar-container {
    position: relative;
    width: 90%;
    overflow: hidden;
    margin: 0px auto;
	background: #fff none repeat scroll 0 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.sidebar-pusher {
	position: relative;
	left: 0;
	z-index: 99;
	height: 100%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.sidebar-pusher::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.7);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.sidebar-menu-open .sidebar-pusher::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.sidebar-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	visibility: hidden;
	width: 300px;
	height: 100%;
	background: #3b88c8;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.sidebar-menu::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.sidebar-menu-open .sidebar-menu::after {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.sidebar-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.sidebar-menu ul li a {
	display: block;
	padding: 1em 1em 1em 1.2em;
	outline: none;
	color: #f3efe0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.sidebar-menu ul li:first-child a {

}

.sidebar-menu ul li a:hover {
	color: #fff;
}

.sidebar-effect.sidebar-container {
	-webkit-perspective: 00px;
	perspective: 00px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.sidebar-effect .sidebar-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.sidebar-effect.sidebar-menu-open .sidebar-pusher {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.sidebar-effect.sidebar-menu {
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
	transform: translate3d(-100%, 0, 0) rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.sidebar-effect.sidebar-menu-open .sidebar-effect.sidebar-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0s;
	transition: transform 0s;
	-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
	transform: translate3d(-100%, 0, 0) rotateY(0deg);
	overflow-y:auto
}

.no-csstransforms3d .sidebar-pusher,
.no-js .sidebar-pusher {
	padding-left: 300px;
}

/* CHECK DOMAIN */
#check-domain{
	background:#efefef;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	padding:25px 0px;
	clear:both
}

#check-domain h2{
	color:#36414b;
	font-weight:normal;
	font-size:30px;
	margin-bottom:15px
}

#check-domain input,
#check-domain .custom-select select,
.check-domains input {
	width:100%
}

#check-domain .custom-select{
	margin-top:5px
}

#check-domain .custom-select select{
	padding: 13px 13px 11px 13px}

#check-domain .fa-input,
.check-domains .fa-input {
	font-family: FontAwesome, 'sans-r',Arial, Helvetica, sans-serif;
}

#check-domain ul{
	overflow:hidden;
	margin-top:15px
}

#check-domain ul li{
	float:left;
	margin:0px 24px 10px 0px
}

#check-domain ul li:last-child{
	margin-right:0px
}

#check-domain ul li img{
	margin-right:15px
}

/* TRANSFER-DOMAIN */
.transfer-domain .thead-heading {
	background: #3b88c8;
	padding: 18px 0px 18px 10px;






	font-family: 'sans-r',Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 18px
}

.transfer-domain .acc-info{
	background:#fff;
	padding:20px 0px;
	overflow:hidden
}

.transfer-domain .acc-info ul li {
	overflow: hidden;
	padding: 12px 0;
	border-bottom:1px dashed #e7e7e7
}


.transfer-domain .acc-info ul li:first-child{
	padding-top:0px
}

.transfer-domain .acc-info ul li:last-child{
	border-bottom:none
}

.transfer-domain .acc-info ul li label{
	font-weight: bold;
	width: 35%;
	float: left
}

.transfer-domain .acc-info ul li span{
	font-weight: normal;
	float: left;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	width: 65%
}

.transfer-domain .acc-info ul li span input[type=text]{
	padding:10px;
	margin:0px;
	width:100%
}

.transfer-domain .acc-info ul li input[type=submit]{
	margin-left:35%
}

a.btn-conversion {
	color: #fff;
	background: #3b88c8;
	font-weight: normal;
	display: table;
	outline: none;
	border: 0;
	cursor: pointer;
	padding: 12px;
	text-transform: uppercase;
	font-size: 15px;
	margin:15px auto
}

/* ADDRESS - NEWS */
#address-news{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	padding:15px 0px;
	clear:both
}

#address-news .address{
	padding:25px 0px 0px 0px;
	overflow: hidden;
}

#address-news .address img{
	float:left;
	margin-top:5px
}

#address-news .address .list-address,
#address-news .address .hotline{
	padding-left:10px;
	float:left
}

#address-news .address .list-address h3{
	font-family:'sans-exbold',Arial, Helvetica, sans-serif;
	color:#3b88c8;
	font-size:18px;
	font-weight:normal
}

#address-news .address .list-address i,
#address-news .address .hotline i{
	font-size:16px
}


#address-news .address .list-address h3 span a{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333
}

#address-news .address .list-address h3 span a:hover{
	text-decoration:underline
}

#address-news .address .list-address p,
#address-news .address .hotline p{
	padding-left:15px
}

#address-news .address .hotline p{
	color: #F00;
	font-family: 'sans',Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px
}

#address-news .address .list-address p span.orange,
#address-news .address .hotline p span.orange{
	color:#ff6600
}

#address-news .address .hotline h3{
	font-family:'sans-exbold',Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:18px;
	text-transform:uppercase
}

#address-news .news{
	background:#f4f4f4;
	padding:10px
}

#address-news .news h2{
	margin-bottom:10px
}

#address-news .news h2 a{
	color: #222;
	font-weight: normal;
	font-size:15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float:left;
	clear:both;
	width:100%;
	font-family:'sans-bold',Arial, Helvetica, sans-serif
}

#address-news .news h2 a:hover{
	color:#3b88c8
}

#address-news .news h3{
	color: #3b88c8;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 15px;
}
#address-news .news .thumb-video { position:relative;}
#address-news .news .thumb-video img { position:relative}
#address-news .news .thumb-video a.frame { width:100%; height:100%; position:absolute; display:none; top:0; left:0; background:rgba(0,0,0,0.5); color:#fff}
#address-news .news .thumb-video a.frame i { font-size:60px; top:40%; left:45%; position:absolute; color:#db6464}
#address-news .news .thumb-video a.btn-frame i { font-size:60px; top:40%; left:45%; position:absolute; }
#address-news .news .thumb-video a.btn-frame:hover i {color:#ff7575}
#address-news .news .thumb-video:hover a { display:inherit}
#address-news .news .caption{
	position: relative;
	background: #fff
}

#address-news .news .caption .crop{
	width:100%;
	height: 150px;
	overflow: hidden
}

#address-news .news img{
	width:100%;
	margin-bottom:10px
}

#address-news .news p{
	text-align:justify;
	font-size:13px;
	margin-bottom:10px
}

#address-news .news .readmore{
	font-weight:normal;
	font-size:13px;
	margin-bottom:10px;
	display:inline-block;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#address-news .news .readmore i{
	padding-right:5px
}

/* SERVICE */
#service {
 background: #fff none repeat scroll 0 0;
float: left;
overflow: hidden;
width: 75%;
padding-left: 1%;
padding-right: 1%;
text-align: justify;
}
.bgclr {
	background-color:rgba(59, 136, 200, 0.7);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;}
#cotphai {
  background: #fff none repeat scroll 0 0;
  border-right: 1px solid #aaa;
  border-top: 1px solid #ccc;
  float: left;
 
  overflow: hidden;
  padding-left: 1%;
  padding-right: 1%;
  width: 25%;
}
.news img {
  border: 1px solid #aaa;
  margin-right: 10px;
  padding: 0;
  width: 19%;
}
#service .intro{
	    background: #fff;
	background-size:cover;
	padding:0px 0px
}

#service .intro h3{
   /*  border-bottom: 3px solid #f14036; */
  color: #ef4036;
  font-size: 20px;
  text-align: left;
  text-transform: uppercase;
}
p.gia {
    color: red;
    font-size:13px;
    font-weight: bold;
    text-align: center;
}
.name:hover {
	color: #f14036 !important;
}
.name {
   color: #000 !important;
font-size: 18px;
text-align: center;
text-transform: uppercase;
width: 100%;
margin: 0px !important;
padding: 0px !important;
line-height: 1em;
}
.news span {
  color: #f14036;
  text-align: left;
}
#service .intro .block{
	background:#fff;
	padding:20px;
	margin-bottom:20px;
	min-height:275px
}

#service .intro .block:hover a.dis-price {
	background:#3b88c8
}

#service .intro .block .img{
	float:left;
	width: 110px;
	height: 110px
}

#service .intro .block .img img{
	position:relative;
	top:10px
}

#service .intro .block h4{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	width:100%;
	font-size:16px;
	text-transform:uppercase;
	clear:both
}

#service .intro .block h4 a{
	color:#36414b
}
	
#service .intro .block p{
	font-family:'sans-r', Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	line-height:25px

}

#service .intro .block a.dis-price, [class*="dis-"] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 8px;
	width:195px;
	text-align:center;
    padding: 10px 5px;
    font-family:'sans-r',Arial, Helvetica, sans-serif;
    text-decoration: none;
	height: 45px;
	line-height: 25px;
    color: #fff;
    background:#f16725;
    -webkit-transition: 0.35s ease all;
    -moz-transition: 0.35s ease all;
    -o-transition: 0.35s ease all;
    transition: 0.35s ease all;
}

#service .intro .block a.dis-price:hover, [class*="dis-"]:hover {
    background: #3b88c8;
}

#service .intro .block a.dis-price:hover {
    line-height: 9em;
	text-align:center
}

#service .intro .block a.dis-price:before {
    content: attr(data-text);
    color: #fff;
    position: absolute;
    top: -40px;
	text-align:center;
	left: 0;
    right:0
}

#service .intro .block .old-price{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:#36414b;
	padding: 10px;
	color: #fff;
	clear: both;
	overflow: hidden;
	display: block;
	margin-bottom: 8px;
	width:195px;
	text-align:center
}

#service .intro .block .old-price span{
	text-decoration:line-through
}

/* CUSTOM SERVICE */
#custom-service{
	background:url(../images/custom-ser.jpg) no-repeat top center;
	background-size:cover;
	padding:25px 0px
}

#custom-service img{
	text-align:center;
	display:block;
	margin:10px auto 15px auto
}

#custom-service p{
	text-align:center;
	font-family: 'sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:30px
}

#custom-service p span.bold-text{
	font-family: 'sans-exbold', Arial, Helvetica, sans-serif;
	text-transform:uppercase
}

#custom-service button.nav-toggle{
	font-family: 'sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border: 1px solid #36414b;
	padding: 10px 20px;
	background: none;
	text-align: center;
	margin: 15px auto;
	display: block;
	outline:none
}

#custom-service button.nav-toggle:hover{
	background:#3b88c8;
	border:1px solid transparent;
	color:#fff
}

#custom-service #myTab.nav{
	width:100%;
	text-align:center;
}

#custom-service #myTab.nav-tabs>li{
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	margin-right:10px;
}
img.imgslide {
    width: 100% !important;
    height: 350px !important;
}
.slides {
    width: 100% !important;
    height: 350px !important;
    overflow: hidden;
    float: left;
}
div#slider1_container div{
    width: 100% !important;
    height: 350px;
}
div#slider1_container {
  width: 100% !important;
    height: 350px !important;
}
#custom-service #myTab.nav-tabs>li:last-child{
	margin-right:0px
}

#custom-service #myTab.nav-tabs>li>a{
	color:#555;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	font-size:15px;
	border:none;
	padding:15px 20px;
	width:100%;
	border-radius:0
}

#custom-service #myTab.nav-tabs>li.active>a,
#custom-service #myTab.nav-tabs>li.active>a:hover,
#custom-service #myTab.nav-tabs>li.active>a:focus{
	background:#efefef
}

#custom-service	h5{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	margin-bottom:20px
}

#custom-service ul.config{
	background:#f7f7f7;
	border:1px solid #e9e9e9;
	padding:10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow:hidden
}

#custom-service ul.config li{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	float:left;
	width:16.6%;
	text-align:center;
	border-right:1px solid #e9e9e9
}

#custom-service ul.config li:last-child{
	border-right:none
}

#custom-service ul.config li span.float{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	color:#3b88c8;
	display:block;
	font-size:18px;
	padding-top:5px
}

#custom-service .fun{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	margin:10px 0px;
	padding-bottom:10px;
	font-size:16px;
	border-bottom:1px solid #e7e7e7
}

#custom-service .fun .chooseos{
	margin-top:8px
}

#custom-service .fun .chooseos span{
	line-height:27px
}

#custom-service .fun .chooseos input[type=radio].css-checkbox + label.css-label{
	font-weight:normal
}

#custom-service .fun .chooseos input[type=radio].css-checkbox + label.css-label i{
	padding-right:10px
}

#custom-service .fun .time span,
#custom-service .fun .total-price span{
	line-height:40px
}

#custom-service .fun .time .custom-select select,
#custom-service .fun .chooseos .custom-select select{
	padding:8px
}

#custom-service .fun .chooseos .custom-select select,
#custom-service .fun .chooseos .custom-select:before{
	display:none
}

#custom-service .fun .total-price span.float{
	text-align:center;
	padding:10px 20px;
	background:#ff3737;
	color:#fff;
	float:right;
	line-height:normal;
	width:100%
}

#custom-service a.readmore,
#custom-service button[type=submit]{
	margin:5px 10px !important
}

#custom-service a.readmore{
	color: #fff;
	background: #36414b;
	font-weight: normal;
	display: inline-block;
	outline: none;
	border: 0;
	cursor: pointer;
	padding: 12px;
	text-transform: uppercase;
	font-size: 15px;
}

#custom-service a.readmore:hover{
	background:#40586e
}

/* OTHER SERVICE */
#other-service{
	padding:25px 0px
}

#other-service h3{
	color: #333;
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 15px;
}

#other-service .block-manager-server,
#other-service .block-reseller{
	margin-bottom:15px
}

#other-service .block-manager-server{
	background-image: url(../images/manager-server-2.png), url(../images/manager-server-1.jpg);
	background-position: right bottom, left bottom;
	background-repeat: no-repeat, no-repeat;
	height:200px
}

#other-service .block-reseller{
	background-image: url(../images/reseller-2.png), url(../images/reseller-1.jpg);
	background-position: right bottom, left bottom;
	background-repeat: no-repeat, no-repeat;
	height:200px
}

#other-service .block-manager-server figure{
	background-color:rgba(4,183,50, 0.5);
	color:#fff;
	overflow:hidden
}

#other-service .block-reseller figure{
	background-color:rgba(220,152,22, 0.5);
	color:#fff;
	overflow:hidden
}

#other-service .block-manager-server figure h4,
#other-service .block-reseller figure h4{
	float:left;
	color:#fff;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	padding:10px	
}

#other-service .block-manager-server figure span,
#other-service .block-reseller figure span{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	line-height:43px;
	font-size:100%
}

#other-service .block-manager-server figure div.price{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:#437e52;
	padding:1px 10px;
	font-size:18px;
	position:relative
}

#other-service .block-reseller figure div.price{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	background:#ae8737;
	padding:1px 10px;
	font-size:18px;

	position:relative
}

#other-service .block-manager-server figure div.price:before{
	content:'';
  	width:0px; 
	height:0px; 
	position: absolute;
	top: 0px;
	left: -20px;
	border-top: 0px solid transparent;
	border-bottom: 49px solid transparent;



	border-right: 20px solid #437e52
}

#other-service .block-reseller figure div.price:before{
	content:'';
  	width:0px; 
	height:0px; 
	position: absolute;
	top: 0px;
	left: -20px;
	border-top: 0px solid transparent;
	border-bottom: 49px solid transparent;
	border-right: 20px solid #ae8737
}

#other-service .block-manager-server figure div.price span,
#other-service .block-reseller figure div.price span{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
}

#other-service .block-manager-server ul{
	width: 36%;
	float: left;
	padding: 16px;
}

#other-service .block-reseller ul{
	width: 45%;
	float: left;
	padding: 16px;
}

#other-service .block-manager-server ul li,
#other-service .block-reseller ul li{
	font-family: 'sans-r',Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 0px;
}

#other-service .block-manager-server ul li i,
#other-service .block-reseller ul li i{
	padding-right:5px
}

#other-service .block-manager-server a.readmore{
	display: table;
	clear: both;
	overflow: hidden;
	background: #04b732;
	border: 1px solid #5ed67d;
	font-family: 'sans', Arial, Helvetica, sans-serif;
	padding: 5px 20px;
	text-transform: uppercase;
	color: #fff;
	margin-left: 17px;
}

#other-service .block-manager-server a.readmore:hover{
	background:#00771f
}

#other-service .block-reseller a.readmore{
	display: table;
	clear: both;
	overflow: hidden;
	background: #dc9b1b;
	border: 1px solid #eec370;
	font-family: 'sans', Arial, Helvetica, sans-serif;
	padding: 5px 20px;
	text-transform: uppercase;
	color: #fff;
	margin-left: 17px;
}

#other-service .block-reseller a.readmore:hover{
	background:#9b6700
}

/* FEATURE */
#feature{
	background:#f4f4f4;
	padding:25px 0px
}

#feature .block .img-frame{
	text-align: center;
	margin:10px auto;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	width: 130px;
	height: 130px;
	border: 2px solid #3b88c8;
	background:#fff;
}

#feature .block .img-frame:hover{
	background:#3b88c8;
}

#feature .img-frame .imgfeature1,
#feature .img-frame .imgfeature2,
#feature .img-frame .imgfeature3,
#feature .img-frame .imgfeature4{
	width: 61px;
	height: 61px;
	display: block;
	margin: 33px auto
}

#feature .img-frame .imgfeature1{
	background:url(../images/feature/1.png) center center no-repeat;
}

#feature .img-frame .imgfeature2{
	background:url(../images/feature/2.png) center center no-repeat;
}

#feature .img-frame .imgfeature3{
	background:url(../images/feature/3.png) center center no-repeat;
}

#feature .img-frame .imgfeature4{
	background:url(../images/feature/4.png) center center no-repeat;
}

#feature .img-frame:hover .imgfeature1{
	background:url(../images/feature/1hover.png) center center no-repeat;
}

#feature .img-frame:hover .imgfeature2{
	background:url(../images/feature/2hover.png) center center no-repeat;
}

#feature .img-frame:hover .imgfeature3{
	background:url(../images/feature/3hover.png) center center no-repeat;
}

#feature .img-frame:hover .imgfeature4{
	background:url(../images/feature/4hover.png) center center no-repeat;
}

#feature .block{
	font-family:'sans', Arial, Helvetica, sans-serif;
	text-align:center
}

#feature .block h3{
	color:#3b88c8;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-size:20px
}

#feature .block p{
	line-height:25px
}
	
/* CUSTOMER */
#customer{
	padding:25px 0px
}

#customer h3{
	color: #333;
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 15px;
}

#customer .owl-item .item{
	text-align:center
}

/* QUESTION */
#questions{
	position:relative;
}

#questions .intro{
	background: url(../images/question.jpg) no-repeat;
	background-size:cover;
	padding:50px 0px
}

#questions .intro p{
	font-family:'sans',Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#fff;
	line-height:35px
}

#questions .intro p span{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;

}

#questions .intro a{
	background:#f16725;
	width:100%;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	padding:10px;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	margin: 0 auto;
	text-align: center
}

#questions .intro a:hover{
	background:#ff5200
}

/* MOBILE MENU */
#cssmenu{
	color:#fff;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
}
	
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a{
	list-style:none;
	line-height:1;
	display:block;
	margin:0;
	padding:0;
	border:0;


	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

#cssmenu > ul.bonus > li > a{
	background:#19588b !important;
	border-bottom:1px solid #09406d
}

#cssmenu > ul.bonus > li > a:hover,
#cssmenu > ul.bonus > li.active > a,
#cssmenu > ul.bonus > li.open > a{
	color:#fff;
	background:#2a71ab;
	border-bottom:1px solid #09406d
}

#cssmenu ul ul{
	display:none
}

.align-right{
	float:right
}

#cssmenu > ul > li > a{
	color:#fff;
	background:#3b88c8;
	font-size:13px;
	text-decoration:none;
	padding:15px 20px;
	cursor:pointer;
	z-index:2;
	border-bottom:1px solid #2167a1
}

#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a{
	color:#fff;
	background:#2a71ab;
	border-bottom:1px solid #2a71ab
}

#cssmenu > ul > li > a > span > i,
#cssmenu ul ul li > a > span > i{
	font-size:18px;
	padding-right:10px
}

.holder{
	width:0;
	height:0;
	position:absolute;
	top:0;

	right:0;
	display:none
}

.holder::after,.holder::before{
	width:6px;
	height:6px;
	display:block;
	content:'';
	position:absolute;
	right:20px;
	z-index:10;
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);

	transform:rotate(-135deg)
}

.holder::after{
	border-top:1px solid #333;
	border-left:1px solid #333;
	top:17px
}
	
.holder::before{
	border-top:1px solid;
	border-left:1px solid;
	border-top-color:inherit;
	border-left-color:inherit;
	top:18px
}
	
#cssmenu ul ul li a{
	background:#f4f4f4;
	color:#333;
	text-decoration:none;
	font-size:13px;
	padding:15px 20px 15px 20px;
	cursor:pointer;
	border-bottom:1px solid #dddded;
	z-index:1;
	font-family:'sans-bold',Arial, Helvetica, sans-serif
}
	
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a{
	background:#f4f4f4;
	color:#333
}

#cssmenu ul ul li ul li{
	border:none
}

#cssmenu ul ul li ul li > a{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	text-transform:none;
	border-bottom:1px dashed #ddd;
	background:#fff;
}

#cssmenu ul ul li ul li > a:hover{
	background:#3b88c8;
	color:#fff	
}

#cssmenu ul ul li:first-child > a{
	box-shadow:none;
	
}

#cssmenu ul ul ul li a{
	padding-left:40px
}

#cssmenu ul ul li.has-sub > a::after{
	display:block;
	content:'';
	width:8px;
	height:8px;
	position:absolute;
	right:20px;
	z-index:10;
	top:14.5px;
}

#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after{
	border-color:#fff
}

#cssmenu > ul > li.open > a,
#cssmenu > ul > li:last-child > a{
	/*border-bottom:1px solid #dddede*/
}

#cssmenu > ul > li.last > a{
	border-bottom:0px
}

#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a,
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a{
	border-bottom:0
}

/* REGISTRATION DOMAIN */
#registration-domain{
	padding:35px 0px 0px 0px;
	clear:both
}

#registration-domain h2,
#price-domain h2{
	font-size:35px;
	margin-bottom:15px;
	text-align:center
}

#registration-domain h2 span{
	font-family:'sans-bold',Arial, Helvetica, sans-serif
}

#registration-domain p{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	text-align:center;
	width:80%;
	margin: 0 auto;
	line-height: 25px;
	padding-bottom: 25px;
	font-size: 17px
}

#registration-domain .block .search-domain{





	background:#c7c7c7;
	padding:0px 5px
}

#registration-domain .block .search-domain input[type=text],
#registration-domain .block .search-domain select{
	float:left;
	margin-bottom:0px
}

#registration-domain .block .search-domain input[type=submit]{
	font-family: FontAwesome, 'sans-r',Arial, Helvetica, sans-serif;
	float:left;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width:45px;
	height:45px;
	margin: 6px 6px 6px 12px;
	font-size:18px	
}

#registration-domain .block .search-domain input[type=text]{
	width:82%
}

#registration-domain .block .search-domain input[type=text].renew{
	width:100%
}

#registration-domain .block .search-domain .custom-select{
	overflow: hidden;
	width: 18%;
	margin-top:5px
}

#registration-domain .block .search-domain .custom-select select{
	padding:12px
}

#registration-domain .block ul{
	font-family: FontAwesome, 'sans-r',Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding:25px 0px;
	text-align:center;
}

#registration-domain .block ul li{
	display:inline-block;
	margin-right:5px; margin-top:20px;
}

#registration-domain .block ul li:last-child{
	margin-right:0px
}

#registration-domain .block ul li a{
	color:#f16725;
	
	padding:7px 5px;
	
	display:inline-block
}

#registration-domain .block ul li a:hover{
	color:#3b88c8;
	
}

#registration-domain .block ul li a i{
	padding-right:10px
}

#registration-domain .block img{
	margin:15px 0px
}
#registration-domain .txt-regdomain { text-align:center; padding:20px 0; width:72%; margin:0 auto}
#registration-domain .txt-regdomain span { background:#92c7f3; color:#fff;font-family: 'sans-bold'; padding:20px 80px; font-size:22px; display:inline-block}
#registration-domain .block .wrap-result-domain{
	margin:25px 0px;
	text-align:center
}

#registration-domain .block .wrap-result-domain .result-domain{
	margin-bottom:25px;
	position:relative
}

#registration-domain .block .wrap-result-domain .result-domain.success{
	border:1px solid #baf796;
	background:#e7fcda
}

#registration-domain .block .wrap-result-domain .result-domain.fail{
	border:1px solid #ffbb9a;
	background:#fae1d6
}

#registration-domain .block .wrap-result-domain .result-domain.success figure,
#registration-domain .block .wrap-result-domain .result-domain.fail figure{
	padding:25px;
	overflow:hidden
}

#registration-domain .block .wrap-result-domain .result-domain.success figure i{
	color: #55c03b;
	float: left;
	font-size: 60px
}

#registration-domain .block .wrap-result-domain .result-domain.fail figure i{
	color: #f16725;
	float: left;
	font-size: 60px
}

#registration-domain .block .wrap-result-domain .result-domain figure .info{
	float:left;
	overflow:hidden;
	width:90%
}

#registration-domain .block .wrap-result-domain .result-domain figure .info h4{
	float: left;
	padding: 13px;
	font-size: 20px
}

#registration-domain .block .wrap-result-domain .result-domain figure .info input[type=checkbox].css-checkbox + label.css-label-checkbox{
	width:auto;
	margin:0px
}

#registration-domain .block .wrap-result-domain .result-domain.success figure .info h4{
	color:#55c03b
}

#registration-domain .block .wrap-result-domain .result-domain.fail figure .info h4{
	color:#f16725
}

#registration-domain .block .wrap-result-domain .result-domain.success figure .info h3,
#registration-domain .block .wrap-result-domain .result-domain.fail figure .info h3{
	float: left;
	color: #36414b;
	padding: 0px;
	font-size: 38px
}

#registration-domain .block .wrap-result-domain .result-domain.success figure .info p,
#registration-domain .block .wrap-result-domain .result-domain.fail figure .info p{
	clear:both;
	text-align:left;
	padding:10px 0px 10px 13px;
	width:100%
}

#registration-domain .block .wrap-result-domain .result-domain figure .info p .price-domain,
#registration-domain .block .wrap-result-domain .result-domain figure .info p .total-price-domain{
	float:right;
	color:#f16725;
	font-size:23px
}



#registration-domain .block .wrap-result-domain .result-domain figure .info p .whois{
	float:right
}

#registration-domain .block .wrap-result-domain .result-domain figure .info p .whois a{
	background:#3b88c8;
	color:#fff;
	padding:5px;
	margin:0px
}

#registration-domain .block .wrap-result-domain p{
	padding:0px 0px 10px 0px
}

#registration-domain .block .wrap-result-domain a{
	text-transform: uppercase;
	color: #fff;
	padding: 15px 20px;
	font-size: 15px;
	display: inline-block;
	text-align: center
}

#registration-domain .block .wrap-result-domain a.button-success{
	background: #55c03b;
	cursor:pointer	
}

#registration-domain .block .wrap-result-domain a.button-backorder{
	background: #f16725;
	cursor:pointer
}

#registration-domain .block .similar-domain{
	clear:both
}

#registration-domain #cart_redirect{
	text-align: center;
	display: block;
	margin: 0 auto;
	font-family:FontAwesome, 'sans-r',Arial, Helvetica, sans-serif
}

/* INTRO DOMAIN BG */
#intro-domain{
	padding:120px 0px;
	background:url(../images/intro-bg/intro-domain.jpg) no-repeat center center;
	background-size:cover;
	height:300px
}

#intro-domain h3{
	background: rgba(255,255,255,0.8);
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	display: table;
}
#intro-domain-reg { background:url(../images/intro-bg/intro-domain-reg.jpg) no-repeat center top;
	min-height:300px;
	text-align:center
	
}
#intro-domain-reg img { margin:310px auto 0 auto;}
#intro-domain-video {padding:80px 0px;
	height:auto}

#intro-domain-video .block-dm { text-align:center;}
#intro-domain-video .block-dm a { display:inline-block; background:rgba(0,0,0,0.3); padding:70px 10px; text-align:left; width:70%; margin:0 auto; color:#fff; font-weight:bold; font-family:'sans-r',Arial, Helvetica, sans-serif; line-height:22px; text-align:center; text-transform:uppercase; cursor:pointer; font-size:18px;}
#intro-domain-video .block-dm a i { font-size:80px; padding-right:10px; display:block; padding-bottom:20px;}
#intro-domain-video .block-dm a:hover {color:#f74d4d}
#intro-domain-video .block-dm a:hover i{ color:#f74d4d}
#intro-domain-video .block-dm a.videoleft {background:url(../images/icon/introduction/media/midia-dm-1.jpg) no-repeat}
#intro-domain-video .block-dm a.videoright {background:url(../images/icon/introduction/media/midia-dm-2.jpg) no-repeat}
#intro-domain-video p { text-align:left; width:390px; margin:10px auto}
#intro-domain-video p span { background:#3b88c8; color:#fff; display:inline-block; padding:3px 10px; margin-right:25px;}
/* INTRO DOMAIN-RENEW BG */
#intro-domain-renew{
	padding:55px 0px;
	background:url(../images/intro-bg/intro-domain-renew.jpg) no-repeat center center;
	background-size:cover;
	height:150px
}

#intro-domain-renew h3{
	background: rgba(0,0,0,0.8);
	color:#fff;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	display: table;
}

/* FEATURE DOMAIN */
#feature-domain{
	padding:35px 0px;
}

#feature-domain h4{
	text-align:center;
	font-size:25px
}

#feature-domain img{
	text-align: center;
	display: block;
	margin: 10px auto
}

#feature-domain p{
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:25px
}

#feature-domain article{
	padding-bottom:20px
}

/* PRICE DOMAIN */
#price-domain{
	padding:35px 0px;
	clear:both
}

#price-domain #myTab.nav,
.giohang #myTab.nav,
.giohang .step4 #myTab.nav,
#intro-email #myTab.nav,
.upgrade .box .box-right #myTab.nav{
	font-family: 'sans-r',Arial, Helvetica, sans-serif;
	width:100%;
	background:#d8d8d8;
	padding: 0px 3px;
	cursor:pointer
}

#price-domain #myTab.nav-tabs>li,
.giohang #myTab.nav-tabs>li,
.giohang .step4 #myTab.nav-tabs>li,
#intro-email #myTab.nav-tabs>li,
.upgrade .box .box-right #myTab.nav-tabs>li{
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
}

#price-domain #myTab.nav-tabs>li:last-child,
.giohang #myTab.nav-tabs>li:last-child,
.giohang .step4 #myTab.nav-tabs>li:last-child,

#intro-email #myTab.nav-tabs>li:last-child,
.upgrade .box .box-right #myTab.nav-tabs>li:last-child{
	margin-right:0px
}

#price-domain #myTab.nav-tabs>li>a,
.giohang #myTab.nav-tabs>li>a,
.giohang .step4 #myTab.nav-tabs>li>a,
#intro-email #myTab.nav-tabs>li>a,
.upgrade .box .box-right #myTab.nav-tabs>li>a{
	color:#555;
	font-size:17px;
	border:none;
	padding:15px 20px;
	width:100%;
	border-radius:0;
	transition: none
}

#price-domain #myTab.nav-tabs>li.active>a,
#price-domain #myTab.nav-tabs>li.active>a:hover,
#price-domain #myTab.nav-tabs>li.active>a:focus,
.giohang #myTab.nav-tabs>li.active>a,
.giohang #myTab.nav-tabs>li.active>a:hover,
.giohang #myTab.nav-tabs>li.active>a:focus,
.giohang .step4 #myTab.nav-tabs>li.active>a,
.giohang .step4 #myTab.nav-tabs>li.active>a:hover,
.giohang .step4 #myTab.nav-tabs>li.active>a:focus,
#intro-email #myTab.nav-tabs>li.active>a,
#intro-email #myTab.nav-tabs>li.active>a:hover,
#intro-email #myTab.nav-tabs>li.active>a:focus,
.upgrade .box .box-right #myTab.nav-tabs>li.active>a,
.upgrade .box .box-right #myTab.nav-tabs>li.active>a:hover,
.upgrade .box .box-right #myTab.nav-tabs>li.active>a:focus{
	background:#fff;
	margin: 3px 0px 0px 0px;
	transition: none

}

#price-domain .des{
	padding:30px 0px;
	overflow:hidden
}

#price-domain .des img{
	float:left;
	margin-right:20px
}

#price-domain .des p{
	text-align:justify;
	line-height:28px;
	padding:0px;
	font-size:14px;
	width:100%
}

#price-domain .des h3{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:10px
}

#price-domain .des h4{
	font-size:20px
}

#price-domain .blockdes{
	clear:both;
	padding:35px 0px 0px 0px
}

#price-domain .blockdes p{
	text-align: center;
	width: 80%;
	display: block;
	margin: 0 auto;
	font-size: 15px;
}

#price-domain .blockdes a,
#form-dk .form-dk a.role,
#renew-price a,
.check-domains a{
	text-align:center;
	background:#3b88c8;
	padding:10px;
	color:#fff;
	display:table;
	margin:0 auto 30px auto 
}

.check-domains a{
	margin:0px
}

#renew-price a{
	margin:0 auto
}

#price-domain .blockdes img{
	text-align: center;
	margin: 20px auto;
	display: block
}

#price-domain .blockdes h5{
	text-align:center;
	color:#3b88c8;
	font-size:20px;
	font-weight:normal;
	margin-bottom:20px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}
	
/* FORM DK*/
#form-dk .form-dk{
	background:#f5f5f5 url(../images/bgdk.jpg) no-repeat left bottom;
	padding:20px;
	margin-bottom:25px
}

#form-dk .form-dk p{
	padding-bottom:10px;
	text-align:justify;
	width:100%;
	font-size:15px
}

#form-dk .form-dk .dk{
	border-bottom:1px dotted #ccc;
	margin-bottom:20px	
}

#form-dk .form-dk h3{
	font-size: 35px;
	margin-bottom: 15px;
	text-align: center
}

#form-dk .form-dk h6{
	font-size: 18px;
	margin-bottom: 15px;
	text-align: center;
	font-weight:normal;
	color:#3b88c8;
	padding:15px 0px 0px;
	clear:both;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#form-dk .form-dk .title{
	background:#f16725;
	padding:10px;
	overflow:hidden
}

#form-dk .form-dk .title h5{
	color:#fff;
	float:left;
	font-weight:normal;
	font-family: 'sans',Arial, Helvetica, sans-serif
}

#form-dk .form-dk .title span i{
	padding-right:10px
}

#form-dk .form-dk .title span a{
	color:#ffea00
}

#form-dk .form-dk .content-dk{
	padding:10px;
	background:#fff
}

#form-dk .form-dk .content-dk p{
	text-align:justify;
	padding-bottom:5px;
	width:100%;
	font-size:14px
}

/* RENEW PRICE */
#renew-price{
	padding:35px 0px;
	background:#f3f2f2
}

#renew-price h4{
	color:#3b88c8;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:15px;
	font-size:25px
}

/* CHECK DOMAINS */
.check-domains{
}

.check-domains textarea{
	width:100%;
	min-height:250px;
	resize:vertical
}

.check-domains input[type=radio].css-checkbox + label.css-label{
	margin-top:5px
}

.check-domains .domain-list{
	border:1px dashed #ccc;
	border-left:none;
	border-right:none;
	margin:15px 0px
}

.check-domains .domain-list input[type=checkbox].css-checkbox + label.css-label-checkbox{
	width: 130px;
	font-size: 14px
}

/* SERVICES EMAIL */
#services{
	padding:35px 0px 0px;
	clear:both
}

#services h2{
	font-family: 'sans',Arial, Helvetica, sans-serif;
	font-size: 35px;
	margin-bottom: 15px;
	text-align: center;
}

#services p{
	text-align: center;
	width: 80%;
	margin: 0 auto;
	line-height: 25px;
	padding-bottom: 25px;
	font-size: 16px;
	
}

#services p a{
	color:#36414b
}

#services span.support{
	text-align:center;
	color:#F00;
	display:block;
	font-size:14px
}

#services ul.discount{
	background:#f1f1f1;
	width:80%;
	padding:15px 60px;
	margin:0 auto 25px auto;
	overflow:hidden
}

#services ul.discount li i{
	color:#3b88c8;
	padding-right:10px
}

#services ul.discount li{
	width:50%;
	float:left;
	text-align:center;
	line-height:25px
}

#services ul.discount strong{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}
#services ul.user-guide {
	width:100%;
	padding:15px 0;
	margin:0 auto 25px auto;
	overflow:hidden;
	text-align:center
}
#services ul.user-guide-mc { width:100%;}
#services ul.user-guide li {
	display:inline-block;}
#services ul.user-guide li a {
	padding:10px;
	margin:0 10px;
	color:#f16725;
	
}
#services ul.user-guide li a:hover {
	color:#3b88c8;
	}
#services ul.user-guide li a i {
	padding-right:10px;
	font-size:16px;
}
/* TAB SV*/
#services.email .nav-tabs,
#services.hosting .nav-tabs,
#services.server .nav-tabs,
#services.software .nav-tabs,
#services.reseller .nav-tabs,
#services.contact .nav-tabs{
	border:none;
	text-align:center
}

#services.contact .nav-tabs{
	position:relative;
	z-index:1
}

#services.email .nav-tabs>li,
#services.hosting .nav-tabs>li,
#services.server .nav-tabs>li,
#services.software .nav-tabs>li,
#services.reseller .nav-tabs>li,
#services.contact .nav-tabs>li{
	display: inline-block;
	margin:0px
}

#services.email .nav-tabs>li>a,
#services.server .nav-tabs>li>a,
#services.contact .nav-tabs>li>a{
	border-radius:0;
	color:#333;
	border:0px;
	padding:15px;
	text-transform:uppercase
}

#services.hosting .nav-tabs>li>a,
#services.software .nav-tabs>li>a,
#services.reseller .nav-tabs>li>a,
#services.contact .nav-tabs>li>a{
	border-radius:0;
	color:#333;
	border:0px;
	padding:15px 10px;
	text-transform:uppercase;
	cursor:pointer
}

#services.software .nav-tabs>li>a>img{
	margin-right:5px !important
}

#services.email .nav-tabs>li>a>i,
#services.hosting .nav-tabs>li>a>i,
#services.server .nav-tabs>li>a>i,
#services.software .nav-tabs>li>a>i,
#services.reseller .nav-tabs>li>a>i,
#services.contact .nav-tabs>li>a>i{
	font-size:35px;
	position:absolute;
	left:45%;
	top:40px
}

#services.email .nav-tabs>li.active>a>i,
#services.hosting .nav-tabs>li.active>a>i,
#services.server .nav-tabs>li.active>a>i,
#services.software .nav-tabs>li.active>a>i,
#services.reseller .nav-tabs>li.active>a>i,
#services.contact .nav-tabs>li.active>a>i{
	color:#3b88c8
}

#services.email .nav-tabs>li.active>a,
#services.email .nav-tabs>li.active>a:hover,
#services.email .nav-tabs>li.active>a:focus,
#services.hosting .nav-tabs>li.active>a,
#services.hosting .nav-tabs>li.active>a:hover,
#services.hosting .nav-tabs>li.active>a:focus,
#services.server .nav-tabs>li.active>a,
#services.server .nav-tabs>li.active>a:hover,
#services.server .nav-tabs>li.active>a:focus,
#services.software .nav-tabs>li.active>a,
#services.software .nav-tabs>li.active>a:hover,
#services.software .nav-tabs>li.active>a:focus,
#services.reseller .nav-tabs>li.active>a,
#services.reseller .nav-tabs>li.active>a:hover,
#services.reseller .nav-tabs>li.active>a:focus,
#services.contact .nav-tabs>li.active>a,
#services.contact .nav-tabs>li.active>a:hover,
#services.contact .nav-tabs>li.active>a:focus{
	background:#3b88c8;
	border-radius:0;
	color:#fff;
	border:0px;
	text-transform:uppercase
}

#services.email .nav-tabs>li>a>img,
#services.hosting .nav-tabs>li>a>img,
#services.server .nav-tabs>li>a>img,
#services.software .nav-tabs>li>a>img,
#services.reseller .nav-tabs>li>a>img{
	margin-right:10px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
}

#services.email .nav-tabs>li.active>a>img,
#services.hosting .nav-tabs>li.active>a>img,
#services.server .nav-tabs>li.active>a>img,
#services.software .nav-tabs>li.active>a>img,
#services.reseller .nav-tabs>li.active>a>img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\''/></filter></svg>#grayscale"); /* Firefox 3.5+ */
}
#hosting .nav-tabs { text-align:left; background:#efefef}
#hosting .nav-tabs li a { font-weight:normal;font-family: "sans-r",Arial,Helvetica,sans-serif; font-size:18px; color:#484848; cursor:pointer}
#email-hosting{
	background:url(../images/intro-bg/intro-email-hosting.jpg) no-repeat top center;
	padding-top:156px
}
.popupvideo h2 { font-size:30px; text-align:center; padding-bottom:20px;}
#hosting{
	background:url(../images/intro-bg/intro-hosting.jpg) no-repeat top center;
	padding-top:163px
}
.nav-tabs {
	text-align:center; margin-bottom:30px;
	}
.nav-tabs li { display:inline-block}
.nav-tabs li a { font-weight:bold; font-size:16px;font-family: "sans-bold",Arial,Helvetica,sans-serif;}
#server,
#server-balancer{
	background:url(../images/intro-bg/intro-server.jpg) no-repeat top center;
	padding-top:96px
}

#services.hosting .custom-select select,
#services.server .custom-select select,
#services.software .custom-select select,
#services.reseller .custom-select select{
	width:100%
}

#email-hosting .block-sv,
#hosting .block-sv,
#server .block-sv,
#server .block-sv-manager{
	margin-bottom:20px
}
/* Update 5 colummn price */
#hosting .col-lg-3 { padding: 0 5px;width:20%}
#hosting .block-sv .sv2 ul li {clear: both;line-height: 30px;overflow: hidden;}
#email-hosting .block-sv .sv2 ul li, #hosting .block-sv .sv2 ul li, #server .block-sv .sv2 ul li { font-size:12px;}
#hosting .block-sv .sv2 ul li span, #server .block-sv .sv2 ul li span { font-size:12px;}
#email-hosting .block-sv .sv1 h2, #hosting .block-sv .sv1 h2, #server .block-sv .sv1 h2, #server .block-sv-manager .sv1-manager h2 { min-height:60px;}
/* Update 5 colummn price */
#email-hosting .block-sv .sv1,
#hosting .block-sv .sv1,
#server .block-sv .sv1,
#server .block-sv-manager .sv1-manager{
	padding:15px;
	background:#f2f2f2
}

#server .block-sv .sv1,
#server .block-sv-manager .sv1-manager{
	padding:15px 15px 0px 15px;
	background:#f2f2f2
}

#server .block-sv-manager .sv1-manager{
	padding:24px 15px 0px 15px
}

#server .block-sv .sv1 img,
#server .block-sv-manager .sv1-manager img{
	display:block;
	margin:0 auto
}

#server .block-sv .sv1 img,
#server .block-sv .sv1 h2,
#server .block-sv .sv1 p,
#server .block-sv-manager .sv1-manager img,
#server .block-sv-manager .sv1-manager h2,
#server .block-sv-manager .sv1-manager p{
	text-align:center
}

#server .block-sv .sv1 p,
#server .block-sv-manager .sv1-manager p{
	margin-bottom:15px
}

#server .block-sv .sv1 select,
#server .block-sv .sv1 a,
#server .block-sv-manager .sv1-manager a{
	width:100%
}

#server .block-sv .sv1 a,
#server .block-sv-manager .sv1-manager a{
	background: #3b88c8;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	display: inline-block;
	margin-top: 10px
}

#server .block-sv-manager .sv1-manager a{
	padding: 14px
}

#email-hosting .block-sv .sv1 h2,
#hosting .block-sv .sv1 h2,
#server .block-sv .sv1 h2,
#server .block-sv-manager .sv1-manager h2{
	color:#3b88c8;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-size:24px;
	margin:7px 0px
}

#email-hosting .block-sv .sv1 p,
#hosting .block-sv .sv1 p,
#server .block-sv .sv1 p,
#server .block-sv-manager .sv1-manager p{
	color:#36414b;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-size:15px
}

#server .block-sv-manager .sv1-manager p{
	font-size:20px
}

#email-hosting .block-sv .sv2,
#hosting .block-sv .sv2,
#server .block-sv .sv2,
#server .block-sv-manager .sv2{
	background:#fff;
	padding:15px;
	border:1px solid #ededed;
	border-top:none
}

#email-hosting .block-sv .sv2 ul li,
#hosting .block-sv .sv2 ul li,
#server .block-sv .sv2 ul li{
	border-bottom:1px dotted #ededed;
	line-height:40px
}

#hosting .block-sv .sv2 ul li span,
#server .block-sv .sv2 ul li span{
	float:right;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}

#email-hosting .block-sv .sv2 ul li:last-child,
#hosting .block-sv .sv2 ul li:last-child,
#server .block-sv .sv2 ul li:last-child{
	border-bottom:none
}

#email-hosting .block-sv .sv2 select,
#hosting .block-sv .sv2 select{
	width:100%
}

#email-hosting .block-sv .sv2 a,
#hosting .block-sv .sv2 a{
	background: #3b88c8;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	display: inline-block;
	margin-top: 10px
}

#email-hosting .block-sv .sv2 a:hover,
#hosting .block-sv .sv2 a:hover{
	background:#2a71ab
}

#server .block-sv-manager .sv2 p{
	padding-bottom:10px;
	text-align:justify
}

#email-server{
	background:url(../images/intro-bg/intro-email-server.jpg) no-repeat top center;
	padding-top:230px
}

#email-server .intro-sv{
	margin-bottom:25px
}

#email-server .block-sv .heading,
#software .block-sv .heading{
	background:#f2f2f2;
	padding:9px;
	margin-bottom:10px
}

#software .block-sv .heading h5{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	line-height:25px;
	padding-top:5px;
	font-weight:normal
}

#email-server .block-sv p,
#software .block-sv p{
	text-align:justify;
	line-height:25px;
	margin-top:30px
}

#email-server .sv-price{
	padding:15px 0px
}

#email-server .sv-price ul{
	border-bottom:1px dashed #ccc;
	margin-bottom:15px
}

#email-server .sv-price h4{
	color:#3b88c8;
	text-transform:uppercase;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#email-server .sv-price ul li input[type=radio].css-checkbox + label.css-label{
	margin:10px 15px 10px 0px
}

#email-server .sv-price ul li span{
	line-height:50px;
	color:#F00
}

#email-server .sv-price a{
	color: #fff;
	background: #3b88c8;
	font-weight: normal;
	display: inline-block;
	outline: none;
	border: 0;
	cursor: pointer;
	padding: 12px;
	text-transform: uppercase;
	font-size: 15px
}

/* INTRO _SERVER */
#intro-server{
	margin-bottom:20px
}

#intro-server h3{
	color:#3b88c8;
	margin:15px 0px
}

#intro-server p{
	text-align:justify;
	line-height:25px;
	font-size:15px
}

#intro-server ul{
	background:#f2f2f2;
	padding:25px;
	overflow:hidden;
	margin:15px 0px
}

#intro-server ul li{
	padding:8px 0px
}

#intro-server ul li i{
	padding-right:15px;
	color:#3b88c8
}

#intro-server .box-intro-server a{
	width: 100%;
	background: #3b88c8;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center;
	padding: 15px;
	margin-bottom:20px
}

#intro-server .box-intro-server a:hover{
	background:#2a71ab
}

#intro-server .callme,
#server-balancer figure .callme{
	background:#ffe7dc;
	padding:10px
}

#intro-server .callme p,
#server-balancer figure .callme p{
	color:#f16e2f
}


#intro-server .callme p i,
#server-balancer figure .callme p i{
	padding-right:15px
}

#intro-server .callme span{
	padding-left:30px
}

/* SERVER BALANCER */
#server-balancer{
	margin-top:25px
}

#server-balancer figure{
	background:#fff;
	padding:25px
}

#server-balancer figure p{
	line-height:25px;
	text-align:justify;
	font-size:15px
}

#server-balancer figure p a{
	color:#36414b
}

#server-balancer figure img{
	text-align:center;
	display:block;
	margin:10px auto
}

/* INTRO EMAIL */
#intro-email {
	padding: 35px 0px;
	clear: both
}

#intro-email h2 {
	font-size: 35px;
	margin-bottom: 15px;
	text-align: center
}

#intro-email p,
#price-domain p{
	text-align: center;
	width: 80%;
	margin: 0 auto;
	line-height: 25px;
	padding-bottom: 25px;
	font-size: 17px
}


.intro-email{
	margin-bottom:35px
}

.intro-email p{
	text-align:justify;
	line-height:25px;
	color:#484848
}

.intro-email h2{
	margin-bottom:25px;
	color:#3b88c8
}


.intro-email ul{
	margin:15px 0px
}

.intro-email ul li{
	line-height:25px
}

.intro-email ul li i{
	padding-right:15px
}

.intro-email h2 img{
	padding-right:20px
}

.intro-email h4{
	color:#3b88c8;
	margin-bottom:10px
}

.intro-email a.readmore{
	color: #fff;
	background: #3b88c8;
	font-weight: normal;
	display: table;
	outline: none;
	border: 0;
	cursor: pointer;
	padding: 12px;
	text-transform: uppercase;
	font-size: 15px;
	margin:15px auto 0px auto;
	text-align:center
}

.intro-email a.readmore:hover{
	background:#2a71ab
}

/* SOFTWARE */
#software{
	background:url(../images/intro-bg/intro-software.jpg) no-repeat top center;
	padding-top:230px
}

#software .logo-software{
	position:relative
}

#software .logo-software img{
	position:absolute;
	bottom: 86px
}

.table-responsive .note{
	margin-top:15px
}

.table-responsive .note p{
	margin:0px !important
}

/* INTRO SOFTWARE */
#intro-software{
	background:url(../images/intro-bg/intro-software-1.jpg) no-repeat top center;
	padding-top:230px;
	margin-top:15px
}

#intro-software figure {
	background: #fff;
	padding: 25px
}

#intro-software figure .box-intro-software{
	margin-bottom:20px;
	border-bottom:1px dashed #dedede;
	padding-bottom:10px
}

#intro-software figure .box-intro-software.cpnel,
#intro-software figure .box-intro-software.direct{
	min-height:210px
}

#intro-software figure .box-intro-software.cpnel p,
#intro-software figure .box-intro-software.direct p{
	min-height:125px
}

#intro-software figure .box-intro-software.plesk,
#intro-software figure .box-intro-software.cloudlinux{
	min-height:235px
}

#intro-software figure .box-intro-software.plesk p,
#intro-software figure .box-intro-software.cloudlinux p{
	min-height:150px
}

#intro-software figure .box-intro-software.litespeed p,
#intro-software figure .box-intro-software.kas p{
	min-height:77px
}

#intro-software figure .box-intro-software p{
	line-height:25px;
	text-align:justify;
	font-size:15px
}

#intro-software figure .box-intro-software p a{
	color:#36414b
}

#intro-software figure .box-intro-software img{
	float:left;
	margin-right:10px
}

#intro-software figure .box-intro-software span{
	font-size:20px;
	font-family:'sans-bold',Arial, Helvetica, sans-serif
}

#intro-software figure .box-intro-software a.btn-soft-readmore{
	background: #3b88c8;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	display: table;
	margin: 10px auto;
	padding: 10px
}
/* COUPON */
#page-coupon{
	background:url(../images/intro-bg/intro-coupon.jpg) no-repeat top center;
}
#page-coupon h3 {
	padding:100px 0;
	font-size:20px;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	font-size:36px;
}
#page-coupon figure {
    background: none repeat scroll 0 0 #fff;
    
}
#page-coupon figure .col-xs-12 { padding:30px;}
#page-coupon figure .col-left { background:#f2f2f2;}
#page-coupon figure .col-right { background:#fff;}
#page-coupon figure h2 { font-size:24px; margin-bottom:20px;}
#page-coupon figure label {font-weight: normal;width: 100%;}
#page-coupon figure label i {padding-right: 15px; font-size:14px;}
#page-coupon figure input[type="text"] { padding:10px; width:100%; margin-bottom:20px;}
#page-coupon figure input[type="submit"] { background:#3b88c8; color:#fff; padding:15px 40px;}
#page-coupon figure input[type="submit"]:hover, #page-coupon figure a.viewmore:hover { background:#666}
#page-coupon figure h4 { font-size:24px; color:#3b88c8; border-bottom:1px dotted #cacaca; padding-bottom:20px; margin-bottom:20px;}
#page-coupon figure p { margin-bottom:10px; line-height:22px;}
#page-coupon article {border:1px solid #f1f1f1; margin-bottom:30px; clear:both; overflow:hidden}
#page-coupon figure a.viewmore { background:#3b88c8; color:#fff; padding:15px; display:inline-block;margin:10px 0;}
#page-coupon figure .table th , #page-coupon figure .table td { padding:10px 15px;}
#page-coupon figure .table th { font-weight:normal; color:#fff; background:#3b88c8}
#page-coupon figure .table td { border-bottom:1px dotted #cacaca;}
#page-coupon figure .table td span.sent { color:#66cc00}
#page-coupon figure .table td span.none { color:#ff1919}
/* RESELLER */
#reseller{
	background:url(../images/intro-bg/intro-daily.jpg) no-repeat top center;
	padding-top:230px
}

#reseller .wrap{
	position:relative
}

#reseller .wrap .login-reseller{
	position:absolute;
	height:100%;
	overflow:hidden;
	left:5px
}

#reseller .wrap .signup-reseller{
	float:right
}

#reseller .login-reseller,
#reseller .signup-reseller{
	background:#f2f2f2;
	padding:25px;
	font-family:'sans',Arial, Helvetica, sans-serif
}

#reseller .signup-reseller{
	background:#fff
}

#reseller .login-reseller h3,
#reseller .signup-reseller h3{
	font-weight:bold
}

#reseller .signup-reseller h4{
	color:#3b88c8;
	border-bottom:1px dashed #ccc;
	padding:30px 0px 10px 0px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#reseller .signup-reseller .birth{
	margin-top:5px
}

.not-login{
	overflow:hidden;
	border-bottom:1px dotted #c2c2c2;
	padding-bottom: 15px;
	margin-bottom: 20px
}

.not-login label,
#reseller .signup-reseller label{
	font-weight:normal;
	width:100%;
	padding:15px 0px 5px 0px;
	font-size:15px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

.not-login label i,
#reseller .signup-reseller label i{
	padding-right:20px
}

.not-login input[type=text],
.not-login input[type=password],
.not-login input[type=email],
#reseller .signup-reseller input[type=email],
#reseller .signup-reseller input[type=password],
#reseller .signup-reseller input[type=text],
#reseller .signup-reseller select.map-marker,
#reseller .signup-reseller select{
	width:100%;
	padding:10px
}

.not-login input[type=submit]{
	margin-top:10px;
	float:left
}

#reseller .signup-reseller select{
	margin-right:10px
}

#reseller .signup-reseller input[type=submit]{
	margin-top:20px
	
}

.not-login a.lost-pass{
	text-align: right;
	float: right;
	line-height: 65px;
	color:#333;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

.not-login a.lost-pass:hover{
	color:#3b88c8;
	text-decoration:underline
}

.not-login a.lost-pass i{
	padding-right:10px
}

#reseller .hotline-reseller{
	background:#f2f2f2;
	text-align:center;
	padding: 15px 10px
}

#reseller .hotline-reseller span{
	color:#3b88c8;
	padding:10px

}

#reseller .hotline-reseller span i{
	padding-right:10px
}

#reseller .heading{
	background: #f2f2f2;
	color: #3b88c8;
	padding: 14px;
	font-size: 20px;
	line-height:35px
}

#reseller .heading i{
	padding-right:15px
}

#reseller ul{
	border:1px solid #ededed;
	padding:15px;
	margin-bottom:25px	
}

#reseller ul li{
	line-height:35px
}

#reseller ul li i{
	color:#3b88c8;
	padding-right:15px
}

/* ADDITIONAL */
.background{
	background:#f5f5f5 url(../images/additional.png) no-repeat bottom center;
	padding:20px
}

.background .additional{
	width:60%;
	margin:0 auto
}

.background .additional h4{
	text-align:center;
	font-size:25px
}

.background .additional ul{
	border:1px dotted #c4c4c4;
	border-left:none;
	border-right:none;
	margin:15px 0px
}

.background .additional ul li{
	padding:10px 15px;
	border-bottom:1px dotted #c4c4c4
}

.background .additional ul li:last-child{
	border-bottom:none
}

.background .additional ul li input[type=checkbox].css-checkbox + label.css-label-checkbox{
	width:auto;
	padding-left:30px;
	margin:0px
}

.background .additional ul li.total{
	color:#3b88c8;
	font-weight:bold;
	border-bottom:none
}

.background .additional input[type=submit]{
	text-align: center;
	display: block;
	margin: 0 auto
}

#feature-sv,
#feature-server, 
#feature-software{
	padding:35px 0px;
	clear:both
}


#feature-software p{
	text-align:justify;
	line-height:24px
}

#feature-sv h4,
#feature-server h4,
#feature-software h4{
	text-align: center;
	font-size: 32px;
}

#feature-server img{
	width:100%
}

#feature-sv img{
	float:left;
	margin-right:15px
}

#feature-sv p{
	line-height:25px
}

#feature-sv p a{
	color:#36414b
}

#feature-sv article{
	margin:20px 0px
}


#feature-server{
	overflow:hidden
}

#feature-server h4,
#feature-software h4{
	text-align:left;
	margin-bottom:5px
}

#feature-server ul li,
#feature-software ul li{
	line-height:24px;
	text-align:justify	
}

#feature-server ul li i,
#feature-software ul li i{
	padding-right:10px
}

#feature-software {
	border-top:1px dotted #ccc;
	margin-top:25px;
	overflow:hidden
}

#feature-software strong{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}

/* CART */
#cart{
	clear:both
}

#cart .cart-step{
	margin:60px 0px 30px 0px
}

ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type none;
}
ol.progtrckr li {
    display: inline-block;
    text-align: center
}
ol.progtrckr[data-progtrckr-steps="4"] li { width: 19.5%; }

ol.progtrckr li.progtrckr-done {
    color: #36414b;
    border-top: 10px solid #36414b;
}
ol.progtrckr li.progtrckr-todo {
    color: #d8d8d8; 
    border-top: 10px solid silver;
}

ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done span.step {
    color: white;
	background: #36414b;
	line-height: 26px;
	border:2px solid #36414b;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 28px;
	padding: 10px;
	display: inline-block;
	text-align: center;
	position: relative;
	top:-30px
}

ol.progtrckr li.progtrckr-done a p{
	font-size:18px;
	line-height:0px;
	color:#36414b
}

ol.progtrckr li.progtrckr-todo p{
	font-size:18px;
	line-height:0px;
	color:#d8d8d8
}

ol.progtrckr li.progtrckr-todo span.step {
    color: silver;
	background: #fff;
	line-height: 26px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 28px;
	padding: 10px;
	display: inline-block;
	text-align: center;
	position: relative;
	top:-30px;
	border:2px solid #d8d8d8
}

#cart .giohang{
	clear:both;
	overflow:hidden;
	margin-bottom:20px
}
#cart .giohang a.btnsave,
#cart .giohang a.btndelete{
	background: #36414b;
	color: #fff;
	text-align: center;
	padding: 15px 20px;
	display: inline-block;
	text-transform: uppercase;
	cursor:pointer
}

#cart .giohang a.btndelete{
	background: #f16725
}

#cart .giohang a.btncoucart{
	display: block;
	margin: 10px auto;
	text-align: center;
	cursor:pointer
}

#cart .giohang h2{
	font-family:'sans',Arial, Helvetica, sans-serif;
	text-align:center
}

#cart .giohang h2{
	font-size:35px;
	margin-bottom:10px
}

#cart .giohang p{
	font-size:16px;
	width:80%;
	margin:0 auto;
	line-height:28px;
	text-align:center
}

#cart .giohang i.step5{
	font-size: 125px;
	text-align: center;
	margin: 0 auto;
	display: block
}

#cart .giohang i.success{
	color:#55c03b
}

#cart .giohang i.fail{
	color:#f16725
}

#cart .giohang .cart-list,
#cart .giohang .cart-list-b3,
#cart .giohang .info-checkout{
	margin:25px 0px 20px 0px;
	overflow:hidden
}

#cart .giohang .formcart,
#cart .giohang .step4{
	margin:25px 0px 0px 0px;
	overflow:hidden
}

#cart .giohang .formcart h4{
	color:#3b88c8;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#cart .giohang .formcart textarea{
	width:100%;
	resize:vertical;
	min-height:200px
}

#cart .giohang .formcart .btnaction{
	overflow:hidden
}

.cart-list li.thead,
.cart-list-b3 li.thead{
	width:100%;
	background: #36414b !important
}

.cart-list li {
	padding: 0px;
	display: table;
	width: 100%;
	float: left;
	color: #fff;
	/*background: #36414b;*/
	border:1px solid #eee;
	border-top:none;
	border-bottom:1px dashed #eee;
}

.cart-list li.cart-total-price{
	background:#f3f3f3 !important
}

.cart-list li.cart-total-price .cart-total{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}


.cart-list li:first-child{
	border-bottom:none
}

.cart-list li:last-child{
	border-bottom:1px solid #eee
}


.cart-list li:nth-child(1n) {
	background:#fff
}

.cart-list li:nth-child(2n) {
	background:#f7f7f7
}

.cart-list li:before,
.cart-list li:after {
	content:"";
	display:table;
	clear:both
}

.cart-list li div {
	height:100%;
	display:table-cell;
	vertical-align:top;
	padding:18px 0px 18px 10px;
	color:#333
}

.cart-list li div span {
	color:#000;
	display:none
}

.cart-list li div:last-child {
	border:0
}

.cart-list li div.name {
	text-align:left;
	font-weight:normal;
	font-size:15px;

	color:#fff;
	width:30%
}

.cart-list li div.name img {
	float:left;
	margin-right:10px
}

.cart-list li div.name ul.name-sv{
	float:left;
	width:75%
}

.cart-list li div.name ul.name-sv li{
	border:none;
	background:none;
	color:#36414b;
	font-size:14px
}

.cart-list li div.name div {
	display:block;
	height:100%;
	overflow:auto;
	width:auto;
	padding:0
}

.cart-list li div.name div span {
	display:table-cell;
	height:100%;
	vertical-align:middle;
	text-align:left
}

.cart-list li div.amount {
	width:16%;
	font-size:15px;
	color:#fff;
	vertical-align:middle;
	text-align:center	
}

.cart-list li div.amount .custom-select{
	display:inline-block;
	padding:0px;
	height:auto
}

.cart-list li div.price{
	font-size:15px;
	color:#fff;
	width:14%;
	vertical-align:middle;
	text-align:center
}

.cart-list li div.vat-price{
	font-size:15px;
	color:#fff;
	width:9%;
	vertical-align:middle;
	text-align:center
}

.cart-list li div.unit-price {
	font-size:15px;
	color:#fff;
	width:18%;
	vertical-align:middle;
	text-align:center
}	

p.km_style{
	width:100% !important;
	font-size:14px !important;
	color:#F00
}

.cart-list li div.total-price{
	font-size:15px;
	color:#fff;
	vertical-align:middle;
	text-align:center
}

.cart-list li div.total-price strong{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}


.cart-list li div.cart-total{
	width:86.9%;
	font-weight:bold;
	text-align:right}

.cart-list li div.action {
	width:9%;
	text-align:center;
	font-size:15px;
	vertical-align:middle
}

.cart-list li.total div.unit-price {
	color:#333;
	font-weight:700
}

.cart-list li.total div.price {
	color:red;
	font-weight:700
}

.cart-list.guidi li div.num-order {
	width:10%
}

.cart-list.guidi li div.name {
	width:44%
}

.cart-list li div.cs {
	width:9%;
	text-align:center;
	vertical-align:middle
}

.cart-list li div.cs a {
	color:#F00;
	font-size: 18px
}

.cart-list li div.cs a i{
	font-size:20px !important
}

#cart .giohang .info-checkout .heading{
	background:#36414b;
	padding:18px;
	color:#fff;
	text-align:center;
	font-size:18px
}

#cart .giohang .info-checkout .main-checkout{
	background:#f2f2f2;
	padding:15px;
	overflow:hidden;
	margin-bottom:15px
}

#cart .giohang .info-checkout .main-checkout span.max-price{
	text-align: center;
	color: #3b88c8;
	font-weight: normal;
	font-family: 'sans-bold',Arial, Helvetica, sans-serif;
	display: block;
	font-size: 22px;
	padding: 10px
}

#cart .giohang .info-checkout .main-checkout .vat{
	margin:25px 0px 10px 0px;
	overflow:hidden

}

#cart .giohang .info-checkout .main-checkout .vat span{
	text-align: center;
	color: #333;
	float:left;
	line-height:40px
}

#cart .giohang .info-checkout .main-checkout .vat .custom-select{
	float:right;
	width:50%;
	overflow:hidden
}

#cart .giohang .info-checkout .main-checkout .vat select{
	float:right;
	margin:0px;
	padding:10px
}

#cart .giohang .info-checkout input{
	width:100%;
	background:#f16725;
	margin:0px
}

#cart .giohang .formcart .signup-cart,
#cart .giohang .formcart .login-cart{
	background:#f2f2f2;
	padding:20px;
}

#cart .giohang .formcart .signup-cart-2{
	background:#f2f2f2;
	padding:20px 150px
}

#cart .giohang .formcart .signup-cart h3,
#cart .giohang .formcart .login-cart h3{
	font-size:28px
}

#cart .giohang .formcart .signup-cart{
	border-right:1px solid #e5e5e5;
	position: absolute;
	height: 100%;
	overflow: hidden
}

#cart .giohang .formcart .signup-cart p{
	text-align:left;
	padding:15px 0px 5px 0px;
	font-size:15px;
	width:100%
}

#cart .giohang .formcart .login-cart{
	border-left:1px solid #fff;
	float:right
}

#cart .giohang .formcart .thead-heading,
#cart .giohang .formcart .thead-heading-b3{
	background:#36414b;
	padding:18px 0px 18px 10px;
	font-family:'sans',Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:18px
}

#cart .giohang .formcart .acc-info{
	background:#fafafa;
	padding:20px 0px;
	overflow:hidden
}

#cart .giohang .formcart .acc-info-reseller{
	padding:20px 0px;
	overflow:hidden
}

#cart .giohang .formcart .acc-info-reseller p{
	text-align:left;
	width:100%
}

#cart .giohang .formcart .acc-info-reseller h4{
	color:#3b88c8;
	padding:20px 0px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#cart .giohang .formcart .acc-info ul li,
#cart .giohang .formcart .acc-info-reseller ul li{
	line-height:40px;
	overflow:hidden;
	padding:5px 0
}

#cart .giohang .formcart .acc-info ul li label,
#cart .giohang .formcart .acc-info-reseller ul li label{
	font-weight:bold;
	width:30%;
	float:left
}

#cart .giohang .formcart .acc-info ul li:first-child,
#cart .giohang .formcart .acc-info-reseller ul li:first-child{
	padding-top:0px
}

#cart .giohang .formcart .acc-info ul li input[type=text],
#cart .giohang .formcart .acc-info ul li select{
	line-height:normal;
	width:50%;
	float:left
}

#cart .giohang .formcart .acc-info ul li input[type=text],
#cart .giohang .formcart .acc-info ul li select{
	padding:10px;
	margin:0px 5px 0px 0px
}

#cart .giohang .formcart .acc-info ul li span,
#cart .giohang .formcart .acc-info-reseller ul li span{
	font-weight:normal;
	float:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:70%
}

#cart .giohang .formcart .signup-cart-2 h4 {
	color: #3b88c8;
	border-bottom: 1px dashed #ccc;
	padding: 30px 0px 10px 0px;
	font-family: 'sans-r',Arial, Helvetica, sans-serif
}

#cart .giohang .formcart .signup-cart-2 #cn_label,
#cart .giohang .formcart .signup-cart-2 #tc_label{
	cursor:pointer
}

#cart .giohang .formcart .signup-cart-2 label {
	font-weight: normal;
	width: 100%;
	padding: 15px 0px 5px 0px;
	font-size: 15px;
	font-family: 'sans-r',Arial, Helvetica, sans-serif
}

#cart .giohang .formcart .signup-cart-2 label i {
	padding-right: 20px
}

#cart .giohang .formcart .signup-cart-2 input[type=text],
#cart .giohang .formcart .signup-cart-2 input[type=email],
#cart .giohang .formcart .signup-cart-2 input[type=password]{
	width: 100%;
	padding: 10px
}

#cart .giohang .formcart .signup-cart-2 input[type=text].form-captcha{
	width:50%
}

#cart .giohang .formcart .signup-cart-2 .custom-select select{
	padding:10px
}

#cart .giohang .formcart .signup-cart-2 input[type=radio].css-checkbox + label.css-label{
	padding:0px 0px 0px 40px;
	margin-top:10px
}

#cart .giohang .formcart .signup-cart-2 input[type=submit]{
	margin:25px auto 0px auto;
	display:block;
	text-align:center
}

#cart .giohang .step4 h2{
	text-align:center;
	color:#3b88c8
}

#cart .giohang .step4 ul.block-address h4{
	text-align:left;
	font-weight:normal;
	margin-bottom:15px;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
}

#cart .giohang .step4 ul.block-address{
	padding:30px;
	margin:30px 0px;
	background:#eaeaea;
	cursor:pointer;
	border:4px solid #eaeaea
}

#cart .giohang .step4 ul.block-address.active{
	background:#d7eafa;
	border:4px solid #3b88c8
}

#cart .giohang .step4 ul.block-address li{
	line-height:25px
}

#cart .giohang .step4 ul.block-address li i{
	padding-right:10px;
	margin:0px;
	text-align:left;

	font-size:14px;
	color:#333;
	display:inline-block
}

#cart .giohang .para p{
	text-align:left;
	font-size:16px;
	width:100%
}

#cart .giohang .step4 .block-transfer{
	margin:30px 0px;
	clear:both
}

#cart .giohang .step4 .block-transfer h5{
	font-weight:normal;
	font-size:18px;
	margin-bottom:10px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#cart .giohang .step4 .block-transfer .row div{
	margin:5px 0px
}

#cart .giohang .step4 .block-transfer .row div img{
	border:3px solid #e1e1e1;
	padding:10px;
	cursor:pointer
}

#cart .giohang .step4 .block-transfer .row div img.select,
#cart .giohang .step4 .block-transfer .row div img:hover{
	border:3px solid #3b88c8
}


.payment-info{
	background:#f2f2f2;
	padding:30px;
	border-top:2px solid #3b88c8;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	margin:25px 0px
}

.payment-info:before{
	content: '';
	position: absolute;
	display: block;
	height: 16px;
	bottom: -5px;
	left: 10px;
	right: 10px;
	background-color: #f2f2f2;
	border: 1px solid #d8d8d8;
	z-index: -1
}

.payment-info:after{
	content: '';
	position: absolute;
	display: block;
	height: 16px;
	bottom: -9px;
	left: 25px;
	right: 25px;
	background-color: #f2f2f2;
	border: 1px solid #d8d8d8;
	z-index: -2
}

.payment-info h3{
	color:#3b88c8;
	padding-bottom:15px;
	font-size:18px;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}

.payment-info h4{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-size:18px
}

.payment-info li{
	line-height:25px
}

.payment-info li label{
	width:20%
}

.giohang .step4 .block-atm{
	width:80%;
	text-align:center;
	margin:0 auto
}

.giohang .step4 .block-atm h5{
	text-transform:uppercase;
	color:#3b88c8;
	font-size:20px;
	font-weight:normal;
	padding:10px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

.giohang .step4 .block-atm img{
	margin:10px 0px	

}

/* FORM CART B3*/
#cart .giohang .formcart .acc-info-b3{
	background:#fafafa;
	padding:10px 0px;
	overflow:hidden
}

#cart .giohang .formcart .acc-info-b3 ul li{
	line-height:20px;
	overflow:hidden;
	padding:5px 0
}

#cart .giohang .formcart .acc-info-b3 ul li label{
	font-weight: bold;
	width: 30%;
	float: left
}

#cart .giohang .formcart .acc-info-b3 ul li span{
	font-weight: normal;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 70%
}

.cart-list-b3 li.thead{
	padding:10px 0px 10px 10px
}

.cart-list-b3 li {
	padding: 0px;
	display: table;
	width: 100%;
	float: left;
	color: #fff;
	/*background: #36414b;*/
	border:1px solid #eee;
	border-top:none;
	border-bottom:1px dashed #eee;
}

.cart-list-b3 li.cart-total-price{
	background:#f3f3f3 !important
}

.cart-list-b3 li.cart-total-price .cart-total{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}


.cart-list-b3 li:first-child{
	border-bottom:none
}

.cart-list-b3 li:last-child{
	border-bottom:1px solid #eee
}


.cart-list-b3 li:nth-child(1n) {
	background:#fff
}

.cart-list-b3 li:nth-child(2n) {
	background:#f7f7f7
}

.cart-list-b3 li:before,
.cart-list-b3 li:after {
	content:"";
	display:table;
	clear:both
}

.cart-list-b3 li div {
	height:100%;
	display:table-cell;
	vertical-align:top;
	padding:10px 0px 10px 10px;
	color:#333
}

.cart-list-b3 li div span {
	color:#000;
	display:none
}

.cart-list-b3 li div:last-child {
	border:0
}

.cart-list-b3 li div.name {
	text-align:left;
	font-weight:normal;
	font-size:15px;

	color:#fff;
	width:30%
}

.cart-list-b3 li div.name img {
	float:left;
	margin-right:10px
}

.cart-list-b3 li div.name ul.name-sv{
	float:left;
	width:75%
}

.cart-list-b3 li div.name ul.name-sv li{
	border:none;
	background:none;
	color:#36414b;
	font-size:14px
}

.cart-list-b3 li div.name div {
	display:block;
	height:100%;
	overflow:auto;
	width:auto;

	padding:0
}


.cart-list-b3 li div.name div span {
	display:table-cell;
	height:100%;
	vertical-align:middle;
	text-align:left
}

.cart-list-b3 li div.amount {
	width:16%;
	font-size:15px;
	color:#fff;
	vertical-align:middle;
	text-align:center	
}

.cart-list-b3 li div.amount .custom-select{
	display:inline-block;
	padding:0px;
	height:auto
}

.cart-list-b3 li div.price{
	font-size:15px;
	color:#fff;
	width:14%;
	vertical-align:middle;
	text-align:center
}

.cart-list-b3 li div.vat-price{
	font-size:15px;
	color:#fff;
	width:9%;
	vertical-align:middle;
	text-align:center
}

.cart-list-b3 li div.unit-price {
	font-size:15px;
	color:#fff;
	width:18%;
	vertical-align:middle;
	text-align:center
}	

.cart-list-b3 li div.unit-price .ord-discount {
	text-align: center;
	width: 100%;
	display: block;
	padding:0px
}

.cart-list-b3 li div.total-price{
	font-size:15px;
	color:#fff;
	vertical-align:middle;
	text-align:center
}

.cart-list-b3 li div.total-price strong{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}


.cart-list-b3 li div.cart-total{
	width:86.9%;
	font-weight:bold;
	text-align:right}

.cart-list-b3 li div.action {
	width:9%;
	text-align:center;
	font-size:15px;
	vertical-align:middle
}

.cart-list-b3 li.total div.unit-price {
	color:#333;
	font-weight:700
}

.cart-list-b3 li.total div.price {
	color:red;
	font-weight:700
}

.cart-list-b3.guidi li div.num-order {
	width:10%
}

.cart-list-b3.guidi li div.name {
	width:44%
}

.cart-list-b3 li div.cs {
	width:9%;
	text-align:center;
	vertical-align:middle
}

.cart-list-b3 li div.cs a {
	color:#F00;
	font-size: 18px
}

.cart-list-b3 li div.cs a i{
	font-size:20px !important
}

/*GMAP*/
#gmap{
	position:relative
}

#gmap .info-address{
	background:#36414b;
	padding:15px;
	position:absolute;
	text-align:center;
	color:#fff;
	bottom:5px;
	margin-left:15px
}

#gmap .info-address h3{
	color:#fff;
	clear:both;
	padding:10px 0px
}

#gmap .info-address p{
	color:#fff
}

#contact .block-contact{
	margin:25px 0px;
	color:#36414b
}

#contact .block-contact .col-lg-12.col-md-12.col-sm-6.col-xs-12{
	height:180px
}

#contact .block-contact img{
	text-align:center;
	padding:0px 0px 20px 0px;
	margin:0 auto;
	display:block
}

#contact .block-contact h5{
	font-weight:normal;
	text-align:center;
	color:#f16725;
	font-size:16px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#contact .block-contact ul{
	margin:10px 0px
}

#contact .block-contact ul li{
	line-height:25px
}

#contact .block-contact ul li.bold{
	font-family:'sans-bold',Arial, Helvetica, sans-serif
}

#contact .form-contact{
	background:#f2f2f2;
	margin:10px 0px;
	padding:15px;
	overflow:hidden
}

#contact .form-contact article{
	margin:5px 0px
}

#contact .form-contact h3{
	text-align:center;
	padding:15px 0px
}

#contact .form-contact label{
	font-weight:normal;
	width:100%
}

#contact .form-contact label i{
	padding-right: 20px
}

#contact .form-contact input[type=text],
#contact .form-contact input[type=email],
#contact .form-contact textarea,
#contact .form-contact .custom-select select{
	width: 100%;
	padding: 10px
}

#contact .form-contact .custom-select select{
	margin-top:5px
}

#contact .form-contact input[type=text].form-captcha{
	width:30%
}

#contact .form-contact textarea{
	min-height:200px;
	resize:vertical
}

#contact .form-contact input[type=submit]{
	text-align:center;
	margin:0 auto;
	display:block
}

/* LOGIN */
#login{
	background:#fff;
	width:40%;
	padding:15px
}

#login h2{
	text-align:center;
	font-weight:normal
}

#login .not-login input[type=submit]{
	clear:both;
	float:none;
	width:100%;
}

.close_login_form{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}

.div_regis_link{
	text-align: center;
	margin: 10px 0px
}

#login .not-login .remember{
	float:left
}

#login .not-login a.lost-pass{

	line-height:40px

}

#login .not-login .remember input[type=checkbox].css-checkbox + label.css-label-checkbox{
	width:auto;
	padding-top:0px !important
}

/* FQA */
.fqa{
	padding-bottom:35px
}

.fqa .note{
	background:#f2f2f2;
	padding:20px	
}

.fqa .note p{
	padding:5px 0px
}

.fqa h4{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:15px 0px 0px;
	color:#333
}

.fqa h4 a{
	color:#333
}

.fqa ul li{
	border-bottom:1px dashed #CCC;
	padding: 25px 0px
}

.fqa ul li:first-child{
	padding-top:0px
}

.fqa ul li div{
	float:left;
	margin-right:10px;
	padding-top:4px
}

.fqa ul li div i{
	color:#484848;
	font-size:20px;
	width:25px
}

.fqa ul li h5{
	color: #2a71ab;
	padding-bottom: 10px;
	font-family: 'sans-r',Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	padding-left:35px;
	line-height:28px;
	text-align:justify
}

.fqa ul li h5 a{
	color:#2a71ab
}

.fqa ul li p{
	text-align:justify;
	padding-left:35px;
	font-size:15px;
	line-height:27px
}

/* MAP POPUP */
#map_hn iframe,
#map_hcm iframe{
	padding:0px 15px
}

/* POPUP DOMAIN */
#popup-domain .heading{
	background:#3b88c8
}

#popup-domain .heading h4{
	text-align:center;
	padding:10px;
	color:#fff
}

#popup-domain .block-popup-domain{
	padding:10px 0px
}

#popup-domain .block-popup-domain .inner-popup-domain{
	border:1px solid #ebebeb;
	cursor:pointer
}

#popup-domain .block-popup-domain .inner-popup-domain .inner{
	background:#f5f5f5;
	padding:15px;
	text-align:center
}

#popup-domain .block-popup-domain .inner-popup-domain .inner .blockimg1,
#popup-domain .block-popup-domain .inner-popup-domain .inner .blockimg2,
#popup-domain .block-popup-domain .inner-popup-domain .inner .blockimg3,
#popup-domain .block-popup-domain .inner-popup-domain .inner .blockimg4{
	width: 71px;
	height: 50px;
	display: inline-block;
	margin: 10px auto
}

#popup-domain .block-popup-domain .inner-popup-domain .inner .blockimg1{
	background:url(../images/icon/popup-domain/1.png) no-repeat center center
}

#popup-domain .block-popup-domain .inner-popup-domain .inner .blockimg2{
	background:url(../images/icon/popup-domain/2.png) no-repeat center center
}

#popup-domain .block-popup-domain .inner-popup-domain .inner .blockimg3{
	background:url(../images/icon/popup-domain/3.png) no-repeat center center
}

#popup-domain .block-popup-domain .inner-popup-domain .inner .blockimg4{
	background:url(../images/icon/popup-domain/4.png) no-repeat center center
}

#popup-domain .block-popup-domain .inner-popup-domain ul{
	padding:15px;
	border-bottom:1px dashed #ccc
}

#popup-domain .block-popup-domain .inner-popup-domain ul li{

	line-height:25px
}

#popup-domain .block-popup-domain .inner-popup-domain ul li i{
	color:#3b88c8;
	padding-right:10px
}

#popup-domain .block-popup-domain .inner-popup-domain .inner h4{
	font-size:17px;
	color:#3b88c8
}

#popup-domain .block-popup-domain .inner-popup-domain .inner3{
	padding:15px
}

#popup-domain .block-popup-domain .inner-popup-domain .inner3 p,
#popup-domain .block-popup-domain .inner-popup-domain .inner3 .custom-select{
	margin-bottom:10px
}

#popup-domain .block-popup-domain .inner-popup-domain .inner3 .custom-select select{
	padding:10px
}

#popup-domain .block-popup-domain .inner-popup-domain .inner3 .custom-select:last-child{
	margin-bottom:0px
}

/* hover - active */
#popup-domain .block-popup-domain .inner-popup-domain:hover,
#popup-domain .block-popup-domain .inner-popup-domain.active{
	border:1px solid #3b88c8
}

#popup-domain .block-popup-domain .inner-popup-domain:hover .inner,
#popup-domain .block-popup-domain .inner-popup-domain.active .inner{
	background:#3b88c8
}

#popup-domain .block-popup-domain .inner-popup-domain:hover .inner h4,
#popup-domain .block-popup-domain .inner-popup-domain.active .inner h4{
	color:#fff
}

#popup-domain .block-popup-domain .inner-popup-domain:hover .inner .blockimg1,
#popup-domain .block-popup-domain .inner-popup-domain.active .inner .blockimg1{
	background:url(../images/icon/popup-domain/1hover.png) no-repeat center center
}

#popup-domain .block-popup-domain .inner-popup-domain:hover .inner .blockimg2,
#popup-domain .block-popup-domain .inner-popup-domain.active .inner .blockimg2{
	background:url(../images/icon/popup-domain/2hover.png) no-repeat center center
}

#popup-domain .block-popup-domain .inner-popup-domain:hover .inner .blockimg3,
#popup-domain .block-popup-domain .inner-popup-domain.active .inner .blockimg3{
	background:url(../images/icon/popup-domain/3hover.png) no-repeat center center

}

#popup-domain .block-popup-domain .inner-popup-domain:hover .inner .blockimg4,
#popup-domain .block-popup-domain .inner-popup-domain.active .inner .blockimg4{
	background:url(../images/icon/popup-domain/4hover.png) no-repeat center center
}

/* POPUP HOSTING */
.popup-hosting{
	padding:15px;
	width:40%
}

.popup-hosting .mt25{
	margin-top:0px !important
}

.popup-hosting .heading {
	background: #3b88c8;
	margin-bottom:15px
}

.popup-hosting .heading h2{
	text-align:center;
	padding:10px;
	font-size:16px;
	font-weight:normal;
	color:#fff
}

.popup-hosting ul.box-popup-hosting li{
	padding:5px 0px
}

.popup-hosting ul.box-popup-hosting li input[type=text]{
	width:100%
}

.popup-hosting ul.box-popup-hosting li input[type=text].domainnull{
	width:78%
}

/* POPUP SHOPPING */
.popup-shopping{
	padding:15px
}

.popup-shopping .heading {
	background: #3b88c8;
	margin-bottom:15px
}

.popup-shopping .heading h2{
	text-align:center;
	padding:10px;
	font-size:16px;
	font-weight:normal;
	color:#fff
}

.popup-shopping a.box-popup-shopping{
	padding: 15px;
	border: 2px solid #ebebeb;
	display: block;
	margin-bottom: 20px
}

.popup-shopping a.box-popup-shopping:hover{
	border:2px solid #2a71ab
}

.popup-shopping a.box-popup-shopping img{
	float:left
}

.popup-shopping a.box-popup-shopping span{
	font-size:15px;
	display:block
}

.popup-shopping a.box-popup-shopping small{
	font-size:14px;
	color:#333
}

/* POPUP WHOIS */
.popupwhois { width:40%; padding: 15px;}
.popupwhois .heading{
	background: #3b88c8;
	margin-bottom: 15px
}

.popupwhois .heading h2 {
	text-align: center;
	padding: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #fff
}

.popupwhois i{
	position: absolute;
	right: 25px;
	top: 24px;
	font-size: 20px;
	color: #fff;
	cursor:pointer
}

.custom-domain{
	padding:15px 0px 0px
}

.custom-domain .block-custom-domain{
	background:#f2f2f2;
	padding:20px;
	margin-top:25px
}

.custom-domain .block-custom-domain h3{
	color:#3b88c8;
	margin-bottom:10px
}

.custom-domain .block-custom-domain p{
	text-align:justify !important;
	width:100% !important;
	line-height:25px;
	font-size:15px !important
}

.custom-domain .block-custom-domain ul{
	padding:8px 0px;
	color:#f16725
}

/* NEWS */
#news .block-news{
	margin-bottom:30px
}

#news .block-news h5{
	color:#3b88c8;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:10px
}

#news .block-news .caption{
	position: relative;
	background: #fff
}

#news .block-news .caption .crop {
	width: 100%;
	height: 177px;
	overflow: hidden;
}

#news .block-news .caption .crop img{
	width:100%
}

#news .block-news h2{
	font-size:16px;
	text-align:justify;
	padding:10px 0px;
	line-height:20px;
	font-weight:normal;
	clear:both;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#news .block-news p{
	color:#989898;
	text-align:justify;
	overflow:hidden;
	height:65px;
	margin-bottom:15px
}

#news .block-news ul li,
#news .right .block-catalogue ul li{
	color:#36414b;
	border-bottom:1px dashed #c2c2c2;
	padding-bottom:10px;
	margin-bottom:10px
}

#news .block-news ul li a,
#news .right .block-catalogue ul li a{
	color:#36414b;
	font-size:14px;
	text-align:justify;
	display:block
}

#news .block-news ul li a i,
#news .right .block-catalogue ul li a i{
	padding-right:10px
}


#news .block-news ul li:last-child,
#news .right .block-catalogue ul li:last-child{
	border:none;
	padding:0px;
	margin:0px
}

#news .block-news .heading,
#news .right .block-catalogue .heading,
#news .left-block-catalogue .heading{
	border-bottom:2px solid #3b88c8;
	color:#3b88c8;
	padding-bottom: 15px;
	margin-bottom: 20px;
	overflow:hidden
}

#news .block-news .heading h3,
#news .right .block-catalogue .heading h3,
#news .left-block-catalogue .heading h3{
	color:#3b88c8;
	font-size: 27px
}

#news .block-news .heading i,
#news .right .block-catalogue .heading i,
#news .left-block-catalogue .heading i{
	font-size:31px	
}

#news .block-news .heading a.read-all,
#news .right .block-catalogue .heading a.read-all{
	padding:6px
}

#news .block-news .heading a.read-all:hover,
#news .right .block-catalogue .heading a.read-all:hover{
	background:#3b88c8;
	color:#fff
}

#news .catalogue .right{
	border-left:1px	solid #f2f2f2
}

#news .right .block-catalogue{
	margin-bottom:30px
}

#news .left-block-catalogue .list-catalogue{
	margin-bottom:30px
}

#news .left-block-catalogue .list-catalogue img{
	width:100%;
	margin-bottom:15px
}

#news .left-block-catalogue .list-catalogue h2{
	font-size: 18px;
	text-align: justify;
	line-height: 26px
}

#news .left-block-catalogue .list-catalogue span,
#news .left-block-catalogue .list-catalogue p{
	color:#444;
	text-align:justify
}

#news .left-block-catalogue .list-catalogue span{
	border-bottom: 1px dashed #c2c2c2;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display:block
}

#news .left-block-catalogue .pagenavi{
	background:#f2f2f2;
	padding:20px;
	text-align:center;
	font-size:18px;
	color:#a2a4a6;
	margin-bottom:35px;
	overflow:hidden
}

#news .left-block-catalogue .pagenavi ul{
 	width:100%;
    text-align:center
}

#news .left-block-catalogue .pagenavi ul li{
	display:inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
	padding:0px 5px;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}

#news .left-block-catalogue .pagenavi ul li a{
	color:#a2a4a6;
	
}

#news .left-block-catalogue .pagenavi span{
	padding:0px 10px	
}

#news .left-block-catalogue h2{
	font-size:23px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#news .left-block-catalogue span,
#news .left-block-catalogue span a{
	color: #989898;
	padding: 5px 0px;
	display: inline-block;
	padding-right: 15px
	
}

#news .left-block-catalogue .article-content{
	border-top:1px dashed #ccc;
	padding:15px 0px
}

#news .left-block-catalogue .article-content img{
	width:100%
}

#news .left-block-catalogue .article-content p{
	line-height:25px;
	text-align:justify;
	padding:10px 0px
}

#news .left-block-catalogue .rate-content{
	background:#f2f2f2;
	padding:20px
}

#news .left-block-catalogue .rate-content h4{
	color:#3b88c8;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#news .left-block-catalogue .rate-content h4 i,
#news .left-block-catalogue .rate-content ul li a i{
	padding-right:15px
}

#news .left-block-catalogue .rate-content{
	margin-bottom:35px
}

#news .left-block-catalogue .rate-content ul{
	width:90%;
	margin:0 auto
}

#news .left-block-catalogue .rate-content ul li{
	border-bottom:1px dashed #c2c2c2;
	padding:10px 0px
}

#news .left-block-catalogue .rate-content ul li a{
	color:#36414b
}

#news .left-block-catalogue .rate-content ul li a:hover{
	color:#3b88c8
}

#news .left-block-catalogue .rate-content ul li:last-child{
	border-bottom:none
}

/* CAREER */
#career{
	background:#f0f5f9 url(../images/career/bgcareer.jpg) no-repeat top center;
	margin-top:25px
}

#career img{
	text-align:center;
	display:block;
	margin:0 auto
}

#career .block-career{
	margin-bottom: 60px;
	position: relative
}

#career .block-career .recui-form{
	background:#fff;
	padding:30px 70px
}

#career .block-career img{
	text-align: center;
	position: absolute;
	top: -35px;
	left: 47%;
	margin: 0 -15px 0 -15px
}

#career .block-career .recui-form h2{
	text-align:center;
	margin:30px 0px
}

#career .block-career .recui-form .row{
	margin-bottom:15px
}

#career .block-career .recui-form .row span{
	font-size:16px;
	line-height:40px
}

#career .block-career .recui-form .row input[type=text],
#career .block-career .recui-form .row input[type=email],
#career .block-career .recui-form .row textarea{
	padding:10px;
	width:100%;
	margin:0px
}

#career .block-career .recui-form .row input[type=text].form-captcha{
	width:50%
}

#career .block-career .recui-form .row input[type=radio].css-checkbox + label.css-label{
	margin-top:7px
}

#career .block-career .recui-form .row input[type=checkbox].css-checkbox + label.css-label-checkbox{
	width:100%
}

#career .block-career .recui-form .row textarea{
	resize:vertical
}

#career .block-career .recui-form .row ul li{
	width: 31%;
	float: left;
	margin-right: 13px
}

#career .block-career .recui-form .row ul li .custom-select select{
	padding:10px
}

#career .block-career .recui-form .row ul li:last-child{
	margin-right:0px
}

#career .block-career .recui-form img{
	clear: both;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 25px 0px 10px 0px
}

/* CONVERSION */
.conversion .thead-heading {
	background: #36414b;
	padding: 18px 0px 18px 10px;
	font-family: 'sans',Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 18px
}

.conversion .acc-info{
	background:#fafafa;
	padding:20px;
	overflow:hidden
}

.conversion .acc-info ul li {
	line-height: 40px;
	overflow: hidden;
	padding: 5px 0
}

.conversion .acc-info ul li:first-child{
	padding-top:0px
}

.conversion .acc-info ul li label{
	font-weight: bold;
	width: 35%;
	float: left
}

.conversion .acc-info ul li span{
	font-weight: normal;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 65%
}

a.btn-conversion {
	color: #fff;
	background: #3b88c8;
	font-weight: normal;
	display: table;
	outline: none;
	border: 0;
	cursor: pointer;
	padding: 12px;
	text-transform: uppercase;
	font-size: 15px;
	margin:15px auto
}

/* UPGRADE */
.upgrade{
	margin:20px 0px 30px 0px
}

.upgrade .box{
	border:1px solid #f2f2f2	
}

.upgrade .box .box-left{
	background:#f2f2f2;
	padding:20px
}

.upgrade .box .box-left h3{
	margin-bottom:10px
}

.upgrade .box .box-left p i{
	padding-right:20px
}

.upgrade .box .box-left ul{
	border:1px dashed #c2c2c2;
	border-left:none;
	border-right:none;
	padding:10px 0px;
	margin:10px 0px 0px;
	overflow:hidden
}

.upgrade .box .box-left ul li{
	line-height:30px;
	clear:both
}

.upgrade .box .box-left ul li label{
	width:35%;
	font-weight:normal;
	float:left
}

.upgrade .box .box-left ul li span{
	width:65%;
	float:left
}

.upgrade .box .box-right{
	padding:20px;
	overflow:hidden
}

.upgrade .box .box-right h4{
	margin-bottom:20px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

.upgrade .box .box-right #myTab.nav{
	margin:0px
}

.upgrade .box .box-right ul.upgrade-list,
.upgrade .box .box-right ul.upgrade-list-2 {
	margin:15px 0px;
	overflow:hidden;
	padding-bottom:15px;
	border-bottom: 1px dashed #c2c2c2
}

.upgrade .box .box-right ul.upgrade-list li,
.upgrade .box .box-right ul.upgrade-list-2 li{
	padding: 0px 0px 15px 0px;
	overflow: hidden
}

.upgrade .box .box-right ul.upgrade-list li label{
	width:30%;
	float:left;
	font-size:15px;
	font-weight:normal
}

.upgrade .box .box-right ul.upgrade-list-2 li input[type=checkbox].css-checkbox + label.css-label-checkbox{
	width:auto;
	margin:5px 0px
}

.upgrade .box .box-right ul.upgrade-list li span{
	float:left;
	width:70%
}

.upgrade .box .box-right ul.upgrade-list-2 li span{
	float:right;
	line-height:30px
}

.upgrade .box .box-right ul.upgrade-list li label.css-label{
	width:100% !important
}

.upgrade .box .box-right ul.payment-info-upgrade{
	background: #f2f2f2;
	padding: 10px;
	border-top: 2px solid #3b88c8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	margin: 25px 0px
}

.upgrade .box .box-right ul.payment-info-upgrade h4{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	color:#3b88c8
}

.upgrade .box .box-right ul.payment-info-upgrade li{
	line-height:35px
}

.upgrade .box .box-right ul.payment-info-upgrade li:last-child{
	border-top:1px dashed #ccc;
	color:#F00
}

.upgrade .box .box-right ul.payment-info-upgrade li label{
	font-weight:normal;
	float:left
}

.upgrade .box .box-right ul.payment-info-upgrade li span{
	text-align:right;
	display:inherit
}

/* GUIDE */
.guide .thead-heading {
	background: #3b88c8;
	padding: 15px 0px 15px 10px;
	font-family: 'sans',Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 18px;
}

.guide .thead-heading h3{
	color:#fff;
	font-size:20px
}

.guide .acc-info {
	background: #fafafa;
	padding: 20px;
	overflow: hidden
}

.guide .acc-info ul li{
	line-height:35px
}

.guide .acc-info ul li a{
	color:#484848
}

.guide .acc-info ul li a i{
	padding-right:10px
}

.guide .acc-info ul li a:hover{
	color:#f16e2f
}

/* MANAGER DOMAIN */
#manager-domain{
	margin-bottom:35px
}

#manager-domain .box-manager-domain{
	background:#f2f2f2;
	padding:25px
}

#manager-domain .box-manager-domain img{
	float: left;
	margin-right: 20px
}

#manager-domain .box-manager-domain p{
	text-align:justify;
	font-size:15px
}

#manager-domain .box-manager-domain-1 .thead-heading{
	background: #36414b;
	padding: 16px 10px;
	font-family: 'sans',Arial, Helvetica, sans-serif;
	font-size: 18px
}

#manager-domain .box-manager-domain-1 .thead-heading h4{
	color:#fff;
	font-weight:normal
}

#manager-domain .box-manager-domain-1 .thead-heading h4 i{
	padding-right:15px
}

#manager-domain .box-manager-domain-1 .box-manager-domain{
	padding:15px
}

#manager-domain .box-manager-domain-1 .box-manager-domain a{
	background:#f16e2f;
	padding:10px;
	color:#fff;
	display: table;
	margin: 10px auto 0px auto
}

.manager-domain-note{
	width:70%;
	margin:20px auto 0px auto
}

.manager-domain-note h2{
	text-align:center;
	margin-bottom:15px
}

.manager-domain-note p{
	text-align:justify
}

/* LOADING */
.load{
	padding:0px 50px;
	color:#3b88c8
}

.spinner {
  	margin: 0px auto;
	width: 80px;
	height: 50px;
	text-align: center;
	font-size: 10px
}

.spinner > div {
  background-color: #3b88c8;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* BACKORDER */

.intro-backorder{

	margin-bottom:25px
}

.intro-backorder h3{
	color: #3b88c8;
	margin: 15px 0px
}

.intro-backorder h4{
	color: #3b88c8;
	margin: 0px 0px 15px 0px;
	font-size:24px
}

.intro-backorder p{
	text-align: justify;
	line-height: 25px;
	font-size: 15px
}

.intro-backorder img{
	text-align:center;
	margin:0 auto;
	display:block
}

.intro-backorder .callme{
	background:#ffe7dc;
	padding:10px
}

.intro-backorder .callme p,
.intro-backorder .callme p a{
	color:#f16e2f
}

.intro-backorder .callme p i{
	padding-right:15px
}

.intro-backorder .callme span{
	padding-left:30px
}


.intro-backorder a.btn-backorder{
	text-align: center;
	background: #3b88c8;
	padding: 10px;
	color: #fff;
	display: table;
	margin:30px auto 0px auto
}

.intro-backorder textarea{
	width:100%;
	resize:vertical;
	min-height:100px;
	margin:0px
}

.intro-backorder input[type=text],
.intro-backorder input[type=button]{
	width:100%
}

.intro-backorder input[type=button].input-backorder{
	width:20%
}

/* PAGENAVI BACKORDER */
.intro-backorder .pagenavi {
	background: #f2f2f2;
	padding: 20px 20px 35px 20px;
	text-align: right;
	font-size: 18px;
	color: #a2a4a6;
}

.intro-backorder .pagenavi ul {
	float:right
}

.intro-backorder .pagenavi ul li {
	float:left;
	padding: 0px 5px;
	font-family: 'sans-r',Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:14px
}

.fqa-ip p{
	text-align:left !important;
	padding:0px !important;
	width:100% !important;
	font-size:15px !important
}

.fqa-ip img{
	margin:15px 0px
}

/* PAYMENT INFO */
.payment-infomation{
	padding: 35px 0px;
	clear: both
}

.payment-infomation h2 {
	font-size: 35px;
	margin-bottom: 15px;
	text-align: center
}

.payment-infomation h3{
	color:#f16725;
	margin-bottom:10px;
	margin:10px 0px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

.payment-infomation ul.trans-info-bank{
	padding:10px
}

.payment-infomation ul.trans-info-bank:hover{
	background:#3b88c8;
	color:#fff
}

.payment-infomation ul li{
	line-height:28px
}

.payment-infomation ul.list{
	padding:10px;
	margin:10px 0px;
	background:#f8e279;
	color:#6f5c00	
}

.payment-infomation p{
	margin: 0 auto;
	line-height: 25px;
	font-size: 16px;
	text-align:justify
}

.payment-infomation ul.block-address h4{
	text-align:left;
	font-weight:normal;
	margin-bottom:15px;
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
}

.payment-infomation ul.block-address{
	padding:30px;
	margin:30px 0px;
	background:#eaeaea;
	border:4px solid #eaeaea
}

.payment-infomation ul.block-address li{
	line-height:25px
}

.payment-infomation ul.block-address:hover{
	color:#333
}

.payment-infomation ul.block-address li i{
	padding-right:10px;
	margin:0px;
	text-align:left;
	font-size:14px;
	color:#333;
	display:inline-block
}

.payment-infomation .step4 .block-transfer{
	margin:30px 0px;
	clear:both
}

.payment-infomation .step4 .block-transfer h5{
	font-weight:normal;
	font-size:18px;
	margin-bottom:10px;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

.payment-infomation .step4 .block-transfer .row div{
	margin:5px 0px
}

.payment-infomation .step4 .block-transfer .row div img{
	border:3px solid #e1e1e1;
	padding:10px;
	cursor:pointer
}

.payment-infomation .step4 .block-transfer .row div img.select,
.payment-infomation .step4 .block-transfer .row div img:hover{
	border:3px solid #3b88c8
}

/* FORM DOMAIN QT*/
.form-com{
	padding:20px;
	background:#f7f7f7;
	margin-bottom:30px
}

.form-com font{
	/*display:none*/
}

.form-com .note{
	background: #3b88c8;
	color: #fff;
	text-align: center;
	padding: 20px 10px;
	font-size: 18px;
	font-weight: normal;
	position:relative
}

.form-com .note .show_hide_bt{
	position: absolute;
	right: 11px;
	top: 10px;
	cursor: pointer;
	font-size: 14px;
	background: #2a71ab;
	padding: 10px
}

.form-com .note b,
.form-com .h2_title_upgrade_1 b{
	font-family:'sans-bold',Arial, Helvetica, sans-serif;
	font-weight:normal
}

.form-com .alert_note{
	background: #ffc1c1;
	color: #ea3d3d;
	padding:10px;
	font-size:15px;
	clear:both;
	margin-bottom:10px !important
}

.form-com .alert_note p{
	font-size:14px !important;
	color:#ea3d3d;
	text-align:left !important;
	width:100% !important
}

.form-com .h2_title_upgrade_1{
	background: #f8e279;
	color: #6f5c00;
	padding:20px;
	font-size:15px
}

.form-com .div_declaration,
.form-com .declare_form_vps{
	margin:0px;
	overflow: hidden;
	clear: both
}

.form-com .div_declaration h3,
.form-com .declare_form_vps h3{

	font-family:'sans-r',Arial, Helvetica, sans-serif;
	color:#f16725;
	font-weight:normal;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	margin-top:10px
}

.form-com .div_declaration ul,
.form-com .declare_form_vps ul{
	margin:10px 0px 0px 0px;
	font-size: 15px
}

.form-com .div_declaration ul li,
.form-com .declare_form_vps ul li{
	line-height:40px;
	overflow:hidden
}

.form-com .div_declaration label,
.form-com .declare_form_vps label{
	width:30%;
	float:left
}

.form-com .div_declaration ul li span,
.form-com .declare_form_vps ul li span{
	float:left;
	width:70%
}

.form-com .div_declaration ul li input[type=text],
.form-com .declare_form_vps ul li input[type=text]{
	margin: 0px 0px 10px 0px;
	width: 60%;
	padding: 0px 10px
}

.form-com .declare_form_vps ul li textarea{
	margin: 0px 0px 10px 0px;
	width: 60% !important;
	padding: 0px 10px
}

.form-com .div_declaration ul li select,
.form-com .declare_form_vps ul li select{
	width: 60%;
	padding: 9px;
	margin:0px 0px 10px 0px
}

.form-com .title_dk{
	padding:10px;
	background:#cee8ff
}

/* FOOTER */
footer p{
	color:#fff;
}
footer{
background: #158ad9 none repeat scroll 0 0;
border-top: 1px solid #aaa;
margin-top: 20px;
width: 100%;
float: left;
padding-bottom: 30px;
overflow: hidden;
}

footer #box{
	padding:25px 0px
}

footer #box h3{
	color: #3b88c8;
	font-weight: normal;
	font-size: 27px;
	margin-bottom: 15px;
}

footer #box h6{
	font-family: 'sans-r', Arial, Helvetica, sans-serif;
	color:#36414b;
	margin-top:10px;
	font-size:15px
}

footer #box p{
	font-family: 'sans-r', Arial, Helvetica, sans-serif;
	color:#36414b
}

footer #box #submit_register_email{
	position:relative
}

footer #box #submit_register_email input[type=email]{
	width:100%
}

footer #box #submit_register_email input[type=submit]{
	position:absolute;
	right: 0px;
	top: 1px;
	padding: 12px;
	font-family: FontAwesome, 'sans-r',Arial, Helvetica, sans-serif
}

footer #box ul li{
	line-height:30px
}

footer #box ul li a{
	color:#36414b;
	font-size:14px;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	position:relative
}

footer #box ul li a:hover{
	color:#3b88c8
}

footer #box ul li a:before{
	content:'\f111';
	font-family: FontAwesome, 'sans',Arial, Helvetica, sans-serif;

    color:#36414b;
    font-size:8px;
    position:absolute;
    pointer-events:none
}

footer #box ul li a span{
	padding-left:15px
}

footer #box ul.app,
footer #box ul.social{
	margin-top:15px
}

footer #box ul.app li,
footer #box ul.social li{
	float:left;
	margin-right:15px
}
footer #box ul.social li:last-child {margin-right:0;}
footer #box ul.app li a,
footer #box ul.social li a{
	display:block;
	background:#cdcdcd;
	color:#36414b;
	padding: 5px 10px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	width: 40px;
	height: 40px;
	text-align:center;
	font-size:20px
}

footer #box ul.app li a:before,
footer #box ul.news li a:before,
footer #box ul.social li a:before{
	content:'';
    font-size:0px;
}

footer #box ul.app li a:hover{
	background:#3b88c8;
	color:#fff
}

footer #box ul.news li{
	clear: both;
	margin-bottom: 10px;
	overflow: hidden
}

footer #box ul.news li img{
	float:left;
	margin-right:10px;
	border:4px solid #fff;
	width:70px;
	height:70px
}

footer #box ul.news li span{
	padding: 0px;
	line-height: 20px;
	display: block;
	font-size: 14px;
	text-align: justify;
	height: 62px;
	overflow: hidden
}
footer #box ul.social { clear:both; overflow:hidden; padding:8px 0;}
footer #box ul.social li a{
	color:#fff
}

footer #box ul.social li a.fb{
	background:#3b5998
}

footer #box ul.social li a.tw{
	background:#00aced
}

footer #box ul.social li a.yt{
	background:#bb0000
}
footer #box ul.social li a.gplus{
	background:#dd4b39;
}
footer #box ul.social li a.gm{
	background:#4476e4;
}
footer #box h4 {
	font-size:12px; text-align:center; display:block; margin:10px 0;}
footer #box h4 p { font-size:14px; line-height:22px;}
footer #power{
	
	padding: 25px 0px 20px 20px;
	clear: both
}

footer #power p{
	text-align:left;
	font-family:'sans-r',Arial, Helvetica, sans-serif;
	font-size:15px;
	
}
p.footer-name {
    font-size: 31px !important;
    padding-bottom: 26px;
  
}
footer #power ul {
	width:100%;
	/*text-align:center;*/
}





#show-footer{
	background: #428bca;
	color: #fff;
	padding: 15px;
	text-align: center;
	cursor: pointer
}

#img-introduction{
	background:url(../images/intro-bg/intro-gt.jpg) no-repeat top center;
	height:300px
}

#img-introduction img{
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 40px 10px
}

#introduction{
	padding:90px 0px 35px 0px;
	background:url(../images/icon/introduction/intro-dot.gif) no-repeat top center
}

#introduction h4{
	text-align:center;
	font-size:14px;
	font-weight:normal;
	margin-top: 20px;
	text-transform:uppercase;
	font-family:'sans-r',Arial, Helvetica, sans-serif
}

#introduction .img-frame {
	text-align: center;
	margin: 10px auto;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	width: 130px;
	height: 130px;
	background: #f3f3f3;
	display:block
}

#introduction .img-frame:hover{
	background: #2c91e7;
}


#introduction .img-frame .imgfeature1,
#introduction .img-frame .imgfeature2, 
#introduction .img-frame .imgfeature3, 
#introduction .img-frame .imgfeature4 {
	width: 67px;
	height: 72px;
	display: inline-block;
	margin: 33px auto
}

#introduction .img-frame .imgfeature1 {
	background:url(../images/icon/introduction/1.png) center center no-repeat;
}

#introduction .img-frame .imgfeature2 {
	background:url(../images/icon/introduction/2.png) center center no-repeat;
}

#introduction .img-frame .imgfeature3 {
	background:url(../images/icon/introduction/3.png) center center no-repeat;
}

#introduction .img-frame .imgfeature4 {
	background:url(../images/icon/introduction/4.png) center center no-repeat;
}

#introduction .img-frame:hover .imgfeature1{
	background:url(../images/icon/introduction/1hover.png) center center no-repeat;
}

#introduction .img-frame:hover .imgfeature2{
	background:url(../images/icon/introduction/2hover.png) center center no-repeat;
}

#introduction .img-frame:hover .imgfeature3{
	background:url(../images/icon/introduction/3hover.png) center center no-repeat;
}

#introduction .img-frame:hover .imgfeature4{
	background:url(../images/icon/introduction/4hover.png) center center no-repeat;
}

#vision,
#media{
	padding:25px 0px
}

#vision article{
	background:#f3f3f3;
	padding:25px
}

#vision article h2,
#media article h2{
	font-size: 35px;
	text-align: center;
	margin-bottom:15px
}

#vision article p{
	line-height:25px;
	text-align:center;
	font-size:15px;
	padding:5px 0px
}
.facebook-full .container .ifacebook { width:100% !important; min-height:258px !important;border-right: 1px solid #999 !important; background:#fff;}
.facebook-full {background:#3b88c8 url(../images/intro-bg/intro-facebook.jpg) no-repeat; padding:30px 0 20px 0; background-size:cover; background-position:center center;}
.facebook-full h3 { padding-bottom:15px; color:#fff}
.facebook-full h3 i { padding-right:15px;}
#fb-root {
display: none;
}
 
/* To fill the container and nothing else */
.facebook-full .fb_iframe_widget { margin-top:45px; width:100% !important;height:258px; overflow-y:scroll;}
.facebook-full  .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;border-bottom: 1px solid #999 !important;background:#fff;
} 
#media .facebook{
	background:#4865ab;
	padding:10px;
	color:#fff;
	text-align:center;
	margin-bottom:20px
}

#media .facebook img{
	display:block;
	margin:0 auto 10px auto
}

#media .facebook p{
	color:#fff
}

#media .facebook iframe{
	background:#fff;
	width: 100%;
	margin-top:15px
}

#media .clip a{
	display:block
}

#media .clip a .img-bg i {
	position:absolute;
	font-size:60px;
	color:#fff;
	left:40%;
    top:22%
}

#media .clip a .img-bg img{
	width:100%;
	cursor:pointer
}


#media .clip a p{
	text-align:center;
	color:#333;
	margin:15px 0px
}

#content_loading iframe.video{
	padding:0px 15px;
}

@media screen and (max-width: 540px){
	.imgbd {
    min-height: 262px;
	}
	
	img.imgslide {
    width: 100% !important;
    height: 150px !important;
}
.slides {
    width: 100% !important;
    height: 150px !important;
    overflow: hidden;
    float: left;
}
div#slider1_container div{
    width: 100% !important;
    height: 150px;
}
div#slider1_container {
  width: 100% !important;
    height: 150px !important;
}
	.list-new img {
    height: auto !important;
    width: 35% !important;
}
	#registration-domain .block .search-domain .col-lg-1.col-md-1.col-sm-1.row{
		clear:both
	}
	
	#registration-domain .block .wrap-result-domain .result-domain figure .info{
		width:100%;
		position:relative;
		z-index:9
	}
	
	#registration-domain .block .wrap-result-domain .result-domain figure .info h4{
		float:none;
		padding:0px;
		text-align:left
	}
	
	#registration-domain .block .wrap-result-domain .result-domain.success figure i,
	#registration-domain .block .wrap-result-domain .result-domain.fail figure i {
		font-size: 160px;
		position: absolute;
		opacity: 0.3;
		z-index: 9;
		bottom: 0px;
		right: 24px
	}

	#registration-domain .block .wrap-result-domain .result-domain.success figure .info p, 
	#registration-domain .block .wrap-result-domain .result-domain.fail figure .info p{
		padding:10px 0px
	}
	
	#registration-domain .block .wrap-result-domain .result-domain figure .info p .price-domain, 
	#registration-domain .block .wrap-result-domain .result-domain figure .info p .total-price-domain{
		float:none;
		display:block
	}

	
	#other-service .block-manager-server figure div.price,
	#other-service .block-reseller figure div.price{
		width:100%;
		text-align:center
	}
	
	#other-service .block-manager-server figure h4, 
	#other-service .block-reseller figure h4,
	#other-service .block-manager-server figure span.small,
	#other-service .block-reseller figure span.small{
		text-align:center;
		display: block;
		float: none
	}
	
	#other-service .block-manager-server figure span.small,

	#other-service .block-reseller figure span.small{
    	line-height: normal;
		padding-bottom:10px
	}
	
	#other-service .block-manager-server{
		background:#0dcc3e url(../images/manager-server-1.jpg) left bottom no-repeat;
		height:auto;
		padding-bottom:15px
	}
	
	#other-service .block-manager-server ul,
	#other-service .block-reseller ul{
		width:100% !important;
		padding:0px 16px;
		text-align:center
	}
	
	#other-service .block-reseller {
    	background:#e8a522 url(../images/reseller-1.jpg) left bottom no-repeat;
    	height: auto;
		padding-bottom:15px
	}
	
	#other-service .block-manager-server a.readmore,
	#other-service .block-reseller a.readmore{
		margin:0 auto;
		text-align:center
	}
	
	#img-introduction img{
		padding:70px 10px
	}
	
	#media .col-xs-6.clip{
		width:100%
	}
	
	#media .clip a .img-bg i {
	    left: 45%;
    	top: 30%
	}
}

@media screen and (min-width: 1200px){
	#server .block-sv-manager .sv2{
		min-height:375px
	}
	
	#popup-domain .block-popup-domain .inner-popup-domain{
		min-height:418px
	}
}

@media screen and (min-width: 1024px){
	.popup-shopping{
		width:60% 
	}
	
	#popup-domain .block-popup-domain .mt25.topbutton{
		display:none
	}
}

@media screen and (width: 1024px){
	#server .block-sv-manager .sv2{
		min-height:440px
	}
	
	#popup-domain .block-popup-domain .inner-popup-domain{
		margin-bottom:20px;
		min-height:400px
	}
	
	#intro-software figure .box-intro-software.cpnel,
	#intro-software figure .box-intro-software.direct{
		min-height:246px
	}

	#intro-software figure .box-intro-software.cpnel p,
	#intro-software figure .box-intro-software.direct p{
		min-height:150px
	}

	#intro-software figure .box-intro-software.plesk,
	#intro-software figure .box-intro-software.cloudlinux{
		min-height:270px
	}

	#intro-software figure .box-intro-software.plesk p,
	#intro-software figure .box-intro-software.cloudlinux p{
		min-height:175px
	}

	#intro-software figure .box-intro-software.litespeed p,
	#intro-software figure .box-intro-software.kas p{
		min-height:77px
	}
	
	.popup-hosting{
		width:50%
	}

}

@media screen and (max-width: 1024px){ 
	#questions .intro p{
		text-align:center;
		margin-bottom:15px
	}
	
	#questions .intro a{
		width:30%;
		display:block
	}
	
	#custom-service .fun .time{
		margin:10px 0px
	}
	
	.cart-list li.total div.unit-price {
		color:#333;
		font-weight:700
	}

	.cart-list li.total div.price {
		color:#000;
		font-weight:700
	}

	.cart-list li {
		display:block;
		position:relative;
		border:1px solid #dadada;
		margin:10px 0px;
		padding:0;
		
	}
	
	.cart-list li{
		margin:0px 0px 15px 0px
	}
	
	.cart-list li:last-child{
		margin:0px
	}
	
	.cart-list li:nth-child(2n){
		background:#f7f7f7
	}

	.cart-list li div {
		display:block;
		border:0;
		border-bottom:1px dotted #e1e1e1;
		border-top:0 solid #eee;
		padding:5px
	}

	.cart-list li div.name {
		width:100%;
		float:left;
		color:#333;
		background:#fff;
		font-size:13px;
		padding:14px
	}

	.cart-list li div.name div {
		display:table;
		height:50px;
		overflow:auto;
		width:72%
	}
	
	.cart-list li div.name div span {
		display:table-cell;
		height:100%;
		vertical-align:middle;
		text-align:left
	}
	
	.cart-list li div.name ul.name-sv li{
		margin:0px
	}
	
	.cart-list li div.name:after {
		content:"";
		display:table;
		clear:both
	}
	
	.cart-list li div.amount span {
		display:inline-block;
		font-weight:400;
		width:35%;
		float:left;
		text-align:left;
		margin-top:2px
	}

	.cart-list li div.price,
	.cart-list li div.vat-price,
	.cart-list li div.unit-price,
	.cart-list li div.total-price,
	.cart-list li div.amount {
		width:100%;
		text-align:right;
		border:0;
		color:#FF5252;
		padding:14px;
		clear:both;
		border-bottom:1px solid #eee
	}
	
	.cart-list li div.total-price{
		border-bottom:none
	}
	
	.cart-list li div.amount select{
		margin:0px;
		padding:10px
	}
	
	.cart-list li div.amount .custom-select{
		width:20%
	}
	
	.cart-list li div.cs {
		position:absolute;
		top: 20px;
		right: 0px;
	}

	.cart-list li div.num-order,
	.cart-list li.thead,
	.cart-list li.total div.name,
	.cart-list li.total div.amount,
	.cart-list li.total div.unit-price,
	.cart-list li div.cart-total {
		display:none
	}

	.cart-list li div.unit-price span,
	.cart-list li div.vat-price span,
	.cart-list li div.price span, 
	.cart-list li div.total-price span,
	.cart-list li div.amount span {
		display:inline-block;
		font-weight:700;
		width:35%;
		float:left;
		color:#333;
		text-align:left
	}
	
	#cart .giohang .formcart .signup-cart{
		position:relative;
		border:none;
		border-bottom:1px solid #e5e5e5
	}
	
	#cart .giohang .formcart .login-cart{
		border:none;
		border-top:1px solid #fff
	}
	
	#introduction{
		background:none;
		padding:65px 0px 35px 0px
	}
	
	#cart .giohang .formcart .signup-cart-2{
		background:#f2f2f2;
		padding:20px
	}
	
	.cart-list-b3 li.total div.unit-price {
		color:#333;
		font-weight:700
	}

	.cart-list-b3 li.total div.price {
		color:#000;
		font-weight:700
	}

	.cart-list-b3 li {
		display:block;
		position:relative;
		border:1px solid #dadada;
		margin:10px 0px;
		padding:0;
		
	}
	
	.cart-list-b3 li{
		margin:0px 0px 15px 0px
	}
	
	.cart-list-b3 li:last-child{
		margin:0px
	}
	
	.cart-list-b3 li:nth-child(2n){
		background:#f7f7f7
	}

	.cart-list-b3 li div {
		display:block;
		border:0;
		border-bottom:1px dotted #e1e1e1;
		border-top:0 solid #eee;
		padding:5px
	}

	.cart-list-b3 li div.name {
		width:100%;
		float:left;
		color:#333;
		background:#fff;
		font-size:13px;
		padding:14px
	}

	.cart-list-b3 li div.name div {
		display:table;
		height:50px;
		overflow:auto;
		width:72%
	}
	
	.cart-list-b3 li div.name div span {
		display:table-cell;
		height:100%;
		vertical-align:middle;
		text-align:left
	}
	
	.cart-list-b3 li div.name ul.name-sv li{
		margin:0px
	}
	
	.cart-list-b3 li div.name:after {
		content:"";
		display:table;
		clear:both
	}
	
	.cart-list-b3 li div.amount span {
		display:inline-block;
		font-weight:400;
		width:35%;
		float:left;
		text-align:left;
		margin-top:2px
	}

	.cart-list-b3 li div.price,
	.cart-list-b3 li div.vat-price,
	.cart-list-b3 li div.unit-price,
	.cart-list-b3 li div.total-price,
	.cart-list-b3 li div.amount {
		width:100%;
		text-align:right;
		border:0;
		color:#FF5252;
		padding:14px;
		clear:both;
		border-bottom:1px solid #eee
	}
	
	.cart-list-b3 li div.total-price{
		border-bottom:none
	}
	
	.cart-list-b3 li div.amount select{
		margin:0px;
		padding:10px
	}
	
	.cart-list-b3 li div.amount .custom-select{
		width:20%
	}
	
	.cart-list-b3 li div.cs {
		position:absolute;
		top: 20px;
		right: 0px;
	}

	.cart-list-b3 li div.num-order,
	.cart-list-b3 li.thead,
	.cart-list-b3 li.total div.name,
	.cart-list-b3 li.total div.amount,
	.cart-list-b3 li.total div.unit-price,
	.cart-list-b3 li div.cart-total {
		display:none
	}

	.cart-list-b3 li div.unit-price span,
	.cart-list-b3 li div.vat-price span,
	.cart-list-b3 li div.price span, 
	.cart-list-b3 li div.total-price span,
	.cart-list-b3 li div.amount span {
		display:inline-block;
		font-weight:700;
		width:35%;
		float:left;
		color:#333;
		text-align:left
	}
	
	header#header nav.topmenu ul li a.btn{
		padding:10px
	}
	
	.navbar .nav>li>a{
		padding:15px
	}
}

@media screen and (min-width: 1024px){
	#price-domain .custom-select,
	.giohang .step4 .custom-select,
	#intro-email .custom-select{
		display:none
	}
}

@media screen and (min-width: 992px){
	#st-trigger-effects{
		display:none
	}
	
	#feature-sv article{
		min-height:78px
	}
}

@media screen and (max-width: 992px){
.rowr{
	display:none !important;
}
.rowl{
	   border: medium none !important;
    width: 100% !important;
}
.logomobi {
  width: 161px;
  display:block;
   margin: 0px auto;
}
.containerlogo {
  background: #fff none repeat scroll 0 0;
  border-bottom: 2px solid #ccc;
  float: left;
  overflow: hidden;

  text-align: center;
  width: 100% !important;
}
.tuvanmobi {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 20px;
    width: 100%;
	display:block !important;
	
}
	#mainslider,
	#registration-domain,
	#intro-email,
	#services,
	#price-domain,
	.payment-infomation{
		clear:both;
		/*margin-top:57px*/
	}
	.popupwhois{
width:90%
}
	#cart .cart-step{
		margin:120px 0px 0px 0px
	}
	
	#popup-domain .block-popup-domain .mt25.topbutton{
		margin:10px 0px 20px 0px!important
	}
	
	#st-trigger-effects{
		display:block;
		left: 0px;
		    position: fixed;
		top: -3px
	}
	
	header#header{
		overflow:inherit
	}
	
	header#header .topmenu-responsive .logo-black img{
		text-align: center;
		display: block;
		margin: 0 auto
	}
	
	header#header .topmenu-responsive .logo-black .black-cart{
		float:right;
		font-size:17px;
		color:#fff;
		position: absolute;
		right: 10px;
		top: -6px	
	}

	.navbar{
		display:none !important
	}
	
	header#header{
		padding:0px
	}
	
	header#header .logo{
		float: left;
	}
	
	header#header nav.topmenu{
		text-align:center
	}
	
	header#header nav.topmenu ul{
		float:none;
		text-align: center;
		display: inline-block;
		margin: 10px 0px 0px 0px;
	}
	
	#registration-domain .block ul li{
		margin: 0;
    	padding-bottom: 10px;
	    width: 50%
	}
	
	#form-dk .form-dk .dk .col-sm-12,
	#form-dk .form-dk .dk .col-xs-12{
		margin-bottom:15px
	}
	
	.background .additional{
		width:100%
	}

	.background .additional ul li input.css-checkbox[type="checkbox"] + label.css-label-checkbox{
		width:70%
	}
	
	#services p,
	#services ul.discount,
	#services ul.discount li{
		width:100%

	}
	
	#services ul.discount{
		padding:15px
	}
	#services ul.user-guide li {
		display:block}
	#services ul.user-guide li a {
		width:100%;
		display:block;
		margin-bottom:10px}
	#software .block-sv p{
		margin-bottom:15px
	}
	
	#software .block-sv .heading,
	table.price-software{
		margin:0px
	}
	
	#reseller .wrap .login-reseller{
		position:static;
		left:0px
	}
	
	#reseller .hotline-reseller span{
		display:block;
		font-size:17px
	}
	
	#server .block-sv-manager .sv2{
		min-height:auto !important
	}
	
	#cart .giohang p{
		width:100%
	}

	
	p.km_style{
		text-align:right !important
	}
	
	#cart .giohang p strong{
		font-weight:normal;
		font-family:'sans-bold',Arial, Helvetica, sans-serif
	}
	
	#price-domain #myTab.nav,
	.giohang .step4 #myTab.nav,
	#intro-email #myTab.nav{
		display:none
	}
	
	#price-domain .custom-select,
	.giohang .step4 .custom-select,
	#intro-email .custom-select{
		display:block
	}
	
	#contact .block-contact{
		clear:both;
		overflow:hidden
	}
	
	#contact .block-contact ul{
		padding-left:70px
	}
	
	#introduction section{
		min-height:210px
	}
	
	#login{
		width:80%
	}
	
	#popup-domain .block-popup-domain .inner-popup-domain{
		margin-bottom:20px;
		min-height:auto !important
	}
	
	.manager-domain-note{
		width:100%
	}
	
	#intro-software figure .box-intro-software.cpnel, 
	#intro-software figure .box-intro-software.direct,
	#intro-software figure .box-intro-software.plesk, 
	#intro-software figure .box-intro-software.cloudlinux,
	#intro-software figure .box-intro-software.litespeed, 
	#intro-software figure .box-intro-software.kas,
	#intro-software figure .box-intro-software.cpnel p, 
	#intro-software figure .box-intro-software.direct p,
	#intro-software figure .box-intro-software.plesk p, 
	#intro-software figure .box-intro-software.cloudlinux p,
	#intro-software figure .box-intro-software.litespeed p, 
	#intro-software figure .box-intro-software.kas p{
		min-height:inherit !important
	}
	
	.form-com .note .show_hide_bt{
		position:inherit;
		right:0px
	}
	
	.tp-bullets{
		display:none;
		font-family:Arial, Helvetica, sans-serif
	}
	
	/*.tp-leftarrow{
		left:25px !important;
		top:160px !important
	}
	
	.tp-rightarrow{
		right:25px !important;
		top:160px !important
	}*/
	
	#address-news .address{
		padding:15px 0px
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.popup-hosting{
		width:80% 
	}
	
	.popup-shopping{
		width:90%
	}
	
	footer #box article{
		min-height:330px
	}
}

@media screen and (max-width: 768px){
.sidebar-container{
	width:100%;
}
.tuvanmobi {
   
}
	#custom-service ul.config li{
		text-align:left;
		width:100%;
		padding:10px 0px;
		border-bottom: 1px solid #e9e9e9;
		border-right:none
	}
	
	#custom-service ul.config li:last-child{
		border-bottom:none
	}
	
	#custom-service ul.config li span{
		float:left
	}
	
	#custom-service ul.config li span.float{
		float:right
	}
	
	.off-slide{
		display:none
	}
		
}


@media screen and (max-width: 768px){
	#hosting .col-lg-3 { width:100%; padding:0 15px;}
	#service {
  width: 100%;
}
#contact {
  margin-top: 0 !important;
  overflow: hidden !important;
  position: unset !important;
  width: 90% !important;
  border: 1px solid #aaa;
}
#header {
  overflow: hidden;
  padding-bottom: 15px !important;
}
#cotphai {
  width: 100%;
display: none;
}
.banner {
 
  width: 100% !important;
}
.ttheader > h2 {
  font-size: 31px !important;
 
}
.footer img {
 
  width: 100%;
}
.logof {
  width: 100% !important;
}
.ttf {
  width: 100% !important;
}
p.gia {
  font-size: 11px;
}
.img-responsive {
  width: 100%;
}
.ProductDirectoryItem {
  
  width: 31%;
}
.spweb {
	height:auto !important;
  width: 100%;
}
}
@media screen and (min-width: 768px){
	#services.hosting .custom-select,
	#services.server .custom-select,
	#services.software .custom-select,
	#services.reseller .custom-select,
	.upgrade .box .box-right .custom-select{
		display:none
	}
	
	.upgrade .box .box-right ul.upgrade-list li span .custom-select{
		display:block
	}
}

@media screen and (min-width: 641px) {
	.giohang .step4 .block-transfer .custom-select,
	.payment-infomation .step4 .block-transfer .custom-select{
		display:none
	}
	#contact {
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 90%;
}
}
@media screen and (max-width: 640px){
	#registration-domain .block .search-domain input[type=text],
	#registration-domain .block .search-domain .custom-select{
		width:100%;
	}
	
	#address-news .address .list-address, 
	#address-news .address .hotline{
		width:100%
	}
	
	#registration-domain .block .search-domain .col-lg-1.col-md-1.col-sm-1.row{
		clear:both
	}
	
	#registration-domain .block .search-domain input[type="submit"]{
		width:100%;
		margin:6px 0px;
		float:none; 
		border-radius:0
	}
	
	.background .additional ul li{
		overflow:hidden
	}
	
	.background .additional ul li input.css-checkbox[type="checkbox"] + label.css-label-checkbox{
		width:100%;
		float:left
	}
	
	#services.hosting .nav-tabs,
	#services.server .nav-tabs,
	#services.software .nav-tabs,
	#services.reseller .nav-tabs,
	.upgrade .box .box-right #myTab.nav{
		display:none
	}
	
	.menu-collapser {
		position: relative;
		background-color: #36414b;
		color: #FFF;
		width: 100%;
		height: 30px;
		line-height: 48px;
		font-size: 16px;
		padding: 0 8px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	
	.collapse-button {
		position: absolute;
		right: 6px;
		top: 48%;
		width: 40px;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-style: solid;
		border-width: 1px;
		color: #FFFFFF;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
		padding: 7px 10px;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		cursor: pointer;
		font-size: 14px;
		text-align: center;
		transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	
	.collapse-button:hover, .collapse-button:focus {
		color: #FFF;
	}
	
	.collapse-button .icon-bar {
		background-color: #F5F5F5;
		border-radius: 1px 1px 1px 1px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		display: block;
		height: 2px;

		width: 18px;
		margin: 2px 0;
	}
	
	ul.slimmenu.collapsed li {
		display: block;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	
	ul.slimmenu.collapsed li a {
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.075);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	
	header#header{
		margin-bottom:0px
	}
	
	header#header .container{
		padding:0px;
		margin:0px
	}
	
	header#header .container .row{
		margin:0px;
		padding:0px;
		margin-left: -30px;
		margin-right: -30px;
	}
	
	header#header nav.topmenu-responsive ul{
		margin:5px 0px 0px !important
	}
	
	header#header nav.topmenu-responsive ul li{
		margin-right: 60px;
		padding:0px 0px
	}
	
	header#header nav.topmenu-responsive ul li a.btn{
		width:100%;
		text-align:left;
		border-radius:0
	}
	
	header#header nav.topmenu-responsive ul li a.effect {
		background:#36414b
	}
	
	header#header nav.topmenu-responsive ul li a.effect:hover,
	header#header nav.topmenu-responsive ul li a.active {
		background:#3b88c8
	}
	
	table.list-price tr td a.addcart-domain{
		padding:6px 10px;
		background:#55c03b;
		color:#fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		display: block;
		margin: 0px auto;
		text-align: center
	}
	
	table.list-price tr td a.addcart-domain i,
	table.list-price tr td a.errorcart-domain i,
	table.list-price tr td a.regcart-domain i{
		padding:0px
	}
	
	table.list-price tr td a.errorcart-domain{
		padding:6px 10px;
		background:gray;
		color:#fff !important;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		display: block;
		margin: 0px auto;
		text-align: center;
		cursor:default
	}
	
	table.list-price tr td a.regcart-domain{
		padding:6px 10px;
		background:#f16725;
		color:#fff !important;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		display: block;
		margin: 0px auto;
		text-align: center;
		cursor:default
	}
	
	.giohang .step4 .block-transfer .custom-select{
		display:block
	}
	
	.payment-info li label{
		width:100%
	}
	
	ol.progtrckr[data-progtrckr-steps="4"] li{
		width:19%
	}
	
	ol.progtrckr li.progtrckr-done,
	ol.progtrckr li.progtrckr-todo{
		border:none
	}
	
	ol.progtrckr li.progtrckr-done a p,
	ol.progtrckr li.progtrckr-todo p{
		display:none
	}
	
	#contact .block-contact ul{
		float:none !important;
		width:100% !important;
		padding-left:18px !important
	}
	
	#contact .form-contact input.form-captcha[type="text"]{
		width:50%
	}
	
	#career .block-career .recui-form{
		padding:30px	
	}
	
	.intro-backorder input[type=button].input-backorder{
		width:100%
	}
	
	.popup-hosting{
		width:100% !important
	}
	
	#cart .giohang .formcart .signup-cart-2 .custom-select select{
		margin-bottom:10px
	}
	
	.form-com .div_declaration label,
	.form-com .declare_form_vps label{
		width:100%;
		float:left
	}

	.form-com .div_declaration ul li span,
	.form-com .declare_form_vps ul li span{
		float:left;
		width:100%
	}
	
	.form-com .div_declaration ul li input[type=text], 
	.form-com .declare_form_vps ul li input[type=text],
	.form-com .div_declaration ul li select, 
	.form-com .declare_form_vps ul li select{
		width:90%
	}
	
	.captcha label{
		width:100%
	}
	
	.popup-shopping{
		width:90%
	}
	
	.birthday1 a.more-detail,
	.slider-2 a.more-detail,

	.slider-1 a.more-detail{
		display:none
	}
	
	#cart .giohang .formcart .acc-info-reseller ul li{
		line-height:25px
	}
	
	#cart .giohang .formcart .acc-info-reseller ul{
		padding:0px
	}
	
	#cart .giohang .formcart .acc-info-reseller ul li span select{
		width:100%
	}
	
	#feature .block{
		min-height:260px
	}
	
	#feature .block .img-frame{
		width:100px;
		height:100px
	}
	
	#feature .img-frame .imgfeature1, 
	#feature .img-frame .imgfeature2, 
	#feature .img-frame .imgfeature3, 
	#feature .img-frame .imgfeature4{
		margin:18px auto
	}
	
	#feature .block h3{
		font-size:18px
	}
	
	#service .intro .block{
		min-height:inherit
	}
	
	#service .intro .block .img{
		height:inherit;
		margin-bottom:10px
	}
	
	#service .intro .block .img img{
		top:0px
	}
	
	#customer{
		padding:25px 0px 10px 0px
	}
	
	#address-news{
		padding:0px
	}
	
	#address-news .address .list-address,
	#address-news .address .hotline{
		margin-top:20px !important
	}
	
	#address-news .address{
		padding:0px 0px 15px 0px !important
	}
	
	#address-news .news .caption .crop{
		height:200px
	}
}

@media screen and (max-width: 568px){
	#questions .intro p{
		font-size:16px
	}
	
	#questions .intro{
		padding:15px 0px
	}
	
	#other-service .block-manager-server ul{
		width:40% 
	}
	
	#other-service .block-reseller ul{
		width:50%
	}
	
	#check-domain{
		padding:25px 0px 10px 0px
	}
}
@media screen and (max-width: 480px){
	.bgtour {
  
  width: 50%;
  float: left;
}
.sidebar-container{width:100%;}

.bgtour a {
 
min-height: 175px;
}
h2.duanhome {
 
  font-size: 20px !important;
  
  padding: 2.5%;
}
p.footer-name {
  font-size: 17px !important;
 
}
	#questions .intro a{
		width:100% !important
	}
	.ProductDirectoryItem {
    width: 100%;
}
	.imgsp {
 
  width: 100%;
}
.thongtin {
  float: left;
  width: 100%;
}
.container1 {
  
  width: 100%;
}
.container2 {
  
  width: 100%;
}.container3 {
  
  width: 100%;
}
	#price-domain .des img,
	#manager-domain .box-manager-domain img{
		float:none;
		text-align:center;
		margin:0 auto 10px auto;
		display:block
	}
	
	#reseller .signup-reseller select{
		width:100%;
		margin-right:0px
	}
	
	#custom-service .fun .chooseos span{
		line-height:40px
	}
	
	#custom-service .fun .chooseos .custom-select select,
	#custom-service .fun .chooseos .custom-select:before{
		display:block
	}
	
	#custom-service .fun .chooseos input[type=radio].css-checkbox + label.css-label{
		display:none
	}
	
	#cart .giohang .formcart .acc-info ul li label,
	#cart .giohang .formcart .acc-info ul li span,
	#cart .giohang .formcart .acc-info-reseller ul li label,
	#cart .giohang .formcart .acc-info-reseller ul li span,
	.conversion .acc-info ul li label,
	.conversion .acc-info ul li span,
	.transfer-domain .acc-info ul li label,
	.transfer-domain .acc-info ul li span,
	.transfer-domain .acc-info ul li input[type=text],
	#cart .giohang .formcart .acc-info-b3 ul li label,
	#cart .giohang .formcart .acc-info-b3 ul li span{
		width:100%
	}
	
	#cart .giohang .formcart .acc-info ul li input[type="text"], 
	#cart .giohang .formcart .acc-info ul li select{
		width:90%
	}
	
	.transfer-domain .acc-info ul li span input[type=text]{
		margin-top:10px
	}
	
	.transfer-domain .acc-info ul li input[type=submit]{
		margin: 0px auto;
		display:block			
	}

	#contact .form-contact input.form-captcha[type="text"]{
		width:100% !important
	}
	
	.upgrade .box .box-right ul.upgrade-list li label,
	.upgrade .box .box-right ul.upgrade-list li span{
		width:100%
	}
	
	.upgrade .box .box-right ul.upgrade-list li span{
		margin-top:10px
	}
	
	.popup-hosting ul.box-popup-hosting li input[type=text].domainnull,
	.popup-hosting ul.box-popup-hosting li input[type=submit]{
		width:100%
	}
	
	.cart-list li div.amount .custom-select{
		width:50% !important
	}
	
	#feature .col-xs-6{
		width:100%
	}
	
	#feature .block{
		min-height:inherit !important
	}
}

@media screen and (max-width: 360px){
	#service .intro .block .img{
		display: block;
	    float: none;
    	margin: 0 auto;
	    text-align: center;
	}
	
	#service .intro .block h4{
		text-align:center
	}
	
	#service .intro .block .pull-right{
		float:none !important
	}
	
	#service .intro .block a.more{
		text-align:center
	}
	
	#service .intro .block a.dis-price,
	#service .intro .block .old-price{
		width:100%
	}
	
	#custom-service #myTab.nav{
		border:1px solid #ddd
	}
	
	#custom-service #myTab.nav-tabs > li{
		width:100%;
		border-bottom:1px solid #ddd
	}
	
	#registration-domain .block ul li{
		width:100% !important
	}
	
	#check-domain ul li{
		width:100%
	}
	
	.background .additional ul li input.css-checkbox[type="checkbox"] + label.css-label-checkbox{
		width:100% !important
	}
	
	.cart-list li div.cs{
		right:8px !important
	}
	
	#cart .giohang a.btnsave, 
	#cart .giohang a.btndelete{
		width:100%
	}
	
	#cart .giohang a.btndelete{
		margin-top:10px
	}
	
	#login{
		width:90% !important
	}
	
	#career .block-career .recui-form .row ul li{
		width:100%; 
		margin:0px 0px 10px 0px	
	}
	
	#career .block-career .recui-form .row ul li:last-child{
		margin-bottom:0px
	}
	
	#career .block-career .recui-form .row input[type=submit]{
		width:100%
	}
	
	.upgrade .box .box-right ul.upgrade-list-2 li span{
		float:left !important;
		width:100%;
		margin-top:10px
	}
	
	.block_submit_1 input[type=button]{
		font-size:11px
	}
	
	#content_loading iframe.video{
		width: 100%    !important;
		height: auto   !important;
	}

}


/* Ẩn các thẻ meta cho SEO */
.meta_key
{
	display:none	
}


.headingwhois{
font-weight: bold;
padding: 5px 0px;
text-transform: uppercase;
border-bottom: 3px solid #ff6600;
color: #333;
margin-bottom: 10px
}

.flright{
	margin-left: 20px;
	float: right;
	line-height: 35px
}

.clear {
	clear: both;
}
.flleft {
	float: left;
	line-height: 35px
}

.notification2 {
    background-color: #fffbcc;
    border: 1px solid #e6db55;
    border-radius: 3px;
    clear: both;
    float: right;
    font-size: 11px;
    line-height: 16px;
    padding: 7px;
    width: 770px;
	margin-bottom:10px;
}

/* Quản trị máy chủ */
.manage-server-custom{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:20px;
	margin-bottom:25px
}

.manage-server-custom p{
	margin:0px 0px;
	padding:10px 0px !important
}

.manage-server-custom .floatleft{
	float:left
}

.manage-server-custom a{
	display: block;
	float: right;
	background: #3b88c8;
	padding: 10px;
	color: #fff
}

/*Pay*/
.pay{
	border-bottom:1px dashed #eee;
	overflow:hidden;
	margin-bottom: 15px;
padding-bottom: 15px
}
.pay:last-child{
	border-bottom:none;
	margin-bottom:0px;
	padding-bottom:0px
}
.pay img{
	text-align:center;
	display:block;
	margin:15px auto;
	border:1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.list_promotion_code{
    clear: both !important;
    padding: 10px !important;
    border:1px solid #eee;
    border-top:none
}

.list_promotion_code div{
    clear: both !important;
}

.list_promotion_code ul li{
    color: #333;
    float: none;
    border:none !important;
    background: #fff !important;
}


.nh_payment_guide {
    color: #f00;
    font-size: 13px;
    text-transform: capitalize;
}
.nh_payment_guide a {
    color: #f00;
}
.rowl p {
	
    text-align: justify;
    line-height: 1.8em;
    padding-top: 5px;
    padding-bottom: 5px;
}
.rowl h3 {
padding-bottom:10px;
}
.rowl {
  width: 70%;
  border-right: 1px solid #ccc;
  float:left;
   text-align: justify;
     padding: 20px 1%;
}
.tomtat {
  float: left;
  padding-left: 2%;
  width: 74%;
}
.page_content_detail2 > h1 {
  font-size: 25px;
}
.tt1 {
  padding-top: 30px;
}
.tintuc {
  border-bottom:1px solid #CCCCCC;
  float:left;
  overflow:hidden;
padding-bottom: 20px;
  width:100%;

}
.tintuc img {
  border: 1px solid #ddd;

  margin-top: 19px;
  padding: 0;
  width: 100%;
}
.tintuc > h2 {
  line-height: 0.3em;
}
.cf.mgt-5.textAc > span {
  color: #ef4036;
font-size: 21px;
text-transform: uppercase;
}
.tintuc h2 {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 20px;
  text-transform: uppercase;
}
.rowr {
  float: left;
  width: 28%;
  padding-left: 2%;
  padding-top: 20px;
  line-height: 2em;
   overflow: hidden;
}
#mb h3{
	padding-bottom:10px;
}
#mb {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  padding-top: 20px;
}
.checkdomain {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
	
}

.tintucmoi h3 a{
	color:#000;
}
.tintucmoi img {
  height: 80px;
  padding-right: 10px;
  width: 110px;
}
.tintucmoi h3 {
    padding-bottom: 10px;
    text-transform: uppercase;
}
.tintucmoi {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  padding-top: 20px;
	
}
.pageinput textarea{
	font-size:15px !important;
}
.giaodien {
  float: left;
  width: 30%;
  margin-right: 20px;
  text-align: center;
}
.giaodien img {
  border: 1px solid #ccc;
  padding: 1px;
  width: 100%;
}
ul#phantrang {
    float: right;
    overflow: hidden;
}
ul#phantrang li {
    float: left;
    margin-left: 5px;
    text-align: center;
}
ul#phantrang li a:hover, ul#phantrang li a.active, ul#phantrang li.active a {
    background: #c8ecdd none repeat scroll 0 0;
    color: #000;
}
ul#phantrang li a {
    background: #31c36c none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    display: block;
    padding: 1px 7px;
    text-align: center;
}
.news > li:hover span{
	text-decoration: underline;
}
.news > li {
  border-bottom: 1px solid #ccc;
overflow: hidden;
padding-bottom: 5px;
padding-top: 5px;
width: 100%;
}
.rowl ul li {
 list-style: outside !important;
  margin-left: 50px;
}
#top {
  bottom: 20px;
  display: inline;
  position: fixed;
  right: 20px;
  z-index: 9999;
  width:50px;
}
.ttf {
  width: 75%;
}
.logof {
  width: 25%;
}
div.view_info {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
  color: #000;
  cursor: default;
  display: none;
  line-height: 160%;
  padding: 10px 15px;
  position: absolute;
  width: 600px;
  z-index: 2;
}
.ftable td {
  border: 1px solid;
  padding: 6px;
}
.newstyle {
  background: #fff none repeat scroll 0 0;
  text-align: center;
   width: 100%;
}
table.newstyle tr td {
  border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ddd;
  padding: 14px 0;
  text-align: center;
}
table.newstyle tr td.main_package {
  color: #fff;
  line-height: 175%;
}
.titlerow {
  background: #e5e5e5 none repeat scroll 0 0;
}
table tr td {
  border: 1px solid #aaa;
  padding: 5px;
}

.inputbox {
  float: left;
  margin: 0 !important;
  padding: 10px 20px !important;
  width: 80%;
}
.button {
background: #1460ab none repeat scroll 0 0 !important;
float: left;
margin: 0;
padding: 10px 20px !important;
width: 20%;
}

.namesp {
  background: #0000ff none repeat scroll 0 0;
  border-radius: 20px 20px 0 0;
  color: #fff;
  overflow: hidden;
  padding: 4px 4px 13px;
  text-align: center;
  margin-top: 20px;
  width: 100%;
}
.white{
	background:#fff;
	  float: left;
    padding: 10px;
}
.num_price {
  font-weight: bold;
  font-size: 20px;
}
	.button > img {
  width: 27px;
}
.hor0.Bitem > h2 {
     font-size: 18px;
    margin-top: 23px;
    background: #158ad9;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 4%;
}
.news-right {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ccc;
    padding-left: 20px;
}
img.img-right {
    padding: 1%;
    border: 1px solid #ccc;
}
.thongke > li {
  float: left;
  text-align: left;
  width: 100%;
}
.timkiem {
  overflow: hidden;
}
.title {
  background: #ef4036 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 23px;
  overflow: hidden;
  padding: 5%;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
#message {
  border: 1px solid #999;
  width: 100% !important;
}
.nhaptt {
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
}
.label {
  color: #ef4036;
  float: left;
  font-size: 13px;
  padding-top: 20px;
  text-align: left;
  width: 20%;
}
.input {
  float: left;
width: 80%;
border: 1px solid #999;
}
.guiyeucau {
  width: 50%;
  background: #ef4036 !important;
  color: #fff;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
.khachhang .news li {
  float: left;
  padding-left: 1%;
  padding-right: 1%;
  width: 30%;
}
.tinkhac .news > li {
  padding-left: 20px;
  list-style: inside;
}
.page_content_detail2 {
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
}
.rsOverflow {
  height: 100% !important;
  overflow: hidden;
}
.rsImg.preload-me.rsMainSlideImage {
  margin: 0px !important;
}
/* #page {
  height: 413px !important;
  overflow: hidden;
  position: relative;
} */
.product_hier {
  padding-top: 5px;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;

}
.product_hier > a {
 color: #000 !important;
}
.product_name {
  color: #ef4036 !important;
  font-size: 20px;
  text-transform: uppercase;
}
.thongtin .gia {
  text-align: left;
}
.detailsp {
  width: 100%;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: justify;
}
.lienhe {
  background: #fdff00 none repeat scroll 0 0;
  border-radius: 10px;
  overflow: hidden;
  padding: 36px 10px;
}
.name > a {
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 600;
}
.product_hier > img {
  width: 6%;
}
.baohanh {
  color: #fff;
  float: right;
  font-weight: bold;
}
.baohanh > ul {
  float: right;
  padding-top: 5px;
  width: 72%;
}
.baohanh li {
  float: left;
  font-size: 18px;
  list-style: outside none disc;
  width: 50%;
}
.baohanh {
  color: #fff;
  float: right;
  font-weight: bold;
}
.spkm {
 background: red none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
font-size: 13px;
padding: 2%;
}
.banner {
  padding-top: 20px;
  width: 75%;
  float: left;
}
.email {
    color: red;
    float: right;
}	
.lienheh {
    font-size: 18px !important;
    overflow: hidden;
  
width: 100%;}
.sdt2 {
  padding-left: 81px;
  line-height: 1.3em;
}
.spkm > span {
  font-size: 20px;
}