/*
Theme Name:     EngineHosting
Theme URI:      
Author:         fruitfulcode
Author URI:     https://fruitfulcode.com/
Description:    
Version:        1.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*/
/**
	Navigation Files

	01. Info
	02. Reset
	03. Base Style
	04. Header Style
	05. Elements Style
	06. Slider Style
	07. Footer Style
	08. About Style
	09. Blog Style
	10. Single Blog Style
	11. My Account Style
	12. Contact Style
	13. Widget Style
	14. 404Page Style
	15. Order Style
	16. Service Page Style
	17. Mobile Menu Style
	18. Login Style

 */
/*=================================
=            02. Reset            =
=================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
button:focus {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
select::-ms-expand {
  display: none;
}
label {
  font-weight: normal;
}
img {
  max-width: 100%;
  height: auto;
}
iframe {
  width: 100%;
}
/*=====  End of 02. Reset  ======*/
/*======================================
=            03. Base Style            =
======================================*/
/**
	Navigation File

	01. Global Style
	02. Input
	03. Title Head
	04. Custom Fonts

 */
/* 01. Global Style
   ==================================== */
body {
  font-weight: 400;
  font-family: "Microsoft Yahei","HelveticaNeue", serif;
}
.wrapper {
  position: relative;
}
.main-content h1 {
  font-size: 35px;
  line-height: 35px;
}
.main-content h3 {
  font-size: 30px;
  line-height: 30px;
}
.main-content h3 {
  font-size: 30px;
  line-height: 30px;
}
h1 {
  font-size: 70px;
  line-height: 70px;
}
h2 {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 2px;
}
h3 {
  font-size: 42px;
  line-height: 52px;
  letter-spacing: 2px;
}
h4 {
  font-size: 32px;
  line-height: 36px;
  letter-spacing: 3px;
}
h5 {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 1px;
}
h6 {
  font-size: 18px;
  line-height: 24px;
}
a {
  display: block;
  transition: 0.2s linear;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
p {
  color: #7782aa;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
}
ul li,
ol li {
  color: #7782aa;
  font-size: 15px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.list {
  margin-bottom: 40px;
  list-style: initial;
}
.list-number {
  list-style: decimal;
}
.modal {
  padding-right: 0 !important;
}
#counter b {
  font-weight: normal;
}
/* 02. Input
   ==================================== */
input {
  color: #524f6f;
  background-color: transparent;
}
input::-webkit-input-placeholder {
  font-size: 16px;
}
input::-moz-placeholder {
  font-size: 16px;
}
input:-ms-input-placeholder {
  font-size: 16px;
}
input:-moz-placeholder {
  font-size: 16px;
}
/* 03. Title Head
   ==================================== */
.bg-gray {
  background-color: #f6fafd;
}
.title-head {
  text-align: center;
  font-size: 32px;
  color: #39335b;
  margin-bottom: 60px;
  letter-spacing: 3px;
}
.animatedParent {
  overflow: hidden;
}
/* 04. Custom Fonts
   ==================================== */
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeue/HelveticaNeue.eot") format("embedded-opentype"), url("../fonts/HelveticaNeue/HelveticaNeue.ttf") format("truetype"), url("../fonts/HelveticaNeue/HelveticaNeue.woff") format("woff"), url("../fonts/HelveticaNeue/HelveticaNeue.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeue-Bold";
  src: url("../fonts/HelveticaNeue/HelveticaNeue-Bold.eot") format("embedded-opentype"), url("../fonts/HelveticaNeue/HelveticaNeue-Bold.ttf") format("truetype"), url("../fonts/HelveticaNeue/HelveticaNeue-Bold.woff") format("woff"), url("../fonts/HelveticaNeue/HelveticaNeue-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeue-Medium";
  src: url("../fonts/HelveticaNeue/HelveticaNeue-Medium.eot") format("embedded-opentype"), url("../fonts/HelveticaNeue/HelveticaNeue-Medium.ttf") format("truetype"), url("../fonts/HelveticaNeue/HelveticaNeue-Medium.woff") format("woff"), url("../fonts/HelveticaNeue/HelveticaNeue-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueLight";
  src: url("../fonts/HelveticaNeue/HelveticaNeueLight.eot") format("embedded-opentype"), url("../fonts/HelveticaNeue/HelveticaNeueLight.ttf") format("truetype"), url("../fonts/HelveticaNeue/HelveticaNeueLight.woff") format("woff"), url("../fonts/HelveticaNeue/HelveticaNeueLight.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AthelasItalic";
  src: url("../fonts/Athelas/AthelasItalic.eot") format("embedded-opentype"), url("../fonts/Athelas/AthelasItalic.ttf") format("truetype"), url("https://enginehosting-html.fruitfulcode.com/wp-content/themes/enginehosting-html/assets/fonts/AthelasAthelasItalic.woff") format("woff"), url("https://enginehosting-html.fruitfulcode.com/wp-content/themes/enginehosting-html/assets/fonts/AthelasAthelasItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/*=====  End of 03. Base Style  ======*/
/*========================================
=            03. Header Style            =
========================================*/
/* 01. Header
   ==================================== */
header {
  padding: 50px 0;
 /*  margin-bottom: 90px;*/
  position: relative;
  background-color: #0479ec;
}
header.transparent {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  padding: 50px 0 0;
  position: absolute;
  margin-bottom: 0;
  background-color: transparent;
}
header.transparent .logo-mobile {
  top: 10px;
  -ms-transform: translate(0);
      transform: translate(0);
}
header.active {
  padding: 0;
  background-color: #1f7fe2;
}
header.active .mobile-menu {
  display: inline-block;
}
header.active .logo-mobile {
  display: none;
}
header .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
header .logo img {
  max-width: 144px;
}
header .menu {
  text-align: right;
  margin-right: 24px;
}
header .menu li {
  position: relative;
  display: inline-block;
  margin-right: 41px;
  margin-bottom: 0;
}
header .menu li:last-child {
  margin-right: 0;
}
header .menu li:before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 24px;
  height: 2px;
  opacity: 0;
  transition: 0.2s linear;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
}
header .menu li:hover:before {
  opacity: 1;
}
header .menu a {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  letter-spacing: 1px;
}
header .menu .children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}
header .menu .children:after {
  content: "";
  width: 130px;
  height: 18px;
  bottom: -17px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  left: 50%;
  background-color: transparent;
  position: absolute;
}
header .menu .sub-menu {
  top: 40px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  position: absolute;
  text-align: left;
  width: 195px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
  box-shadow: 1px 2px 40px rgba(28, 30, 32, 0.14);
  background-color: #fff;
  transition: 0.3s linear;
}
header .menu .sub-menu:before {
  content: "";
  top: -7px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 7px solid #fff;
  position: absolute;
}
header .menu .sub-menu li {
  margin: 0;
  padding: 14px 20px;
  display: block;
}
header .menu .sub-menu li:first-child {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
header .menu .sub-menu li:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
header .menu .sub-menu li:hover {
  background-color: #e2eaf3;
}
header .menu .sub-menu li:hover a {
  color: #39335b;
}
header .menu .sub-menu li:before {
  display: none;
}
header .menu .sub-menu li a {
  color: rgba(35, 120, 236, 0.9);
}
header .button-header {
  text-align: right;
  margin-right: 7px;
}
header .button-header .custom-btn {
  width: 113px;
  color: #fff;
  box-shadow: 1px 1px 22px rgba(98, 129, 157, 0.4);
  border-radius: 5px;
  background: #42cbd1 linear-gradient(69deg, #37ddcb 0%, #42cbd1 80%, #42cbd1 100%);
  letter-spacing: 1px;
  display: inline-block;
  text-align: center;
  padding: 10px 15px;
  text-transform: none;
}
header .button-header .custom-btn.login {
  margin-right: 7px;
  box-shadow: 1px 1px 22px rgba(14, 21, 34, 0.19);
  border-radius: 5px;
  background: #5791ef none;
}
header .button-header .custom-btn.login:hover {
  color: #fff;
  background-color: #6b9ef1;
}
header .button-header .custom-btn:hover {
  opacity: 0.9;
}
/*=====  End of 03. Header Style  ======*/
/*=========================================
=            04. Elements Less            =
=========================================*/
/**
	Navigation File

	1. Custom Btn
	2. Owl Nav
	3. Partner
	4. Why Choose
	5. Hosting Software
	6. Pricing Table
	7. User Slider
	8. Search Domain
	9. Social Icon
	10.Breadcrumbs

 */
/* 01. Custom Btn
   ==================================== */
.custom-btn {
  padding: 14px 40px;
  font-size: 15px;
  color: #fff;
  box-shadow: 1px 1px 11px rgba(98, 129, 157, 0.4);
  border-radius: 7px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #0479ec;
}
.custom-btn:hover {
  color: #fff;
}
.custom-btn.green {
  border: none;
  padding: 15px 71px;
  background: #0479ec linear-gradient(69deg, #37ddcb 0%, #42cbd1 80%, #42cbd1 100%);
}
.custom-btn.green:hover {
  color: #fff;
  background-image: linear-gradient(69deg, rgba(55, 221, 203, 0.9) 0%, rgba(66, 203, 209, 0.9) 80%, rgba(66, 203, 209, 0.9) 100%);
}
.custom-btn.blue {
  color: #0479ec;
  padding: 14px 38px;
  border: 1px solid #186ae1;
  box-shadow: none;
  background-color: transparent;
}
.custom-btn.blue:hover {
  color: #fff;
  background-color: #186ae1;
}
/* 02. Owl Nav
   ==================================== */
.owl-carousel {
  cursor: url(../images/drag.png) 16 9, ew-resize;
}
.owl-nav {
  position: static;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  top: 50%;
  font-size: 0;
  margin-top: -20px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
}
.owl-nav .owl-prev i,
.owl-nav .owl-next i {
  font-size: 36px;
  color: #2f395d;
}
.owl-nav .owl-prev {
  left: 50px;
}
.owl-nav .owl-next {
  right: 50px;
}
.owl-dots {
  text-align: center;
}
.owl-dots span {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 1px 7px 1px rgba(119, 119, 119, 0.16);
}
.owl-dots .owl-dot {
  display: inline-block;
  margin-right: 10px;
}
.owl-dots .owl-dot:last-child {
  margin-right: 0;
}
/* 03. Partner
   ==================================== */
.partner {
  text-align: center;
  padding-bottom: 47px;
  margin-bottom: 65px;
  border-bottom: 2px solid rgba(219, 234, 248, 0.6);
}
.partner h5 {
  font-size: 15px;
  margin-bottom: 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "HelveticaNeue-Medium", serif;
}
.partner .partner-slider .owl-stage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.partner .partner-slider .owl-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.partner .partner-slider .item img {
  width: 140px;
  transition: 0.2s linear;
}
.partner .partner-slider .item:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* 04. Why Choose
   ==================================== */
.why-choose {
  margin-bottom: 88px;
}
.why-choose .inside {
  padding: 70px 39px 38px 39px;
  text-align: center;
  box-shadow: 1px 1px 22px rgba(157, 184, 209, 0.19);
  border-radius: 7px;
  background-color: #fff;
}
.why-choose .inside a {
  color: #39335b;
  font-size: 18px;
  margin-bottom: 12px;
  letter-spacing: 2px;
  font-family: "HelveticaNeue-Bold", serif;
}
.why-choose .inside a.read-more {
  margin-bottom: 0;
  color: #2687f1;
  font-size: 16px;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
  font-family: "HelveticaNeue-Medium", serif;
}
.why-choose .inside a.read-more:before {
  content: "";
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 50%;
  opacity: 0;
  margin-left: -7px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  position: absolute;
  background-color: #2687f1;
  display: inline-block;
  transition: 0.2s linear;
}
.why-choose .inside a.read-more:hover:before {
  width: 85%;
  opacity: 1;
}
.why-choose .inside > img {
  height: 76px;
  margin-bottom: 35px;
}
.why-choose .inside img {
  vertical-align: middle;
}
.why-choose .inside p {
  color: #7782aa;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 26px;
}
/* 05. Hosting Software
   ==================================== */
.hosting-software {
  margin-bottom: 113px;
}
.hosting-software ul {
  text-align: center;
}
.hosting-software ul li {
  color: #2e8ff3;
  font-size: 50px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  font-family: "HelveticaNeueLight", serif;
  border-right: 2px solid #e9f1f7;
  margin-right: 68px;
  padding-right: 72px;
}
.hosting-software ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
.hosting-software ul li span {
  color: #7c8ca4;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "HelveticaNeue-Medium", serif;
  display: block;
  margin-top: 27px;
  letter-spacing: 1px;
}
.hosting-software .title-head {
  margin-bottom: 71px;
}
.hosting-software.white .title-head {
  color: #fff;
}
.hosting-software.white li {
  color: #fff;
  border-color: rgba(233, 241, 247, 0.2);
}
.hosting-software.white li span {
  color: rgba(255, 255, 255, 0.5);
}
/* 06. Pricing Table
   ==================================== */
.pricing-table {
  padding: 80px 0 30px 0;
  background: url(../images/bg-blue.png) no-repeat center;
  background-size: cover;
  margin-bottom: 130px;
}
.pricing-table .title-head {
  color: #fff;
  margin-bottom: 8px;
}
.pricing-table p {
  text-align: center;
  margin-bottom: 62px;
  letter-spacing: 1px;
  color: rgba(205, 220, 236, 0.8);
}
.pricing-table .pricing-list .custom-btn {
  padding: 14px 15px;
}
.pricing-list {
  margin-bottom: 45px;
  width: 100%;
  clear: both;
  display: inline-block;
}
.pricing-list li {
  width: 24.3%;
  float: left;
  padding: 33px 29px 33px 35px;
  text-align: center;
  display: inline-block;
  box-shadow: 1px 1px 22px rgba(157, 184, 209, 0.19);
  border-radius: 3px;
  background-color: #fff;
  margin-right: 10px;
}
.pricing-list li:last-child {
  margin-right: 0;
}
.pricing-list li .images {
  margin-bottom: 17px;
}
.pricing-list li .images img {
  height: 50px;
}
.pricing-list li h5 {
  color: #39335b;
  font-size: 18px;
  margin-bottom: 9px;
  letter-spacing: 1px;
  font-family: "HelveticaNeue-Bold", serif;
}
.pricing-list li p {
  color: #7782aa;
  line-height: 22px;
  margin-bottom: 18px;
}
.pricing-list li > span {
  display: block;
  margin-bottom: 15px;
  position: relative;
}
.pricing-list li > span:before {
  content: "";
  top: 8px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #d6dde4;
  display: inline-block;
  position: absolute;
}
.pricing-list li > span b {
  background-color: #fff;
  padding: 0 10px;
  font-size: 14px;
  color: #39335b;
  font-family: "HelveticaNeue-Medium", serif;
  position: relative;
  display: inline-block;
}
.pricing-list li span {
  color: #39335b;
  font-family: "HelveticaNeue-Medium", serif;
}
.pricing-list li .price {
  color: #39335b;
  font-size: 32px;
  margin-bottom: 23px;
  font-family: "HelveticaNeue-Medium", serif;
}
.pricing-list li .price span {
  font-size: 18px;
  display: inline-block;
  margin-left: 3px;
  letter-spacing: 2px;
}
.pricing-list li .custom-btn {
  width: 100%;
  padding: 10px 15px;
}
.pricing-list li .custom-btn:hover {
  -ms-transform: scale(1.02);
      transform: scale(1.02);
  background-color: #238ff9;
}
.info-pricing {
  padding: 50px 52px 20px 52px;
  box-shadow: 1px 1px 30px rgba(14, 21, 34, 0.07);
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
  display: inline-block;
}
.info-pricing h4 {
  font-size: 24px;
  color: #39335b;
  margin-bottom: 33px;
  letter-spacing: 2px;
}
.info-pricing ul {
  width: 50%;
  float: left;
  display: inline-block;
}
.info-pricing ul li {
  width: 100%;
  text-align: left;
  display: inline-block;
  margin-bottom: 34px;
  background: url(../images/check.svg) no-repeat;
  padding-left: 32px;
}
.info-pricing ul li.button {
  background: none;
}
.info-pricing ul li h6 {
  color: #39335b;
  font-size: 14px;
  font-family: "HelveticaNeue-Bold", serif;
  margin-bottom: 8px;
  letter-spacing: 1px;
}
.info-pricing ul li p {
  color: #7782aa;
  text-align: left;
  margin-bottom: 0;
}
.info-pricing ul .custom-btn {
  box-shadow: 1px 1px 11px rgba(98, 129, 157, 0.4);
  border-radius: 7px;
  background-color: #0479ec;
  display: inline-block;
  padding: 14px 40px 14px 38px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.info-pricing ul .custom-btn:hover {
  color: #fff;
  -ms-transform: scale(1.02);
      transform: scale(1.02);
  background-color: #238ff9;
}
.info-pricing ul.right {
  padding-left: 44px;
}
.info-pricing ul.right .button {
  margin-top: 13px;
}
.typography {
  margin-bottom: 60px;
}
.typography .title-head {
  margin-bottom: 30px;
}
.typography .custom-btn {
  margin-bottom: 15px;
}
.typography ol,
.typography ul {
  margin: 0 20px;
}
/* 07. User Slider
   ==================================== */
.user-slider {
  margin-bottom: 95px;
}
.user-slider .owl-carousel .owl-item img {
  width: auto;
}
.user-slider .inside {
  width: 740px;
  margin: 0 auto;
  text-align: center;
}
.user-slider .inside img {
  margin: 0 auto 35px;
}
.user-slider .inside .icon {
  width: 33px !important;
}
.user-slider .inside p {
  font-size: 18px;
  color: #7c8ca4;
  line-height: 29px;
  margin-bottom: 16px;
  letter-spacing: 1px;
}
.user-slider .user {
  color: #526785;
  line-height: 26px;
  font-family: "HelveticaNeue-Bold", serif;
}
.user-slider .user img {
  margin-bottom: 15px;
  border-radius: 100%;
  width: 58px !important;
}
.user-slider .user a {
  color: #526785;
}
.user-slider .user span {
  color: #7c8ca4;
  display: block;
  letter-spacing: 1px;
  font-family: "Microsoft Yahei","HelveticaNeue", serif;
  font-size: 15px;
}
.user-slider .owl-prev,
.user-slider .owl-next {
  width: 20px;
  height: 35px;
}
.user-slider .owl-prev img,
.user-slider .owl-next img {
  display: none;
}
.user-slider .owl-prev {
  background: url(../images/arrow-left-light.png) no-repeat;
}
.user-slider .owl-next {
  background: url(../images/arrow-right-light.png) no-repeat;
}
/* 08. Search Domain
   ==================================== */
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 70px;
  height: 20px;
}
.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.2s linear;
}
.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  width: 195px;
  border-radius: 5px;
  list-style: none;
  box-shadow: 1px 2px 40px rgba(28, 30, 32, 0.14);
  background-color: #fff;
}
.select-options:before {
  content: "";
  top: -7px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 7px solid #fff;
  position: absolute;
}
.select-options li {
  margin: 0;
  padding: 14px 30px;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(35, 120, 236, 0.9);
}
.select-options li:first-child {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.select-options li:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.select-options li:hover {
  color: #524f6f;
  background-color: #e2eaf3;
}
.select-options li[rel="hide"] {
  display: none;
}
.search-domain {
  overflow: visible;
  padding: 61px 0 45px 0;
  background-color: #298bef;
}
.search-domain h3 {
  font-size: 28px;
  color: #fff;
  letter-spacing: 2px;
  padding-top: 0;
  margin-top: -5px;
}
.search-domain form {
  margin-left: 13px;
}
.search-domain form .form-group {
  display: inline-block;
  position: relative;
}
.search-domain form .select {
  top: 17px;
  right: 10px;
  border: none;
  position: absolute;
  padding-right: 18px;
  color: #7782aa;
  font-size: 14px;
  font-family: "HelveticaNeue-Medium", serif;
  text-transform: uppercase;
  background: transparent url(../images/down.png) no-repeat 86% 33%;
}
.search-domain form .select-options {
  top: 45px;
  left: -50%;
}
.search-domain form input {
  width: 484px;
  border: none;
  height: 45px;
  padding: 0 90px 0 24px;
  line-height: 45px;
  box-shadow: 1px 1px 22px rgba(98, 129, 157, 0.15);
  border-radius: 7px;
  background-color: #fff;
}
.search-domain form input::-webkit-input-placeholder {
  color: #7782aa;
  font-size: 14px;
}
.search-domain form input::-moz-placeholder {
  color: #7782aa;
  font-size: 14px;
}
.search-domain form input:-ms-input-placeholder {
  color: #7782aa;
  font-size: 14px;
}
.search-domain form input:focus {
  outline-color: #7782aa;
}
.search-domain form .custom-btn {
  position: relative;
  top: -1px;
  margin-left: 16px;
  border: none;
}
/* 09. Social Icon
   ==================================== */
.social-icon li {
  background-color: #fff;
  box-shadow: 4px 7px 26px rgba(0, 0, 0, 0.03);
  margin-right: 6px;
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  line-height: 46px;
  text-align: center;
  transition: 0.2s linear;
}
.social-icon li:last-child {
  margin-right: 0;
}
.social-icon li:last-child i {
  font-size: 20px;
}
.social-icon li img {
  margin-bottom: 0;
}
.social-icon li:hover {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.social-icon li a:hover {
  color: rgba(31, 127, 226, 0.8);
}
.social-icon i {
  color: rgba(31, 127, 226, 0.8);
  font-size: 18px;
}
/* 10. Breadcrumbs
   ==================================== */
.breadcrumbs {
  background: url(../images/breadcrumbs.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  padding: 234px 0 195px 0;
}
.breadcrumbs h1 {
  font-size: 46px;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 18px;
  font-family: "HelveticaNeueLight", serif;
}
.breadcrumbs p {
  color: #c0dbf4;
  letter-spacing: 2px;
  font-family: "HelveticaNeue-Medium", serif;
  text-transform: uppercase;
}
/*=====  End of 04. Elements Less  ======*/
/*========================================
=            05. Slider Style            =
========================================*/
/* 01. Base Slider
   ==================================== */
.base-slider {
  padding-bottom: 10px;
}
.base-slider h2 {
  font-size: 50px;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 13px;
  text-transform: capitalize;
  font-family: "HelveticaNeueLight", serif;
}
.base-slider p {
  color: #c0dbf4;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.base-slider p,
.base-slider a {
  font-family: "HelveticaNeue-Medium", serif;
}
.base-slider .custom-btn {
  font-size: 14px;
  color: #2378ec;
  padding: 14px 33px;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: 1px 1px 11px rgba(98, 129, 157, 0.4);
  border-radius: 7px;
  background-color: #fff;
  display: inline-block;
}
.base-slider .custom-btn:hover {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.base-slider .inside {
  width: 100%;
  top: 44%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  position: absolute;
  text-align: center;
}
.base-slider .owl-prev i,
.base-slider .owl-next i {
  color: #fff;
}
/*=====  End of 05. Slider Style  ======*/
/*==================================
=            06. Footer            =
==================================*/
/**
	Navigation File

	01. Footer
	02. Widget Footer
	03. Copyright

 */
/* 01. Footer
   ==================================== */
footer {
  padding-top: 91px;
  background-color: #1f7fe2;
}
.pre-footer {
  margin-top: -170px;
  margin-bottom: -3.3%;
}
.pre-footer img {
  width: 100%;
}
/* 02. Widget Footer
   ==================================== */
.widget-footer {
  width: 19%;
  float: left;
  display: inline-block;
  margin-bottom: 115px;
}
.widget-footer h4 {
  font-size: 16px;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-family: "HelveticaNeue-Bold", serif;
}
.widget-footer img {
  margin-top: -10px;
  margin-bottom: 5px;
}
.widget-footer ul li {
  margin-bottom: 14px;
}
.widget-footer ul li a {
  font-size: 14px;
  color: #c0dbf4;
  letter-spacing: 1px;
}
.widget-footer ul li a:hover {
  color: #e8f4ff;
}
.widget-footer p {
  color: #c0dbf4;
  margin-bottom: 25px;
  letter-spacing: 1px;
}
.widget-footer.last {
  width: 24%;
  padding-left: 67px;
}
.widget-footer.last img {
  max-width: 144px;
  margin-bottom: 23px;
}
/* 03. Copyright
   ==================================== */
.copyright {
  width: 100%;
  display: inline-block;
  padding: 31px 0 35px;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.copyright p {
  font-size: 14px;
  color: rgba(185, 203, 239, 0.6);
  letter-spacing: 1px;
}
/*=====  End of 06. Footer  ======*/
/*=======================================
=            07. About Style            =
=======================================*/
/**
	Navigation File

	01. Info Block
	02. Team Block
	03. About Block
	04. Our Team

 */
/* 01. Info Block
   ==================================== */
.info-block {
  padding: 80px 0;
  margin-bottom: 80px;
  background-color: #f6fafd;
}
.info-block p {
  color: #39335b;
  font-size: 26px;
  text-align: center;
  line-height: 38px;
  max-width: 970px;
  margin: 0 auto;
  letter-spacing: 2px;
}
/* 02. Team Block
   ==================================== */
.team-block {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 140px;
}
.team-block h3 {
  color: #39335b;
  font-size: 32px;
  letter-spacing: 3px;
  margin-bottom: 18px;
  margin-top: 23px;
}
.team-block ul {
  margin-top: 42px;
  margin-bottom: 33px;
}
.team-block ul li {
  margin-bottom: 23px;
}
.team-block ul li h5 {
  color: #39335b;
  font-size: 18px;
  font-family: "HelveticaNeue-Bold", serif;
  margin-bottom: 10px;
  letter-spacing: 2px;
}
.team-block p {
  color: #7782aa;
  font-size: 14px;
  letter-spacing: 1px;
}
.team-block span img {
  margin-right: 45px;
}
.team-block .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.team-block .col-6 {
  width: 460px;
  margin-right: 23px;
}
.team-block .images {
  text-align: right;
  padding-right: 0;
}
.team-block .images img {
  width: 630px;
}
.team-block.reverse .row {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.team-block.reverse h3 {
  font-size: 31px;
  line-height: 45px;
  margin-top: 28px;
}
.team-block.reverse .images {
  text-align: left;
  padding-right: 15px;
  padding-left: 0;
}
.team-block.reverse .col-6 {
  width: 490px;
  margin-right: 0;
  margin-left: 20px;
}
.team-block.reverse p {
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.images-bg img {
  width: 100%;
}
/* 03. About Block
   ==================================== */
.about-block {
  margin-top: -3px;
  padding-top: 65px;
  background-size: cover;
  background: url(../images/bg-team.png) no-repeat;
}
.about-block .hosting-software {
  margin-bottom: 90px;
}
.about-block .hosting-software .title-head {
  margin-bottom: 43px;
}
.about-block .hosting-software ul {
  width: 100%;
  display: inline-block;
}
.about-block .hosting-software ul li {
  width: 28.5%;
  margin-right: 0;
  padding-right: 0;
}
.about-block .hosting-software ul li:first-child {
  text-align: left;
  width: 22%;
  padding-left: 25px;
}
.about-block .hosting-software ul li:last-child {
  text-align: right;
  width: 19%;
}
.about-block .hosting-software ul li:last-child b:after {
  content: "x";
  font-size: 50px;
}
/* 04. Our Team
   ==================================== */
.our-team {
  margin-bottom: 88px;
}
.our-team .title-head {
  color: #fff;
  margin-bottom: 44px;
}
.our-team ul {
  width: 100%;
  display: inline-block;
  margin-bottom: 54px;
}
.our-team ul li {
  width: 234px;
  float: left;
  overflow: hidden;
  margin-right: 16px;
  display: inline-block;
}
.our-team ul li img {
  width: 100%;
  border-radius: 6px;
  transition: 0.3s linear;
}
.our-team ul li:last-child {
  margin-right: 0;
}
.our-team ul li .name {
  color: #39335b;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 7px;
  font-family: "HelveticaNeue-Bold", serif;
}
.our-team ul li span {
  color: #7782aa;
  font-size: 14px;
}
.our-team ul li .inside {
  padding: 24px 26px;
  box-shadow: 1px 1px 44px rgba(38, 63, 90, 0.09);
  border-radius: 5px;
  background-color: #fff;
  text-align: center;
}
.our-team ul li:hover img {
  cursor: pointer;
  -ms-transform: scale(1.08);
      transform: scale(1.08);
}
/*=====  End of 07. About Style  ======*/
/*======================================
=            08. Blog Style            =
======================================*/
/**
	Navigation File

	01. Blog
	02. Post
	03. Order

 */
/* 01. Blog
   ==================================== */
.blog .container {
  width: 1015px;
}
.blog header .container {
  width: 1300px;
}
.blog aside {
  margin-left: 40px;
  margin-top: 14px;
}
.blog .search-domain .container,
.blog footer .container {
  width: 1139px;
}
/* 02. Post
   ==================================== */
.post {
  margin-bottom: 70px;
}
.post .top-post {
  margin-bottom: 17px;
}
.post .top-post h3 {
  margin-bottom: 15px;
}
.post .top-post h3 a:hover {
  color: #186ae1;
}
.post .top-post a {
  color: #39335b;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 1px;
  font-family: "HelveticaNeue-Medium", serif;
}
.post .top-post .date {
  font-size: 20px;
  color: #8289a2;
  letter-spacing: 1px;
  font-family: "AthelasItalic", serif;
}
.post .post-images {
  margin-bottom: 20px;
}
.post .post-images img {
  height: 220px;
  border-radius: 6px;
}
.post .bottom-post p {
  font-size: 16px;
  color: #39335b;
  line-height: 26px;
  letter-spacing: 1px;
  margin-bottom: 25px;
}
/* 03. Order
   ==================================== */
.order {
  width: 100%;
  display: block;
  color: #0479ec;
  padding: 16px 0;
  text-transform: uppercase;
  text-align: center;
  border-radius: 7px;
  margin-top: -14px;
  box-shadow: none;
  background-color: rgba(212, 232, 252, 0.5);
}
/*=====  End of 08. Blog Style  ======*/
/*=============================================
=            10. Single Blog Style            =
=============================================*/
/* 01. Single Blog
   ==================================== */
.single-blog {
  margin-top: -7px;
}
.single-blog.container {
  width: 760px;
}
.single-blog .post .top-post {
  margin-bottom: 22px;
  text-align: center;
}
.single-blog p {
  color: #39335b;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 27px;
  letter-spacing: 1px;
}
.single-blog .content-post {
  margin-top: 56px;
}
.single-blog .content-post h4 {
  color: #39335b;
  font-size: 26px;
  margin-bottom: 22px;
  letter-spacing: 1px;
  font-family: "HelveticaNeue-Medium", serif;
}
.single-blog .content-post p a {
  display: inline-block;
}
.single-blog .content-post .quote {
  font-size: 16px;
  padding-left: 70px;
  color: #39335b;
  margin-bottom: 38px;
  line-height: 27px;
  letter-spacing: 1px;
  font-family: "AthelasItalic", serif;
}
.single-blog .content-post .video {
  position: relative;
  margin-bottom: 31px;
}
.single-blog .content-post .video button {
  border: none;
  top: 50%;
  left: 50%;
  width: 65px;
  height: 65px;
  text-align: center;
  padding: 0;
  position: absolute;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 1px 2px 65px rgba(0, 0, 0, 0.76);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  transition: 0.2s linear;
}
.single-blog .content-post .video button:hover {
  box-shadow: none;
}
.single-blog .content-post .video button img {
  width: 22px;
  margin-left: 5px;
}
.single-blog .content-post .video iframe {
  margin-bottom: -2px;
}
.single-blog .content-post .video img {
  border-radius: 6px;
}
.single-blog .content-post .video .modal .modal-dialog {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  margin-top: -10px;
}
.single-blog .content-post ul {
  display: inline-block;
  margin-bottom: 18px;
  margin-top: 20px;
}
.single-blog .content-post ul li {
  display: inline-block;
  float: left;
}
.single-blog .content-post ul li:first-child {
  margin-right: 17px;
}
.single-blog .content-post ul li:last-child {
  margin-top: 27px;
}
.single-blog .content-post ul li img {
  border-radius: 6px;
}
.single-blog .content-post .last {
  margin-bottom: 60px;
}
.single-blog .content-post .share {
  padding-bottom: 56px;
  margin-top: 60px;
  margin-bottom: 50px;
  border-bottom: 4px solid #e8eef5;
}
.single-blog .content-post .share h5 {
  color: #39335b;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "HelveticaNeue-Bold", serif;
  margin-bottom: 20px;
}
.single-blog .content-post .share a {
  width: 46px;
  height: 46px;
  line-height: 53px;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  margin-right: 10px;
  background-color: #0479ec;
  box-shadow: 4px 7px 26px rgba(0, 0, 0, 0.03);
}
.single-blog .related-post {
  z-index: 9;
  position: relative;
}
.single-blog .related-post h5 {
  color: #39335b;
  font-size: 18px;
  font-family: "HelveticaNeue-Bold", serif;
  margin-bottom: 26px;
  letter-spacing: 2px;
}
.single-blog .related-post ul {
  width: 100%;
  display: inline-block;
}
.single-blog .related-post ul li {
  width: 50%;
  float: left;
}
.single-blog .related-post ul li img {
  margin-right: 12px;
  border-radius: 6px;
}
.single-blog .related-post ul li a {
  color: #0479ec;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1px;
}
.single-blog .related-post ul li a:first-child {
  float: left;
  display: inline-block;
}
.single-blog .related-post ul li:last-child {
  padding-left: 21px;
}
/*=====  End of 10. Single Blog Style  ======*/
/*============================================
=            11. My Account Style            =
============================================*/
/**
	Navigation File

	01. My Account
	02. Information
	03. Tab Content
	04. Payment History
	05. Password

 */
/* 01. My Account
   ==================================== */
.my-account {
  background-color: #f5fafd;
}
.my-account header {
  margin-bottom: 0;
}
.top-panel {
  padding: 26px 0 19px 0;
  margin-bottom: 65px;
  box-shadow: 1px 1px 19px rgba(28, 61, 94, 0.17);
  background-color: #fff;
}
.top-panel .nav {
  text-align: center;
  border: none;
}
.top-panel .nav li {
  float: none;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 60px;
}
.top-panel .nav li:last-child {
  margin-right: 0;
}
.top-panel .nav li:nth-child(2) svg {
  margin-top: -5px;
}
.top-panel .nav li svg {
  height: 26px;
}
.top-panel .nav li.active a,
.top-panel .nav li.active a:focus {
  border: none;
}
.top-panel .nav li.active a {
  color: #0479ec;
}
.top-panel .nav li.active a svg {
  fill: #0479ec;
}
.top-panel .nav li a {
  color: rgba(57, 51, 91, 0.9);
  padding: 0;
  border: none;
  font-size: 13px;
  letter-spacing: 1px;
  font-family: "HelveticaNeue-Medium", serif;
  text-transform: uppercase;
}
.top-panel .nav li a:hover {
  background-color: transparent;
}
.top-panel .nav li a:focus {
  background-color: transparent;
}
.top-panel .nav li a svg {
  width: 21px;
  vertical-align: middle;
  margin-right: 5px;
}
.top-panel .nav li a img {
  margin-right: 5px;
  vertical-align: middle;
}
/* 02. Information
   ==================================== */
#information .content {
  padding: 28px 30px 6px 30px;
}
#information .content .last a {
  text-decoration: underline;
  border: none;
  padding-bottom: 0;
  margin-bottom: 20px;
}
#information .content .last li {
  letter-spacing: 1px;
}
#information .password {
  padding: 29px 30px 30px 30px;
}
/* 03. Tab Content
   ==================================== */
.tab-content {
  padding-bottom: 250px;
}
.tab-content .content {
  width: 600px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 28px 30px 37px 30px;
  margin: 0 auto 30px;
  box-shadow: 1px 1px 22px rgba(157, 184, 209, 0.19);
  border-radius: 3px;
  background-color: #fff;
}
.tab-content .content a {
  display: inline-block;
}
.tab-content .center {
  padding: 0 120px 0 12px;
}
.tab-content .last {
  text-align: right;
}
.tab-content .last span {
  margin-top: 22px;
}
.tab-content h5 {
  color: #39335b;
  font-size: 32px;
  margin-bottom: 31px;
  text-align: center;
  letter-spacing: 3px;
}
.tab-content h6 {
  color: #39335b;
  font-size: 18px;
  margin-bottom: 17px;
  letter-spacing: 1px;
  font-family: "HelveticaNeue-Bold", serif;
}
.tab-content a {
  color: #0479ec;
  font-size: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #0479ec;
  padding-bottom: 3px;
}
.tab-content ul {
  margin-bottom: 34px;
}
.tab-content ul li {
  color: #7782aa;
  font-size: 15px;
  margin-bottom: 9px;
  letter-spacing: 1px;
}
.tab-content span {
  color: #7782aa;
  display: inline-block;
}
.tab-content span b {
  font-family: "HelveticaNeue-Medium", serif;
  display: block;
  color: #39335b;
  font-weight: normal;
  margin-bottom: 6px;
}
#payments .content {
  margin: 0 auto 25px;
  padding: 30px 30px 18px 30px;
}
#payments .last span {
  margin-top: 0;
}
/* 04. Payment History
   ==================================== */
.payment-history {
  display: -ms-flexbox;
  display: flex;
  padding: 30px 30px 14px 30px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.payment-history,
.password {
  width: 600px;
  margin: 0 auto;
  padding: 27px 30px 14px 30px;
  box-shadow: 1px 1px 22px rgba(157, 184, 209, 0.19);
  border-radius: 3px;
  background-color: #fff;
}
/* 05. Password
   ==================================== */
.password {
  text-align: right;
}
.password span {
  float: left;
  color: #39335b;
  font-size: 18px;
  letter-spacing: 2px;
  display: inline-block;
  font-family: "HelveticaNeue-Bold", serif;
}
.password a {
  color: #0479ec;
  font-size: 15px;
  margin-bottom: 0;
  display: inline-block;
  letter-spacing: 1px;
}
/*=====  End of 11. My Account Style  ======*/
/*=========================================
=            12. Contact Style            =
=========================================*/
/**
	Navigation File

	01. Contact
	02. Info Block Contact
	03. Form Contact

 */
/* 01. Contact
   ==================================== */
.contact {
  background-color: #fff;
}
.contact .bg-form {
  background: url(../images/bg-form.jpg) no-repeat;
  background-size: cover;
  padding-top: 171px;
  padding-bottom: 255px;
}
.contact .bg-form .container {
  width: 950px;
}
.contact h2 {
  color: #fff;
  font-size: 46px;
  margin-bottom: 16px;
  letter-spacing: 2px;
  font-family: "HelveticaNeueLight", serif;
}
.contact p {
  color: #c0dbf4;
  font-size: 15px;
  letter-spacing: 2px;
  margin-bottom: 22px;
  text-transform: uppercase;
}
.contact .inside {
  padding-top: 50px;
  text-align: center;
  padding-bottom: 56px;
}
.contact .inside .images {
  width: 86px;
  height: 86px;
  margin: 0 auto 25px;
  text-align: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 100%;
  background-color: #307ce4;
  box-shadow: 1px 1px 44px rgba(0, 0, 0, 0.1);
}
.contact .inside .images img {
  width: 45px;
}
.contact .inside.left {
  padding-right: 118px;
}
.contact .inside.right {
  padding-left: 65px;
}
.contact .inside h4 {
  color: #fff;
  font-size: 18px;
  font-family: "HelveticaNeue-Bold", serif;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
.contact .inside a,
.contact .inside span {
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
}
.contact .inside span {
  line-height: 24px;
}
.contact .widget-footer p {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: none;
}
/* 02. Info Block Contact
   ==================================== */
.info-block-contact {
  position: relative;
}
.info-block-contact:before {
  content: "";
  width: 100%;
  height: 2px;
  top: 47%;
  left: 0;
  background-color: rgba(222, 230, 235, 0.2);
  position: absolute;
  display: block;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.info-block-contact:after {
  content: "";
  width: 2px;
  height: 100%;
  top: 16px;
  left: 50%;
  background-color: rgba(222, 230, 235, 0.2);
  position: absolute;
  display: block;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
/* 03. Form Contact
   ==================================== */
.form-contact {
  position: relative;
  z-index: 9999;
  width: 541px;
  margin: -200px auto 60px;
}
.form-contact h3 {
  font-size: 38px;
  color: #fff;
  text-align: center;
  font-family: "HelveticaNeueLight", serif;
  margin-bottom: 50px;
  letter-spacing: 2px;
}
.form-contact label {
  font-size: 15px;
  letter-spacing: 1px;
  color: #8198a6;
}
.form-contact form,
.login-bg form,
.sign-up form {
  padding: 45px 65px 30px 63px;
  box-shadow: 1px 1px 44px rgba(38, 63, 90, 0.09);
  border-radius: 5px;
  background-color: #fff;
}
.form-contact form .form-group,
.login-bg form .form-group,
.sign-up form .form-group {
  margin-bottom: 35px;
}
.form-contact form .form-group:last-child,
.login-bg form .form-group:last-child,
.sign-up form .form-group:last-child {
  margin-top: -13px;
  margin-bottom: 0;
}
.form-contact form input,
.login-bg form input,
.sign-up form input {
  width: 100%;
  font-size: 15px;
  color: #8198a6;
  padding-bottom: 18px;
  border: none;
  border-bottom: 2px solid #dee6eb;
}
.form-contact form input::-webkit-input-placeholder,
.login-bg form input::-webkit-input-placeholder,
.sign-up form input::-webkit-input-placeholder {
  font-size: 15px;
  color: #8198a6;
  letter-spacing: 1px;
}
.form-contact form input::-moz-placeholder,
.login-bg form input::-moz-placeholder,
.sign-up form input::-moz-placeholder {
  font-size: 15px;
  letter-spacing: 1px;
  color: #8198a6;
}
.form-contact form input:-ms-input-placeholder,
.login-bg form input:-ms-input-placeholder,
.sign-up form input:-ms-input-placeholder {
  font-size: 15px;
  color: #8198a6;
  letter-spacing: 1px;
}
.form-contact form input:-moz-placeholder,
.login-bg form input:-moz-placeholder,
.sign-up form input:-moz-placeholder {
  font-size: 15px;
  color: #8198a6;
  letter-spacing: 1px;
}
.form-contact form input:focus,
.login-bg form input:focus,
.sign-up form input:focus {
  outline: none;
  border-color: rgba(119, 130, 170, 0.6);
}
.form-contact form label,
.login-bg form label,
.sign-up form label {
  font-size: 15px;
  color: #8198a6;
  display: block;
  margin-bottom: 22px;
}
.form-contact form textarea,
.login-bg form textarea,
.sign-up form textarea {
  width: 100%;
  color: #8198a6;
  height: 183px;
  border: 2px solid #dee6eb;
}
.form-contact form textarea:focus,
.login-bg form textarea:focus,
.sign-up form textarea:focus {
  outline: none;
  border-color: rgba(119, 130, 170, 0.6);
}
.form-contact form button,
.login-bg form button,
.sign-up form button {
  font-size: 15px;
  color: #fff;
  padding: 15px 48px;
  border-radius: 7px;
  text-transform: uppercase;
  border: none;
  transition: 0.2s linear;
  background-color: #0479ec;
  font-family: "HelveticaNeue-Medium", serif;
}
.form-contact form button:hover,
.login-bg form button:hover,
.sign-up form button:hover {
  background-color: #238ff9;
}
/*=====  End of 12. Contact Style  ======*/
/*=============================================
=            09. Widget Blog Style            =
=============================================*/
/**
	Navigation File

	01. Widget
	02. Widget Categories
	03. Widget Popular

 */
/* 01. Widget
   ==================================== */
.widget {
  margin-bottom: 56px;
}
.widget-title {
  color: #39335b;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "HelveticaNeue-Bold", serif;
  margin-bottom: 25px;
}
/* 02. Widget Categories
   ==================================== */
.widget-categories li {
  margin-bottom: 18px;
}
.widget-categories li a {
  color: #39335b;
  font-size: 18px;
}
.widget-categories li a:hover {
  color: #186ae1;
}
.widget-categories li span {
  color: #0479ec;
  margin-right: 5px;
}
/* 03. Widget Popular
   ==================================== */
.widget-popular li {
  margin-bottom: 33px;
}
.widget-popular a {
  color: #0479ec;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1px;
}
/*=====  End of 09. Widget Blog Style  ======*/
/*==========================================
=            13. 404 Page Style            =
==========================================*/
/* 01. Error Page
   ==================================== */
.error-page {
  background-color: #0479ec;
}
.error-page .inside {
  padding-top: 264px;
  padding-bottom: 264px;
}
.error-page .inside h2 {
  font-size: 156px;
  margin-bottom: 30px;
}
.error-page .inside h4 {
  font-size: 44px;
  margin-bottom: 18px;
  letter-spacing: 2px;
  font-family: "HelveticaNeueLight", serif;
}
.error-page .inside p {
  font-size: 16px;
  font-family: "HelveticaNeue-Medium", serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.error-page .inside h2,
.error-page .inside h4,
.error-page .inside p {
  color: #fff;
  line-height: normal;
}
/*=====  End of 13. 404 Page Style  ======*/
/*=======================================
=            14. Order Style            =
=======================================*/
/**
	Navigation File

	01. Order Page
	02. Content Order
	03. Total Order
	04. Account Details

 */
/* 01. Order Page
   ==================================== */
.order-page .breadcrumbs {
  margin-bottom: 85px;
  padding: 170px 0 83px;
  background: #0479ec;
}
.order-page .tab-content .content {
  padding: 28px 34px 27px 30px;
}
.order-page .tab-content .center {
  padding: 0 115px 0 17px;
}
.order-page .tab-content .center span {
  display: block;
}
.order-page .tab-content .center span > span {
  margin-top: 10px;
}
.order-page .tab-content .last span {
  display: block;
  margin-top: 57px;
}
.order-page .tab-content .last span > span {
  margin-top: 8px;
}
.order-page .tab-content div > img {
  margin-top: 10px;
  margin-left: 14px;
}
/* 02. Content Order
   ==================================== */
.content-order h2 {
  color: #39335b;
  font-size: 32px;
}
.content-order .first {
  padding-left: 95px;
  letter-spacing: 3px;
  margin-bottom: 27px;
}
.content-order .tab-content {
  width: 635px;
  float: right;
  padding-bottom: 0;
}
.content-order .tab-content .content {
  width: auto;
  border-radius: 3px;
  box-shadow: none;
  margin-bottom: 64px;
  background-color: #f5f8fb;
}
.content-order input[type="radio"] {
  display: none;
}
.content-order input[type="radio"] + label span {
  width: 16px;
  height: 15px;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 100%;
  vertical-align: middle;
  display: inline-block;
  background-color: rgba(119, 130, 170, 0.2);
}
.content-order input[type="radio"]:checked + label span {
  background: url(../images/radio-check.png) no-repeat;
}
/* 03. Total Order
   ==================================== */
.total-order {
  width: 285px;
  padding: 17px 28px 26px 34px;
  border-radius: 3px;
  background-color: #f5f8fb;
}
.total-order h4 {
  color: #39335b;
  font-size: 18px;
  font-family: "HelveticaNeue-Bold", serif;
  letter-spacing: 2px;
  margin-bottom: 19px;
}
.total-order ul {
  margin-bottom: 22px;
}
.total-order ul li {
  color: #7782aa;
  font-size: 15px;
  text-align: left;
  margin-bottom: 8px;
  letter-spacing: 1px;
}
.total-order ul li span {
  float: right;
  font-family: "HelveticaNeue-Medium", serif;
}
.total-order b {
  font-weight: normal;
}
.total-order form {
  padding: 18px 0 2px 0;
  border-width: 3px 0;
  border-color: #dee6eb;
  border-style: solid;
  text-align: left;
  margin-bottom: 22px;
}
.total-order form label {
  color: #7782aa;
  font-size: 15px;
  margin-left: 20px;
  display: block;
  font-family: "Microsoft Yahei","HelveticaNeue", serif;
}
.total-order form input {
  float: left;
  margin-top: 3px;
}
.total-order form span {
  float: right;
}
.total-order input[type="radio"] + label {
  cursor: pointer;
  margin-left: 0;
  text-align: left;
}
.total-order input[type="radio"] + label span {
  padding-left: 0;
  margin-bottom: 0;
}
.total-order input[type="radio"] + label .first {
  float: left;
}
.total-order input[type="radio"] + label b {
  float: right;
}
.total-order .total {
  width: 100%;
  display: inline-block;
  text-align: left;
  color: #39335b;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "HelveticaNeue-Medium", serif;
}
.total-order .total b {
  float: right;
}
/* 04. Account Details
   ==================================== */
.account-details {
  width: 635px;
  float: right;
}
.account-details h2 {
  color: #39335b;
  font-size: 32px;
  letter-spacing: 3px;
  margin-bottom: 31px;
}
.account-details form .form-group {
  clear: both;
  margin-bottom: 27px;
}
.account-details form .form-group.col-2 {
  width: 50%;
  clear: none;
  float: left;
  display: inline-block;
}
.account-details form .form-group.col-2 input {
  width: 300px;
}
.account-details form .form-group.col-2:nth-child(2),
.account-details form .form-group.col-2:nth-child(5) {
  padding-left: 16px;
}
.account-details form .form-group .select-styled {
  padding: 0 15px;
}
.account-details form .form-group .select-options {
  width: 100%;
  margin-top: 15px;
}
.account-details form .form-group .select-options li {
  padding: 14px 20px;
  line-height: normal;
}
.account-details form .form-group input {
  color: #524f6f;
}
.account-details form .form-group input:focus {
  border-color: rgba(119, 130, 170, 0.6);
}
.account-details form .form-group.last {
  padding-bottom: 10px;
  margin-bottom: 30px;
  margin-top: 34px;
  border-bottom: 2px solid #dee6eb;
}
.account-details form .form-group.last input {
  width: auto;
  height: auto;
}
.account-details form .form-group.last label {
  width: 100%;
  color: #7782aa;
  cursor: pointer;
  font-size: 15px;
  display: inline-block;
}
.account-details form .form-group.checkbox {
  margin-bottom: 50px;
}
.account-details form .form-group.checkbox span {
  color: #7782aa;
  font-size: 15px;
  vertical-align: top;
  font-family: "Microsoft Yahei","HelveticaNeue", serif;
}
.account-details form .form-group.checkbox input {
  width: auto;
  height: auto;
  margin-left: 0;
  display: none;
}
.account-details form .form-group.checkbox input + label {
  padding-left: 0;
}
.account-details form .form-group.checkbox input + label .first {
  width: 17px;
  height: 16px;
  padding-left: 0;
  margin-right: 10px;
  display: inline-block;
  border: 2px solid #dee6eb;
}
.account-details form .form-group.checkbox input:checked + label .first {
  border-color: #1f7fe2;
}
.account-details form .form-group.checkbox input:checked + label .first:before {
  content: "\f00c";
  font-family: 'FontAwesome', serif;
  font-size: 13px;
  position: relative;
  top: -2px;
  color: #1f7fe2;
}
.account-details form input,
.account-details form .select {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  color: #7782aa;
  border: 2px solid #dee6eb;
}
.account-details form input:focus,
.account-details form .select:focus {
  outline: none;
}
.account-details form .select {
  line-height: 42px;
  background: url(../images/down-select.png) no-repeat 97% 50%;
}
.account-details form select {
  width: 100%;
  border: none;
  background-color: transparent;
}
.account-details form select:focus {
  outline: none;
}
.account-details form label {
  color: #7782aa;
  font-size: 15px;
  display: block;
  letter-spacing: 1px;
  margin-bottom: 12px;
  font-family: "HelveticaNeue-Medium", serif;
}
.account-details form label span {
  color: #dd4e69;
}
.account-details .bottom {
  margin-bottom: 195px;
}
.account-details .bottom h3 {
  color: #39335b;
  font-size: 32px;
  margin-bottom: 16px;
  letter-spacing: 3px;
}
.account-details .bottom p {
  color: #7782aa;
  font-size: 15px;
  padding-bottom: 21px;
  letter-spacing: 1px;
  margin-bottom: 25px;
  border-bottom: 2px solid #dee6eb;
}
.account-details .bottom button {
  color: #fff;
  width: 100%;
  padding: 18px 0;
  font-size: 15px;
  border: none;
  border-radius: 7px;
  transition: 0.2s linear;
  background-color: #0479ec;
  text-transform: uppercase;
}
.account-details .bottom button:hover {
  background-color: #238ff9;
}
/*=====  End of 14. Order Style  ======*/
/*==============================================
=            16. Service Page Style            =
==============================================*/
/**
	Navigation File

	01. Service Page
	02. Choice Plan
	03. Info Plan
	04. Block Features
	05. Info Plans
	06. Order Page
	07. Service Page Dark Color
	08. Service Page Images Color

 */
/* 01. Service Page
   ==================================== */
.service-page .container {
  width: 1010px;
}
.service-page .search-domain .container,
.service-page footer .container {
  width: 1139px;
}
/* 02. Choice Plan
   ==================================== */
.choice-plan {
  margin-bottom: 112px;
  padding: 160px 0 0;
  background-size: cover;
  background: #f6fafd url(../images/choice-plan.png) no-repeat top;
}
.choice-plan h2 {
  font-size: 46px;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 24px;
  font-family: "HelveticaNeueLight", serif;
}
.choice-plan .nav-tabs {
  margin-bottom: 56px;
  border: none;
  width: 100%;
  text-align: center;
  display: inline-block;
}
.choice-plan .nav-tabs li {
  float: none;
  display: inline-block;
  border: 2px solid #74a0fb;
  margin-right: -4px;
}
.choice-plan .nav-tabs li:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.choice-plan .nav-tabs li:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.choice-plan .nav-tabs li a {
  border-radius: 0;
  color: #c0dbf4;
  font-size: 14px;
  letter-spacing: 1px;
  margin-right: 0;
  border: none;
  padding: 8px 37px;
  background-color: transparent;
  text-transform: uppercase;
  font-family: "HelveticaNeue-Medium", serif;
}
.choice-plan .nav-tabs li.active {
  background-color: #fff;
  border-color: #fff;
}
.choice-plan .nav-tabs li.active a {
  color: #3f75ff;
}
.choice-plan .nav-tabs li.active a:hover,
.choice-plan .nav-tabs li.active a:focus {
  color: #3f75ff;
  border: none;
  background-color: transparent;
}
.choice-plan .pricing-list {
  text-align: center;
}
.choice-plan .pricing-list li {
  width: 30.7%;
  float: none;
  padding: 43px 35px 12px 35px;
  margin-right: 33px;
}
.choice-plan .pricing-list li .custom-btn {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  padding: 14px 0;
}
.choice-plan .pricing-list li:last-child {
  margin-right: 0;
}
.choice-plan .pricing-list li .images {
  margin-bottom: 13px;
}
.choice-plan .pricing-list li h5 {
  margin-bottom: 26px;
}
.choice-plan .pricing-list li .custom-btn {
  text-transform: uppercase;
}
.choice-plan .pricing-list ul {
  margin-bottom: 15px;
  display: inline-block;
}
.choice-plan .pricing-list ul li {
  width: auto;
  float: none;
  margin-right: 0;
  box-shadow: none;
  margin-bottom: 17px;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  display: block;
  letter-spacing: 0;
}
.choice-plan .tab-content {
  padding-bottom: 18px;
}
/* 03. Info Plan
   ==================================== */
.info-plan {
  padding-bottom: 83px;
}
.info-plan img {
  margin-bottom: 28px;
}
.info-plan h5 {
  color: #39335b;
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 18px;
  font-family: "HelveticaNeue-Bold", serif;
}
.info-plan p {
  color: #7782aa;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 23px;
}
/* 04. Block Features
   ==================================== */
.block-features {
  margin-bottom: -120px;
}
.block-features .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-direction: row;
      flex-direction: row;
}
.block-features .col-5 {
  padding-top: 23px;
  padding-left: 100px;
}
.block-features img {
  margin-left: 60px;
  max-width: 516px;
}
.block-features h3 {
  color: #39335b;
  font-size: 32px;
  margin-top: 5px;
  margin-bottom: 19px;
  letter-spacing: 3px;
}
.block-features p {
  color: #7782aa;
  margin-bottom: 65px;
  font-size: 14px;
  letter-spacing: 1px;
}
/* 05. Info Plans
   ==================================== */
.info-plans {
  background: #f6fafd url(../images/bg-servise-2.png) no-repeat top;
  padding-top: 268px;
}
.info-plans .title-head {
  margin-bottom: 10px;
}
.info-plans p {
  color: #7782aa;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 45px;
}
.info-plans table {
  width: 100%;
  box-shadow: 1px 1px 22px rgba(157, 184, 209, 0.19);
  border-radius: 3px;
  z-index: 999;
  position: relative;
  background-color: #fff;
}
.info-plans table thead tr td {
  padding-top: 35px;
  color: #39335b;
  font-size: 18px;
  font-family: "HelveticaNeue-Bold", serif;
}
.info-plans table thead tr td:first-child {
  padding-bottom: 18px;
}
.info-plans table tbody tr:last-child td {
  padding-bottom: 43px;
}
.info-plans table tbody td.background {
  background-color: rgba(230, 237, 246, 0.4);
}
.info-plans table tr {
  padding: 0 40px;
}
.info-plans table tr.offset-inside td {
  padding-top: 43px;
}
.info-plans table tr td {
  color: #7782aa;
  font-size: 15px;
  letter-spacing: 1px;
  text-align: center;
  padding: 10px 0;
}
.info-plans table tr td.text-left {
  width: 27%;
  text-align: left;
  padding-left: 40px;
}
.info-plans table tr td b {
  color: #39335b;
  font-family: "HelveticaNeue-Medium", serif;
}
.info-plans table tr.border-line {
  border: 2px solid rgba(230, 237, 246, 0.4);
}
/* 06. Order Page
   ==================================== */
.bottom-info-plans {
  margin-top: -240px;
  padding: 260px 0 175px 0;
  margin-bottom: 80px;
  background-size: contain;
  background: url(../images/bottom-info-plans.png) no-repeat center;
}
.bottom-info-plans .title-head {
  color: #fff;
  margin-top: 100px;
  margin-bottom: 7px;
}
.bottom-info-plans p {
  text-align: center;
  font-size: 14px;
  margin-bottom: 25px;
  color: rgba(205, 220, 236, 0.8);
}
.bottom-info-plans .custom-btn {
  padding: 16px 29px;
  font-size: 15px;
}
.bottom-info-plans .partner-slider {
  margin-top: 85px;
  text-align: center;
}
.bottom-info-plans .partner-slider img {
  width: 125px;
}
.bottom-info-plans .partner-slider .owl-stage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.bottom-info-plans .partner-slider .owl-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
/* 07. Service Page Dark Color
   ==================================== */
.dark-color .choice-plan {
  background: #f5fafd url(../images/choice-plan2.png) no-repeat top;
}
.dark-color .choice-plan .nav-tabs li {
  border-color: #5c41c4;
}
.dark-color .choice-plan .nav-tabs li.active {
  border-color: #fff;
}
.dark-color .choice-plan .nav-tabs li.active a {
  color: #482cac;
}
.dark-color .choice-plan .nav-tabs li a {
  color: #c3b5f7;
}
.dark-color .bottom-info-plans {
  background: url(../images/bottom-info-plans2.png) no-repeat center;
}
.dark-color header .button-header .custom-btn.login {
  background-color: #675abf;
}
/* 08. Service Page Images Color
   ==================================== */
.images-color .choice-plan {
  background: url(../images/choice-plan3.png) no-repeat top;
}
.images-color .choice-plan .nav-tabs li {
  border-color: #7e94bb;
}
.images-color .choice-plan .nav-tabs li.active {
  border-color: #fff;
}
.images-color .choice-plan .nav-tabs li.active a {
  color: #063a6d;
}
.images-color header .button-header .custom-btn.login {
  background: rgba(255, 255, 255, 0.2) none;
}
.images-color .bottom-info-plans {
  background: url(../images/bottom-info-plans3.png) no-repeat center;
}
/*=====  End of 16. Service Page Style  ======*/
/*=============================================
=            17. Mobile Menu Style            =
=============================================*/
/**
	Navigation File

	01. Mobile Menu
	02. Mobile Menu Btn

 */
/* 01. Mobile Menu
   ==================================== */
.mobile-menu {
  display: none;
  width: 100%;
  height: 100vh;
}
.mobile-menu .inside {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.mobile-menu .menu {
  padding: 15px 0;
}
.mobile-menu .button-header {
  padding-bottom: 30px;
}
.mobile-menu .logo {
  padding: 30px 0 0;
}
.mobile-menu .menu li {
  width: 100%;
  padding: 10px 0 30px 0;
  margin-right: 0;
}
.mobile-menu .menu li:before {
  bottom: 15px;
}
.mobile-menu .menu .sub-menu {
  margin: 20px auto 0;
  position: static;
  left: auto;
  -ms-transform: translateX(0) scale(1);
      transform: translateX(0) scale(1);
  opacity: 1;
  visibility: visible;
}
.mobile-menu .menu .children {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.mobile-menu .menu .children > a:after {
  content: "\f107";
  font-size: 18px;
  color: #fff;
  position: relative;
  left: 6px;
  top: 2px;
  font-family: FontAwesome, serif;
  display: inline-block;
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.mobile-menu .menu .children .collapsed:after {
  -ms-transform: rotate(0);
      transform: rotate(0);
}
.mobile-menu .menu .children:hover .sub-menu {
  -ms-transform: translateX(0) scale(1);
      transform: translateX(0) scale(1);
}
.mobile-menu .logo,
.mobile-menu .menu,
.mobile-menu .button-header {
  width: 100%;
  text-align: center;
}
.mobile-menu-open {
  overflow-y: hidden;
  height: 100vh;
}
.mobile-menu-open .mobile-block {
  overflow-y: scroll;
}
/* 02. Mobile Menu Btn
   ==================================== */
.mobile-menu-btn {
  position: absolute;
  display: inline-block;
  top: 17px;
  right: 30px;
  height: 30px;
}
.mobile-menu-btn.active span {
  background-color: rgba(0, 0, 0, 0);
  transition-delay: 0.2s;
}
.mobile-menu-btn.active span:before {
  margin-top: 0;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  transition-delay: 0s, 0.2s;
}
.mobile-menu-btn.active span:after {
  margin-top: 0;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  transition-delay: 0s, 0.2s;
}
.mobile-menu-btn span {
  margin: 0 auto;
  position: relative;
  top: 10px;
  transition-duration: 0s;
  transition-delay: 0.2s;
}
.mobile-menu-btn span:before,
.mobile-menu-btn span:after {
  content: '';
  position: absolute;
}
.mobile-menu-btn span:before {
  margin-top: -10px;
  transition-property: margin, transform;
  transition-duration: 0.2s;
  transition-delay: 0.2s, 0s;
}
.mobile-menu-btn span:after {
  margin-top: 10px;
  transition-property: margin, transform;
  transition-duration: 0.2s;
  transition-delay: 0.2s, 0s;
}
.mobile-menu-btn span,
.mobile-menu-btn span:before,
.mobile-menu-btn span:after {
  width: 35px;
  height: 3px;
  background-color: #fff;
  display: block;
}
/*=====  End of 17. Mobile Menu Style  ======*/
/*=======================================
=            15. Login Style            =
=======================================*/
/**
	Navigation File

	01. Login Page
	02. Login Bg
	03. Create
	04. Sign Up

 */
/* 01. Login Page
   ==================================== */
.login-page {
  background: #f6fafd linear-gradient(to top, #ffffff 0%, #ffffff 1%, #f5fafd 80%, #f5fafd 100%);
}
.login-page header {
  margin-bottom: 115px;
}
/* 02. Login Bg
   ==================================== */
.login-bg,
.sign-up {
  padding-bottom: 150px;
}
.login-bg form,
.sign-up form {
  width: 540px;
  margin: 0 auto 37px;
  padding: 41px 60px 40px 65px;
  box-shadow: 1px 1px 44px rgba(38, 63, 90, 0.09);
  border-radius: 5px;
  background-color: #ffffff;
}
.login-bg form a,
.sign-up form a {
  display: inline-block;
}
.login-bg form .form-group,
.sign-up form .form-group {
  margin-bottom: 51px;
}
.login-bg form .form-group:last-child,
.sign-up form .form-group:last-child {
  text-align: right;
}
.login-bg form .form-group:last-child a,
.sign-up form .form-group:last-child a {
  float: left;
  padding-top: 12px;
}
.login-bg form button,
.sign-up form button {
  padding: 15px 42px;
}
.login-bg h2,
.sign-up h2 {
  color: #39335b;
  font-size: 38px;
  letter-spacing: 1px;
  margin-bottom: 50px;
}
/* 03. Create
   ==================================== */
.create {
  font-size: 15px;
  color: #8198a6;
  letter-spacing: 1px;
}
.create a {
  display: inline-block;
  text-decoration: underline;
}
/* 04. Sign Up
   ==================================== */
.sign-up .select {
  font-size: 15px;
  color: #8198a6;
  letter-spacing: 1px;
  width: 100%;
  padding-bottom: 37px;
  border-bottom: 2px solid #dee6eb;
  background: url(../images/down-select.png) no-repeat 97% 50%;
}
.sign-up .select .select-options:before {
  left: 15%;
}
.sign-up .select .select-options li {
  text-transform: capitalize;
  font-size: 16px;
}


@media (max-width: 600px) {
    h1,.h1{font-size:26px}
    h2,.h2{font-size:20px}
    h3,.h3{font-size:16px}
    h4,.h4{font-size:14px}
    h5,.h5{font-size:12px}
    h6,.h6{font-size:11px}
    div.header-lined small {
        display: none;
    }
}

@media (min-width: 380px) {
    .btn-input-padded-responsive {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 500px) {
    .btn-input-padded-responsive {
        padding-left: 35px;
        padding-right: 35px;
    }
}

/**
 * -------------------------
 * @section Margin Classes
 * -------------------------
 */

.margin-10 {
    margin: 10px;
}
.margin-bottom {
    margin-bottom: 20px;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}

.col-button-left {
    padding-left: 0;
    padding-right: 7px;
}
.col-button-right {
    padding-left: 7px;
    padding-right: 0;
}

/**
 * -------------------------
 * @section Form Classes
 * -------------------------
 */

.input-inline {
    display: inline-block;
}

.input-inline-100 {
    width: 100px;
}

.select-inline {
    display: inline-block;
    width: auto;
}

/**
 * -------------------------
 * @section Responsive Pull Left & Right
 * -------------------------
 */

@media (min-width: 992px) {
    .pull-md-left {
        float: left;
    }
    .pull-md-right {
        float: right;
    }
}
@media (min-width: 768px) {
    .pull-sm-left {
        float: left;
    }
    .pull-sm-right {
        float: right;
    }
    .text-right-sm {
        text-align: right;
    }
}

/**
 * -------------------------
 * @section Login Page
 * -------------------------
 */

.logincontainer {
    margin: 40px auto 100px auto;
    padding: 0 10px;
    max-width: 500px;
}

.logincontainer.with-social {
    max-width: 650px;
}

.logincontainer .social-signin-btns {
    padding: 23px 0;
}

@media (max-width: 500px) {
    .logincontainer .social-signin-btns .btn {
        display: block;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .logincontainer {
        margin: 0 auto 30px auto;
    }
}

@media (min-width: 768px) {
    .logincontainer.with-social .login-form {
        padding-right: 29px;
        border-right: 1px solid #ddd;
    }
    .logincontainer .social-signin-btns .btn {
        display: block;
        width: 100%;
    }
}

/**
 * -------------------------
 * @section Icons
 * -------------------------
 */

i.icon-rss {
    color: #ff6600;
}

/**
 * -------------------------
 * @section Main Menu
 * -------------------------
 */

section#main-menu {
    background-color: #006687;
}

/**
 * -------------------------
 * @section Home Page Banner
 * -------------------------
 */

section#home-banner {
    margin: 0;
    padding: 50px 0 60px;
    background-color: #043d5f;
    color: #fff;
}

section#home-banner h2 {
    margin: 0;
    padding: 0 25px 10px 25px;
}

section#home-banner .form-control {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    font-weight: 300;
}

section#home-banner .btn {
    border-radius: 0;
    border: 0;
    font-weight: 300;
    color: #fff;
}

section#home-banner .btn.search {
    background-color: #4ab98b;
}
section#home-banner .btn.transfer {
    background-color: #bbb;
}

@media (max-width: 992px) {
    section#home-banner h2 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    section#home-banner h2 {
        font-size: 22px;
    }
}

/**
 * -------------------------
 * @section Home Page Shortcut Buttons
 * -------------------------
 */

.home-shortcuts {
  margin: 0;
  background: #25a2c7;
  color: #fff;
}
.home-shortcuts ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.home-shortcuts li {
  float: left;
  width: 24%;
  padding: 5px 3px;
  border-right: 1px solid #0E88B0;
  font-size: 0.9em;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}
.home-shortcuts li:first-child {
  border-left: 1px solid #0E88B0;
}
.home-shortcuts li a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.home-shortcuts li i {
  font-size: 22px;
}
.home-shortcuts li p {
  margin: 2px 0 0;
  text-transform: uppercase;
}
.home-shortcuts li span {
  display: none;
}
.home-shortcuts li:hover span {
  display: inline-block;
}
.home-shortcuts .lead {
  margin: 0;
  line-height: 55px;
}
@media (max-width: 992px) {
  .home-shortcuts ul {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .home-shortcuts li {
    display: block;
    float: none;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #0E88B0;
  }
  .home-shortcuts li:first-child {
    border-left: 0;
  }
  .home-shortcuts li:last-child {
    border: 0;
  }
  .home-shortcuts ul:hover li {
    width: 100%;
  }
}

/**
 * -------------------------
 * Client Homepage
 * -------------------------
 */

.text-domain {
    font-size: 12px;
    color: #006687;
}

.client-home-panels .panel > .panel-heading {
    background-color: #fff;
    border-bottom: 0;
    font-weight: bold;
}
.client-home-panels .panel > .panel-heading .panel-title .btn {
    color: #fff;
    border: 0;
}
.client-home-panels .panel > .panel-heading .panel-title .btn:hover {
    color: #000;
}
.client-home-panels .panel small {
    color: #888;
}
.client-home-panels .panel > .panel-body {
    padding: 0;
    max-height: 170px;
    overflow: auto;
}
.client-home-panels .panel > .panel-footer {
    border-top: 0;
}
.client-home-panels .panel > .panel-body p {
    padding: 10px 15px;
}
.client-home-panels .panel > .list-group {
    max-height: 170px;
    overflow: auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.client-home-panels .panel > .list-group .list-group-item {
    padding: 4px 10px;
}

.client-home-panels .panel > .list-group .list-group-item:last-child {
    border-bottom: 0;
}

.home-kb-search {
    margin-bottom: 15px;
}
.home-kb-search .form-control {
    padding-left: 50px;
    background-color: #fff;
    border: 1px solid #eee;
    color: #999;
    font-weight: 300;
}
.home-kb-search .form-control:focus {
    border-color: #eee;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.home-kb-search i {
    float: left;
    margin-top: -30px;
    margin-left: 20px;
    color: #777;
}

/**
 * -------------------------
 * Client Homepage Tiles
 * -------------------------
 */

.tiles {
    margin: 0 15px 15px 15px;
}
.tiles .tile {
    padding: 12px 20px;
    background-color: #f8f8f8;
    border-right: 1px solid #ccc;
}
.tiles .tile a {
    text-decoration: none;
}
.tiles .tile:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}
.tiles .tile .highlight {
    margin-top: 4px;
    height: 2px;
    border-radius: 2px;
}
.tiles .tile:last-child {
    border: 0;
}
@media (max-width: 767px) {
    .tiles .tile:nth-child(2) {
        border: 0;
    }
    .tiles .tile:nth-child(1),
    .tiles .tile:nth-child(2) {
        border-bottom: 1px solid #ccc;
    }
}
.tile .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 48px;
    line-height: 1;
    color: #ccc;
}
.tile .stat {
    margin-top: 20px;
    font-size: 40px;
    line-height: 1;
}
.tile .title {
    font-weight: bold;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
}

/**
 * -------------------------
 * Panel Accents
 * -------------------------
 */

.panel.panel-accent-gold {
    border-top: 3px solid #f0ad4e;
}
.panel.panel-accent-green {
    border-top: 3px solid #5cb85c;
}
.panel.panel-accent-red {
    border-top: 3px solid #d9534f;
}
.panel.panel-accent-blue {
    border-top: 3px solid #5bc0de;
}
.panel.panel-accent-orange {
    border-top: 3px solid #f39c12;
}
.panel.panel-accent-pink {
    border-top: 3px solid #e671b8;
}
.panel.panel-accent-purple {
    border-top: 3px solid #7b4f9d;
}
.panel.panel-accent-lime {
    border-top: 3px solid #8cbf26;
}
.panel.panel-accent-magenta {
    border-top: 3px solid #ff0097;
}
.panel.panel-accent-teal {
    border-top: 3px solid #00aba9;
}
.panel.panel-accent-turquoise {
    border-top: 3px solid #1abc9c;
}
.panel.panel-accent-emerald {
    border-top: 3px solid #2ecc71;
}
.panel.panel-accent-amethyst {
    border-top: 3px solid #9b59b6;
}
.panel.panel-accent-wet-asphalt {
    border-top: 3px solid #34495e;
}
.panel.panel-accent-midnight-blue {
    border-top: 3px solid #2c3e50;
}
.panel.panel-accent-sun-flower {
    border-top: 3px solid #f1c40f;
}
.panel.panel-accent-pomegranate {
    border-top: 3px solid #c0392b;
}
.panel.panel-accent-silver {
    border-top: 3px solid #bdc3c7;
}
.panel.panel-accent-asbestos {
    border-top: 3px solid #7f8c8d;
}

/**
 * -------------------------
 * Background Colors
 * -------------------------
 */

.bg-color-gold {
    background-color: #f0ad4e;
}
.bg-color-green {
    background-color: #5cb85c;
}
.bg-color-red {
    background-color: #d9534f;
}
.bg-color-blue {
    background-color: #5bc0de;
}
.bg-color-orange {
    background-color: #f39c12;
}
.bg-color-pink {
    background-color: #e671b8;
}
.bg-color-purple {
    background-color: #7b4f9d;
}
.bg-color-lime {
    background-color: #8cbf26;
}
.bg-color-magenta {
    background-color: #ff0097;
}
.bg-color-teal {
    background-color: #00aba9;
}
.bg-color-turquoise {
    background-color: #1abc9c;
}
.bg-color-emerald {
    background-color: #2ecc71;
}
.bg-color-amethyst {
    background-color: #9b59b6;
}
.bg-color-wet-asphalt {
    background-color: #34495e;
}
.bg-color-midnight-blue {
    background-color: #2c3e50;
}
.bg-color-sun-flower {
    background-color: #f1c40f;
}
.bg-color-pomegranate {
    background-color: #c0392b;
}
.bg-color-silver {
    background-color: #bdc3c7;
}
.bg-color-asbestos {
    background-color: #7f8c8d;
}

/**
 * -------------------------
 * @section Navigational Bar
 * -------------------------
 */

ul.top-nav {
    float: right;
    margin-top: 8px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    white-space: nowrap;
}
ul.top-nav > li,
ul.top-nav > li > a {
    display: inline-block;
    position: relative;
}
ul.top-nav > li > a {
    padding: 6px 10px;
    color: #777;
    line-height: 20px;
    text-decoration: none;
}
ul.top-nav > li:active > a,
ul.top-nav > li:focus > a,
ul.top-nav > li:hover > a,
ul.top-nav > li > a:focus {
    color: #333;
    text-decoration: none;
    background: transparent;
}
ul.top-nav > li.primary-action {
    padding-left: 15px;
    margin-left: 5px;
    border-left: solid 1px #ddd;
}
ul.top-nav > li.primary-action > a.btn {
    padding: 6px 15px;
    background-color: #0e5077;
    color: #fff;
    border-radius: 3px;
}
ul.top-nav > li > a.btn-logged-in-admin {
    margin-left: 5px;
    font-size: 1.5em;
}
ul.top-nav .tooltip-inner {
    margin-left: -200px;
    min-width: 250px;
    width: 250px;
}

@media (max-width: 991px) {
    ul.top-nav {
        font-size: 0.9em;
    }
    ul.top-nav > li.primary-action > a.btn {
        padding: 4px 12px;
        font-size: 1em;
    }
    ul.top-nav > li > a.btn-logged-in-admin {
        margin-top: -2px;
    }
}

@media (max-width: 767px) {
    ul.top-nav {
        margin: 0;
        font-size: 0.8em;
    }
    ul.top-nav > li > a {
        padding: 6px;
    }
    ul.top-nav > li.primary-action > a.btn {
        padding: 3px 12px;
        font-size: 1em;
    }
}

/**
 * -------------------------
 * @section Twitter Feed
 * -------------------------
 */

div.home-twitter {
    margin-top: 20px;
    margin-bottom: 40px;
}
div.tweet > i {
    color: #2BABCF;
    float: left;
    margin-right: 15px;
}
div.tweet span {
    font-size: 12px;
    color: #ccc;
}

/**
 * -------------------------
 * @section Domain Checker
 * -------------------------
 */

div.domainresults div:not(.btn-group) {
    margin: 0;
    padding: 10px 25px;
    background-color: #ddd;
    color: #666;
    font-size: 1.0em;
    border-radius: 6px 6px 0 0;
}

div.domainresults div:not(.btn-group) span {
    padding-left: 20px;
    font-size: 14px;
    color: #888;
}

div.domainresults table tr td {
    padding: 5px 30px;
    line-height: 40px;
}

.domain-checker-container {
    margin: 20px 0;
    padding: 0;
    background-color: #ffce44;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb201), to(#ffd960));
    background: -webkit-linear-gradient(top, #ffd960, #ffb201);
    background: -moz-linear-gradient(top, #ffd960, #ffb201);
    background: -ms-linear-gradient(top, #ffd960, #ffb201);
    background: -o-linear-gradient(top, #ffd960, #ffb201);
}

.domain-checker-bg {
    margin: 0;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-position: 110% -5px;
    background-image:url('../img/globe.png');
}

@media (max-width: 992px) {
    .domain-checker-bg {
        padding: 40px 0;
    }
}

.domain-checker-container .input-group-box {
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.domain-bulk-options-box {
    position: absolute;
    top: 18px;
    right: 134px;
    z-index:100;
}

@media (max-width: 767px) {
    .domain-checker-container .input-group-box .input-group-btn {
        display: block;
        width: 100%;
    }
    .domain-checker-container .input-group-box .input-group-btn .btn {
        width: 100%;
        border-radius: 6px;
    }
    .domain-checker-container .input-group-box .form-control {
        border-radius: 6px !important;
        margin-bottom: 5px;
        float: none;
    }
}

.domain-check-availability {
    width: 100px;
}

.domain-step-options {
    min-height: 300px;
}

.domain-checker-result-headline {
    margin: 20px;
    font-size: 1.6em;
    text-align: center;
}
.domain-checker-available {
    color: #5cb85c;
}
.domain-checker-unavailable,
.domain-checker-invalid {
    color: #d9534f;
}

div.domainresults div.domain-checkout-area {
    display: none;
    float: right;
    padding: 8px 40px 0;
}

.domain-disclaimer-area {
    margin: 0 0 25px 0;
    font-size: 12px;
}

.domain-bulk-domain-well {
    width: 60%;
}

.domain-tld-pricing-table-responsive {
    border: 0;
    margin-bottom: 0;
}

a.domain-tld-pricing-category {
    display: block;
    text-align: center;
}

.featured-tlds-container {
    margin: 35px 0 15px;
}

.featured-tld {
    margin: 0 0 20px 0;
    border-radius: 4px;
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
}
.featured-tld .img-container {
    padding: 20px 0;
    height: 115px;
    line-height: 75px;
    overflow: hidden;
    text-align: center;
}
@media (max-width: 767px) {
    .featured-tld .img-container {
        height: 80px;
        line-height: 40px;
    }
}
.featured-tld .img-container img {
    max-width: 70%;
    max-height: 100%;
}
.featured-tld .price {
    padding: 5px;
    background-color: #f9f9f9;
    color: #555;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    border-radius: 0 0 4px 4px;
}

.featured-tld .price.blog {
    background-color: #a0d5cb;
    color: #fff;
}
.featured-tld .price.club {
    background-color: #053796;
    color: #fff;
}
.featured-tld .price.com {
    background-color: #3aa4da;
    color: #fff;
}
.featured-tld .price.couk {
    background-color: #1d3774;
    color: #fff;
}
.featured-tld .price.host {
    background-color: #ed4d42;
    color: #fff;
}
.featured-tld .price.live {
    background-color: #ff9e19;
    color: #fff;
}
.featured-tld .price.name {
    background-color: #44b03e;
    color: #fff;
}
.featured-tld .price.net {
    background-color: #efc00e;
    color: #fff;
}
.featured-tld .price.online {
    background-color: #38ce6a;
    color: #fff;
}
.featured-tld .price.rocks {
    background-color: #fd563c;
    color: #fff;
}
.featured-tld .price.shop {
    background-color: #ff5900;
    color: #fff;
}
.featured-tld .price.social {
    background-color: #ff9a00;
    color: #fff;
}
.featured-tld .price.store {
    background-color: #0eadb3;
    color: #fff;
}
.featured-tld .price.tech {
    background-color: #0db04b;
    color: #fff;
}
.featured-tld .price.tv {
    background-color: #ea3438;
    color: #fff;
}
.featured-tld .price.website {
    background-color: #2db9ea;
    color: #fff;
}

.tld-filters {
    margin: 0 0 25px 0;
}
.tld-filters a {
    display: inline-block;
    margin-bottom: 4px;
    padding: 5px 6px;
    font-size: 90%;
    font-weight: normal;
    border-radius: 2px;
}

.domain-pricing .tld-row {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #f5f5f5;
}
.domain-pricing .tld-row.highlighted {
    background: #f3f9fd;
}
.domain-pricing .tld-pricing-header .col-xs-4,
.domain-pricing .tld-pricing-header .col-sm-4 {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 6px solid #97b5d2;
    background-color: #efefef;
    border-radius: 4px 4px 0 0;
}
.domain-pricing .no-bg {
    background-color: transparent !important;
}
.domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: #336699;
    background-color: #f5f5f5;
}
.domain-pricing .two-row-center {
    line-height: 28px;
    margin-top: 6px;
    margin-bottom: 6px;
    border-right: 2px solid #c7d7e6;
}

.domain-pricing .tld-row.no-tlds {
    display: none;
}

.tld-sale-group {
    padding: 1px 3px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
}
.tld-sale-group-hot {
    background-color: #f9615a;
}
.tld-sale-group-sale {
    background-color: #f7d458;
}
.tld-sale-group-new {
    background-color: #2ad588;
}

/**
 * -------------------------
 * @section Announcements Page
 * -------------------------
 */

div.announcement-single {
    margin: 0 0 20px 0;
}
div.announcement-single blockquote {
    margin-top: 30px;
}
div.announcement-single .label {
    margin-right: 10px;
}

.announcement-single {
    margin: 0 0 25px 0;
}
.announcement-single .title {
    font-size: 1.5em;
    font-weight: bold;
}
.announcement-single p {
    margin: 2px 0 10px;
}
.announcement-single .article-items {
    font-size: 0.85em;
    color: #888;
}

/**
 * -------------------------
 * @section Product Details Page
 * -------------------------
 */

div.product-details {
    margin: 0 0 20px 0;
}
div.product-details div.product-icon {
    margin: 0;
    padding: 0;
    background-color: #efefef;
    border-radius: 10px;
    padding: 30px;
    font-size: 60px;
    line-height: 1em;
}

.product-status {
    margin: 0 0 20px 0;
    padding: 0;
    border-radius: 10px;
}
.product-status-pending {
    background-color: #F89406;
}
.product-status-active {
    background-color: #46A546;
}
.product-status-suspended {
    background-color: #0768B8;
}
.product-status-terminated,
.product-status-cancelled {
    background-color: #666;
}
.product-status-fraud {
    background-color: #000;
}
.product-status-text {
    padding: 5px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

div.product-details-tab-container {
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
}

.module-client-area {
    padding: 15px 15px 0 15px;
}

/**
 * -------------------------
 * @section List Tables
 * -------------------------
 */

.dataTables_wrapper .dataTables_info {
    margin: 0;
    padding: 9px 10px;
    background-color: #4f5360;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: 0.9em;
    color: #fff;
    border-radius: 0;
    text-align: left !important;
}
div.dataTables_wrapper div.dataTables_info {
    padding: 21px 30px !important;
    font-weight: 300;
}

.dataTables_wrapper table.table-list {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    width: 100% !important;
}

.dataTables_wrapper table.table-list thead th {
    border-bottom: 4px solid #a2d27a;
    font-weight: normal;
}
.dataTables_wrapper table.table-list thead th:nth-child(even) {
    border-bottom: 4px solid #7bc144;
}

.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: #f6f6f6;
}



.dataTables_wrapper .dataTables_filter {
    float: right;
}
.dataTables_wrapper .dataTables_filter label {
    margin: 0;
    padding: 12px;
}
.dataTables_wrapper .dataTables_filter label .form-control {
    background: url('../../../assets/img/search.png') #fff no-repeat 8px 5px;
    padding: 7px 10px 7px 45px!important;
    border: 1px solid #fff;
    height: auto;
    width: 200px;
    font-size: 13px;
    border-radius: 2px;
}

@media (max-width: 600px) {
    .dataTables_wrapper .dataTables_info {
        padding: 9px 10px 40px;
    }
    .dataTables_wrapper .dataTables_filter {
        float: right;
        margin-top: 30px;
        width: 100%;
    }
    .dataTables_wrapper .dataTables_filter label {
        display: block;
        margin: 5px;
        padding: 0;
    }
    .dataTables_wrapper .dataTables_filter label .form-control {
        margin: 0;
        width: 100%;
    }
}

.dataTables_wrapper .dataTables_length {
    background-color: #f6f6f6;
    font-size: 0.8em;
    color: #888;
}
.dataTables_wrapper .dataTables_length label {
    padding: 10px 10px 0 30px;
}
.dataTables_wrapper .dataTables_length label .form-control {
    display: inline-block;
    padding: 2px;
    height: 25px;
    width: auto;
    border: 0;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding: 6px 30px 0;
}

.dataTables_wrapper .dataTables_paginate .pagination > li > a,
.dataTables_wrapper .dataTables_paginate .pagination > li > span {
    padding: 4px 8px;
}

.pagination>li>a,
.pagination>li>span {
    color: #444;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #4f5360;
    border-color: #4f5360;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    top: inherit !important;
    box-shadow: none !important;
    line-height: 16px !important;
}

.table-container {
    padding: 0 0 25px 0;
}

table.table-list thead th {
    padding: 8px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #333;
    text-align: center;
}

.table-list > tbody > tr:hover {
    cursor: pointer;
    cursor: hand;
}

table.table-list tbody td {
    padding: 10px;
    vertical-align: middle;
    font-size: 0.94em;
}

.table-list > tbody > tr > td a.border-left {
    border-left: 1px solid #eee;
    padding-left: 20px;
    display: block;
}


.table-list > tbody > tr > td {
    background-color: #fff;
}
.table-list > tbody > tr:nth-child(even) > td {
    background-color: #f8fcfd;
}

table.dtr-inline .dtr-title:empty {
    display: none !important;
}

table.dtr-inline .responsive-edit-button {
    display: none;
}

table.dtr-inline.collapsed .responsive-edit-button {
    display: inherit;
}
/**
 * -------------------------
 * @section Status Lights
 * -------------------------
 */

.status {
    display: block;
    font-size: 0.9em;
    line-height: 22px;
    border: 2px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
}

.status-custom {
    background-color: white;
    color: black;
    border: 1px solid black;
    padding: 1px;
}

.status-pending {
    color: #D9534F;
}
.status-pending.transfer {
    color: #A68500;
}
.status-active,
.status-open,
.status.completed {
    color: #3fad46;
}
.status-suspended {
    color: #F0AD4E;
}
.status-customer-reply {
    color: #ff6600;
}
.status-fraud,
.status-answered {
    color: #000000;
}
.status-expired,
.status-transferred.away{
    color: #004258;
}
.status-cancelled {
    color: #9FA29A;
}
.status-terminated {
    color: #666;
}
.status-onhold {
    color: #224488;
}
.status-inprogress {
    color: #cc0000;
}
.status-closed {
    color: #888;
}

.status-paid {
    color: #498302;
}
.status-unpaid {
    color: #ED3E48;
}
.status-cancelled {
    color: #87939F;
}
.status-collections {
    color: #9A141E;
}
.status-refunded {
    color: #319FC3;
}

.status-customer-reply {
    color: #ff6600;
}

.status-delivered {
    color: #224488;
}

.status-accepted {
    color: #498302;
}
.status-lost, .status-dead {
    color: #000;
}

/**
 * -------------------------
 * @section Affiliates Page
 * -------------------------
 */

.affiliate-stat {
    margin: 0;
    padding: 15px;
    font-size: 1.6em;
    text-align: center;
}

.affiliate-stat span {
    display: block;
    font-size: 2.4em;
}

.affiliate-stat i {
    float: left;
    padding: 10px;
    font-size: 4em;
}

.affiliate-referral-link {
    margin: 40px 0;
}

.affiliate-referral-link span {
    display: block;
    margin: 0;
    padding: 10px;
    font-size: 1.4em;
    border-radius: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .affiliate-stat {
        font-size: 1.2em;
    }
    .affiliate-stat span {
        font-size: 2.1em;
    }
    .affiliate-stat i {
        font-size: 3.6em;
    }
}

@media (max-width: 992px) {
    .affiliate-stat {
        font-size: 1.0em;
    }
    .affiliate-stat span {
        font-size: 1.6em;
    }
    .affiliate-stat i {
        font-size: 3em;
    }
}

/**
 * -------------------------
 * @section Support Tickets
 * -------------------------
 */

.ticket-number {
    display: block;
    font-size: 1.2em;
    font-style: italic;
    color: #2a9fbb;
}
.ticket-subject.unread {
    font-weight: bold;
}

.ticket-attachments-message {
    padding-top: 4px;
    font-size: 0.8em;
}

.ticket-reply {
    margin: 10px 0;
    padding: 0;
    border: 1px solid #efefef;
    background-color: #fff;
}

.ticket-reply.staff {
    border: 1px solid #CCE4FC;
}

.ticket-reply .date {
    float: right;
    padding: 8px 10px;
    font-size: 0.8em;
}

.ticket-reply .user {
    padding: 5px 0;
    background-color: #f8f8f8;
}

.ticket-reply.staff .user {
    background-color: #F2F9FF;
}

.ticket-reply .user i {
    float: left;
    font-size: 2.2em;
    padding: 2px 15px;
}

.ticket-reply .user .name {
    display: block;
    font-size: 0.9em;
}

.ticket-reply .user .type {
    display: block;
    font-weight: bold;
    font-size: 0.8em;
}

.ticket-reply .message {
    padding: 12px 15px;
}

.ticket-reply .rating,
.ticket-reply .rating-done {
    float: right;
    padding: 5px 10px;
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 24px;
}
.ticket-reply .rating span.star,
.ticket-reply .rating-done span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}
.ticket-reply .rating-done .rated {
    display: inline-block;
    font-size: 12px;
    font-family: Tahoma;
}
.ticket-reply .rating span.star:hover {
    cursor: pointer;
}
.ticket-reply .rating span.star:before,
.ticket-reply .rating-done span.star:before {
    content: "\f006";
    padding-right: 0;
    color: #999;
}
.ticket-reply .rating span.star:hover:before,
.ticket-reply .rating span.star:hover ~ span.star:before,
.ticket-reply .rating-done span.star.active:before  {
    content: "\f005";
    color: #F2DE88;
}

.ticket-reply .attachments {
    margin: 0;
    padding: 10px 20px;
    border-top: 1px dashed #efefef;
    background-color: #f8f8f8;
    font-size: 0.8em;
}

.ticket-reply .attachments ul {
    margin: 0;
    padding: 0 0 0 15px;
    list-style: none;
}

.ticket-reply .clear {
    clear: both;
}

.panel > .list-group .ticket-details-children {
    line-height: 20px;
}
.panel > .list-group .ticket-details-children .title {
    font-size: 0.9em;
    color: #999;
}

/**
 * -------------------------
 * @section Support Ticket Feedback
 * -------------------------
 */

.ticketfeedbackstaffcont {
    margin: 10px auto;
    padding: 15px;
    width: 90%;
    background-color: #efefef;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.ticketfeedbackrating {
    padding: 0 100px;
}

.ticketfeedbackrating .rate {
    float: left;
    padding: 0 10px;
    min-width: 30px;
    text-align: center;
}

/**
 * -------------------------
 * @section Client Notifications
 * -------------------------
 */

.popover-user-notifications {
    border-radius: 0;
    padding: 5px 10px;
    border-color: #ddd;
    min-width: 310px;
    font-family: 'Open Sans', sans-serif;
}
.popover-user-notifications .popover-content {
    padding: 0;
}
.popover-user-notifications ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.popover-user-notifications ul li {
    padding: 5px 0;
    min-height: 66px;
    border-bottom: 1px solid #ddd;
}
.popover-user-notifications ul li:last-child {
    border: 0;
}
.popover-user-notifications ul li a {
    display: block;
    padding: 10px 15px 10px 12px;
    text-decoration: none;
    color: #555;
    font-size: 0.95em;
}
.popover-user-notifications ul li a:hover {
    background-color: #f6f6f6;
}
.popover-user-notifications ul li i.fa {
    float: left;
    padding-top: 6px;
    font-size: 21px;
}
.popover-user-notifications ul li i.fa.fa-check-circle {
    color: #5cb85c;
}
.popover-user-notifications ul li i.fa.fa-warning {
    color: #ecc317;
}
.popover-user-notifications ul li i.fa.fa-exclamation-circle {
    color: #ec2d45;
}
.popover-user-notifications ul li .message {
    margin-left: 40px;
}
.popover-user-notifications ul li.none {
    padding: 12px 0;
    min-height: auto;
    text-align: center;
    font-weight: bold;
}

/**
 * -------------------------
 * @section Captcha
 * -------------------------
 */

.captchaimage {
    margin: 0;
    padding: 3px 0 4px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    text-align: right;
}

/**
 * -------------------------
 * @section Credit Cards
 * -------------------------
 */

div.credit-card {
    margin: 0 auto 30px;
    max-width: 400px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 8px;
}

div.credit-card div.card-type {
    float: right;
    padding: 10px 20px;
    font-size: 1.2em;
}
div.credit-card div.card-icon {
    float: left;
    padding: 7px 7px;
    font-size: 1.2em;
}

div.credit-card div.card-number {
    padding: 10px;
    background-color: #ccc;
    font-size: 1.6em;
    text-align: center;
    clear: both;
}

div.credit-card div.card-start {
    float: left;
    padding: 20px 0 50px 50px;
    font-size: 1.3em;
    text-align: right;
}

div.credit-card div.card-expiry {
    float: right;
    padding: 20px 50px 50px 0;
    height: 120px;
    font-size: 1.3em;
    text-align: right;
}

div.credit-card div.end {
    clear: both;
}

@media (max-width: 600px) {
    div.credit-card {
        max-width: 250px;
    }
    div.credit-card div.card-type {
        font-size: 1.0em;
    }
    div.credit-card div.card-icon {
        font-size: 1.0em;
    }
    div.credit-card div.card-number {
        padding: 6px 10px;
        font-size: 1.2em;
    }
    div.credit-card div.card-start {
        padding: 20px 0 30px 50px;
        font-size: 0.9em;
    }
    div.credit-card div.card-expiry {
        padding: 20px 50px 30px 0;
        height: 80px;
        font-size: 0.9em;
    }
}

.auth3d-area {
    border: 1px solid #fff;
}

.submit-3d {
    width: 80%;
    border: 1px solid #fff;
}

.invoice-summary {
    margin: 0 0 25px 0;
    padding: 15px;
    height: 500px;
    background-color: #f8f8f8;
    border: 4px dashed #efefef;
    border-radius: 10px;
}

.invoice-summary-table {
    margin: 25px 0 25px 0;
    max-height: 300px;
    overflow: auto;
}

.invoice-summary-table td {
    font-size: 0.8em;
}

.invoice-summary-table td.total-row {
    background-color: #efefef;
    font-weight: bold;
}

/* Card colors colorpicked from website logos */
div.credit-card .logo-visa {
    color: #1a1f71;
}

div.credit-card .logo-amex {
    color: #43abdf;
}

div.credit-card .logo-mastercard {
    color: #ed0b00;
}

div.credit-card .logo-discover {
    color: #000000;
}
/**
 * -------------------------
 * @section Sidebar Responsive Behaviour Classes
 * -------------------------
 */

div.sidebar .list-group-item-selected {
    background-color: #319FC3;
    color: #FFFFFF;
}
div.sidebar .list-group-item-selected .badge {
    background-color: #FFFFFF;
    color: #319FC3;
}

@media (max-width: 991px) {

    .panel-actions {
        border: 0;
        box-shadow: none;
    }

    .panel-actions > .panel-heading > .panel-title {
        display: inline;
    }

    .panel-actions > .panel-heading {
        border-radius: 3px;
    }

    .panel-actions > .list-group {
        padding: 10px;
        overflow-x: scroll;
        overflow-y: none;
        white-space: nowrap;
    }

    .panel-actions > .list-group .list-group-item {
        display: inline-block;
        border: 1px solid #ddd !important;
        border-radius: 3px !important;
        white-space: nowrap;
        text-align: center;
        padding: 5px 25px;
        margin: 2px;
    }

    .panel-actions > .list-group .list-group-item > .badge {
        float: none;
        margin: -2px 0 0 10px;
    }

}

/**
 * -------------------------
 * @section Two Factor Authentication
 * -------------------------
 */

div#twofaactivation {
    margin: 0 auto;
    padding: 15px 30px;
    width: 85%;
    background-color: #efefef;
    border-radius: 10px;
}

div#twofaactivation .errorbox {
    margin: 0 0 20px 0;
    padding: 10px 20px;
    background-color: #FF4F4F;
    text-shadow: none;
    color: #fff;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

div#twofaactivation p {
    margin: 15px 0;
}

/**
 * -------------------------
 * @section Popups
 * -------------------------
 */

#popup-backdrop {
    background-color: #2E363F;
    padding: 15px;
    height: 100%;
}

.popup-header-padding {
    margin-top: 5px;
    margin-bottom: 5px;
}

/**
 * -------------------------
 * @section Uncategorized
 * -------------------------
 */

.btn.btn-action {
    background-color: #72CA06;
    border-color: #498302;
}

/**
 * -------------------------
 * @section Knowledgebase
 * -------------------------
 */

.kb-category {
    margin: 0 0 10px 0;
}
.kb-category a {
    display: block;
    margin: 0 0 2px 0;
    font-weight: bold;
    text-decoration: none;
}
.kb-category a small {
    color: #888;
}

.kbarticles {
    padding: 0 0 25px 0;
    font-size: 0.8em;
}
.kbarticles a {
    font-size: 1.2em;
    font-weight: 700;
}
.kbarticles a .glyphicon {
    color: #8ce;
}

h3.kb-alsoread {
    padding: 8px 15px;
    background-color: #eee;
    border-radius: 6px;
    font-size: 0.9em;
}

.kb-article-title {
    margin: 0 0 22px 0;
    font-size: 1.6em;
}
.kb-article-title h2 {
    margin: 0;
}
.kb-article-title .btn-print {
    float: right;
    font-size: 1em;
}
.kb-article-content {
    margin: 0 0 30px 0;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 200;
}
.kb-rate-article {
    margin: 20px 0;
    padding: 15px 20px;
    background-color: #eff7ff;
    font-size: 1.4em;
    line-height: 38px;
    font-weight: 200;
    color: #4d7cab;
}
.kb-rate-article .btn-lg {
    padding: 0 16px;
}

.kb-article-details {
    color: #999;
    list-style: none;
    margin: 35px 5px;
    padding: 0;
    font-size: 0.9em;

}
.kb-article-details li {
    float: left;
    padding-right: 30px;
}

.kb-search .form-control {
    box-shadow: none;
    border-radius: 3px;
}
.kb-search > .input-group-btn > .btn {
    border-radius: 0 3px 3px 0;
}

/**
 * -------------------------
 * @section Domain Checker Responsive
 * -------------------------
 */

#stepResults {
    font-size: 20px;
}
#stepResults .label {
    font-size: 20px;
}

@media (max-width: 992px) {
    #stepResults {
        font-size: 14px;
    }
    #stepResults .label {
        font-size: 14px;
    }
    div.domainresults table tr td {
        padding: 5px 5px;
    }
}

/**
 * -------------------------
 * Printing
 * -------------------------
 */

@media print {
    .sidebar,
    #main-menu,
    #top-nav,
    .header-lined {
        display: none;
    }
    a[href]:after {
        content:"" !important;
    }
}

/**
 * -------------------------
 * Badges Spacing
 * -------------------------
 */

h3.with-badge::after {
    content: '.';
    color: #fff;
}

h3.with-badge span, h3.with-badge i {
    float: left;
    padding-right: 8px;
}

h3.with-badge .badge {
    line-height: initial;
    margin-top: 3px;
}

@media (min-width: 992px) {
    h3.with-badge .badge {
        padding: 3px 7px 3px 8px;
    }
    .sidebar .list-group-item .badge {
        margin-top: -2px;
        padding: 3px 7px 3px 8px;
        line-height: initial;
        min-width: 36px;
    }
}

/**
 * -------------------------
 * Admin Masquerade Notice
 * -------------------------
 */

.admin-masquerade-notice {
    margin: 25px 0 0 auto;
    padding: 4px 10px;
    max-width: 240px;
    font-family: Tahoma;
    font-size: 0.7em;
    text-align: right;
}
.admin-masquerade-notice a {
    text-decoration: underline;
}

/**
 * -------------------------
 * Language Chooser
 * -------------------------
 */

.language-popover {
    max-width: 450px;
    width: 100%;
    background-color: rgba(20, 20, 20, 0.98);
    background-image: url('../img/worldmap.png');
    background-repeat: no-repeat;
    font-size: 0.8em;
}
.language-popover.popover.bottom > .arrow:after {
    border-bottom-color: rgba(20, 20, 20, 0.97);
}
.language-popover .popover-content ul {
    margin: 6px 0 14px 0;
    padding: 0;
    max-width: 400px;
    list-style-type: none;
    overflow: hidden;
}
.language-popover .popover-content li {
    float: left;
    display: inline;
    padding: 0 20px 0 40px;
    width: 33.333%;
    line-height: 2em;
}
.language-popover .popover-content li a {
    color: #f2f2f2;
}

@media (max-width: 480px) {
    .language-popover {
        max-width: 250px;
        background-position: -50px 0;
    }
    .language-popover .popover-content li {
        padding: 0 20px;
        width: 50%;
    }
}

/**
 * -------------------------
 * Login or Register Popover
 * -------------------------
 */

.login-popover {
    font-size: 12px;
}
.login-popover .form-group {
    margin-bottom: 5px;
}
.login-popover hr {
    margin: 5px 0;
}

/**
 * -------------------------
 * Mass Pay
 * -------------------------
 */

tr.masspay-invoice-detail td {
    font-size: 0.8em;
}
tr.masspay-total td {
    background-color: #efefef;
    font-weight: bold;
}

/**
 * -------------------------
 * Error Page
 * -------------------------
 */

.error-container {
    text-align: center;
}
.error-container h1 {
    margin-top: 40px;
}
.error-container .buttons {
    margin: 25px 0;
}
.error-container .buttons .btn {
    margin: 5px;
}

/**
 * -------------------------
 * Collapsable Panels
 * -------------------------
 */

.panel-collapsable > .panel-heading {
    cursor: pointer;
}
.panel-collapsable > .panel-body-collapsed {
    display: none;
}

/**
 * -------------------------
 * Licensing Addon
 * -------------------------
 */

.licensing-addon-latest-download h3 {
    margin-top: 0;
}

/**
 * -------------------------
 * Domain Checker Captchas
 * -------------------------
 */

#google-recaptcha-domainchecker {
    width: 304px;
    height: 78px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#default-captcha-domainchecker {
    margin-top: 15px;
    margin-bottom: -63px;
}

#default-captcha-domainchecker #inputCaptcha {
    width: 100px;
    border-radius: 4px;
}

.domainchecker-homepage-captcha #google-recaptcha-domainchecker {
    margin-bottom: -46px;
}

@media (max-width: 991px) {
    #google-recaptcha-domainchecker {
        padding-left: 2.5%;
    }

    #default-captcha-domainchecker {
        margin-bottom: -25px;
    }
}

@media (max-width: 736px) {
    #google-recaptcha-domainchecker {
        transform: scale(0.935);
        transform-origin: 0 0;
        -webkit-transform: scale(0.935);
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 384px) {
    #google-recaptcha-domainchecker {
        transform: scale(0.96);
        transform-origin: 0 0;
    }
}

@media (max-width: 360px) {
    #google-recaptcha-domainchecker {
        transform: scale(0.89);
        transform-origin: 0 0;
    }
}

@media (max-width: 320px) {
    #google-recaptcha-domainchecker {
        padding-left: 13.5%;
        transform: scale(0.83);
        transform-origin: 0 0;
        -webkit-transform: scale(0.785);
        -webkit-transform-origin: 0 0;
    }
}

/**
 * -------------------------
 * Email Verification
 * -------------------------
 */

.email-verification {
    margin: 0;
    padding: 10px;
    font-weight: 300;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    color: #333;
}
.email-verification .text {
    display: block;
    padding: 6px 0;
}
.email-verification .btn {
    margin: 3px 0;
    padding: 3px 10px;
    background-color: #50525f;
    border-color: #50525f;
    color: #fff;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.email-verification .btn:active,
.email-verification .btn[disabled]:hover {
    background-color: #50525f;
    border-color: #50525f;
    color: #fff;
}
.email-verification .btn.close {
    margin-left: 10px;
    background-color: transparent;
    color: rgba(55, 55, 55, 0.5);
    font-size: 22px;
    opacity: 1;
}
.email-verification .btn.close:hover {
    color: rgba(55, 55, 55, 0.8);
}
.email-verification .fa {
    color: #666;
    float: left;
    padding: 2px 10px 0 0;
    font-size: 24px;
}

@media (min-width: 768px) {
    .email-verification .text {
        padding-top: 9px;
        padding-bottom: 0;
    }
    .email-verification .btn {
        margin: 0;
        padding: 9px 25px;
    }
    .email-verification .button {
        float: right;
    }
    .email-verification .fa {
        font-size: 36px;
    }
}

.email-verification.success {
    background-color: #ebfde4;
    border-bottom: 1px solid #e3f7d5;
    color: #5cb85c;
}
.email-verification.success .fa {
    color: #6fbb51;
}
.email-verification.failed {
    background-color: #fdf8e3;
    border-bottom: 1px solid #f7f3d0;
    color: #b3a879;
}
.email-verification.failed .fa {
    color: #b3a879;
}

/**
 * -------------------------
 * Markdown Editor
 * -------------------------
 */

.md-editor {
    border: 1px solid #ddd;
    border-radius: 3px;
}
.md-editor > .btn-toolbar {
    background-color: #fff !important;
}
.md-editor > textarea.markdown-editor,
.md-editor > .md-preview {
    padding: 15px !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    background-color: #fff !important;
}
div.md-editor.active {
    display: block;
    border: 1px solid #ddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.markdown-editor-status {
    padding: 2px 10px;
    font-size: 9pt;
    color: #959694;
    text-align: right;

}

.small-font {
    font-size: 0.9em;
}

/**
 * -------------------------
 * Markdown Content Formatting
 * -------------------------
 */

.markdown-content h1 {
    font-size: 1.6em;
    color: #333;
}
.markdown-content h2 {
    font-size: 1.4em;
    color: #333;
}
.markdown-content h3 {
    font-size: 1.2em;
    color: #333;
}
.markdown-content h4 {
    font-size: 1.1em;
    color: #333;
}

.markdown-content pre {
    padding: 15px;
    background-color: #444;
    color: #f8f8f8;
    border: 0;
}
.markdown-content pre code {
    white-space: pre;
    word-break: normal;
    word-wrap: normal;
}

.markdown-content blockquote {
    font-size: 1em;
}

.markdown-content table {
    margin: 10px 0;
    background-color: #fff;
    border: 1px solid #ddd;
}
.markdown-content table > thead > tr > th {
    padding: 4px 10px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    font-weight: bold;
    text-align: center;
}
.markdown-content table > tbody > tr > td {
    padding: 3px 8px;
    border: 1px solid #ddd;
}

/**
 * -------------------------
 * Sidebar Panels
 * -------------------------
 */

.panel-sidebar {
    border-color: #eee;
    font-size: 15px;
}
.panel-sidebar>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 0;
}
.panel-sidebar .panel-title {
    font-size: 1.1em;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    line-height: 26px;
    color: #555;
}
.panel-sidebar .panel-minimise {
    margin-top: 4px;
    color: #ddd;
    cursor: pointer;
    transition: transform 200ms ease;
}
.panel-sidebar .panel-minimise.minimised {
    transform: rotate(180deg);
    margin-top: 7px;
}
.panel-sidebar>.panel-footer {
    color: #333;
    background-color: #f5f5f5;
    border-top: 0;
}
.panel-sidebar .list-group-item {
    line-height: 24px;
}
.panel-sidebar .list-group-item i.fa:not(.fa-circle-o):not(.fa-dot-circle-o) {
    float: right;
    line-height: 24px;
    font-size: 18px;
    color: #ccc;
}
.panel-sidebar .list-group-item.disabled,
.panel-sidebar .list-group-item.disabled:focus,
.panel-sidebar .list-group-item.disabled:hover {
    background-color: transparent;
    opacity: 0.5;
}

.panel-sidebar a.list-group-item:hover i.fa {
    color: #666 !important;
}
.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar a.list-group-item.active:hover {
    background-color: #465054;
    border-color: #465054;
}
.panel-sidebar a.list-group-item.active i,
.panel-sidebar a.list-group-item.active:focus i,
.panel-sidebar a.list-group-item.active:hover i {
    color: #fff;
}
.panel-sidebar.view-filter-btns .list-group-item.active,
.panel-sidebar.view-filter-btns .list-group-item.active:focus,
.panel-sidebar.view-filter-btns .list-group-item.active:hover {
    background-color: #eee;
    border-color: #eee;
    color: #555;
}

.panel-sidebar .recent-ticket {
    line-height: 20px;
}

/**
 * -------------------------
 * Store
 * -------------------------
 */

.store-order-container {
    margin: 20px 0;
    padding: 30px;
}
.store-order-container h2 {
    margin-top: 0;
}
.store-order-container .btn {
    padding: 10px 30px;
    font-size: 1.15em;
    font-weight: 300;
}

.store-order-container .store-domain-tabs {
    margin-top: 20px;
}
.store-order-container .store-domain-tabs li a {
    margin-right: 10px;
    padding: 7px 15px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
}
.store-order-container .store-domain-tabs li.active a {
    background-color: #fff;
    border-bottom: 1px solid transparent;
}
.store-order-container .store-domain-tab-content {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
}
.store-order-container .store-domain-tab-content a {
    text-decoration: underline;
}
.store-order-container .store-domain-tab-content a:hover {
    text-decoration: none;
}

.store-order-container .payment-term h4 {
    margin-top: 25px;
}
@media (min-width: 768px) {
    .store-order-container .payment-term {
        float: right;
    }
    .store-order-container .payment-term h4 {
        margin-top: 0;
    }
}

.store-order-container .domain-validation {
    display: block;
    padding-top: 5px;
    font-size: 1.2em;
    font-weight: 300;
    color: #888;
}
.store-order-container .domain-validation.ok {
    color: #53a22d;
}

.store-promoted-product {
    margin: 50px 0;
    padding: 30px 30px 50px 30px;
    background-color: #f6f6f6;
}
.store-promoted-product .icon {
    height: 200px;
    line-height: 200px;
    text-align: center;
    overflow: hidden;
}
.store-promoted-product .icon img {
    max-width: 100%;
    max-height: 100%;
}
.store-promoted-product ul.features {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    font-size: 1.1em;
    font-weight: 300;
}
.store-promoted-product ul.features li {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}
.store-promoted-product ul.features li .fa:not(.fa-spinner) {
    font-size: 1.2em;
    color: #91c590;
    margin-left: 20px;
    margin-right: 10px;
}
.store-promoted-product .btn {
    margin-top: 10px;
    padding: 10px 30px;
    font-size: 1.2em;
    font-weight: 300;
}

/**
 * -------------------------
 * Promotional Content Formatting
 * -------------------------
 */

.promo-banner {
    margin: 20px 0;
    padding: 15px 10px 20px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 1em;
    overflow: auto;
}
.promo-banner .icon {
    float: left;
    margin: 0 20px 0 0;
}
.promo-banner img {
    max-width: 300px;
    max-height: 200px;
}
.promo-banner .icon-left {
    margin-bottom: 10px;
    text-align: center;
}
@media (max-width: 767px) {
    .promo-banner form {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .promo-banner img {
        max-width: 100%;
        max-height: 100%;
    }
    .promo-banner .icon-left {
        float: left;
        margin: 0;
        width: 155px;
    }
    .promo-banner .content {
        margin-left: 185px;
    }
}

.promo-banner h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 300;
}
.promo-banner h4 {
    font-size: 18px;
    font-weight: 300;
}

.promo-banner p {
    margin: 5px 0;
}

.promo-banner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.92em;
}
.promo-banner ul li {
    margin-bottom: 4px;
}
@media (min-width: 1200px) {
    .promo-banner ul li {
        float: left;
        width: 50%;
    }
}

.promo-banner .fa:not(.fa-spinner) {
    font-size: 1.2em;
    color: #91c590;
    margin-left: 20px;
    margin-right: 10px;
}

.promo-banner a {
    color: #ff6600;
    text-decoration: underline;
}
.promo-banner .btn {
    margin: 6px 0 0 0;
    padding: 8px 30px;
    background-color: #ff6600;
    border: 0;
    color: #fff;
}

@media (max-width: 650px) {
    .promo-banner .icon {
        width: 100%;
        margin-bottom: 15px;
    }
}

.promo-banner-rounded {
    border-radius: 4px;
}

.promo-cart {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.promo-cart:first-child {
    margin-top: 20px;
}
.promo-cart:last-child {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.promo-cart {
    padding: 20px;
    border-left: 0;
    border-right: 0;
}
.promo-cart .btn-add {
    padding: 7px 18px;
    font-size: 1.1em;
}
.promo-cart h3 {
    margin: 0 0 10px 0;
    font-size: 20px;
}
.promo-cart h4 {
    font-size: 17px;
}
@media (min-width: 768px) {
    .promo-cart .icon-left {
        width: 120px;
    }
    .promo-cart .content {
        margin-left: 140px;
    }
}
.promo-cart .pricing {
    text-align: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 1200px) {
    .promo-cart .pricing {
        float: right;
        margin-top: -10px;
    }
}
.promo-cart .pricing h3 {
    margin-bottom: 0;
}
.promo-cart {
    border-top: 2px solid #00548a;
}
.promo-cart .btn-add {
    background-color: #00548a;
}
.promo-cart a {
    color: #3399FF;
}
.promo-cart ul li {
    float: none;
    width: 100%;
    margin-bottom: 4px;
}

.promo-banner-slim {
    padding: 10px;
}
.promo-banner-slim .icon-left {
    width: 85px;
}
.promo-banner-slim .content {
    margin-left: 110px;
}
.promo-banner-slim h3 {
    font-size: 18px;
}
.promo-banner-slim h4 {
    font-size: 14px;
}
.promo-banner-slim .btn {
    margin: 0 20px 0 0;
    padding: 6px 20px;
}

.promo-banner.symantec-ssl {
    border-top: 3px solid #43737f;
}
.promo-banner.symantec-ssl .btn {
    background-color: #4da24c;
}

.promo-banner.weebly {
    border-top: 3px solid #2990ea;
}
.promo-banner.weebly .btn {
    background-color: #2990ea;
}

.promo-banner.spamexperts {
    border-top: 3px solid #58585a;
}
.promo-banner.spamexperts .btn {
    background-color: #58585a;
}

.promo-banner-slim.weebly .icon-left {
    width: 160px;
}
.promo-banner-slim.weebly .content {
    margin-left: 185px;
}

/**
 * -------------------------
 * MarketConnect Service SSO
 * -------------------------
 */

.panel-mc-sso .icon-container {
    margin: 0 auto;
    max-width: 400px;
}
.panel-mc-sso .icon-container img {
    max-width: 100%;
    max-height: 175px;
}

/**
 * -------------------------
 * Social buttons
 * -------------------------
 */

.social-signin-btns {
    text-align: center;
}
.social-signin-btns .btn {
    margin-bottom: 5px;
}

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-social i.fa {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #30487b;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
    background-image: none
}
.btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active, .open .dropdown-toggle.btn-google {
    color: #fff;
    background-color: #ca3523;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-google:active, .btn-google.active, .open .dropdown-toggle.btn-google {
    background-image: none
}
.btn-google.disabled, .btn-google[disabled], fieldset[disabled] .btn-google, .btn-google.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-twitter {
    color: #fff;
    background-color: #2ba9e1;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #1c92c7;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
    background-image: none
}
.btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
    background-color: #2ba9e1;
    border-color: rgba(0, 0, 0, 0.2)
}

.providerPreLinking {
    min-height: 52px;
}
.providerLinkingFeedback {
    display: none;
}

/**
 * -------------------------
 * Registration page
 * -------------------------
 */

#registration {
    margin: 0;
    padding: 0 0 40px 0;
}

#registration .field-container {
    margin: 0 0 30px 0;
}

#registration label {
    font-weight: 300;
    color: #666;
    font-size: 13px;
}

#registration .info-text-sm {
    font-size: 0.85em;
    text-align: center;
}

/*
 * Section Dividers
 */

#registration .sub-heading {
    height: 0;
    border-top: 1px solid #DDD;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
#registration .sub-heading span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    top: -11px;
    font-size: 16px;
    color: #058;
    background-color: #fff;
}


/**
 * Form fields
 */

#registration .prepend-icon {
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    font-weight: normal;
}
#registration .field,
#registration .form-control {
    position: relative;
    vertical-align: top;
    border: 1px solid #DDD;
    display: -moz-inline-stack;
    display: inline-block;
    color: #626262;
    outline: none;
    background: #fff;
    height: 36px;
    width: 100%;
    border-radius: 3px;
    font-size: 13px;
}
#registration .input-group-lg > .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px 0 0 6px;
}
#registration .form-control-qty {
    width: 70px;
    text-align: center;
}
#registration .form-control-static-inline {
    display: inline-block;
}
#registration .form-control:focus {
    border-color: #ddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#registration textarea.field {
    height: auto;
}
#registration .prepend-icon .field {
    -webkit-appearance: none;
    padding-left: 36px;
}
#registration .prepend-icon .field-icon i {
    position: relative;
    font-size: 14px;
}
#registration .prepend-icon .field-icon {
    top: 0;
    z-index: 4;
    width: 42px;
    height: 36px;
    color: inherit;
    line-height: 36px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
}
#registration .field-icon i {
    color: #bbb;
}

#registration .field[disabled],
#registration .field[readonly] {
    background-color: #f8f8f8;
    opacity: 1;
}

#registration .field-help-text {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #888;
    font-size: 12px;
}