@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*/

}

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

body{
  //font-family: 'Arial', sans-serif!important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

a{color: #333;}
.fb_iframe_widget {

    display: inline-block;

    position: relative;

    width: 100%;

}

.thongtinchitiet {
    overflow: hidden;
}

#slider1_container img {
    height: 350px;
  width: 100% !important;
}

#slider1_container {
    width: 100%!important;
}

.chitiet {
    width: 100%;
    float: left;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 5px;
}

.title-imageslider.sp-cat-title-parent a{

   color: #000 !important;

}

.title-imageslider.sp-cat-title-parent {

    font-size: 23px;

    font-weight: bold;

    padding: 11px 8px;

    border-bottom: 1px solid #ccc;

}

#service h2 .box-title a:hover, .product-star a:hover {
    text-decoration: underline;
}
.images img{ max-height: 96px;}
.product-image a:hover img {
    -webkit-transform: scale(1.2,1.2);
    -webkit-transform-origin: center center;
    -moz-transform: scale(1.2,1.2);
    -moz-transform-origin: center center;
    -o-transform: scale(1.2,1.2);
    -o-transform-origin: center center;
    transform: scale(1.2,1.2);
    transform-origin: center center;
}
.product-image img {
    transition: all 0.5s;
    webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    margin: 0 auto;
    
    transform-style: preserve-3d;
}
h3.product-name a.product-name:hover{
    color: #4c311d!important;
    text-decoration: underline;
}
.refile-title:hover{text-decoration: underline;}
.refile-title { 
    height: 30px;
    padding: 6px 3px 3px 3px;
    background: #e4fdee;
    border: 1px solid #97e8b9;
    text-align: center;
    overflow: hidden;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    text-transform: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#trademark-list {
    list-style: outside none none;
    border-bottom: 1px solid #23a2f3;
    margin-bottom: 30px;
    display: table;
    width: 100%;
    text-align: center;
}
#trademark-list li {
    display: inline-block;
    padding: 10px 11px;
}
#trademark-list li a {
    font-size: 14px;
    color: #fff;
}
#footer .widget-title {
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #fff;
}
#footer .widget-body ul {
    padding-left: 25px;
}
#footer .widget-body li a {
    color: #fff;
    margin-left: -25px;
    text-decoration: none;
}
.widget-body ul li a {
    color: #fff;
    font-size: 14px;
}
.widget-body ul li {
    list-style-type: none;
    line-height: 26px;
}
.footer-bottom {
    background: #0068ab;
    color: #fff;}
.footer-bottom .footer-bottom-wapper {
    border-top: 0px solid #333333;
    padding: 10px 0;
}
.footer-social .social {
    margin-top: 18px;
}
.footer-social .social li {
    display: inline;
    float: left;
}
.footer-social .social li > a {
    color: #fff;
    width: 32px;
    height: 32px;
    background: #415a99;
    float: left;
    text-align: center;
    line-height: 32px;
    margin-left: 5px;
}
.footer-social .social li > a .fa {
    line-height: inherit;
}
.footer-social .social li > a.google-plus {
    background: #da4735;
}
#footer2 .footer-social .social li > a.youtube {
    background: #f00;
}
.footer-social .social li > a.twitter {
    background: #00caff;
}
.footer-social .social li > a.rss {
    background: #ff9900;
}

.ulcon .ulcon{
  display:block;
  z-index:100;
  margin-left:268px;

}

.dropdown1:hover .ulcon2{

  display:block;

}

.dm1 a {

    color: #005BAB;

}

.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;

}

.ulcon3{
display: none;
list-style: outside none none;
margin-top: -28px;
width: 100%;
border: 1px solid #f5f5f5;
}

.ulcon2 .dropdown1 {

  padding: 6px;

  border-bottom: 1px dashed;

}.dropdown2 {

  padding: 6px;

  border-bottom: 1px dashed;

}

.dropdown3 {

  padding: 6px;

  border-bottom: 1px dashed;

}
ul.dmsp li.dm1 a i.icon-right {
    float: right;
    padding-right: 10px;
}

.ulcon2 li {

  padding-left: 20px !important;

  padding-right: 20px;

}
.ulcon2 li a{
    font-size: 14px;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 25px;
}
.ulcon2 li a:hover{
color: #fff!important;
font-weight: 600;
}

.ulcon2 {

 background: #fff;

display: none;

float: left;

list-style: outside none none;

margin: 0;

padding: 0;

position: absolute;

text-align: left;

z-index: 9999;

}

.dm1:hover {
    text-decoration: none;
    background-color: #bcbdbc;
    color: #111;
}

.dm1 li a:hover{
    color: red;
}
.dm1 {
  border-bottom: 1px solid #f5f3f3;
  color: red;
  font-size: 14px;
  list-style:none;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-top: 8px;
  text-transform: uppercase;
  width:100%;
}

.dmsp {
  background: #fff;
  padding-top: 0px;

}

a.product-name {

    font-weight: bold;

}

.dmsp .ulcon2 {
	border: 1px solid #f5f5f5;
	display: none;
    position: absolute;
    left: 24%;
    margin-top: -27px;
}

.dm1:hover .ulcon2 {

  display:block;

}

.product-contact {

    padding: 15px;

    background: #f0f0f0;

    /* border-radius: 10px; */

    margin-top: 10px;

}

div#slideshow_5 img{

  height:350px;

}

.thongtinchitiet p {

    padding-bottom: 0px;

}

.main-photo {

       padding: 1%;

    height: auto;

    margin-bottom: 10px;

    border: 1px solid #ccc;

}

.tintucdm {

    width: 100%;

    float: left;

    overflow: hidden;

    padding-top: 20px;

    padding-bottom: 10px;

    border-bottom: 1px solid #ccc;

}

div#slideshow_5 {

    width: 70% !important;

    height: 350px;

    /* padding: 15px 0 0 12px; */

    position: relative;

    float: left !important;

    z-index: 5;

    /* overflow: hidden; */

    margin: 0 auto;

    background: #000000;

}

p.giachitiet {

    font-size: 18px;

    font-weight: bold;

    color: red;

}

section.info {

    width: 100%;

}

.giachitiet span {

    font-size: 14px;

    color: #000;

   font-style: italic; 



    font-weight: normal;

}

.nav a {
    color: #fff !important;
}

.dropdown-menu>li.block-container>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333!important;
    white-space: nowrap;
}
.mega_dropdown .block-container {
	width: 100%;
    padding: 3px 0;
    float: left;
    text-align: left;
}
ul.dropdown-menu {
    border-radius: 0 0 5px 5px;
    min-width: 200px;
    border-top: none;
    padding: 15px 7px;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transform: translate(0,40px);
    -moz-transform: translate(0,40px);
    -o-transform: translate(0,40px);
    -ms-transform: translate(0,40px);
    transform: translate(0,40px);
    display: block;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    
}
.nav-collapse ul.nav > li:hover .dropdown-menu {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
    visibility: visible;
    z-index: 10000;
}

.headerlv1 {

padding-top: 20px;

padding-bottom: 10px;

border-bottom: 3px solid #aaa;

margin-bottom: 10px;

}

.footer .col-sm-6 table tr td {

    border: none !important;

}

.dmsp .ulcon2 li {

  border-bottom: 1px solid #fdf5f5;

  list-style: inside none disc;

  overflow: hidden;

  padding-bottom: 8px;

  padding-top: 8px;

  width: 100%;
	list-style: none;
}
.dmsp .ulcon2 li:hover {background: #cb4f4f}

.menucon2 a {

  text-transform: capitalize;

}

.ulcon2 a {

  color: #005BAB !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%;

  font-size: 16px;

}

.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;

}

h4,h5,h6{

  line-height:1.4em

}

h1{
  font-size:36px
}



h2{

  font-size:30px;

      padding-bottom: 10px;

}



h3{

  font-size:24px

}



h4{

  font-size:18px

}



h5{

  font-size:15px;

  font-weight:700

}



h6{

  font-size:13px

}

p, ul li{

  font-family:'sans-r',Arial, Helvetica, sans-serif;

}


ul{

  list-style:none;

  margin:0;

      padding: 0px;

}



/* 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

}



.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: 10px;

    text-align: center;

    width: 5%;

}

section#service h2 {
    border-bottom: 2px solid #0170ab;
    margin-bottom: 13px;
    font-size: 18px;
    text-transform: uppercase;
}
section#service h2 .box-title{padding: 10px 20px 9px 15px;
    background: #0170ab; color: #fff;}
section#service h2 .box-title a{color: #fff;}

span.af-ter {
    border: 20px solid #0170ab;
    border-right-color: transparent;
    border-top-color: transparent;
    height: 30px;
    position: absolute;
    width: 30px;
    margin-top: -11px;
}
    
.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

}

.pagination span a.other-page{
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
}
.pagination span.current{
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #f00;
}

a.next{

  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

}



..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;

  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;

}



[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;

  cursor:pointer;

  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:none;

  padding:0px;

  border: 1px solid transparent;

  line-height:0px

}



#st-trigger-effects button i{

  color:#275caa;

  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-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;
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{ 

  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 */
.nav-collapse .nav>li>a {
    padding: 12.5px 15px;
    text-transform: uppercase;
}
.navbar {
    background-color: #2578e9;
    background: #2578e9;
    /*
	background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
    background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
    background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
    background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
    background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
	*/
    border-radius: 0;
    margin: 0px;
    clear: both;
    padding: 0px;
    height: 50px;
}



.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-weight: 700;
    text-shadow: 0px 1px 0px #333;
    font: 1.23em/1.5 Myriad pro condesed, fontUTM, 'BebasRegular', Helvetica;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-transform: uppercase;
    z-index: 0;
}

.nav > li >a {

  display: block;

}


.nav-collapse ul.nav li a:hover{
color: #fff!important;
background-color: #cb4f4f;
}

.contact-detail{width: 60%; margin: 0 auto;}

/* 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 {

  

  background: #3b88c8;

  border: 1px solid #3b88c8;

  border-top: none;

  border-bottom: 5px solid #3b88c8;

      margin-top: -1px;

}

ul.nav .dropdown-menu .dropdown-menu {

          margin-left: 230px;

    margin-top: -45px;

    position: static;

    display: none !important;

  

}

p.mieu-ta-tintuc {

    padding-top: 8px;

}

.tintucdm .link-tin-tuc a {

   

    text-transform: uppercase;

    padding-bottom: #000;

    font-size: 21px;

}

ul.nav .dropdown-menu ul li:hover .dropdown-menu {

  

  display:block !important;

  

}

.tintucdm img {

    padding-right: 15px;

}

.mega-menu .mega-col{
    float: left;
    text-align: left;
    width: 280px;
    padding: 0px 10px;
}



.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 solid #d9d9d9;

  border-left: none;

  border-right: none;

  width: 100%;

  float: left;

      height: 40px;

    font-size: 16px;

}



.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: 1300px;

    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;

  

  -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-top:17px;
padding-right: 1%;

}

.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;

    /* margin-top: 20px; */

    overflow: hidden;

    padding-left: 1%;

    padding-right: 1%;

    padding-top: 14px;

    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

}
.product-star {
    width: auto;
    float: right;
    text-align: right;
    display: inline-block;
    color: #fff;
    background: #0170ab;
    padding: 2px 6px;
}
.swiper-containers{margin-bottom: 50px;}
.product-star a{color: #fff;}
#service .intro h3{
  color: #ef4036;
  font-size: 20px;
  text-align: center;
}

#service .intro h3.product-name {padding-bottom: 5px;
    margin: 0;
    height: 45px;
    font-weight: 500;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px;}
#service .intro h3.product-name a.product-name{color: #333; font-weight: bold;}
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;

}



#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{
background: #2a8ac7;
border-top: 1px solid #aaa;
margin-top: 20px;
width: 100%;
float: left;
overflow: hidden;
color: #fff;
}
.footer-bottom-wapper{font-size: 12px;}


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 7px 0px;

  clear: both

}



footer #power p{

  text-align:left;

  font-family:'sans-r',Arial, Helvetica, sans-serif;

  padding:0px 10px

}



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){

  #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;

    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{

    

  }

  

  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

  }

  
  #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){



.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;

}

#cotphai {

  width: 100%;

display: none;

}

.banner {

  width: 100% !important;

}

.ttheader > h2 {

  font-size: 31px !important;

 

}

.footer img {

 

  

}

.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-top: 41px;
  }

  header#header .container{
    padding:0px;
    margin:0px
  }

  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){

  #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;

width: 15%;

}

form {

    padding-top: 1px;

}

.timkiem {
	width: 100%;
    overflow: hidden;
    float: left;
	padding-top: 31px;
}
.search-navigation {
    float: left;
    width: 85%;
}
.search-navigation .yith-s {
    border: medium none;
    line-height: 38px;
    float: left;
    padding: 0 0 0 10px;
    color: #333;
    width: 100%;
    float: left;
    border: 2px solid #2A8FE5;
    border-right: none;
}
#yith-searchsubmit {
    background: #2883E7;
    border: medium none;
    cursor: pointer;
    line-height: 42px;
    height: 42px;
    width: 15%;
    float: left;
color: #fff;
}
.link-cart {
    margin-top: 32px;
    float: right;
    padding: 0 15px;
    line-height: 42px;
}
.gradient {
    background-color: #2578e9;
    background: #2578e9;
    background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
    background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
    background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
    background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
    background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
}
.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;

}

.dm1 a {
    font-size: 14px;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

h3.modtitle{

    font-size: 16px;

    background: #0170ab;

    /* margin-top: 23px; */

    padding: 10px;

    text-align: center;

    text-transform: uppercase;

    color: #fff;

    border-radius: 4px;

} 

.hor0.Bitem > h2 {
    font-size: 16px;
    background: #0170ab;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 0px;
}

.thongke > li {

  float: left;
  text-align: left;
  width: 100%;

}
#cotphai .intro{margin-bottom: 10px}

.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;

}

#products_hierarchy .phantrang {

  display:none;

}

.phantrang {

    width: 100%;

    overflow: hidden;

}

.product_hier {

  padding-top: 5px;

  width: 100%;

      overflow: hidden;

  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;

} 

ul.nav {

    width: 100%;

    float: left;

}

.contact img {

    width: 80px;

}

   

   .contact {
    width: 30%;
    background: #f0f0f0;
    float: left;
  padding-top: 10px;
    height: 350px;
    border: solid 2px #D51317;

}

p.contact-name {

    width: 30%;

    float: left;

}

p.contact-address {

    width: 100%;

    overflow: hidden;

      font-size: 16px;

}

.paragrap p {

    padding-bottom: 10px;

}

.product {

    width: 25%;

    float: left;

    padding-left: 1%;

    padding-top: 10px;

  text-align:center;

    padding-right: 1%;

    min-height: 280px;

}

.tin-tuc-chinh {

    width: 100%;

    overflow: hidden;

    padding-top: 10px;



    padding-bottom: 10px;

    border-bottom: 1px solid #ccc;

}

.thumb-sanpham img {

    width: 32%;

    padding-right: 10px;

}

p.link-tin-tuc a {

    text-transform: capitalize;

  color:#000;

  font-size: 14px;

}

.product-image img{

  height:166px;

}

.products-content.list-1.tab-1.current {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

.product-image {

    width: 100%;

    padding: 1%;

    height: 198px;

      margin-bottom: 6px;

}

p.product-price {
    text-align: center;
    float: right;
    color: #ef5656;
    font-weight: bold;
    padding: 3px;
    border-radius: 7px;
}

.tintucl .product .product-price {

  width:100%;

}

.tintucl .product {

    width: 50%; 

}



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

  div#slideshow_5{

    display:none;

  }

  .contact-detail {
    float: left;
    width: 50%;
}

.contact {
    float: left;
    height: auto;
    width: 100%;
}

.product {
    width: 33%;
}

}

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

  div#slideshow_5{

    display:none;

  }
  .contact-detail {
    float: left;
    width: 50%;

}

.contact {
    float: left;
    height: auto;
    width: 100%;
}

.product {
    width: 50%;
}

}