@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat");
/* Border box */
/* Border radius */
/* Transform */
/* Transition */
/* Opacity */
/* Transition-duration */
/* Transition-origin */
/* Transition-timing-function */
/* Animation */
/* Box shadow */
/* Place Holder */
/* Alpha Background Color */
/* ============================================================
	1. GENERAL
=============================================================*/
body {
  font: 300 14px/24px 'Poppins', sans-serif;
  color: #7f7f7f;
  background: #ffffff;
  font-weight: 300;
  /*overflow-x: hidden;*/
}

.transition,
a,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input.input-text,
select,
input[type="submit"],
button[type="submit"] {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

input[type="submit"],
button[type="submit"], .button {
  color: #ffffff;
}



input[type="submit"]:disabled,
button[type="submit"]:disabled,
.button:disabled {
  background: #f2f2f2;
  color: #b3b3b3;
  cursor: no-drop;
  border: none;
}
img {
    max-width: 100%;
    height: auto;
}
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a, a:visited, a:focus, a:active, a:hover, a:link {
  outline: 0 none !important;
}

p {
  margin-top: 0;
  margin-bottom: 15px;
}
p:last-child {
  margin-bottom: 0;
}

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

figure {
  margin: 1em 0;
}

figcaption {
  margin: 10px 0;
}

article:after {
  clear: both;
  content: "";
  display: table;
}

.header-top {
  background: #222222;
  padding-top: 11px;
  padding-bottom: 11px;
  color: #c2c2c2;
    color: #6f6f6f;
}
.header-top ul li {
  float: left;
}

.header-information li {
  margin-right: 30px;
  font-size: 12px;
}
.header-information li a {
  color: #c2c2c2;
}
.header-information li i{
    font-size: 14px;
}
.header-information li:last-child {
  margin-right: 0;
}
.top-header-right{
    text-align: right;
}
.header-top .language,
.header-top .logo-register-header,
.header-top .header-sns-button{
    float: right;
}
.header-sns-button li {
  margin-left: 18px;
}
.header-sns-button li:first-child {
  margin-left: 0;
}
.header-sns-button .fa {
    font-size: 13px;
    color: #6f6f6f;
}
.header-sns-button a {
  color: #c2c2c2;
  display: inline-block;
}
.header-sns-button a span {
  font-size: 13px;
  display: none;
}
.header-top .logo-register-header{
    margin: 0 15px;
}
.header-top .logo-register-header a{
    color: #6f6f6f;
    font-size: 13px;
}


/* ==========main-header===========*/

.header {
  -webkit-transition: all 0.4s cubic-bezier(0.7, 1, 0.7, 1);
  -o-transition: all 0.4s cubic-bezier(0.7, 1, 0.7, 1);
  -moz-transition: all 0.4s cubic-bezier(0.7, 1, 0.7, 1);
  transition: all 0.4s cubic-bezier(0.7, 1, 0.7, 1);
  background: #ffffff;
}
.header .header-brand a{
    display: inline-block;
    max-width: 185px;
    padding-top: 30px;
}
.header.is-sticky .header-brand a{
    padding-top: 0;
}
.header .header-brand img {
  vertical-align: middle;
  max-width: 100%;
}
.header .icon-search {
    position: absolute;
    right: 45px;
    top: 36px;
    color: #333;
    display: inline-block;
    transition: top 0.1s linear 0s;
    -webkit-transition: top 0.1s linear 0s;
}
.header .icon-search:hover{
    cursor: pointer;
}
.header .icon-search .fa-remove{
    display: none;
}
.header.active-search-form .icon-search{
    z-index: 4;
}
.header.active-search-form .icon-search .fa-remove{
    display: block;
}
.header.active-search-form .icon-search .fa-search{
    display: none;
}
.form-search-home {
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
}
.header.active-search-form .form-search-home{
    display: block;
    opacity: 1;
    z-index: 2;
}
.form-search-home > input {
    height: 100%;
    padding: 10px;
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #333;
    padding-bottom: 10px;
    border: 1px solid #e5e5e5;
}
.header.is-sticky .icon-search{
    top: 18px;
}
.header .icon-shop {
    display: inline-block;
    padding-bottom: 37px;
    padding-left: 20px;
    position: absolute;
    right: 5px;
    top: 35px;
    transition: top 0.1s linear 0s;
    -webkit-transition: top 0.1s linear 0s;
}
.header.is-sticky .icon-shop{
    padding-bottom: 20px;
}
.header .icon-shop .number-product{
    color: rgb(255, 255, 255);
    font-size: 12px;
    position: absolute;
    right: -3px;
    top: -7px;
    z-index: 3;
}
.header .icon-shop img{
    position: relative;
    display: inline-block;
}
.header .icon-shop:before{
    border-radius: 50%;
    content: "";
    height: 16px;
    position: absolute;
    right: -7px;
    top: -3px;
    width: 16px;
    z-index: 2;
}

.header.is-sticky .icon-shop{
    top: 17px;
}
.main-header-content{
    position: relative;
}

.main-header-content .cart-dd {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 0;
    left: auto;
    line-height: 2;
    margin-top: 0;
    padding: 30px 32px;
    right: 0;
    width: 368px;
}
.main-header-content .cart-dd .cart-content h5 {
    margin: 0 0 25px;
}
.main-header-content .items {
    display: block;
    float: left;
    margin-bottom: 46px;
    width: 100%;
}
.main-header-content .items .items-inner:first-child {
    padding-top: 0;
}
.main-header-content .items .cart-item-image {
    display: block;
    float: left;
    margin-right: 23px;
    overflow: hidden;
}
.main-header-content .items .cart-item-image a {
    border: 1px solid rgb(231, 226, 209);
    display: block;
    float: left;
    max-width: 90px;
}
.main-header-content .items .cart-item-image a img {
    border: 0 none;
    height: auto;
    max-width: 100%;
}
.main-header-content .items .cart-item-info {
    color: rgb(99, 99, 99);
    float: left;
    max-width: 100%;
}
.main-header-content .items .cart-item-info h4{
    font-size: 16px;
}
.main-header-content .items .cart-item-info .product-name {
    color: rgb(99, 99, 99);
    cursor: pointer;
    margin-bottom: 14px;
    margin-top: 6px;
    transition: all 0.4s ease-in-out 0s;
}
.main-header-content .items .cart-item-info .product-name:hover {
    transition: all 0.4s ease-in-out 0s;
}
.main-header-content .items .cart-item-info h5 {
    margin-bottom: 6px;
}
.main-header-content .mark-border::before {
    border-bottom: 1px solid rgb(204, 204, 204);
    bottom: -22px;
    content: "";
    position: absolute;
    width: 175px;
}
.main-header-content .subtotal {
    display: inline-block;
    overflow: hidden;
    text-transform: capitalize;
    width: 100%;
}
.main-header-content .subtotal .shipping-cart {
    display: inline-block;
    line-height: 1.3;
    width: 100%;
}
.main-header-content .subtotal .shipping-cart .lable-cart {
    float: left;
}
.main-header-content .subtotal .cart-item-total-price {
    color: rgb(54, 54, 54);
    float: right;
}
.main-header-content .subtotal .cart-item-total-price .money {
    float: right;
}
.main-header-content .subtotal > span:first-child {
    color: rgb(54, 54, 54);
    margin-right: 5px;
}
.main-header-content .mini-cart-action {
    float: right;
    margin-bottom: 20px;
    margin-top: 4px;
    overflow: hidden;
    padding: 0;
    text-align: right;
    width: 100%;
}
.main-header-content .mini-cart-action .btn-checkout {
    background-color: rgb(0, 0, 0);
    border: 1px solid rgb(138, 138, 138);
    border-radius: 0;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 14px;
    line-height: 12px;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.main-header-content .mini-cart-action .btn-checkout:hover {
    color: rgb(255, 255, 255);
    transition: all 0.3s ease-in-out 0s;
}
.main-header-content .mini-cart-action .btn-active {
    background-color: rgb(255, 255, 255);
    color: rgb(99, 99, 99);
}
.main-header-content .position-relative {
    position: relative;
}
@media (min-width: 480px) {
    .main-header-content .number-items {
        right: -15px;
    }
}
@media (max-width: 479px) {
    .main-header-content .number-items {
        bottom: 10px;
        right: -10px;
    }
}
@media (max-width: 400px) {
    .main-header-content .cart-dd {
        width: 300px;
    }
}



header.header.header-sticky {
  position: relative;
  width: 100%;
  z-index: 1000;
}
.sticky-wrapper.is-sticky .header.header-sticky {
  border-bottom: 1px solid #e5e5e5;
}

.btn-menu {
  float: right;
  width: 22px;
  height: 15px;
  background: url(../images/front/btn-menu.png) no-repeat 0 0;
}

.btn-submenu {
  position: absolute;
  right: 0;
  top: 0;
  font: 20px/50px 'FontAwesome';
  text-align: center;
  cursor: pointer;
  width: 45px;
  height: 45px;
}

.btn-submenu:before {
  content: "\f107";
  color: #fff;
}

.btn-submenu.active:before {
  content: "";
}

.btn-menu {
  display: none;
}

#mainnav {
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#mainnav ul {
  position: relative;
  margin: 0;
}

#mainnav ul li {
  position: relative;
}

#mainnav > ul > li {
  display: block;
  float: left;
}

#mainnav > ul > li > a {
  position: relative;
  display: block;
  color: #333;
  font-size: 13px;
  padding: 36px 18px;
  outline: none;
  text-transform: uppercase;
  font-family: 'Montserrat', serif;
}
.header.is-sticky #mainnav > ul > li > a{
    padding-bottom: 0;
    padding-top: 0;
}

#mainnav > ul > li:first-child > a{
    padding-left: 0;
}

.sticky-wrapper.is-sticky header.header .header-brand {
  line-height: 60px;
  height: 60px;
  max-width: 150px;
}
.sticky-wrapper.is-sticky #mainnav > ul > li > a {
  height: 60px;
  line-height: 60px;
}

/* submenu */
#mainnav ul.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 220px;
  background-color: #ffffff;
  z-index: 9999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#mainnav ul li:hover > ul.sub-menu {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
    top: 80%;
}

#mainnav ul li ul li {
  margin-left: 0;
}

#mainnav ul.sub-menu li ul {
  position: absolute;
  left: 225px;
  top: 0;
}

#mainnav ul.sub-menu > li > a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-transform: inherit;
  letter-spacing: .03em;
  line-height: 24px;
  height: auto;
  color: #333;
  display: block;
  padding: 10px 0;
  position: relative;
  margin: 0 20px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-top: 1px solid #ededed;
}
#mainnav ul.sub-menu > li:first-child > a{
    border-top: 0;
}
#mainnav ul li:hover > ul.sub-menu{
    border-top: 1px solid rgba(237, 237, 237, 0.6);
}
#mainnav ul.sub-menu > li:hover a:after{
    position: absolute;
    top: 10px;
    left: 0;
    margin-right: 10px;
    content: '\f105';
    font-family: FontAwesome;
}
#mainnav ul.sub-menu > li:hover a{
    padding-left: 15px;
}
/* Mobile navigation
---------------------------------------- */
#mainnav-mobi {
  display: block;
  margin: 0 auto;
  width: 100%;
  position: absolute;
  background-color: #333;
  z-index: 1000;
  left: 0;
}

#mainnav-mobi ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainnav-mobi ul li {
  margin: 0;
  position: relative;
  text-align: left;
  border-top: 1px solid #434343;
  cursor: pointer;
}

#mainnav-mobi ul > li > a {
  text-decoration: none;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  color: #fff;
}

#mainnav-mobi ul.sub-menu {
  top: 100%;
  left: 0;
  z-index: 2000;
  position: relative;
  background-color: #222;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
  position: relative;
  border-top: 1px solid #434343;
}

#mainnav-mobi ul.sub-menu > li > a {
  display: block;
  text-decoration: none;
  padding: 0 30px;
  border-top-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#mainnav-mobi ul.sub-menu > li > ul > li > a {
  padding: 0 40px;
}

#mainnav-mobi ul.sub-menu > li > ul > li ul li > a {
  padding: 0 60px;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
  border-top: none;
}

#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
  color: #fff;
}

/* ==========Slider in banner home page===========*/

.content-slider {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: transform 0.3s linear 0s;
    transition: transform 0.3s linear 0s;
    z-index: 9;
}
.content-slider .money,
.content-slider .free-domain{
    color: rgb(255, 255, 255);
    font-family: Montserrat;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    position: relative;
    -webkit-transition: transform 0.7s linear 0.2s;
    transition: transform 0.7s linear 0.2s;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0;
}
.owl-item.active .content-slider .money,
.owl-item.active .content-slider .free-domain{
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.content-slider .list-feature{
    padding: 40px 0 40px;
    position: relative;
    -webkit-transition: transform 0.7s linear 0.4s;
    transition: transform 0.7s linear 0.4s;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
}
.owl-item.active .content-slider .list-feature{
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.content-slider .list-feature.clearfix > ul {
    float: left;
    width: 290px;
}
.content-slider .list-feature.clearfix > ul li{
    color: white;
    display: inline-block;
    padding-bottom: 6px;
}
.content-slider .list-feature.clearfix > ul li i{
    display: inline-block;
    padding-right: 3px;
}
.content-slider .getting-started span{
    display: inline-block;
    border: 2px solid white;
    border-radius: 2px;
    -webkit-transition: transform 0.7s linear 0.6s;
    transition: transform 0.7s linear 0.6s;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.owl-item.active .content-slider .getting-started span{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.content-slider .getting-started a{
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 25px;
    font-family: Montserrat;
    color: white;
}
.th-slider-container .owl-nav .owl-prev {
    color: #4c5662;
    font-size: 50px;
    font-weight: 700;
    left: calc((100% - 1200px) / 4);
    position: absolute;
    top: calc(50% - 40px);
}
.th-slider-container .owl-nav .owl-prev:hover,
.th-slider-container .owl-nav .owl-next:hover{
    color: white;
}
.th-slider-container .owl-nav .owl-next {
    color: #4c5662;
    font-size: 50px;
    font-weight: 700;
    right: calc((100% - 1200px) / 4);
    position: absolute;
    top: calc(50% - 40px);
}

/* ========== Search Domain ===========*/

.search-domain {
    background: #fcfcfc none repeat scroll 0 0;
    border-bottom:1px solid #eaeaea ;
}
.search-domain-content{
    padding: 75px 0;
}
.search-domain-content h5 {
    color: rgb(153, 153, 153);
    font-size: 14px;
    padding-bottom: 7px;
    margin: 0;
    text-transform: uppercase;
    font-family: Montserrat;
}
.search-domain-content h3 {
    font-size: 35px;
    font-weight: 700;
    font-size: 35px;
    color: #333;
    margin: 0;
    font-family: Montserrat;
    padding: 0 0 38px;
    position: relative;
    text-transform: uppercase;
}
.search-domain-content h3:after{
    position: absolute;
    top: 50px;
    left: 0;
    content: '';
    width: 50px;
    height: 1px;
    background: #000000;
}
.search-domain-content h3:before{
    position: absolute;
    top: 53px;
    left: 0;
    content: '';
    width: 30px;
    height: 1px;
    background: #000000;
}
.search-domain-content p{
    margin: 0;
    max-width: 570px;
    padding-bottom: 31px;
    color: #454545;
    font-size: 13px;
}
.search-domain-content .form-search-domain{
    position: relative;
}
.search-domain-content .form-search-domain input {
    width: 100%;
    height: 82px;
    padding: 10px 15px;
    border-radius: 2px;
    border: 14px solid #e9e9e9;
}
.search-domain-content .form-search-domain input:focus{
    outline: none !important;
}
.search-domain-content .form-search-domain button {
    position: absolute;
    top: 14px;
    border: 0;
    width: 130px;
    font-family: Montserrat;
    right: 14px;
    height: 54px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.search-domain-content .extend-domain{
    padding-top: 23px;
}
.search-domain-content .extend-domain .list-extend{
    float: left;
}
.search-domain-content .extend-domain .list-extend li{
    display: inline-block;
    color: #333;
    padding-right: 15px;
}
.search-domain-content .extend-domain .list-extend li span{
    font-family: Montserrat;
    color: #ef5d5e;
    font-size: 18px;
}
.search-domain-content .extend-domain .notice-domain{
    float: right;
    font-size: 13px;
}
.image-search-domain{
    background-image: url(../images/front/image-search-domain.png);
    height: 458px;
    background-repeat: no-repeat;
    background-position: bottom right;
}
/* ========== Service Hosting ===========*/
.services-item{
    padding-bottom: 80px;
}
.services-item span{
    width: 90px;
    float: left;
}
.services-item span img{
    width: 65px;
}
.services-item .services-content{
    overflow: hidden;
}

.heading.style1{
    padding: 80px 0 85px;
}
.heading.style1 h5{
    margin: 0;
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.heading.style1 h3{
    margin: 0;
    font-size: 35px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    font-family: Montserrat;
    position: relative;
}
.heading.style1 h3:after{
    position: absolute;
    top: 50px;
    left: calc(50% - 25px);
    content: '';
    width: 50px;
    height: 1px;
    background: #000000;
}
.heading.style1 h3:before{
    position: absolute;
    top: 53px;
    left: calc(50% - 15px);
    content: '';
    width: 30px;
    height: 1px;
    background: #000000;
}
.services-item .services-content h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 20px;
    font-family: Montserrat;
    color: #333;
}
.services-item .services-content p{
    font-size: 13px;
    color: #666;
}

/* ========== Custom Reply===========*/
.custom-reply{
    background: #f0f4f7;
    padding: 142px 0 145px;
    position: relative;
}

.custom-reply .image-custom-reply{
    background-repeat: no-repeat;
    background-image: url("../images/front/supporter.jpg");
    background-position: 100% bottom;
    position: absolute;
    bottom: 0;
    right: 58%;
    height: 470px;
    width: 700px;
}
.custom-reply .content-reply{
    padding-left: 95px;
}
.custom-reply .content-reply:hover{
    cursor: e-resize;
}
.custom-reply .content-reply p{
    font-size: 16px;
    color: #666;
    line-height: 30px;
    padding-bottom: 32px ;
    max-width: 550px;
}
.custom-reply .content-reply .name-custom{
    position: relative;
}
.custom-reply .content-reply .name-custom i{
    height: 45px;
    width: 45px;
    border: 1px solid;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 45px;
}
.custom-reply .content-reply .name-custom .name{
    font-size: 16px;
    color: #333;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-left: 10px;
    top: -13px;
}
.custom-reply .content-reply .name-custom .position{
    position: absolute;
    top: 25px;
    left: 60px;
    color: #7d7d7d;
    font-size: 13px;
}

/* ========== Choose open source ===========*/
.open-source{
    background-image:url("../images/front/choose-open-source.jpg") ;
    background-repeat: no-repeat;
    position: relative;
    background-position: 0 center;
}
.open-source:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: rgba(0,0,0,0.9);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.open-source .content-choose{
    position: relative;
    z-index: 2;
}
.open-source .content-choose .heading.style2{
    padding: 55px 55px 55px 60px;
    color: white;
}
.open-source .content-choose .heading.style2 h3{
    font-size: 35px;
    font-weight: 700;
    font-family: Montserrat;
    margin: 0;
    padding-bottom: 33px;
    text-transform: uppercase;
    position: relative;
}
.open-source .content-choose .heading.style2 h3:after{
    position: absolute;
    top: 50px;
    left: 0;
    content: '';
    width: 50px;
    height: 1px;
    background: white;
}
.open-source .content-choose .heading.style2 h3:before{
    position: absolute;
    top: 53px;
    left: 0;
    content: '';
    width: 30px;
    height: 1px;
    background: white;
}
.open-source  .open-source-main{
    position: relative;
    z-index: 3;
    padding: 65px 0 54px;
}
.open-source .open-source-main li{
    float: left;
    width: 20%;
    color: white;
    text-align: center;
}
.open-source  .open-source-main li a{
    display: inline-block;
    height: 70px;
}
.open-source  .open-source-main li span{
    display: inline-block;
    padding-top: 15px;
}
/*!================ End Package Service============ */
.package-services-wrapper .package-item{
    border: 2px solid #eee;
    margin-bottom: 35px;
}
.package-services-wrapper .pricebox-header-content{
    text-align: center;
    background-color: #eee;
    padding: 43px 0 40px;
}
.package-services-wrapper .package-item .pricebox-header{
    position: relative;
}
.package-services-wrapper .package-item .pricebox-header:after{
    width: 0;
    height: 0;
    border-bottom: 15px solid white;
    border-right: 138px solid transparent;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}
.package-services-wrapper .package-item .pricebox-header:before{
    width: 0;
    height: 0;
    border-bottom: 15px solid white;
    border-left: 138px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
}
.package-services-wrapper .package-item .pricebox-header h4 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin: 0;
    text-transform: uppercase;
    font-family: Montserrat;
    text-align: center;
    padding: 21px 0;
}
.package-services-wrapper .package-item .pricebox-header .price span{
    font-size: 40px;
    font-family: Montserrat;
    color: #222;
    font-weight: 700;
}
.package-services-wrapper .package-item .pricebox-header .time span{
    color: #868686;
    font-family: Montserrat;
    padding: 5px 0 25px;
}
.package-services-wrapper .package-item .pricebox-header .single-up{
    text-align: center;
    margin-top: 10px;
}
.package-services-wrapper .package-item .pricebox-header .single-up a{
    color: white;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
}
.package-services-wrapper .package-item .pricebox-content p{
    font-size: 13px;
    line-height: 24px;
    padding: 30px 25px 0;
    margin: 0;
}
.package-services-wrapper .package-item .pricebox-content p span{
    color: #333;
    font-family: Montserrat;
}
.package-services-wrapper .package-item .pricebox-content .number-votes{
    color: #f7cc01;
    font-size: 16px;
    padding: 10px 25px 15px;
}
.package-services-wrapper .package-item .pricebox-content .number-domain li{
    border-top: 1px solid #eee;
    font-size: 13px;
    color: #333;
    padding: 13px 0;
    margin: 0 25px;
}
.package-services-wrapper .package-item .pricebox-content .number-domain li i{
    display: inline-block;
    padding-right: 5px;
}
.package-services-wrapper .package-item .pricebox-content .number-domain li .fa-remove{
    color: #ef5d5e;
}
.package-services-wrapper .package-item:hover .pricebox-header-content .price span,
.package-services-wrapper .package-item:hover .pricebox-header-content .time span,
.package-services-wrapper .package-item.featured .pricebox-header .price span,
.package-services-wrapper .package-item.featured .pricebox-header-content .time span{
    color: white;
}
.package-services-wrapper .package-item:hover .pricebox-header .single-up a,
.package-services-wrapper .package-item.featured .pricebox-header .single-up a{
    background: white!important;
}
.package-services-wrapper .term-policy{
    padding-bottom: 68px;
}
.package-services-wrapper .term-policy p{
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}
/*!================Built Website============ */
.buil-website{
    position: relative;
    background-image: url("../images/front/background-dotted.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0 center;
    padding-bottom: 55px;
}
.buil-website .built-website-content{
    position: relative;
    padding: 95px 0 50px;
    z-index: 2;
}
.buil-website .built-website-content h4{
    color: white;
    font-size: 45px;
    font-weight: 700;
    font-family: Montserrat;
    margin: 0;
    line-height: 45px;
}
.buil-website .built-website-content p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 23px;
    margin: 0;
    padding: 27px 0 40px;
}
.buil-website .built-website-content span{
    border-radius: 2px;
    display: inline-block;
}
.buil-website .built-website-content span a {
    font-size: 12px;
    color: white;
    font-weight: 700;
    display: inline-block;
    padding: 10px 30px;
}
.built-website-image{
    background-image: url("../images/front/dreamer-wp-theme.png");
    background-position: 50% bottom;
    background-repeat: no-repeat;
    bottom: 0;
    height: 415px;
    left: 45%;
    margin-left: -8px;
    position: absolute;
    width: 50%;
    z-index: 3;
}

/*!================Info Offer============ */


.info-offer-list .info-offer-item{
    text-align: center;
    background-color: #eee;
    margin: 0 15px;
    padding: 50px 0;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.info-offer-list .info-offer-item:hover{
    background-color: rgba(51, 51, 51, 1);
}

.info-offer-list .info-offer-item h5{
    color: #333333;
    font-size: 14px;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase;
}
.info-offer-list .info-offer-item .icon{
    display: inline-block;
    padding: 33px 0 25px;
}
.info-offer-list .info-offer-item:hover .icon img.active{
    display: none;
}
.info-offer-list .info-offer-item .icon img.hover{
    display: none;
}
.info-offer-list .info-offer-item:hover .icon img.hover{
    display: block;
}
.info-offer-list .info-offer-item:hover .icon i,
.info-offer-list .info-offer-item:hover h5{
    color: white;
}
.info-offer-list .info-offer-item h3{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 28px;
    margin: 0;
    text-transform: uppercase;
}
.info-offer-list .info-offer-item:hover h3{
    color: white;
}
.info-offer-list  .owl-dots{
    margin: 40px 0 70px;
    text-align: center;
}
.info-offer-list .info-offer-item p{
    font-size: 16px;
    color: #333;
    margin: 0;
}
.info-offer-list .info-offer-item:hover p{
    color: white;
}
.info-offer-list .info-offer-item a{
    font-size: 12px;
    color: #333;
    font-weight: 700;
    display: inline-block;
    padding: 10px 35px;
    border-radius: 30px;
    background-color: white;
    font-family: Montserrat;
    text-transform: uppercase;
    margin-top: 25px;
}
.info-offer-list .info-offer-item:hover a{
    color: white;
}
.info-offer-list.owl-theme .owl-dots .owl-dot span{
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #bdbdbd;
    cursor: pointer;
    width: 12px;
    height: 12px;
}
.info-offer-list.owl-theme .owl-dots .owl-dot.active span{
    border-color: #333;
}


/*!================Subscribe Email============ */
.subscribe-email{
    position: relative;
    padding: 90px 0;
    text-align: center;
    background-image: url("../images/front/background-subcribe-email.jpg");
    background-repeat: no-repeat;
    background-position: 0 center;
}
.subscribe-email h3{
    font-size: 35px;
    font-family: Montserrat;
    font-weight: 700;
    color: white;
    margin: 0;
    padding-bottom: 13px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.subscribe-email span{
    display: inline-block;
    padding-bottom: 42px;
    color: white;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    position: relative;
    z-index: 2;
}
.subscribe-email .subscribe-form{
    width: 570px;
    height: 55px;
    position: relative;
    z-index: 2;
    display: inline-block;
}
.subscribe-email .subscribe-form input{
    font-size: 13px;
    color: #999;
    padding: 10px 25px;
    width: 100%;
    height: 100%;
    border: 0;
}
.subscribe-email .subscribe-form button{
    border: none;
    background-color: #333333;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 100%;
    font-weight: 400;
}


/*!================ Popular Feature ============ */

.popular-feature-content .ui-tabs .tab-list-feature li{
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee!important;
}

.popular-feature-content .tab-list-feature li:last-child{
    border-bottom: 0!important;
}
.popular-feature-content .tab-list-feature li a{
    display: block;
    font-family: Montserrat;
    color: #333;
    text-transform: uppercase;
    padding: 19px 40px;
}
.popular-feature-content .tab-list-feature li a span{
    padding-left: 20px;
}
.popular-feature-content .tab-list-feature li a{
    display: block;
}
.popular-feature-content .tab-list-feature li.ui-state-active a img.active{
    display: none;
}
.popular-feature-content .tab-list-feature li.ui-state-active a img.hover{
    display: inline-block;
}
.popular-feature-content .tab-list-feature li a img.active{
    display: inline-block;
}
.popular-feature-content .tab-list-feature li:hover a img.active{
    display: none;
}
.popular-feature-content .tab-list-feature li a img.hover{
    display: none;
}
.popular-feature-content .tab-list-feature li:hover a img.hover{
    display: inline-block;
}

.popular-feature-content{
    padding-bottom: 95px;
    border-bottom: 1px solid #eee;
}
.feature-tab-item{
    padding: 0 0 0 50px;
}
.feature-tab-item h4{
    font-family: Montserrat;
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 25px 0 15px;
}
.feature-tab-item p{
    font-size: 13px;
    color: #666;
    line-height: 27px;
    margin: 0;
    padding-bottom: 41px;
}

.feature-tab-item  .list-suggest ul li i{
    display: inline-block;
    padding-right: 5px;
}
.feature-tab-item  .list-suggest ul {
    float: left;
    width: 50%;
}
.feature-tab-item  .list-suggest ul li{
    padding-bottom: 10px;
}
.feature-tab-item  .list-suggest .image-hosting{
    float: right;
    width: 50%;
}

/* ========== Heading - About us ===========*/
.heading-top{
    background: url("../images/front/background-heading.png") no-repeat;

}
.heading-content{
    position: relative;
    height:250px;
}
.heading-content .heading-title{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.heading-content .heading-title h2{
    margin: 0;
    font-size: 35px;
    color: white;
    font-family: Montserrat;
    font-weight: 700;
}
.heading-content .heading-title ul li{
    display: inline-block;
}
.heading-content .heading-title ul li a{
    color: #eee;
    font-size: 13px;
    display: inline-block;
}
.heading-content .heading-title ul li i{
    display: inline-block;
    padding: 0 5px;
    color: #eee;
}
/*!================ Name Client ============ */

.client-partner{
    background-color: #fcfcfc
}
.client-partner-wapper{
    padding-bottom: 57px;
}
.client-partner-wapper:hover{
    cursor: e-resize;
}
.client-partner .heading.style1{
    padding-bottom: 60px;
}


/* ========== Introduce Hosing Plus - About us ===========*/
.introduce-hosting{
    padding: 80px 0;
}
.introduce-hosting .introduce-list-timeline{
    padding-bottom: 54px;
}
.introduce-hosting .introduce-list-timeline li{
    position: relative;
    float: left;
    overflow: hidden;
    width: 275px;
}
.introduce-hosting .introduce-list-timeline li a{
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    color: #999;
    font-family: Montserrat;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    border: 1px solid #eee;
}
.introduce-hosting .introduce-list-timeline li a:hover,
.introduce-hosting .introduce-list-timeline li.ui-state-active a{
    color: white;
}
.introduce-hosting .introduce-list-timeline li::after {
    background: #eee none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 92px;
    position: absolute;
    top: 35px;
    width: 165px;
}
.introduce-hosting .introduce-list-timeline li:nth-last-child(2):after{
    width: 168px;
}
.introduce-hosting .introduce-list-timeline li:last-child{
    position: absolute;
    top:0;
    right: 15px;
    width: auto;
}
.introduce-hosting .introduce-list-timeline li:last-child::after{
    display: none;
}
.introduce-hosting .info-introduce h3{
    margin: 0;
    color: #333;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 600;
    padding-bottom: 20px;
}
.introduce-hosting .info-introduce p  {
    color: #666666;
    font-size: 13px;
    margin: 0;
    padding: 15px 0 0;
}
.introduce-hosting .info-introduce .list-detail{
    padding-top: 30px;
    margin-left: 20px;
}
.introduce-hosting .info-introduce .list-detail li{
    color: #666;
    font-size: 13px;
    padding-bottom: 10px;
}
.introduce-hosting .info-introduce .list-detail li i{
    display: inline-block;
    padding-right: 5px;
}

/* ========== Statics Custom - About us ===========*/
.static-custom{
    position: relative;
    background: url("../images/front/background-dotted.jpg") no-repeat;
    background-attachment: fixed;
    background-position: 0 center;
}

.static-custom .heading.style1{
    position: relative;
    z-index:2;
}
.static-custom .heading.style1 h3{
    color: white;
}
.static-custom .heading.style1 h3:before,
.static-custom .heading.style1 h3:after{
    background: white;
}
.static-custom .info-static{
    margin-top: -10px;
    padding-bottom: 80px;
    position: relative;
    text-align: center;
    z-index: 2;
}
.static-custom .info-static .icon-info img{
    display: inline-block;
}
.static-custom .info-static span{
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    padding: 21px 0 5px;
    text-transform: uppercase;
}
.static-custom .info-static .number-total span{
    font-size: 50px;
    font-weight: 700;
    color: white;
}
/*!================ Service About Us ============ */

.custom-about-us{
    background-attachment: fixed;
    position: relative;
    padding: 130px 0 115px;
    text-align: center;
    background-image: url("../images/front/background-dotted.jpg");
    background-repeat: no-repeat;
    background-position: 0 center;
}

.list-custom-comment{
    position: relative;
    z-index: 22;
}
.list-custom-comment .image-avatar{
    text-align: right;

}
.list-custom-comment .image-avatar span{
    display: inline-block;
}
.list-custom-comment .image-avatar span img{
    display: inline-block;
    width: 115px;
    height:115px;
    border-radius: 50%;
}
.list-custom-comment .item-content {
    text-align: left;
}
.list-custom-comment .item-content p{
    color: #ffffff;
    font-size: 13px;
    line-height: 27px;
    margin: 0;
    max-width: 680px;
    padding-bottom: 5px;
}
.list-custom-comment .item-content > h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 30px 0 3px;
}
.list-custom-comment .item-content span{
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
}
.list-custom-comment .owl-dots{
    position: absolute;
    right: 0;
    top: 45%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*!================  Creative Team ============ */
.creative-team{
    border-bottom: 1px solid #eaeaea;
}

.our-teams .our-team-item{
    text-align: center;
    padding-bottom: 80px;
}
.our-teams .our-team-item h5{
    font-size: 16px;
    color: #333;
    font-family: Montserrat;
    margin: 0;
    padding: 30px 0 0;
    text-transform: uppercase;
}
.our-teams .our-team-item span{
    font-size: 13px;
    color: #999;
    margin-bottom: 15px;
    display: inline-block;
    overflow: hidden;
}
.our-teams .our-team-item span img{
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.our-teams .our-team-item span:hover img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.our-teams .our-team-item p{
    margin: 0;
    line-height: 27px;
    font-size: 13px;
    color: #666;
    padding-bottom: 15px;
    padding-top: 10px;
}
.our-teams .our-team-item .social-team li{
    display: inline-block;
}
.our-teams .our-team-item .social-team li a{
    display: inline-block;
    height: 32px;
    width: 32px;
    color: white;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
}
.our-teams .our-team-item .social-team li a i{
    color: white;
    display: inline-block;
    -webkit-transition: transform 0.3s linear 0s;
    transition: transform 0.3s linear 0s;
}
.our-teams .our-team-item .social-team li a:hover i{
    -webkit-animation: 0.3s linear 0s normal none 1 running scale-icon;
    animation: 0.3s linear 0s normal none 1 running scale-icon;
}
.our-teams .our-team-item .social-team li:nth-child(1) a{
    background: #3b5998 none repeat scroll 0 0;
}
.our-teams .our-team-item .social-team li:nth-child(2) a{
    background: #55acee;
}
.our-teams .our-team-item .social-team li:nth-child(3) a{
    background: #0077b5 none repeat scroll 0 0;
}
.our-teams .our-team-item .social-team li:nth-child(4) a{
    background: #ea4335;
}


/*!================ Begin Package Service - Pricing v1 ================ */
.package-services.style2{
    padding-bottom: 40px;
}
/*!================ End Package Service ================ */

/*!================ Begin FAQ-Question ================ */
.faq-question-list{
    border-bottom: 1px solid #eaeaea;
}
.question-item-wraper .question-content{
    background: #f5f5f5;
    margin-bottom: 30px;
    padding: 30px 40px 35px;
}
/*.question-item-wraper .question-content:nth-last-child(1),*/
/*.question-item-wraper .question-content:nth-last-child(2){*/
    /*margin-bottom: 0;*/
/*}*/
.question-item-wraper .question-content > h4 {
    color: #333333;
    font-size: 14px;
    font-family: Montserrat;
    margin: 0;
    padding: 10px 0 19px;
    text-transform: uppercase;
}
.question-item-wraper .question-content p{
    margin: 0;
    font-size: 13px;
    line-height: 24px;
    color: #666;
}
.faq-question-list .owl-dots {
    padding: 15px 0 0;
    text-align: center;
    padding: 15px 0 60px;
}

.faq-question-list.owl-theme .owl-dots .owl-dot.active span{
    border: 2px solid #333;
}
.faq-question-list.owl-theme .owl-dots .owl-dot:hover span{
    border: 2px solid #333;
    opacity: 1;
}
.faq-question-list.owl-theme .owl-dots .owl-dot span{
    background: transparent;
    border: 2px solid #bbbbbb;
    height: 12px;
    width: 12px;
}
/*!================ End FAQ-Question ================ */

/*!================ Choose Package Hosting ================ */
.package-hosting-price {
    padding: 0 0 74px;
}
.package-hosting-wrapper .choose-package{
    float: left;
    width: 390px;
    margin-right: 10px;
    margin-top: 202px;
}
.package-hosting-wrapper .choose-package .header-feature{
    background-color: #666666;
    margin-bottom: 10px;
    padding: 26px 40px;
    position: relative;
}
.package-hosting-wrapper .choose-package .header-feature h4{
    margin: 0;
    color: white;
    font-size: 18px;
    font-family: Montserrat;
    line-height: 24px;
}
.package-hosting-wrapper .choose-package .header-feature span{
    color: white;
    font-size: 13px;
    line-height: 22px;
}
.package-hosting-wrapper .choose-package .header-feature i{
    color: #ffffff;
    font-size: 40px;
    position: absolute;
    right: 40px;
    top: 25px;
}
.package-hosting-wrapper .choose-package .array-features li{
    font-size: 13px;
    line-height: 50px;
    color: #333;
    margin-bottom: 2px;
    padding: 0 40px;
}
.package-hosting-wrapper .choose-package .array-features li:last-child{
    margin-bottom: 0;
}
.package-hosting-wrapper .choose-package .array-features li:nth-child(even){
    background-color: #eeeeee;
}
.package-hosting-wrapper .choose-package .array-features li:nth-child(odd){
    background-color: #f9f9f9;
}


.package-hosting-wrapper .package-professional{
    float: left;
    width: 250px;
    text-align: center;
    margin-top: 60px;
}
.package-hosting-wrapper .package-professional .title h4{
    font-size: 14px;
    line-height: 60px;
    color: white;
    background-color: #222;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Montserrat;
    margin: 0;
}
.package-hosting-wrapper .package-professional .header-content{
    background-color: #eeeeee;
    margin-bottom: 2px;
    padding: 45px 0 35px;
}
.package-hosting-wrapper .package-professional .header-content .price span{
    color: #222;
    font-weight: 700;
    font-family: Montserrat;
    font-size: 40px;
}
.package-hosting-wrapper .package-professional .header-content .time span{
    font-size: 14px;
    font-family: Montserrat;
    color: #868686;
    line-height: 22px;
}
.package-hosting-wrapper .package-professional .header-content .single-up a{
    margin-top: 10px;
    display: inline-block;
    font-family: Montserrat;
    text-transform: uppercase;
    color: white;
    padding: 9px 35px;
    border-radius: 2px;
}
.package-hosting-wrapper .package-professional .item-detail li{
    font-size: 13px;
    color: #333;
    line-height: 50px;
    margin-bottom: 2px;
}
.package-hosting-wrapper .package-professional .item-detail li:nth-child(even){
    background-color:#eee;
}
.package-hosting-wrapper .package-professional .item-detail li:nth-child(odd){
    background-color: #f9f9f9;
}
.package-hosting-wrapper .package-professional .item-detail li i.fa-remove{
    color: #ef5d5e;
}


.package-hosting-wrapper .package-business{
    float: left;
    width: 250px;
    margin: 0 10px;
    text-align: center;
}
.package-hosting-wrapper .package-business .title h4{
    font-size: 14px;
    line-height: 60px;
    color: white;
    background-color: #222;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Montserrat;
    margin: 0;
}
.package-hosting-wrapper .package-business .header-content{
    background-color: #eeeeee;
    margin-bottom: 2px;
    padding: 52px 0 32px;
}
.package-hosting-wrapper .package-business .header-content .price span{
    color: #222;
    font-weight: 700;
    font-family: Montserrat;
    font-size: 40px;
}
.package-hosting-wrapper .package-business .header-content .time span{
    font-size: 14px;
    font-family: Montserrat;
    color: #868686;
    line-height: 22px;
}
.package-hosting-wrapper .package-business .header-content .single-up a{
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-family: Montserrat;
    margin: 12px 0 30px;
    padding: 9px 35px;
    text-transform: uppercase;
}
.package-hosting-wrapper .package-business .header-content .best-value span{
    color: #ef5d5e;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}
.package-hosting-wrapper .package-business .header-content .best-value span:after{
    position: absolute;
    top: 10px;
    left: -30px;
    content: '';
    width: 18px;
    height: 1px;
    background-color:#ef5d5e;
}
.package-hosting-wrapper .package-business .header-content .best-value span:before{
    position: absolute;
    top: 10px;
    right: -30px;
    content: '';
    width: 18px;
    height: 1px;
    background-color:#ef5d5e;
}
.package-hosting-wrapper .package-business .item-detail li{
    font-size: 13px;
    color: #333;
    line-height: 50px;
    margin-bottom: 2px;
}
.package-hosting-wrapper .package-business .item-detail li:nth-child(even){
    background-color: #eee;
}
.package-hosting-wrapper .package-business .item-detail li:nth-child(odd){
    background-color: #f9f9f9;
}
.package-hosting-wrapper .package-business .item-detail li i.fa-remove{
    color: #ef5d5e;
}
.package-hosting-wrapper .package-business .header-content.featured{
    background-color: #222222;
    padding: 40px 0 18px;
}
.package-hosting-wrapper .package-business .header-content.featured .price span,
.package-hosting-wrapper .package-business .header-content.featured .time span{
    color: white;
}
.package-hosting-wrapper .package-business .header-content.featured .price span{
    padding: 27px 0 0;
    display: inline-block;
}
/*!================ End Choose Package Hosting ================ */


/*!================ Subscribe Email - Domain Page ================ */

.subscribe-email.style2{
    background-attachment: fixed;
    background-image: url("../images/front/background-dotted.jpg");
    padding: 112px 0 121px;
}
.subscribe-email.style2 h3{
    font-size: 40px;
}
.subscribe-email.style2 span{
    padding-bottom: 52px;
}
.subscribe-email.style2 .subscribe-form{
    height: 65px;
    width: 805px;
}
/*!================ Domain Pricing - Domain Page ================ */

.domain-price {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 78px;
}
.table-domain-price .list-domain-price li:nth-child(even){
    background-color: #f9f9f9;
}
.table-domain-price .list-domain-price li:nth-child(odd){
    background-color: #eee;
}
.table-domain-price .list-domain-price li{
    margin: 2px 0;
}
.table-domain-price .list-domain-price li div{
    font-size: 13px;
    color: #333;
    line-height: 50px;
}
.table-domain-price .list-domain-price li.title div{
    color: white;
    font-weight: 400;
    line-height: 60px;
    font-family: Montserrat;
}
.table-domain-price .domain-extension{
    float: left;
    width: 23%;
    padding-left: 85px;
}
.table-domain-price .one-year{
    float: left;
    width: 12.833%;
}
.table-domain-price .two-years{
    float: left;
    width: 12.833%;
}
.table-domain-price .renew{
    float: left;
    width: 12.833%;
}
.table-domain-price .transfer{
    float: left;
    width: 12.833%;
}
.table-domain-price .who{
    float: left;
    width: 12.833%;
}
.table-domain-price .cpanel{
    float: left;
    width: 12.833%;
}

/*!================ End Domain Pricing ================ */
/*!================ Blog Listing ================ */
.blog-category {
    padding-top: 76px;
}
.blog-category h3,
.recent-post-sidebar h3,
.feature-tags-sidebar h3{
    margin: 0;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    font-family: Montserrat;
}
.blog-category h3{
    padding-bottom: 23px;
}
.blog-category .list-category li{
    border-bottom: 1px solid #e5e5e5;
}
.blog-category .list-category li a{
    font-size: 13px;
    color: #333;
    display: inline-block;
    padding: 12px 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.blog-category .list-category li:hover a{
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
}
.blog-category .list-category li:first-child a{
    padding-top: 0;
}
.blog-category .list-category li a span{
    color: #999;
}
.blog-category .list-category li a i{
    display: inline-block;
    padding-right: 12px;
}

.recent-post-sidebar > h3 {
    padding: 67px 0 27px;
}
.recent-post-sidebar span{
    display: inline-block;
    float: left;
    width: 90px;
    margin-right: 25px;
    overflow: hidden;
}
.recent-post-sidebar span img{
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.recent-post-sidebar span:hover img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.recent-post-sidebar .list-post li{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.recent-post-sidebar .list-post li:nth-last-child(1){
    border-bottom: 0;
}
.recent-post-sidebar .list-post li:last-child{
    margin-bottom: 0;
}
.feature-tags-sidebar > h3 {
    padding: 52px 0 22px;
}
.recent-post-sidebar .post-recent-content h4{
    margin: 0;
    overflow: hidden;
}
.recent-post-sidebar .post-recent-content h4 a{
    color: #333;
    line-height: 23px;
    font-size: 14px;
}
.feature-tags-sidebar .list-tag li a{
    color: #333;
    font-size: 14px;
    display: inline-block;
    padding-right: 3px;
    line-height: 26px;
}
.blog-posts-wrap {
    border-left: 1px solid #e5e5e5;
    margin-left: 30px;
    padding-left: 70px;
    padding-top: 80px;
}
.blog-posts-wrap .post-item{
    position: relative;
    margin-bottom: 50px;
}
.blog-posts-wrap .post-item span{
    display: inline-block;
    overflow: hidden;
}
.blog-posts-wrap .post-item span img{
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.blog-posts-wrap .post-item span:hover img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.blog-posts-wrap .item-content-main {
    margin: 0 0 0 -30px;
}
.blog-posts-wrap .post-item .date-time{
    position: absolute;
    top: 0;
    left: 15px;
    width: 70px;
    height: 70px;
}
.blog-posts-wrap .post-item .date-time span.date{
    font-size: 23px;
    color: white;
    font-weight: 700;
    font-family: Montserrat;
    display: inline-block;
    padding: 13px 0 0 25px;
}
.blog-posts-wrap .post-item .date-time span.month{
    color: #ffffff;
    display: inline-block;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 12px;
    padding: 0 25px;
    position: relative;
    text-transform: uppercase;
    top: -7px;
}

.blog-posts-wrap .post-item .item-content-main h3{
    margin: 0;
}
.blog-posts-wrap .post-item .item-content-main h3 a{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 20px;
    line-height: 25px;
}
.blog-posts-wrap .post-item .item-content-main p{
    margin: 0;
    font-size: 13px;
    color: #666;
    line-height: 24px;
    padding-bottom: 42px;
}
.blog-posts-wrap .post-item .item-content-main .post-meta li{
    float: left;
    padding-right: 25px;
}
.blog-posts-wrap .post-item .item-content-main .post-meta li:last-child{
    padding-right: 0;
}
.blog-posts-wrap .post-item .item-content-main .post-meta li span{
    font-size: 12px;
    color: #999;
    line-height: 22px;
}
.blog-posts-wrap .post-item .item-content-main .post-meta li span a{
    color: #333;
}
.blog-posts-wrap .paging{
    padding: 0 0 80px;
}
.blog-posts-wrap .paging li{
    display: inline-block;
    margin-right: 5px;
}
.blog-posts-wrap .paging li:last-child{
    margin-right: 0;
}
.blog-posts-wrap .paging li a{
    display: inline-block;
    color: #333;
    font-size: 14px;
    width: 45px;
    line-height: 45px;
    border:1px solid #e5e5e5;
    text-align: center;
}
.blog-posts-wrap .paging li a.active{
    color: white;
}
.blog-posts-wrap .paging li a:hover{
    color: white;
}
/*!================ End Blog Listing - Blog Page ================ */


/*!================ Blog Single - Blog Single Page ================ */
.blog-single-wrap .single-content .title-post{
    position: relative;
    margin-top: 30px;
}
.blog-single-wrap .single-content .title-post .date-time{
    float: left;
    height: 70px;
    margin-right: 20px;
    width: 70px;
}
.blog-single-wrap .single-content .title-post .date-time span.date {
    color: #ffffff;
    display: inline-block;
    font-family: Montserrat;
    font-size: 23px;
    font-weight: 700;
    padding: 13px 0 0 25px;
}
.blog-single-wrap .single-content .title-post .date-time span.month {
    color: #ffffff;
    display: inline-block;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 12px;
    padding: 0 25px;
    position: relative;
    text-transform: uppercase;
    top: -7px;
}
.blog-single-wrap .single-content .title-post .title-meta {
    margin-bottom: 38px;
    overflow: hidden;
}
.blog-single-wrap .single-content .title-post .title-meta h3{
    color: #333333;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
}
.blog-single-wrap .single-content .title-post .title-meta .list-meta li{
    display: inline-block;
    padding-right: 35px;
}
.blog-single-wrap .single-content .title-post .title-meta .list-meta li span{
    font-size: 12px;
    color: #999;
    line-height: 22px;
}
.blog-single-wrap .single-content .title-post .title-meta .list-meta li span a{
    color: #333;
}
.blog-single-wrap .single-content .title-post > p {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 20px 0;
}
.blog-single-wrap .single-content .title-post .services-single li{
    padding-left: 50px;
    font-size: 13px;
    color: #656565;
    line-height: 24px;
    font-style: italic;
    padding-bottom: 19px;
    position: relative;
}
.blog-single-wrap .single-content .title-post .services-single {
    margin: 10px 0 20px;
}
.blog-single-wrap .single-content .title-post .services-single li:after{
    position: absolute;
    top: 8px;
    left: 35px;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #333;
}

.tag-social {
    border-bottom: 1px solid #e5e5e5;
    margin: 48px 0 45px;
    padding-bottom: 32px;
}
.tag-social .tag-single{
    float: left;
}
.tag-social .tag-single span,
.tag-social .tag-single a,
.tag-social .social-single span{
    color: #333;
    font-size: 14px;
    line-height: 22px;
}
.tag-social .social-single{
    float: right;
}
.tag-social .social-single > span{
    display: inline-block;
    margin-right: 20px;
    font-weight: 600;
}
.tag-social .social-single > a {
    background: #eeeeee none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    margin-right: 5px;
}
.tag-social .social-single > a i{
    color: #656565;
}

.comment-single .comment-number span{
    font-size: 20px;
    color: #333;
    line-height: 23px;
    font-family: Montserrat;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 28px;
}
.comment-single .list-comment .author-comment{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 35px;
    padding: 0 0 20px;
}
.comment-single .list-comment .author-comment .author-image{
    float: left;
    width: 100px;
}
.comment-single .list-comment .author-comment span img{
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.comment-single .list-comment .author-comment span{
    display: inline-block;
    overflow: hidden;
}
.comment-single .list-comment .author-comment span:hover img{
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}
.comment-single .list-comment .author-comment img{
    border-radius: 50%;
}
.comment-single .list-comment .author-comment .author-detail{
    overflow: hidden;
}
.comment-single .list-comment .author-comment .author-detail h4 {
    color: #333333;
    font-size: 14px;
    line-height: 23px;
    margin: 0;
    text-transform: uppercase;
    padding: 5px 0;
}

.comment-single .list-comment .author-comment .author-detail h4 span {
    color: #999999;
    display: inline-block;
    font-size: 12px;
    margin-left: 40px;
    text-transform: initial;
}
.comment-single .list-comment .author-comment .author-detail p {
    color: #666666;
    font-size: 13px;
    line-height: 23px;
    margin: 0;
    padding: 10px 0 15px;
}

.comment-single .list-comment .author-comment .author-detail > a {
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: Montserrat;
    font-size: 12px;
    margin: 10px 0;
    padding: 4px 15px;
    text-transform: uppercase
}
.form-comment-wrap .form-comment > h3{
    color: #333333;
    display: inline-block;
    font-family: Montserrat;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 26px;
    margin-top: 10px;
    text-transform: uppercase;
}

.form-comment-wrap .form-comment .name
.form-comment-wrap .form-comment .email{
    position: relative;
    padding-bottom: 20px;
}
.form-comment-wrap .form-comment .name input,
.form-comment-wrap .form-comment .email input{
    border: 1px solid #e5e5e5;
    height: 50px;
    margin-bottom: 5px;
    padding: 10px 35px;
    width: 100%;
}
.form-comment-wrap .form-comment .email input{
    padding-left: 40px;
}
.form-comment-wrap .form-comment .name i,
.form-comment-wrap .form-comment .email i{
    position: absolute;
    left: 30px;
    top: 18px;
    font-size: 14px;
    color: #bcbcbc;
}
.form-comment-wrap .form-comment{
    padding-bottom: 80px;
}
.form-comment-wrap .form-comment .comment{
    color: #bcbcbc;
    position: relative;
    margin: 15px 0 29px;
}
.form-comment-wrap .form-comment .comment textarea{
    width: 100%;
    height: 200px;
    padding: 10px 35px;
    border: 1px solid #e5e5e5;
}
.form-comment-wrap .form-comment .comment i{
    position: absolute;
    top: 17px;
    left: 15px;
}
.form-comment-wrap .form-comment button {
    border: 0 none;
    display: inline-block;
    font-family: Montserrat;
    font-size: 14px;
    padding: 13px 23px;
    text-transform: uppercase;
    border-radius: 3px;
}

/*=============== Contact Page ===============*/
.contact-page{
    padding: 75px 0 80px;
}
.contact-form h3{
    margin: 0;
    font-family: Montserrat;
    font-size: 25px;
    color: #333;
    font-weight: 700;
    padding-bottom: 12px;
}
.contact-form p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin: 0;
    padding: 10px 0 44px;
}
.contact-form .form-page-contact input{
    border: 1px solid #e5e5e5;
    width: 100%;
    font-size: 12px;
    color: #999;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 20px;
    height: 50px;
    line-height: 50px;
}
.contact-form .form-page-contact textarea{
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 220px;
    padding: 15px 20px;
    font-size: 12px;
    color: #999;
    margin-bottom: 30px;
}
.contact-form .form-page-contact button {
    border: 0 none;
    border-radius: 3px;
    display: inline-block;
    font-family: Montserrat;
    font-size: 14px;
    padding: 13px 23px;
    text-transform: uppercase;
}
.contact-form .form-page-contact button:hover{
    background: #000000!important;
    color: white;
}
.contact-info > span {
    float: left;
    margin-right: 20px;
}
.contact-info > span i{
    border-radius: 50px;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    border: 2px solid;
    font-size: 20px;
}
.contact-info .info-title {
    overflow: hidden;
    padding-bottom: 60px;
}

.contact-info .info-title h4{
    color: #333333;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: uppercase;
}
.contact-info .info-title span,
.contact-info .info-title .phone-fax li{
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    color: #666;
    margin: 0;
}

    /*!================ Footer ============ */

.footer{
    position: relative;

}
.footer .customer-support-footer{
    position: absolute;
    bottom: 0%;
    right: 0;
}
.footer .footer-top{
    background: #222;
    padding: 85px 0 100px;
}
.footer .footer-top .hosting-domain > h3{
    font-size: 16px;
    color: white;
    font-family: Montserrat;
    line-height: 30px;
    padding-bottom: 20px;
    margin: 0;
    text-transform: uppercase;
}
.footer .footer-top .hosting-domain .hosting-list li a {
    color: #6f6f6f;
    display: inline-block;
    font-size: 13px;
    padding-bottom: 10px;
}

.footer .footer-top .hosting-domain .hosting-list li:last-child a {
    padding-bottom: 0;
}
.footer .footer-top .hosting-domain .hosting-list li a i{
    display: inline-block;
    padding-right: 10px;
}
.footer .footer-top .hosting-domain .post-recent li{
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
}
.footer .footer-top .hosting-domain .post-recent li:last-child{
    margin: 0;
    border: 0;
    padding: 0;
}
.footer .footer-top .hosting-domain .post-recent li > span{
    width: 100px;
    float: left;
    display: inline-block;
    overflow: hidden;
}
.footer .footer-top .hosting-domain .post-recent li > span img{
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.footer .footer-top .hosting-domain .post-recent li > span:hover img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.footer .footer-top .hosting-domain .post-recent li .post-content{
    overflow: hidden;
}
.footer .footer-top .hosting-domain .post-recent li .post-content h3{
    font-size: 16px;
    margin: 0;
    padding-bottom: 10px;
}
.footer .footer-top .hosting-domain .post-recent li .post-content h3 a{
    color: white;
    font-family: Montserrat;
    font-size: 13px;
    line-height: 20px;
}
.footer .footer-top .hosting-domain .post-recent li .post-content span{
    font-size: 12px;
    color: #656565;
}
.footer .footer-middle{
    padding: 30px 0 20px;
    border-bottom: 1px solid #e5e5e5;
}
.footer .footer-middle .work-house span{
    float: left;
    width: 65px;
}
.footer .footer-middle .work-house .time-house{
    overflow: hidden;
}
.footer .footer-middle .time-house > h4 {
    color: #333333;
    font-family: Montserrat;
    margin: 0;
    text-transform: uppercase;
}
.footer .footer-middle .time-house p{
    margin: 0;
    font-size: 12px;
    color: #333;
}
.footer .footer-bottom{
    padding: 20px 0;
}
.footer .footer-bottom .copy-right > span{
    font-size: 13px;
    color: #333;
    line-height: 33px;
}
.footer .footer-bottom .list-social-footer > li{
    display: inline-block;
    padding-left: 5px;
}
.footer .footer-bottom .list-social-footer > li a{
    display: inline-block;
    height: 33px;
    line-height: 33px;
    width: 33px;
    text-align: center;
}
.footer .footer-bottom .list-social-footer > li i {
    color: #ffffff;
    display: inline-block;
    font-size: 13px;

    transition: transform 0.3s linear 0s;
    -webkit-transition: transform 0.3s linear 0s;

}
.footer .footer-bottom .list-social-footer > li:hover i{
    -webkit-animation: 0.3s linear 0s normal none 1 running scale-icon;
    animation: 0.3s linear 0s normal none 1 running scale-icon;
}

@-webkit-keyframes scale-icon {
    0% {
        transform: scale(3);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes scale-icon {
    0% {
        transform: scale(3);
    }
    100% {
        transform: scale(1);
    }
}

.footer .footer-bottom .list-social-footer > li:nth-child(1) a{
    background: #3b5998 none repeat scroll 0 0;
}
.footer .footer-bottom .list-social-footer > li:nth-child(2) a{
    background: #55acee;
}
.footer .footer-bottom .list-social-footer > li:nth-child(3) a{
    background: #0077b5 none repeat scroll 0 0;
}
.footer .footer-bottom .list-social-footer > li:nth-child(4) a{
    background: #ea4335;
}
.footer .footer-bottom .list-social-footer > li:nth-child(5) a{
    background: #E45F91;
}
.info-map {
    position: relative;
    overflow: hidden;
}
.info-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}