/*

[Main Stylesheet]

Project: EcoHosting - Responsive Hosting and WHMCS WordPress Theme
Version: 1.8
Author : themelooks.com

[Table of contents]

1. GENERAL STYLES
    1.1. SECTION TITLE
    1.2. CUSTOM BUTTON
    1.3. BACKGROUND COLOR
    1.4. BACK TO TOP BUTTON
    1.5. PRELOADER

2. MENU AREA
    2.1. MENU TOPBAR
    2.2. PRIMARY MENU
    2.3. SECONDARY MENU

3. HEADER AREA
    3.1. HEADER SLIDER NAV
    3.2. HEADER SLIDER CONTROLS

4. CERTIFICATE AREA

5. DOMAIN SEARCH AREA

6. SINGLE FEATURES AREA

7. FEATURES AREA

8. VPS PRICING AREA
    8.1. VPS SLIDER

9. SERVICES AREA

10. TESTIMONIAL AREA

11. PRICING AREA

12. BLOG AREA

13. BRANDS AREA

14. DATACENTER LOCATIONS AREA

15. FOOTER AREA

16. COPYRGIHT AREA

17. GENERAL PAGE STYLES
    17.1. PAGE TITLE

18. SHARED HOSTING PAGE

19. DOMAINS PAGE
    19.1. DOMAIN BANNER CONTENT

20. DEDICATED PAGE

21. ABOUT PAGE
    21.1. ABOUT DESCRIPTION
    21.2. COUNTER
    21.3. TEAM
    21.4. HISTORY

22. LOGIN PAGE

23. CONTACT PAGE
    23.1. CONTACT FORM
    23.2. MAP
    23.3. CONTACT SOCIAL LINKS

24. FAQ PAGE

25. AFFILIATE PAGE

26. DATACENTER PAGE

27. WHMCS BRIDGE PAGE

28. BLOG PAGE

29. BLOG DETAILS PAGE

30. WIDGETS
    30.1. WIDGET TITLE
    30.2. SEARCH WIDGET
    30.3. RECENT ITEMS WIDGET
    30.4. TWITTER WIDGET
    30.5. BLOG SIDEBAR WIDGET: LIST
    30.6. BLOG SIDEBAR WIDGET: TEXTWIDGET
    30.7. BLOG SIDEBAR WIDGET: ARCHIVE DROPDOWN
    30.8. BLOG SIDEBAR WIDGET: CALENDAR
    30.9. BLOG SIDEBAR WIDGET: RSS WIDGET
    30.10. BLOG SIDEBAR WIDGET: TAG CLOUD

31. 404 PAGE

32. WOOCOMMERCE

33. HELPER CLASSES
    33.1. RESET-GUTTER
    33.2. RESET-MARGIN
    33.3. RESET-PADDING
    33.4. VERTICAL-CENTERING

*/
/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
html,
body {
	height: 100%;
}

body {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

a, a:link, a:visited, a:hover, a:active {
	color: #fff;
	text-decoration: none;
	outline: 0;
}

.link-color--child a {
	color: #6aaf08;
}

body.page-template-template-whmcs {
	font-size: 14px;
	line-height: 20px;
}

body.page-template-template-whmcs a,
body.page-template-template-whmcs a:link,
body.page-template-template-whmcs a:visited,
body.page-template-template-whmcs a:hover,
body.page-template-template-whmcs a:active {
	text-decoration: none;
	outline: 0;
}

abbr {
	text-decoration: none;
}

/* 1.1. SECTION TITLE */
.section-title h2,
.section-title h1 {
	position: relative;
	margin-top: -5px;
	margin-bottom: 80px;
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
}

.section-title h2:before,
.section-title h1:before {
	content: " ";
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 50px;
	height: 2px;
	background-color: #6aaf08;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.section-title.text-left h2 {
	text-align: left;
}

.section-title.text-left h2:before {
	left: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* 1.2. CUSTOM BUTTON */
a.btn {
	font-weight: 400;
}

a.btn-custom {
	background-color: #2e3138;
	border-radius: 0;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	text-transform: uppercase;
}

a.btn-custom.btn-lg {
	padding: 12px 20px;
	font-size: 16px;
}

a.btn-custom:hover,
a.btn-custom:focus {
	color: #fff;
	background-color: #3575d3;
	box-shadow: none;
}

.btn-custom-reverse,
a.btn-custom-reverse {
	background-color: #6aaf08;
	border-radius: 0;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	text-transform: capitalize;
}

.btn-custom-reverse:hover,
a.btn-custom-reverse:hover,
a.btn-custom-reverse:focus {
	color: #fff;
	background-color: #2e3138;
	box-shadow: none;
}

.btn-custom-reverse.btn-lg,
a.btn-custom-reverse.btn-lg {
	padding: 12px 20px;
	font-size: 16px;
}

/* 1.3. BACKGROUND COLOR */
.bg-whitesmoke {
	background-color: #f0f0f0;
}

/* 1.4. BACK TO TOP BUTTON */
#backToTop {
	position: fixed;
	right: 30px;
	bottom: 45px;
	z-index: 999;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

#backToTop.show {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#backToTop a {
	display: block;
	min-width: 45px;
	padding: 6px 0;
	color: #fff;
	background-color: #6aaf08;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
}

/* 1.5. PRELOADER */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #6aaf08;
	z-index: 9999999999;
}

.preloader--spinners {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	-webkit-animation: preloaderRotate 2.0s infinite linear;
	animation: preloaderRotate 2.0s infinite linear;
}

.preloader--spinner,
.preloader--spinner {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: preloaderBounce 2.0s infinite ease-in-out;
	animation: preloaderBounce 2.0s infinite ease-in-out;
}

.preloader--spinner-2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes preloaderRotate {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes preloaderRotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes preloaderBounce {
	0%, 100% {
		-webkit-transform: scale(0.0)
	}

	50% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes preloaderBounce {
	0%, 100% {
		-webkit-transform: scale(0.0);
		transform: scale(0.0);
	}

	50% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/*------------------------------------*\
    2. MENU AREA
\*------------------------------------*/
#menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}

body.admin-bar #menu {
	margin-top: 32px;
}

/* 2.1. MENU TOPBAR */
.menu--topbar {
	background-color: #303030;
}

.menu-topbar--contact>ul {
	margin-left: -15px;
}

.menu-topbar--contact>ul>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
}

.menu-topbar--contact>ul>li>a:hover,
.menu-topbar--contact>ul>li>a:focus {
	background-color: transparent;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

body.page-template-template-whmcs .menu-topbar--contact>ul>li>a:hover,
body.page-template-template-whmcs .menu-topbar--contact>ul>li>a:focus {
	color: #fff;
}

.menu-topbar--contact>ul>li>a>i.fa {
	margin-right: 10px;
	color: #6aaf08;
}

.menu-topbar--social>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.menu-topbar--social>li>a:hover,
.menu-topbar--social>li>a:focus {
	color: #6aaf08;
	background-color: transparent;
}

body.page-template-template-whmcs .menu-topbar--social>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}

body.page-template-template-whmcs .menu-topbar--social>li>a:hover,
body.page-template-template-whmcs .menu-topbar--social>li>a:focus {
	background-color: transparent;
}

/* 2.2. PRIMARY MENU */
#primaryMenu {
	margin: 0;
	padding: 30px 0 35px;
	border: none;
	border-radius: 0;
	color: #3575d3;
	background-color: #fff;
	z-index: 1;
}

.primary--logo {
	float: left;
}

.primary--logo h1 {
	margin: 22px 0 0;
	font-size: 34px;
	line-height: 38px;
	font-weight: 700;
}

.primary--logo h1 a {
	color: #303030;
}

.primary--logo h1 a span {
	color: #6aaf08;
}

.primary--logo h1 a span i.fa {
	margin-right: 5px;
}

body.page-template-template-whmcs .primary--logo h1 a:hover,
body.page-template-template-whmcs .primary--logo h1 a:focus {
	text-decoration: none;
}

.primary--logo .navbar-brand {
	height: auto;
}

.primary--info {
	float: right;
}

.primary--info-item {
	float: left;
	margin-left: 30px;
}

.primary--info-item:first-child {
	margin-left: 0;
}

.primary--icon {
	margin-bottom: 10px;
}

.primary--icon img {
	margin: 0 auto;
}

.primary--icon i.fa {
	display: block;
	width: 50px;
	max-height: 50px;
	padding: 13px 0;
	color: #fff;
	background-color: #6aaf08;
	font-size: 26px;
	line-height: 26px;
	text-align: center;
}

.primary--content {
	color: #737373;
	text-align: center;
}

.primary--content p {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 16px;
}

.primary--content p.count {
	margin-bottom: 0;
	padding-bottom: 2px;
	color: #6aaf08;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
}

.primary--btn a {
	float: right;
	display: block;
	padding: 6px 20px;
	color: #fff;
	background-color: #3575d3;
	text-align: center;
	-webkit-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}

.primary--btn a:hover,
.primary--btn a:focus {
	background-color: #303030;
}

#primaryMenu.primary-menu-two {
/*	padding: 30px 0;*/
padding:5px 0;
}

#primaryMenu.primary-menu-two .primary--logo h1 {
	margin: 7px 0 0;
}

#primaryMenu.primary-menu-two .primary--icon {
	display: table-cell;
	vertical-align: middle;
}

#primaryMenu.primary-menu-two .primary--content {
	display: table-cell;
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
}

/* 2.3. SECONDARY MENU */
#secondaryMenu {
	position: relative;
	margin-bottom: 0;
	background-color: #6aaf08;
	border: none;
	border-radius: 0;
	box-shadow: none;
	z-index: 1;

}
@media screen and (min-width: 1200px) {
#secondaryMenu {
	position: relative;
	margin-bottom: 0;
	background-color: #6aaf08;
	border: none;
	border-radius: 0;
	box-shadow: none;
	z-index: 1;
	height:30px;
}
    
}
#secondaryMenu.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}

body.admin-bar #secondaryMenu.sticky {
	margin-top: 32px;
}

#secondaryMenu .navbar-toggle {
	border: none;
}

#secondaryMenu .navbar-toggle .icon-bar {
	background-color: #fff;
}

#secondaryMenu a.navbar-brand {
	display: block;
	padding: 10px 0;
	margin-top: 18px;
	margin-left: 0;
	color: #303030;
	font-size: 24px;
	font-weight: 700;
}

.navbar-brand {
	padding: 0;
}

#secondaryMenu a.navbar-brand span {
	color: #4584b4;
}

#secondaryMenu .navbar-header .login-btn>.btn {
	color: #fff;
	background-color: #303030;
	border: none;
	border-radius: 0;
	-webkit-transition: color .25s ease, background-color .25s ease-in-out;
	transition: color .25s ease, background-color .25s ease-in-out;
}

#secondaryMenu .navbar-header .login-btn>.btn:hover,
#secondaryMenu .navbar-header .login-btn>.btn:focus {
	color: #303030;
	background-color: #fff;
	box-shadow: none;
	outline: 0;
}

.secondary-menu-links li a {
	margin-right: 3px;
/*	padding: 24px 14px 21px;*/
    padding: 10px 7px 15px;
	border-bottom: 3px solid transparent;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	-webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
	transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.secondary-menu-links li:last-child a {
	margin-right: 0;
}

.secondary-menu-links>.dropdown>a>.caret {
	margin-left: 8px;
}

.secondary-menu-links li a .fa {
	display: block;
	margin: 0 auto 3px;
	font-size: 20px;
}

.secondary-menu-links li a:hover,
.secondary-menu-links li a:focus,
.secondary-menu-links .open>a,
.secondary-menu-links .open>a:hover,
.secondary-menu-links .open>a:focus,
.secondary-menu-links li.active>a,
.secondary-menu-links li.active>a:hover {
	background-color: transparent;
	border-color: #fff;
}

body.page-template-template-whmcs .secondary-menu-links li a:hover,
body.page-template-template-whmcs .secondary-menu-links li a:focus,
body.page-template-template-whmcs .secondary-menu-links .open>a,
body.page-template-template-whmcs .secondary-menu-links .open>a:hover,
body.page-template-template-whmcs .secondary-menu-links .open>a:focus,
body.page-template-template-whmcs .secondary-menu-links li.active>a,
body.page-template-template-whmcs .secondary-menu-links li.active>a:hover {
	background-color: transparent;
}

.secondary-menu-links>.dropdown:hover>.dropdown-menu {
	display: block;
}

.secondary-menu-links li .dropdown-menu {
	padding: 0;
	background-color: #fff;
	border-style: solid;
	border-width: 3px 0;
	border-color: #fff;
	border-radius: 0;
}

.secondary-menu-links li .dropdown-menu li a {
	margin-right: 0;
	padding: 10px 15px;
	color: #303030;
	font-size: 16px;
	line-height: 20px;
	border: none;
}

.secondary-menu-links .dropdown .dropdown>a {
	position: relative;
	padding-right: 25px;
}

.secondary-menu-links .dropdown .dropdown>a:before {
	content: " ";
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
	width: 0;
	height: 0;
	border-left: 4px dashed;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.secondary-menu-links .dropdown .dropdown>a .caret {
	display: none;
}

.secondary-menu-links li.dropdown:hover>.dropdown-menu-thard {
	display: block;
}

.secondary-menu-links li .dropdown-menu-thard {
	left: 100%;
	top: -2px;
}

.secondary-menu-links>.dropdown>.dropdown-menu>li>a:hover,
.secondary-menu-links>.dropdown>.dropdown-menu>li>a:focus,
.secondary-menu-links>.dropdown>.dropdown-menu>li.active>a,
.secondary-menu-links>.dropdown>.dropdown-menu>li.active>a:hover,
.secondary-menu-links>.dropdown>.dropdown-menu>li.active>a:focus,
.secondary-menu-links>.dropdown>.dropdown-menu>li.open>a,
.secondary-menu-links>.dropdown>.dropdown-menu>li.open>a:hover,
.secondary-menu-links>.dropdown>.dropdown-menu>li.open>a:focus,
.secondary-menu-links li .dropdown-menu-thard>li>a:hover,
.secondary-menu-links li .dropdown-menu-thard>li>a:focus,
.secondary-menu-links li .dropdown-menu-thard>li.active>a,
.secondary-menu-links li .dropdown-menu-thard>li.active>a:hover,
.secondary-menu-links li .dropdown-menu-thard>li.active>a:focus {
	color: #fff;
	background-color: #6aaf08;
}

.secondary-menu-links.navbar-right {
	padding-right: 15px;
}

.secondary-menu-links>li>a.btn {
	padding: 12px 15px;
	color: #fff;
  background-color: #303030;
       /* background-color:#a0fa05; */
	border: none;
	border-radius: 0;
	-webkit-transition: color .25s ease, background-color .25s ease-in-out;
	transition: color .25s ease, background-color .25s ease-in-out;
}

.secondary-menu-links>li>a.btn:hover,
.secondary-menu-links>li>a.btn:focus {
	color: #303030;
	background-color: #fff;
	box-shadow: none;
}

body.page-template-template-whmcs .secondary-menu-links li a {
	padding: 24px 14px 21px;
	line-height: 22px;
}

body.page-template-template-whmcs .secondary-menu-links>li>a.btn {
	padding: 24px 30px;
}

body.page-template-template-whmcs .secondary-menu-links>li>a.btn:hover,
body.page-template-template-whmcs .secondary-menu-links>li>a.btn:focus {
	background-color: #fff;
}

body.page-template-template-whmcs .secondary-menu-links li .dropdown-menu li a {
	padding: 10px 15px;
	line-height: 20px;
	font-weight: 700;
}

/*------------------------------------*\
    3. HEADER AREA
\*------------------------------------*/
#header {
	position: relative;
	height: 600px;
	background-color: #f8f8f8;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
}

.bg--overlay {
	position: relative;
	z-index: 0;
}

.bg--overlay:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(48, 48, 48, 0.3);
	z-index: -1;
}

#header.no-header-overlay:before {
	display: none;
}

#header.header-bg-bottom {
	background-position: bottom;
}

#header.max-490px {
	max-height: 490px;
	min-height: 0;
}

#header.bg-white {
	background-color: #fff;
}

.header-slider {
	height: 100%;
}

.header-slider .owl-wrapper-outer,
.header-slider .owl-wrapper,
.header-slider .owl-item,
.header-slider .owl-item>.header-slider--item>.container,
.header-slider .owl-item>.header-slider--item>.container>.row,
.header-slider .owl-item>.header-slider--item>.container>.row>div {
	height: 100%;
}

.header-slider--item {
	width: 100%;
	height: 100%;
}

.header-item-content {
	position: relative;
	padding: 27px 30px 30px;
	color: #fff;
	background-color: #6aaf08;
}

.header-item-content:before {
	content: " ";
	position: absolute;
	top: 20px;
	left: -20px;
	right: -20px;
	bottom: 20px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: -1;
}

.header-item-content h1 {
	margin: -5px 0 0;
	color: #fff;
	font-size: 48px;
	line-height: 52px;
	font-weight: 700;
}

.header-item-content p {
	font-weight: 500;
	line-height: 22px;
}

.header-item-content>p {
	margin-top: 16px;
	margin-bottom: 16px;
}

.header-item-content .list p {
	float: left;
	width: 50%;
	margin-bottom: 2px;
}

.header-item-content .list p i.fa {
	margin-right: 5px;
	color: #fff;
}

.header-item-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-item-content ul:before,
.header-item-content ul:after {
	content: " ";
	display: table;
}

.header-item-content ul:before,
.header-item-content ul:after {
	clear: both;
}

.header-item-content ul li {
	float: left;
	width: 50%;
	line-height: 22px;
}

.header-item-content ul li:before {
	content: "\f00c";
	margin-right: 5px;
	font-family: "FontAwesome";
}

.header-item-content .price {
	margin-top: 20px;
	overflow: hidden;
}

.header-item-content .price .btn {
	color: #fff;
	background-color: #303030;
}

.header-item-content .price .btn:hover,
.header-item-content .price .btn:focus {
	color: #303030;
	background-color: #fff;
	box-shadow: none;
	outline: 0;
}

.header-item-img figure {
	position: relative;
}

.header-item-img img.img-responsive {
	float: right;
}

.header-item-badge {
	position: absolute;
	display: table;
	border-radius: 50%;
	text-align: center;
	z-index: 0;
}

.header-item-badge-1 {
	top: 35%;
	left: 40%;
	width: 150px;
	height: 150px;
	background-color: #fff;
}

.header-item-badge-2 {
	top: 15%;
	left: 20%;
	width: 120px;
	height: 120px;
	color: #fff;
	background-color: #6aaf08;
}

.header-item-badge p {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	border: 0;
	color: inherit;
	font-size: 16px;
	line-height: 16px;
}

.header-item-badge span {
	display: block;
	font-size: 34px;
	line-height: 38px;
	font-weight: 700;
}

.header-slider .owl-pagination {
	font-size: 0;
	text-align: center;
}

.header-slider .owl-page {
	content: " ";
	width: 10px;
	height: 10px;
	background-color: #2e3138;
	border-radius: 5px;
	-webkit-transition: padding-right .25s;
	transition: padding-right .25s;
	display: inline-block;
	margin: 0 5px;
}

.header-slider .owl-page.active {
	padding-right: 20px;
	background-color: #FF6C3A;
}

.owl-fadeInLeft,
.owl-fadeInRight {
	visibility: hidden;
}

.owl-item.active .owl-fadeInLeft {
	-webkit-animation: fadeInLeft 0.8s linear 0s;
	animation: fadeInLeft 0.8s linear 0s;
	visibility: visible;
}

.owl-item.active .owl-fadeInRight {
	-webkit-animation: fadeInRight 0.8s linear 0s;
	animation: fadeInRight 0.8s linear 0s;
	visibility: visible;
}

.owl-item.active .owl-fadeInUp {
	-webkit-animation: fadeInUp 0.8s linear 0s;
	animation: fadeInUp 0.8s linear 0s;
	visibility: visible;
}

.owl-item.active .owl-fadeInDown {
	-webkit-animation: fadeInDown 0.8s linear 0s;
	animation: fadeInDown 0.8s linear 0s;
	visibility: visible;
}

/* 3.1. HEADER SLIDER NAV */
.header--slider-nav {
	position: absolute;
	left: 0;
	bottom: 60px;
	width: 100%;
}

.header--slider-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	overflow: hidden;
}

.header--slider-nav ul li {
	float: left;
	border-left: 1px solid #e9e9e9;
	cursor: pointer;
}

.header--slider-nav ul li:hover,
.header--slider-nav ul li.active {
	border-left-color: #6aaf08;
}

.header--slider-nav ul li p {
	position: relative;
	display: block;
	width: 50px;
	height: 48px;
	margin-bottom: 0;
	color: #303030;
	font-size: 0;
	overflow: hidden;
}

.header--slider-nav ul li p:hover,
.header--slider-nav ul li.active p {
	width: 100%;
}

.header--slider-nav ul li p i.fa {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50px;
	padding: 14px 0;
	background-color: #fff;
	font-size: 20px;
	line-height: 24px;
	vertical-align: top;
	text-align: center;
}

.header--slider-nav ul li p:hover i.fa,
.header--slider-nav ul li.active p i.fa {
	color: #fff;
	background-color: #6aaf08;
}

.header--slider-nav ul li p span {
	display: block;
	margin-left: 50px;
	padding: 14px 15px;
	background-color: #e9e9e9;
	line-height: 20px;
	vertical-align: top;
	overflow: hidden;
	text-transform: capitalize;
}

.header--slider-nav ul li:hover p span,
.header--slider-nav ul li.active p span {
	font-size: 16px;
}

/* 3.2. HEADER SLIDER CONTROLS */
.header-slider>.owl-controls>.owl-buttons {
	display: none;
}

.header-slider.show-slider-controls>.owl-controls>.owl-buttons {
	display: block;
}

.header-slider>.owl-controls>.owl-buttons>.owl-prev,
.header-slider>.owl-controls>.owl-buttons>.owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 5px 20px 5px 20px;
	color: #6aaf08;
	background-color: #fff;
	font-size: 24px;
	line-height: 28px;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

.header-slider>.owl-controls>.owl-buttons>.owl-prev:hover,
.header-slider>.owl-controls>.owl-buttons>.owl-next:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.header-slider>.owl-controls>.owl-buttons>.owl-next {
	right: 0;
}

/*------------------------------------*\
    4. CERTIFICATE AREA
\*------------------------------------*/
#certificate {
	padding: 60px 0 80px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#certificate .h1 {
	font-weight: 700;
}

.certificate--img img {
	margin: 20px 20px 0;
}

/*------------------------------------*\
    5. DOMAIN SEARCH AREA
\*------------------------------------*/
#offer {
	position: relative;
	padding: 20px 0 30px;
	background-color: #303030;
}

#offer .left-content p {
	margin: -40px 0 -50px;
	padding: 60px 20px 58px;
	color: #fff;
	background-color: #6aaf08;
	font-size: 30px;
	line-height: 34px;
	font-weight: 900;
}

#offer .left-content p span {
	display: block;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
}

#domainSearchForm .form-control {
	width: 100%;
	border: none;
}

#domainSearchForm input[type="text"].form-control {
	font-size: 18px;
	height: 55px;
	padding: 5px 15px;
	border-radius: 0;
}

#domainSearchForm .select-box {
	position: relative;
	background-color: #fff;
	z-index: 0;
}

#domainSearchForm .select-box:before {
	content: " ";
	position: absolute;
	top: 26px;
	right: 15px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #303030;
	z-index: -1;
}

#domainSearchForm select.form-control {
	font-size: 18px;
	height: 55px;
	padding: 5px 15px;
	background-color: transparent;
	border-left: 1px solid #e9e9e9;
	border-radius: 0;
	box-shadow: none;
	line-height: 51px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#domainSearchForm select.form-control option {
	border-right: 2px solid #999;
}

#domainSearchForm button[type="submit"] {
	position: relative;
	background-color: #6aaf08;
	border: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	height: 55px;
	padding: 8px 6px 6px;
	text-transform: uppercase;
	width: 100%;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	z-index: 0;
}

#domainSearchForm button[type="submit"]:focus,
#domainSearchForm button[type="submit"]:hover {
	background-color: #acacac;
	box-shadow: none;
	outline: 0;
}

#offer .right-content {
	padding: 20px 15px 10px;
}

#offer .right-content .domain-ext>div {
	padding: 0 10px;
}

#offer .right-content .extension {
	display: block;
	color: #fff;
	font-weight: 500;
	border-right: 1px dotted #999;
}

#offer .right-content .domain-ext>div:last-child .extension {
	border: none;
}

#offer .right-content .extension span {
	display: block;
	padding-bottom: 5px;
}

#offer .right-content .extension span.name {
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
	padding-top: 4px;
	padding-bottom: 0;
}

.domain--offer {
	position: absolute;
	top: -102px;
	right: -90px;
	padding: 10px;
	color: #fff;
	background-color: #6aaf08;
	font-weight: 500;
	text-transform: uppercase;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

.domain--offer:before {
	content: " ";
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #6aaf08 transparent transparent transparent;
}

.domain--offer.show {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=1);
}

.domain--offer span {
	display: block;
	padding: 10px 15px;
	border: 1px dashed #fff;
}

/*------------------------------------*\
    6. SINGLE FEATURES AREA
\*------------------------------------*/
.single-feature {
	padding: 80px 0;
}

.single-feature>.container>.row {
	display: table;
}

.single-feature>.container>.row>div {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.single-feature--image img.img-responsive {
	margin: 0 auto;
}

.single-feature--content h2 {
	margin: 0 0 15px;
	font-weight: 700;
}

.single-feature--content .btn {
	margin-top: 10px;
	padding: 12px 20px;
	border-radius: 0;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}

/*------------------------------------*\
    7. FEATURES AREA
\*------------------------------------*/
#features {
	padding: 80px 0;
}

#features.bg-whitesmoke {
	background-color: #f8f8f8;
	border-style: solid;
	border-width: 1px 0;
	border-color: #e9e9e9;
}

.vc--features>div {
	float: none;
	display: table-cell;
	vertical-align: middle;
}

#features hr {
	margin: 30px 0;
}

.feature-item {
	padding: 20px;
	-webkit-transition: box-shadow .25s;
	transition: box-shadow .25s;
}

.feature-item-icon {
	margin-bottom: 19px;
}

.feature-item.text-center .feature-item-icon img {
	margin: 0 auto 15px;
}

.feature-item-icon i.fa {
	margin-bottom: 12px;
	color: #6aaf08;
	font-size: 34px;
	line-height: 34px;
}

.feature-item-content p {
	margin-bottom: 0;
}

.feature-item-content h4 {
	font-weight: 700;
	margin: 0 0 15px;
}

.feature-item-content a.btn {
	margin-top: 20px;
	padding: 10px 15px;
	font-size: 12px;
}

/*------------------------------------*\
    8. VPS PRICING AREA
\*------------------------------------*/
#vpsPricing {
	padding: 80px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#vpsPricing.bg--overlay {
	position: relative;
	z-index: 0;
}

#vpsPricing.bg--overlay:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(48, 48, 48, 0.8);
	z-index: -1;
}

#vpsPricing .section-title h2 {
	color: #fff;
}

/* 8.1. VPS SLIDER */
.vps-pricing--slider-holder {
	position: relative;
	padding: 40px 60px;
	background-color: rgba(255, 255, 255, .9);
	border-radius: 4px;
}

.vps-pricing--slider-holder .pips {
	position: absolute;
	left: 60px;
	right: 60px;
	height: 10px;
	overflow: hidden;
}

.vps-pricing--slider-holder .pip {
	position: absolute;
	top: 2px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border-radius: 50%;
	z-index: 2;
}

.vps-pricing--slider-holder .pip:first-child {
	margin-left: -5px;
}

.vps-pricing--slider {
	height: 10px;
	background-color: #303030;
	border: none;
	border-radius: 20px;
	cursor: pointer;
}

.vps-pricing--slider .ui-slider-range {
	background-color: #303030;
	border-radius: 20px;
}

.vps-pricing--slider .ui-slider-handle {
	left: 33.3333%;
	top: -9px;
	width: auto;
	height: auto;
	margin-left: -7px;
	background-color: transparent;
	border: none;
	outline: 0;
	cursor: pointer;
}

.vps-pricing--slider .ui-slider-handle:before,
.vps-pricing--slider .ui-slider-handle:after {
	content: " ";
	position: absolute;
	left: -1px;
	width: 0;
	height: 0;
	border-style: solid;
}

.vps-pricing--slider .ui-slider-handle:before {
	top: -15px;
	border-width: 10px 10px 0 10px;
	border-color: #6aaf08 transparent transparent transparent;
}

.vps-pricing--slider .ui-slider-handle:after {
	top: 59px;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent rgba(255, 255, 255, .9) transparent;
}

.vps-pricing--slider .ui-slider-handle i.fa {
	position: relative;
	color: #6aaf08;
	font-size: 36px;
	line-height: 40px;
	z-index: 0;
}

.fa-map-marker:after {
	content: " ";
	position: absolute;
	top: 8px;
	left: 4px;
	width: 11px;
	height: 11px;
	background-color: #fff;
	z-index: -1;
}

.vps-pricing--slider .ui-slider-handle em {
	display: block;
	position: absolute;
	top: -48px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 80px;
	padding: 6px 0;
	color: #fff;
	background-color: #6aaf08;
	border-radius: 4px;
	font-style: normal;
	text-align: center;
}

.vps-pricing--features {
	margin-top: 10px;
	background-color: rgba(255, 255, 255, .9);
	border-radius: 4px;
}

.vps-pricing--feature {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #303030;
	border-right: 1px solid #e9e9e9;
}

.vps-pricing--features>.row>div:nth-last-child(2) {
	border-right: none;
}

.vps-pricing--feature i.fa {
	display: block;
	float: left;
	height: 100%;
	margin-left: 18px;
	color: #3575d3;
	font-size: 40px;
	line-height: 48px;
}

.vps-pricing--feature-img {
	float: left;
	width: 45px;
	margin-left: 18px;
}

.vps-pricing--feature-name,
.vps-pricing--feature-value {
	display: block;
	margin-left: 75px;
}

.vps-pricing--feature-name {
	margin-top: 4px;
	font-weight: 700;
}

.vps-pricing--action-btn {
	margin-top: 14px;
	text-align: right;
}

.vps-pricing--action-btn .btn {
	margin-right: 15px;
	color: #fff;
}

.vps-pricing--action-btn .btn:hover,
.vps-pricing--action-btn .btn:focus {
	box-shadow: none;
	outline: 0;
}

/*------------------------------------*\
    9. SERVICES AREA
\*------------------------------------*/
#services {
	padding: 100px 0 60px;
	overflow: hidden;
}

#services .even {
	margin: 60px 0;
	padding: 60px 0;
	background-color: #f8f8f8;
}

#services .container>.row {
	display: table;
}

#services .container>.row>div {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

#services .service-item-img img {
	width: 100%;
}

.service-item-content h2 {
	margin: 0;
	font-weight: 700;
	color: #01ABEF;
}

.service-item-content h2 span {
	display: block;
	font-size: 22px;
	text-indent: 1px;
	font-weight: 500;
	color: #2e3138;
}

.service-item-content>p {
	margin-top: 30px;
	margin-bottom: 30px;
}

.service-item-content .price {
	overflow: hidden;
	margin-top: 25px;
}

.service-item-content .price p {
	margin: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	float: left;
}

.service-item-content .price p span {
	display: block;
	font-size: 30px;
	font-weight: 700;
	line-height: 34px;
	margin: 0;
}

.service-item-content .price p span em {
	font-size: 15px;
	font-weight: 300;
	font-style: normal;
	vertical-align: top;
}

.service-item-content .price a.btn {
	margin-left: 30px;
}

#services .container>.row:hover .price a.btn {
	background-color: #01ABEF;
}

#services .container>.row:hover .service-item-content i.fa-check {
	color: #01ABEF;
}

/*------------------------------------*\
    10. bg overlay  AREA
\*------------------------------------*/
.bg-overlay {
	position: relative;
	z-index: 0;
}

.bg-overlay:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #303030;
	z-index: -1;
	opacity: 0.5;
}

/*------------------------------------*\
    10. Flat Content AREA
\*------------------------------------*/
#flatContent {
	background-color: #ffffff;
	padding: 80px 15px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#flatContent.bg-overlay {
	position: relative;
	z-index: 0;
}

#flatContent.bg-overlay:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(48, 48, 48, 0.8);
	z-index: -1;
}

/****/
#flatContentone {
	background-color: #ffffff;
	padding: 80px 15px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#flatContentone.bg-overlay {
	position: relative;
	z-index: 0;
}

#flatContentone.bg-overlay:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(48, 48, 48, 0.8);
	z-index: -1;
}

/*------------------------------------*\
    10. TESTIMONIAL AREA
\*------------------------------------*/
#testimonial {
	padding: 80px 15px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
}

#testimonial.bg--overlay:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(48, 48, 48, 0.8);
	z-index: -1;
}

#testimonial.no-bg:before {
	display: none;
}

#testimonial .section-title h2 {
	color: #fff;
}

#testimonial.no-bg .section-title h2 {
	color: #2e3138;
}

.testimonial-item {
	max-width: 750px;
	margin: 0 auto;
}

.recommender-comment p {
	color: #fff;
	text-align: center;
	font-size: 15px;
	line-height: 1.9;
	font-weight: 400;
	min-height: 70px;
}

#testimonial.no-bg .recommender-comment p {
	color: #2e3138;
}

.recommender-info {
	color: #fff;
	font-size: 15px;
	font-style: italic;
	font-weight: 700;
	text-align: center;
	margin-top: 180px;
}

#testimonial.no-bg .recommender-info {
	color: #2e3138;
}

.testimonial-slider .owl-controls {
	text-align: center;
	margin-top: -150px;
	margin-bottom: 90px;
}

.testimonial-slider .owl-page {
	position: relative;
	width: 60px;
	height: 60px;
	padding: 5px;
	border: 1px solid #fff;
	display: inline-block;
	margin: 40px 2px 0;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-webkit-transition-property: margin, opacity, height, width;
	transition-property: margin, opacity, height, width;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	z-index: 0;
}

#testimonial.no-bg .testimonial-slider .owl-page {
	border-color: #303030;
}

#testimonial.no-bg .testimonial-slider .owl-page.active {
	border-color: #6aaf08;
}

.testimonial-slider .owl-page.active {
	width: 100px;
	height: 100px;
	margin-top: 0px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.testimonial-slider .owl-page:before {
	content: " ";
	position: absolute;
	top: auto;
	left: 50%;
	width: 10px;
	height: 10px;
	background-color: #2e3138;
	bottom: -95px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 5px;
	-webkit-transition: padding-right .25s;
	transition: padding-right .25s;
}

#testimonial .testimonial-slider .owl-page:before {
	background-color: #2e3138;
}

#testimonial .testimonial-slider .owl-page.active:before {
	background-color: #6aaf08;
}

.testimonial-slider .owl-page.active:before {
	padding-right: 20px;
	background-color: #6aaf08;
}

.testimonial-slider .owl-page span {
	display: block;
}

.testimonial-slider .owl-page span img {
	width: 100%;
}

/*------------------------------------*\
    11. PRICING AREA
\*------------------------------------*/
#pricing {
	padding: 80px 0;
	background-color: #f8f8f8;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.pricing-table-item {
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14);
	-webkit-transition: box-shadow .25s ease-in-out;
	transition: box-shadow .25s ease-in-out;
}

.pricing-table-item:hover,
.pricing-table-item.popular {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
	z-index: 1;
}

.pricing-table-item.col-md-2.col-sm-6 {
	font-weight: 700;
}

.pt-head {
	padding: 15px 0 0;
	border-top: 5px solid #6aaf08;
	background-color: #fff;
	text-align: center;
}

.pt-head.empty {
	min-height: 195px;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.pt-head .popular-indicator {
	position: absolute;
	top: 0;
	right: 20px;
	padding: 15px 10px 10px;
	color: #fff;
	background-color: #6aaf08;
	font-size: 18px;
	line-height: 22px;
}

.pt-head .caption {
	color: #333;
	margin-bottom: 0;
	text-align: center;
	font-size: 14px;
	letter-spacing: .12em;
	border-bottom: 1px solid #6aaf08;
	display: inline-block;
	padding: 0 0 5px;
}

.pt-body {
	background-color: #fff;
}

.pt-price-tag {
	margin-bottom: 10px;
	font-size: 50px;
	font-weight: 700;
}

.pt-price-tag span {
	font-size: 24px;
	font-weight: 500;
}

.pt-plan {
	padding: 20px 0;
	color: #fff;
	background-color: #6aaf08;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	text-transform: capitalize;
}

.pt-features {
	padding-top: 10px;
	text-align: center;
}

.pt-features ul {
	padding: 0;
	margin: 0;
	list-style: none;
	white-space: nowrap;
}

.pt-features ul li {
	color: #737373;
	padding: 10px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	text-overflow: ellipsis;
	overflow: hidden;
}

.pt-footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	text-align: center;
}

.pt-footer a.btn {
	width: 100px;
	padding: 8px 0;
}

/*------------------------------------*\
    12. BLOG AREA
\*------------------------------------*/
#blog {
	padding: 80px 0 50px;
}

.blog-item {
	margin-bottom: 15px;
}

.blog-item.sticky {
	position: relative;
	padding: 30px;
	border: 2px dotted #6aaf08;
	z-index: 0;
}

.blog-item.sticky:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #6aaf08;
	opacity: 0.05;
	z-index: -1;
}

.blog-item-img,
.blog-page-post-video {
	margin-bottom: 16px;
}

.blog-item-img img {
	width: 100%;
}

.blog-item-content h2 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	text-transform: capitalize;
	word-wrap: break-word;
}

.blog-item-content h2 a {
	color: #2e3138;
	-webkit-transition: color .25s;
	transition: color .25s;
}

.blog-item-content blockquote,
.blog-page-content blockquote {
	color: #6aaf08;
	border-color: #6aaf08;
}

.blog-page-content blockquote cite {
	display: block;
	margin-top: 5px;
	color: #333;
}

.blog-item-content li {
	color: #6aaf08;
}

.blog-item-content .metadata {
	color: #737373;
	margin: 15px 0 10px;
	font-size: 12px;
}

.blog-item-content .metadata:first-child {
	margin-top: 0;
}

.blog-item-content .metadata a {
	margin-left: 5px;
	color: inherit;
}

.blog-item-content .metadata a:hover {
	border-bottom: 1px solid #e9e9e9;
}

.blog-item-content .metadata .divider {
	margin: 0 10px;
}

.blog-item:hover .blog-item-content h2 a {
	color: #6aaf08;
}

.blog-item-content p {
	margin-bottom: 12px;
	line-height: 24px;
}

.blog-item-content p a {
	color: #333;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.blog-item-content p a:hover {
	color: #6aaf08;
}

.blog-item-content p:last-child {
	margin-bottom: 0;
}

.blog-page--pagination {
	font-size: 0;
	line-height: 0;
}

.blog-page--pagination .pagination {
	margin: 0;
	border-radius: 0;
}

.blog-page--pagination .pagination li a,
.blog-page--pagination .pagination li span {
	color: #303030;
	border-radius: 0;
	font-size: 13px;
	line-height: 17px;
}

.blog-page--pagination .pagination li.active a,
.blog-page--pagination .pagination li.active span {
	color: #fff;
	background-color: #6aaf08;
	border-color: #6aaf08;
}

.blog-item.full-post a {
	color: #333;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.blog-item.full-post .post-social-links a:hover {
	color: #fff;
}

.blog-item.full-post a:hover {
	color: #6aaf08;
}

.blog-item.full-post a.btn {
	color: #fff;
}

.blog-item.full-post table {
	width: 100%;
}

.blog-item.full-post table th,
.blog-item.full-post table td {
	padding: 10px 15px;
	border: 1px solid #e9e9e9;
}

.blog-item.post .blog-item-content p img {
	display: none;
}

.blog-item.full-post .blog-item-content p img {
	display: inline;
}

.blog-item.full-post .wp-caption {
	padding-bottom: 0;
}

.blog-item.full-post .wp-caption-text {
	padding: 10px 0;
}

.blog-item.full-post .wp-caption p {
	margin-bottom: 0;
}

.blog-page-post-audio {
	margin-bottom: 24px;
}

.blog-item.full-post.format-chat .blog-item-content>p {
	margin-bottom: 0;
	padding: 10px 15px;
	background-color: transparent;
	text-align: right;
}

.blog-item.full-post.format-chat .blog-item-content>p:nth-child(even) {
	background-color: #f8f8f8;
	text-align: left;
}

/*------------------------------------*\
    13. BRANDS AREA
\*------------------------------------*/
#brands {
	padding: 50px 0;
	border-top: 1px solid #e9e9e9;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.brands-slider img {
	margin: 0 auto;
}

/*------------------------------------*\
    14. DATACENTER LOCATIONS AREA
\*------------------------------------*/
#datacenterLocations {
	padding: 80px 0 70px;
}

#datacenterLocations .container {
	position: relative;
}

#datacenterLocations img.img-responsive {
	margin: 0 auto;
}

.datacenter-locations {
	position: relative;
}

.datacenter-location-marker {
	position: absolute;
	color: #6aaf08;
	font-size: 34px;
	line-height: 38px;
	cursor: pointer;
}

.datacenter-location-marker.marker-1 {
	top: 36%;
	left: 17%;
}

.datacenter-location-marker.marker-2 {
	top: 26%;
	left: 23%;
}

.datacenter-location-marker.marker-3 {
	top: 63%;
	left: 36%;
}

.datacenter-location-marker.marker-4 {
	top: 47%;
	left: 69%;
}

.datacenter-location-marker.marker-5 {
	top: 59%;
	left: 75.7%;
}

.datacenter-location-marker.marker-6 {
	top: 26%;
	left: 51%;
}

/*------------------------------------*\
    15. FOOTER AREA
\*------------------------------------*/
#footer {
	padding: 37px 0 0;
	background-color: #303030;
	overflow: hidden;
}

.footer-widget {
	margin-bottom: 36px;
}

.footer-about {
	color: #fff;
}

.footer-widget h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	position: relative;
	padding-bottom: 10px;
}

.footer-widget h4:before {
	position: absolute;
	content: " ";
	width: 40px;
	height: 2px;
	background-color: #6aaf08;
	bottom: 0px;
}

.footer-about p {
	margin-top: 20px;
	color: rgba(233, 233, 233, 0.8);
}

.footer-about a.btn {
	color: #fff;
	margin-top: 5px;
}

.footer-about a.btn:hover {
	color: #2e3138;
	background-color: #fff;
}

.footer-widget ul {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.footer-widget ul li {
	font-size: 15px;
	font-weight: 300;
	padding-bottom: 4px;
}

.footer-widget ul li a {
	color: rgba(233, 233, 233, 0.8);
	-webkit-transition: color .25s;
	transition: color .25s;
	border-bottom: 1px solid rgba(233, 233, 233, 0.8);
	display: block;
	margin: 2px 0;
	padding-bottom: 5px;
}

.footer-widget a:hover,
.footer-widget a:focus {
	color: #fff;
}

.footer--contact-info {
	color: #fff;
	padding: 30px 15px;
	border-top: 1px solid #14191B;
	background-color: #000;
}

.footer--contact-info a {
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.footer--contact-info a:hover,
.footer--contact-info a:focus {
	color: #6aaf08;
}

.footer--contact-info i.fa {
	font-size: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

.footer-widget .alert {
	margin-top: 25px;
	border-radius: 0;
}

#subscribeForm {
	margin-top: 25px;
}

#subscribeForm .input-box {
	width: 100%;
	padding: 8px 0 8px 12px;
	border: 1px solid #fff;
	box-shadow: none;
	outline: 0;
}

#subscribeForm .input-box:first-child {
	margin-bottom: 15px;
}

#subscribeForm .input-box.error {
	border-color: #a94442;
}

#subscribeForm .input-box.valid {
	border-color: #3c763d;
}

#subscribeForm .submit-button {
	display: block;
	width: 100%;
	margin-top: 15px;
	padding: 10px 0;
	color: #fff;
	background-color: #6aaf08;
	border: none;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	-webkit-transition: .35s;
	-webkit-transition: .25s;
	transition: .25s;
	outline: 0;
}

#subscribeForm .submit-button:hover {
	color: #2e3138;
	background-color: #fff;
	border-color: #fff;
}

/*------------------------------------*\
    16. COPYRGIHT AREA
\*------------------------------------*/
#copyright {
	padding: 20px 0 18px;
	color: #fff;
	background-color: #222;
	text-align: center;
}

#copyright p {
	margin-bottom: 0;
}

#copyright p.left {
	float: left;
}

#copyright p.right {
	float: right;
	font-weight: 700;
	text-transform: uppercase;
}

#copyright p a {
	display: inline-block;
	margin-top: 5px;
	color: #6aaf08;
	font-weight: 700;
}

#copyright img {
	margin-left: 20px;
	height: 24px;
}

/*------------------------------------*\
    17. GENERAL PAGE STYLES
\*------------------------------------*/
/* 17.1. PAGE TITLE */
#pageTitle {
	padding: 80px 0;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #bababa;
	text-align: center;
	z-index: 0;
}

#pageTitle .section-title h2,
#pageTitle .section-title h1 {
	margin: 0 0 22px;
	color: #fff;
	word-wrap: break-word;
}

#pageTitle .breadcrumb {
	margin: 50px 0 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}

#pageTitle .breadcrumb>li>a {
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

#pageTitle .breadcrumb>li>a:hover,
#pageTitle .breadcrumb>li>a:focus,
#pageTitle .breadcrumb>li.active {
	color: #6aaf08;
}

/*------------------------------------*\
    18. SHARED HOSTING PAGE
\*------------------------------------*/
#pricingTable {
	padding: 80px 0;
}

#pricingTable.price-details {
	padding: 0;
}

#pricingTable.price-details>.item {
	padding: 80px 0;
}

#pricingTable.price-details>.item:nth-child(2n) {
	background-color: #f8f8f8;
	border-style: solid;
	border-width: 1px 0;
	border-color: #e9e9e9;
}

#pricingTable .pricing-table-item {
	padding: 0;
}

#pricingTable .pricing-table-item.mt-md {
	margin-top: 65px;
}

#pricingTable .pt-features {
	padding: 0;
}

#pricingTable .pricing-table-item.first-child {
	margin-top: 195px;
	font-weight: 700;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14);
	z-index: 0;
}

#pricingTable .pricing-table-item .pt-body {
	border-top: 1px solid #e9e9e9;
}

#pricingTable.price-details .pricing-table-item.first-child {
	margin-top: 73px;
}

#pricingTable.price-details .pricing-table-item.first-child.reset-margin {
	margin: 0;
}

.price-details .pt-head {
	padding-top: 0;
}

/*------------------------------------*\
    19. DOMAINS PAGE
\*------------------------------------*/
.brands-slider .extra-bg {
	background-color: #fff;
	padding: 20px 0;
}

#pricingTable2 {
	padding: 80px 0;
}

#pricingTable2.domains-page {
	background-color: #f8f8f8;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

#pricingTable2 table {
	border: 1px solid #ccc;
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#pricingTable2 table thead {
	background-color: #6aaf08;
	color: #fff;
}

#pricingTable2 table thead th {
	padding: 15px 0;
}

#pricingTable2 table tr {
	border: 1px solid #ddd;
	padding: 5px;
}

#pricingTable2 table th,
#pricingTable2 table td {
	padding: 10px;
	text-align: center;
}

#pricingTable2 table th {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}

#pricingTable2 table tbody td {
	background-color: #fff;
}

#pricingTable2 table tbody tr:nth-child(even) td {
	background-color: #f8f8f8;
}

#pricingTable2 table tbody td:first-child {
	font-weight: 700;
	font-size: 18px;
}

/* 19.1. DOMAIN BANNER CONTENT */
.domain-banner-content {
	padding: 20px;
	color: #303030;
	background-color: rgba(255, 255, 255, 0.9);
}

.domain-banner-content p {
	margin: -40px 0;
	padding: 60px 20px 58px;
	color: #fff;
	background-color: #6aaf08;
	font-size: 48px;
	line-height: 52px;
	font-weight: 900;
}

.domain-banner-content p span {
	display: block;
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
}

/*------------------------------------*\
    20. DEDICATED PAGE
\*------------------------------------*/
#compare {
	padding: 80px 0;
	background-color: #f8f8f8;
}

#compare table {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-spacing: 0;
	border-collapse: collapse;
}

#compare table thead {
	background-color: #6aaf08;
	color: #fff;
}

#compare table thead th {
	padding: 15px 10px;
}

#compare table tr {
	border: 1px solid #ddd;
	padding: 5px;
}

#compare table th,
#compare table td {
	padding: 10px;
}

#compare table th {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}

#compare table tbody tr {
	background-color: #fff;
}

#compare table tbody tr:nth-child(even) td {
	background-color: #f8f8f8;
}

/*------------------------------------*\
    21. ABOUT PAGE
\*------------------------------------*/
/* 21.1. ABOUT DESCRIPTION */
.about-description {
	padding: 0px;
}

/* 21.2. COUNTER */
.counter {
	position: relative;
	padding: 80px 0;
	background-color: #6aaf08;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

.counter-icon {
	margin-bottom: 15px;
}

.counter-icon img {
	margin: 0 auto;
	border-radius: 50%;
}

.counter-holder:hover .counter-icon i.fa {
	border-radius: 50%;
}

.counter-text {
	margin-bottom: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	text-transform: capitalize;
}

.counter-number {
	margin-bottom: -5px;
	color: #fff;
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
}

.counter-number-holder {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
}

.counter-number-holder .counter-number {
	font-size: 42px;
}

.counter-icon .fa {
	background-color: #fff;
	border-radius: 50%;
	font-size: 50px;
	height: 100px;
	padding: 25px;
	text-align: center;
	width: 100px;
}

/* 21.3. TEAM */
#team {
	padding: 80px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.team-item {
	text-align: center;
}

.team-info h2 {
	margin: 20px 0 5px;
	color: #2e3138;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	text-transform: capitalize;
}

.team-info p {
	margin: 0;
	color: #737373;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-transform: capitalize;
}

.team-img {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.team-img:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .25s;
	transition: -webkit-transform .25s;
	transition: transform .25s;
	transition: transform .25s, -webkit-transform .25s;
}

.team-img:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.team-social-links {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%) scale(0);
	transform: translate(0, -50%) scale(0);
	width: 100%;
	-webkit-transition: -webkit-transform .25s;
	transition: -webkit-transform .25s;
	transition: transform .25s;
	transition: transform .25s, -webkit-transform .25s;
}

.team-img:hover .team-social-links {
	-webkit-transform: translate(0, -50%) scale(1);
	transform: translate(0, -50%) scale(1);
}

.team-social-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 0;
}

.team-social-links ul li {
	display: inline-block;
	margin: 0 2px;
}

.team-social-links ul li a {
	display: block;
	border: 1px solid #fff;
	width: 35px;
	text-align: center;
	padding: 5px 0;
	font-size: 14px;
	-webkit-transition: background-color .25s ease-in-out, border-color .25s ease;
	transition: background-color .25s ease-in-out, border-color .25s ease;
}

.team-social-links ul li a:hover,
.team-social-links ul li a:hover {
	background-color: #6aaf08;
	border-color: #6aaf08;
}

/* 21.4. HISTORY */
#history {
	padding: 80px 0 40px;
	background-color: #f8f8f8;
}

.timeline {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	font-weight: 300;
	z-index: 0;
	overflow: hidden;
}

.timeline:before {
	top: 0;
	bottom: 20px;
	position: absolute;
	content: " ";
	width: 2px;
	background: #ffffff;
	left: 50%;
	margin-left: -1.5px;
}

.timeline>li {
	margin-bottom: 20px;
	position: relative;
	width: 50%;
	float: left;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li>.timeline-panel {
	float: left;
	border: 1px solid #dcdcdc;
	background: #ffffff;
	position: relative;
}

.timeline>li:nth-child(odd)>.timeline-panel {
	margin-right: 30px;
}

.timeline>li:nth-child(even)>.timeline-panel {
	margin-left: 30px;
}

.timeline>li>.timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #dcdcdc;
	border-right: 0 solid #dcdcdc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline>li>.timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #ffffff;
	border-right: 0 solid #ffffff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline>li>.timeline-badge {
	width: 24px;
	height: 24px;
	text-align: center;
	position: absolute;
	top: 33px;
	right: -12px;
	color: #fff;
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline--date {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 100%;
	color: #fff;
	background-color: #6aaf08;
	text-align: center;
}

.timeline--date p {
	margin-bottom: 0;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	font-weight: 700;
}

.timeline-body {
	margin-left: 80px;
}

.timeline-body>p,
.timeline-body>ul {
	padding: 10px 15px;
	margin-bottom: 0;
}

.timeline>li.timeline-inverted {
	float: right;
	clear: right;
}

.timeline>li:nth-child(2) {
	margin-top: 60px;
}

.timeline>li.timeline-inverted>.timeline-badge {
	left: -12px;
}

.no-float {
	float: none !important;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline-inverted .timeline--date {
	left: auto;
	right: 0;
}

.timeline-inverted .timeline-body {
	margin-left: 0;
	margin-right: 80px;
}

/*------------------------------------*\
    22. LOGIN PAGE
\*------------------------------------*/
#login {
	padding: 80px 0;
}

#loginForm {
	padding: 30px;
	background-color: #f8f8f8;
	max-width: 360px;
	margin: 0 auto;
}

#loginForm label.checkbox {
	display: block;
	padding-left: 20px;
}

#loginForm p.help-block {
	font-weight: 400;
	font-size: 14px;
	margin: 15px 0 0;
}

#loginForm p.help-block a {
	margin-left: 10px;
	color: #2e3138;
	font-size: 14px;
	font-weight: 700;
}

#loginForm p.help-block a:hover {
	color: #6aaf08;
}

#loginForm p.help-block a i.fa {
	margin-right: 5px;
}

#loginForm label {
	font-weight: 400;
}

#loginForm input.form-control {
	box-shadow: none;
	border-radius: 0;
}

#loginForm input.error {
	border-color: #FF6C3A;
}

#loginForm .submit-button {
	border-radius: 0;
	padding: 10px 20px;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #6aaf08;
	color: #fff;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	outline: 0;
}

#loginForm .submit-button:hover {
	background-color: #2e3138;
}

/*------------------------------------*\
    23. CONTACT PAGE
\*------------------------------------*/
/* 23.1. CONTACT FORM */
#contact {
	padding: 80px 0;
	position: relative;
}

#contact:before {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-color: #f8f8f8;
	border-left: 1px solid #e9e9e9;
}

#contactForm {
	padding-left: 50px;
}

#contactForm label {
	font-weight: 400;
}

#contactForm input.form-control {
	border-color: transparent;
	;
	border-radius: 0;
	box-shadow: none;
}

#contactForm textarea.form-control {
	border-color: transparent;
	border-radius: 0;
	box-shadow: none;
	resize: none;
	margin-top: 15px;
}

#contactForm input.error,
#contactForm textarea.error {
	border-color: #FF6C3A;
}

#contactForm input.valid,
#contactForm textarea.valid {
	border-color: #01abef;
}

#contactForm .submit-button {
	border-radius: 0;
	padding: 10px 30px;
	font-weight: 500;
	background-color: #6aaf08;
	color: #fff;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	outline: 0;
}

#contactForm .submit-button:hover,
#contactForm .submit-button:focus {
	background-color: #2e3138;
}

.contact-form .wpcf7-response-output {
	margin: 20px 0 0 50px;
}

.contact-address h2 {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	position: relative;
	padding-bottom: 10px;
}

.contact-address h2:before {
	position: absolute;
	content: " ";
	width: 40px;
	height: 2px;
	background-color: #6aaf08;
	bottom: 0px;
}

.contact-address address {
	margin-top: 30px;
}

.contact-address address p {
	margin-bottom: 30px;
	color: #737373;
	font-weight: 400;
	font-size: 16px;
}

.contact-address address p:last-child {
	margin-bottom: 0;
}

.contact-address address p i.fa {
	font-size: 20px;
	border: 1px solid #737373;
	width: 35px;
	padding: 5px 0;
	margin-right: 10px;
	text-align: center;
}

/* 23.2. MAP */
#map {
	height: 400px;
}

/* 23.3. CONTACT SOCIAL LINKS */
.contact-social-links {
	margin-top: 20px;
}

.contact-social-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}

.contact-social-links li {
	display: inline-block;
	margin-right: 4px;
}

.contact-social-links li a {
	color: #2e3138;
	border: 1px solid #2e3138;
	padding: 6px 0;
	display: block;
	font-size: 14px;
	width: 35px;
	margin: 18px 0;
	text-align: center;
	-webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
	transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.contact-social-links li a:hover,
.contact-social-links li a:focus {
	color: #fff;
	border: 1px solid #6aaf08;
	background: #6aaf08;
}

/*------------------------------------*\
    24. FAQ PAGE
\*------------------------------------*/
#faq {
	padding: 80px 0;
}

#faq .section-title.text-left h2 {
	margin-top: 35px;
	margin-bottom: 60px;
}

#faq.bg-whitesmoke {
	background-color: #f8f8f8;
	border-style: solid;
	border-width: 1px 0;
	border-color: #e9e9e9;
}

.faq-categories {
	margin-bottom: 40px;
}

.faq-categories>ul {
	font-size: 0;
	text-align: center;
}

.faq-categories>ul>li {
	display: inline-block;
}

.faq-categories ul li a {
	position: relative;
	padding: 12px 25px;
	background-color: #2e3138;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: color .25s, background-color .25s;
	transition: color .25s, background-color .25s;
}

.faq-categories ul li a:hover,
.faq-categories ul li.active a {
	color: #fff;
	background-color: #6aaf08;
}

.faq-categories ul li a:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 12px;
	border-color: #6aaf08 transparent transparent transparent;
	-webkit-transition: top .55s;
	transition: top .55s;
	z-index: -1;
}

.faq-categories ul li a:hover:before,
.faq-categories ul li.active a:before {
	top: 100%;
	-webkit-transition: top .25s;
	transition: top .25s;
}

.faq-content .panel-group {
	margin-bottom: 0;
}

.accordion .panel {
	border-radius: 0;
}

.accordion .panel-heading {
	padding: 0;
}

.accordion .panel-heading a {
	display: block;
	padding: 10px 15px;
	color: #fff;
	background-color: #6aaf08;
	text-transform: capitalize;
}

.accordion .panel-heading a.collapsed {
	background-color: #2e3138;
}

.accordion .panel-heading a h4 {
	font-weight: 500;
	overflow: hidden;
}

.accordion .panel-heading a h4 i.fa-minus {
	float: right;
	color: #fff;
}

.accordion .panel-heading a.collapsed i.fa-minus:before {
	content: "\f067";
}

/*------------------------------------*\
    25. AFFILIATE PAGE
\*------------------------------------*/
.aCounter {
	padding: 80px 0;
	background-color: #6aaf08;
	text-align: center;
}

.aCounter-icon i.fa {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 20px;
	color: #01ABEF;
	background-color: #fff;
	font-size: 26px;
	-webkit-transition: .25s;
	transition: .25s;
}

.aCounter-icon i.fa:before {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.aCounter-text {
	margin-bottom: 12px;
	padding-bottom: 24px;
	border-bottom: 1px solid #303030;
	color: #303030;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}

.aCounter-number-holder {
	color: #303030;
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.aCounter-number-holder .counter-number {
	color: #303030;
	font-size: 36px;
	line-height: 40px;
}

.affiliate-signup-btn-holder {
	text-align: center;
	margin-top: 60px;
}

.affiliate-signup-btn-holder a {
	width: 140px;
	padding: 10px 0;
}

/*------------------------------------*\
    26. DATACENTER PAGE
\*------------------------------------*/
#map2 {
	height: 400px;
}

/*------------------------------------*\
    27. WHMCS BRIDGE PAGE
\*------------------------------------*/
/* WHMCS BRIDGE: HEADER AREA */
body.page-template-template-whmcs #bridge #header {
	height: auto;
}

body.page-template-template-whmcs #bridge #header:before {
	display: none;
}

body.page-template-template-whmcs #bridge #top-nav+a {
	display: none;
}

/* WHMCS BRIDGE: MAIN BODOY AREA */
body.page-template-template-whmcs #main-body a {
	color: inherit;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

body.page-template-template-whmcs #main-body a:hover {
	color: #6aaf08;
}

body.page-template-template-whmcs #main-body a.btn,
body.page-template-template-whmcs #main-body a.label {
	color: #fff !important;
}

body.page-template-template-whmcs #main-body a.btn-default {
	color: #333 !important;
	background-color: transparent !important;
	border-color: #333 !important;
}

body.page-template-template-whmcs #main-body a.list-group-item:hover {
	color: #333;
}

body.page-template-template-whmcs #main-body a.list-group-item.active,
body.page-template-template-whmcs #main-body a.list-group-item.active:hover {
	color: #fff;
}

body.page-template-template-whmcs div.header-lined h1 {
	color: #6aaf08;
}

body.page-template-template-whmcs #main-body a.btn-default.bg-color-red {
	color: #fff !important;
	background-color: #d9534f !important;
}

body.page-template-template-whmcs #main-body a.btn-default.bg-color-gold {
	color: #fff !important;
	background-color: #f0ad4e !important;
}

body.page-template-template-whmcs #main-body a.btn-default.bg-color-blue {
	color: #fff !important;
	background-color: #5bc0de !important;
}

body.page-template-template-whmcs #main-body a.btn-default.bg-color-asbestos {
	color: #fff !important;
	background-color: #7f8c8d !important;
}

/* WHMCS BRIDGE: HOME SHORTCUTS AREA */
body.page-template-template-whmcs #bridge .home-shortcuts li {
	border-color: #fff;
}

/* WHMCS BRIDGE: LOGIN AREA */
body.page-template-template-whmcs #login {
	padding: 6px 12px;
}

/* WHMCS BRIDGE: FOOTER AREA */
body.page-template-template-whmcs #bridge #footer {
	display: none;
}

/* WHMCS BRIDGE: COPYRIGHT AREA */
body.page-template-template-whmcs #bridge+center {
	display: none;
}

/*------------------------------------*\
    28. BLOG PAGE
\*------------------------------------*/
#blog.page {
	padding-bottom: 65px;
}

body.page-template #blog.page {
	padding-bottom: 80px;
}

body.page-template-template-whmcs #blog.page {
	padding: 0;
}

#blog.page hr {
	margin: 40px 0 60px;
}

.blog-page-post-video.local {
	background-color: #090709;
}

.blog-page-post-audio audio {
	width: 100%;
	margin-bottom: 10px;
}

.blog-item.post .page-links {
	margin-bottom: 15px;
	z-index: 0;
}

.blog-item.post .page-links .page-links-title {
	padding: 0;
	border: 0;
	color: #333;
	background-color: transparent;
}

.blog-item.post .page-links a {
	color: #333;
}

.blog-item.post .page-links>span,
.blog-item.post .page-links>a {
	display: inline-block;
	min-width: 25px;
	margin-right: 1px;
	padding: 2px 0;
	border: 1px solid #333;
	text-align: center;
	-webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
	transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.blog-item.post .page-links>span,
.blog-item.post .page-links>a:hover {
	color: #fff;
	background-color: #6aaf08;
	border-color: #6aaf08;
}

.post-password-form input[type="submit"] {
	padding: 5px 12px;
	color: #fff;
	background-color: #6aaf08;
	border: 0;
	font-size: 13px;
	line-height: 16px;
	vertical-align: top;
	outline: 0;
	-webkit-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}

.post-password-form input[type="submit"]:hover {
	background-color: #2E3138;
}

.blog-item.full-post .gallery {
	margin: 0 -15px !important;
}

.blog-item.full-post .gallery-item {
	padding: 0 15px;
}

.blog-item.full-post .gallery-item .attachment-thumbnail {
	width: 100%;
	height: auto;
	border: 0 !important;
}

.blog-item.full-post .gallery-caption {
	margin-top: 8px;
	text-align: left;
}

.blog-item.post .blog-item-content img {
	max-width: 100%;
	height: auto;
}

.blog-page-content p a,
body.page .blog-page-content a {
	color: #333;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.blog-page-content p a:hover,
body.page .blog-page-content a:hover {
	color: #6aaf08;
}

body.page .blog-page-content a.btn {
	color: #fff;
}

body.page .blog-page-content table {
	width: 100%;
}

body.page .blog-page-content table th,
body.page .blog-page-content table td {
	padding: 10px 15px;
	border: 1px solid #e9e9e9;
}

body.page .blog-page-content dl dt {
	margin-top: 10px;
}

body.page .blog-page-content dl dd {
	padding-left: 15px;
}

body.page .blog-page-content address {
	font-style: italic;
}

body.page .blog-page-content:before,
body.page .blog-page-content:after {
	content: " ";
	display: table;
}

body.page .blog-page-content:before,
body.page .blog-page-content:after {
	clear: both;
}

.post-read-more-btn {
	margin-top: 12px;
}

/*------------------------------------*\
    29. BLOG DETAILS PAGE
\*------------------------------------*/
.blog-item.full-post .post-category-text {
	display: inline-block;
	margin-top: 35px;
	margin-bottom: 0;
	font-weight: 700;
}

.blog-item.full-post .category-link {
	color: #737373;
	font-weight: 500;
	margin-left: 10px;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.blog-item.full-post .category-link:hover {
	color: #6aaf08;
}

.blog-item.full-post:hover a.btn-custom {
	background-color: transparent;
}

.blog-item.full-post:hover a.btn-custom:hover {
	background-color: transparent;
	color: #6aaf08;
}

.blog-item.full-post .tags ul {
	padding-left: 0;
}

.blog-item.full-post .tags li {
	display: inline-block;
}

.blog-item.full-post .tags li a {
	color: #2e3138;
	background-color: transparent;
	font-weight: 500;
	text-transform: lowercase;
	padding: 5px 15px 5px 0;
}

.blog-item.full-post .tags li strong {
	margin-right: 15px;
}

.blog-item.full-post .post-author-metadata {
	min-height: 70px;
	margin-top: 20px;
	margin-bottom: 30px;
	background-color: #e9e9e9;
}

.blog-item.full-post .post-author-metadata a {
	color: #2e3138;
	margin-left: 15px;
	font-weight: 500;
}

.blog-item.full-post .post-author-metadata a:hover {
	color: #6aaf08;
}

.blog-item.full-post .post-author-metadata .post-author-name:first-child {
	display: inline-block;
	padding: 25px 0 26px;
}

.blog-item.full-post iframe {
	max-width: 100%;
}

.post-social-links {
	margin-top: 20px;
}

.post-social-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: right;
}

.post-social-links li {
	display: inline-block;
	margin: 0 2px;
}

.post-social-links li a {
	color: #2e3138;
	border: 1px solid #2e3138;
	padding: 6px 0;
	display: block;
	font-size: 14px;
	width: 35px;
	margin: 18px 0;
	text-align: center;
	-webkit-transition: color .25s, border .25s, background .25s;
	transition: color .25s, border .25s, background .25s;
}

.post-social-links li a:hover {
	color: #fff;
	background-color: #6aaf08;
	border: 1px solid #6aaf08;
}

.post-comments.inPage {
	margin-top: 25px;
}

.post-comments-title {
	margin-top: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #e9e9e9;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.post-comments-title a {
	color: #333;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.post-comments-title a:hover {
	color: #6aaf08;
}

.post-comments ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 30px;
}

.post-comments ul li {
	margin: 25px 0;
}

.comment-thumb a {
	overflow: hidden;
	color: #6aaf08;
	font-weight: 500;
}

.comment-thumb {
	margin-bottom: 15px;
	overflow: hidden;
}

.comment-meta {
	margin-top: 15px;
	margin-left: 15px;
}

a.comment-reply {
	background: #6aaf08;
	border-radius: 0;
	color: #fff;
	margin-top: 10px;
}

a.comment-reply:hover,
a.comment-reply:focus {
	color: #fff;
	box-shadow: none;
}

.single-comment {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 25px;
}

.comment-respond {
	padding-top: 50px;
	margin-top: -26px;
}

.comment-respond .form-control {
	border-radius: 0;
	margin-top: 20px;
	box-shadow: none;
	resize: none;
}

.comment-respond .form-control.submit-btn {
	width: auto;
	height: auto;
	padding: 10px 40px;
	background: #6aaf08;
	border-color: #6aaf08;
	color: #fff;
	font-weight: 500;
	-webkit-transition: .25s;
	transition: .25s;
}

.comment-respond .form-control.submit-btn:hover {
	background: #2e3138;
	border-color: #2e3138;
	color: #fff;
}

.comment-respond .form-control.error {
	border-color: #FF6C3A;
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
	margin-top: 18px;
	margin-bottom: 0;
}

.comment-respond .logged-in-as a {
	color: #666;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.comment-respond .logged-in-as a:hover {
	color: #6aaf08;
}

.comment-respond .logged-in-as a:last-child {
	font-weight: 700;
}

/*------------------------------------*\
    30. WIDGETS
\*------------------------------------*/
.widget {
	padding-bottom: 50px;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 50px;
}

.widget:last-child {
	margin-bottom: 0;
	padding-bottom: 30px;
	border-bottom: none;
}

/* 30.1. WIDGET TITLE */
.widget-title {
	position: relative;
	margin: 0 0 18px;
	padding-bottom: 10px;
	color: #2e3138;
	font-family: "Raleway", sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
}

.widget-title:before {
	position: absolute;
	content: " ";
	width: 40px;
	height: 2px;
	background-color: #6aaf08;
	bottom: 0px;
}

.widget-title a {
	color: #2e3138;
}

.widget-title a.rsswidget img {
	vertical-align: baseline;
}

/* 30.2. SEARCH WIDGET */
.search--widget .form-control {
	background-color: #f8f8f8;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	height: auto;
	padding: 10px 12px;
}

.search--widget .input-group-addon {
	border-radius: 0;
	border: none;
	background-color: #6aaf08;
	color: #fff;
	cursor: pointer;
	padding: 0px 15px;
	-webkit-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}

.search--widget .input-group-addon:hover {
	background-color: #2E3138;
}

.search--widget .input-group-addon>button {
	padding: 0;
	background-color: transparent;
	border: none;
	outline: 0;
}

/* 30.3. RECENT ITEMS WIDGET */
.widget.recent-items .footer-thumb .row-holder {
	margin: 15px 0 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
}

.widget.recent-items .footer-thumb .row-holder:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.widget.recent-items .left-col img {
	border-color: #e9e9e9;
}

.widget.recent-items a.footer-thumb-link {
	color: #666;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 10px;
	display: block;
}

.widget.recent-items a.footer-thumb-link:hover,
.widget.recent-items a.footer-thumb-link:focus {
	color: #6aaf08;
}

.widget.recent-items .footer-thumb-text {
	color: #999;
}

.widget.recent-items span.footer-thumb-date {
	color: #666;
	font-weight: 300;
}

.widget.recent-items .footer-thumb .row-holder .left-col img {
	margin-bottom: 15px;
	margin-top: 20px;
}

/* 30.4. TWITTER WIDGET */
#sidebarTwitter {
	margin-top: 25px;
	max-height: 270px;
	border: 1px solid #e9e9e9;
	overflow: auto;
}

/* 30.5. BLOG SIDEBAR WIDGET: LIST */
.blog-page-sidebar .widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-page-sidebar .widget ul li {
	margin-bottom: 19px;
	font-size: 13px;
	line-height: 17px;
	font-weight: 500;
	color: #666;
}

.blog-page-sidebar .widget ul li:last-child {
	margin-bottom: 0;
}

.blog-page-sidebar .widget ul li a {
	color: #666;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.blog-page-sidebar .widget ul li a:hover {
	color: #6aaf08;
}

.blog-page-sidebar .widget ul ul {
	padding-top: 20px;
	padding-left: 20px;
}

/* 30.6. BLOG SIDEBAR WIDGET: TEXTWIDGET */
.blog-page-sidebar .widget .textwidget img {
	max-width: 100%;
}

.blog-page-sidebar .widget .textwidget .wp-caption {
	padding-bottom: 0;
}

.blog-page-sidebar .widget .textwidget .wp-caption-text {
	padding: 6px 0;
	font-size: 13px;
	line-height: 17px;
}

/* 30.7. BLOG SIDEBAR WIDGET: ARCHIVE DROPDOWN */
.blog-page-sidebar .widget select {
	display: block;
	width: 100%;
	padding: 10px 12px;
	background-color: #f8f8f8;
	border: 0;
	font-size: 12px;
	line-height: 16px;
	outline: 0;
}

/* 30.8. BLOG SIDEBAR WIDGET: CALENDAR */
.blog-page-sidebar .widget .calendar_wrap table {
	width: 100%;
	text-align: center;
}

.blog-page-sidebar .widget .calendar_wrap caption {
	margin-bottom: 6px;
	padding: 0;
	text-align: center;
}

.blog-page-sidebar .widget .calendar_wrap th {
	text-align: center;
}

.blog-page-sidebar .widget .calendar_wrap table a {
	color: #666;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.blog-page-sidebar .widget .calendar_wrap table a:hover {
	color: #6aaf08;
}

.blog-page-sidebar .widget .calendar_wrap table tbody td a {
	color: #6aaf08;
}

.blog-page-sidebar .widget .calendar_wrap tfoot td {
	padding-top: 6px;
}

.blog-page-sidebar .widget .calendar_wrap tfoot #prev {
	text-align: left;
}

.blog-page-sidebar .widget .calendar_wrap tfoot #next {
	text-align: right;
}

/* 30.9. BLOG SIDEBAR WIDGET: RSS WIDGET */
.blog-page-sidebar .widget .rssSummary {
	margin: 8px 0;
}

/* 30.10. BLOG SIDEBAR WIDGET: TAG CLOUD */
.blog-page-sidebar .widget .tagcloud {
	margin-top: -18px;
	font-size: 0;
	line-height: 0;
}

.blog-page-sidebar .widget .tagcloud a {
	display: inline-block;
	margin-top: 23px;
	margin-right: 25px;
	color: #666;
	font-size: 13px !important;
	line-height: 17px;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

.blog-page-sidebar .widget .tagcloud a:hover {
	color: #6aaf08;
}

/*------------------------------------*\
    31. 404 PAGE
\*------------------------------------*/
#f0f {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	z-index: 0;
	height: 100%;
}

#f0f:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(48, 48, 48, 0.6);
	z-index: -1;
}

#f0f>.container,
#f0f>.container>.row,
#f0f>.container>.row>div {
	height: 100%;
}

#f0f .section-title h2 {
	margin: 0 0 50px;
	color: #fff;
	font-size: 120px;
}

#f0f .section-title h2:before {
	display: none;
}

#f0f .description p {
	color: #fff;
	margin: 70px 0 30px;
	font-size: 20px;
	font-weight: 500;
}

#f0f a.btn {
	padding: 10px 30px;
}

#f0f .search {
	max-width: 320px;
	margin: 0 auto 30px;
	padding-bottom: 0;
	border-bottom: none;
}

/*------------------------------------*\
    32. WOOCOMMERCE
\*------------------------------------*/
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit {
	min-height: 34px;
	padding: 7px 13px;
	color: #fff;
	background-color: #6aaf08;
	border-radius: 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	transition: color .25s, border-color .25s, background-color .25s ease-in-out;
	outline: 0;
}

.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover {
	color: #fff;
	background-color: #2e3138;
}

.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
	color: #fff;
}

.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
	color: #fff;
	background-color: #2e3138;
}

body.page .blog-page-content a.button {
	color: #fff;
	transition: color .25s, border-color .25s, background-color .25s ease-in-out;
}

.woocommerce .star-rating span:before,
.woocommerce p.stars a {
	color: #6aaf08;
}

.woocommerce .page-title {
	margin-top: 0;
	font-size: 30px;
}

.woocommerce .woocommerce-result-count {
	margin: 12px 0;
}

.woocommerce-ordering select {
	padding: 7px 10px;
	border: 1px solid #eee;
	cursor: pointer;
	outline: 0;
}

.woocommerce form+.products {
	margin-top: 85px;
}

.product {
	position: relative;
	z-index: 0;
}

.products>.product {
	text-align: center;
}

.woocommerce .products>.product>a>img.wp-post-image {
	display: block;
	margin-bottom: 15px;
}

.products>.product>a>h2 {
	color: #333;
	font-family: "Raleway", sans-serif;
	transition: color .25s;
}

.products>.product>a:hover>h2 {
	color: #6aaf08;
}

.woocommerce .products>.product>a>h2.woocommerce-loop-product__title {
	margin-bottom: 19px;
	padding: 0;
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
}

.products>.product>a>.star-rating {
	margin-left: auto;
	margin-right: auto;
}

.products>.product>a>.price {
	margin-top: 11px;
	font-family: "Raleway", sans-serif;
}

.woocommerce .products>.product>a>span.price {
	margin-bottom: 0;
	color: #333;
	font-size: 22px;
	line-height: 28px;
	font-weight: 300;
}

.products>.product>a>.price>ins {
	display: block;
	margin-top: 1px;
	text-decoration: none;
}

.woocommerce .products>.product>a>span.price>ins {
	font-weight: 300;
}

.woocommerce .products>.product>a.add_to_cart_button.button {
	margin-top: 19px;
}

.woocommerce .products>.product>a.added_to_cart {
	margin-top: 7px;
	color: #333;
	transition: color .25s;
}

.woocommerce .products>.product>a.added_to_cart:hover {
	color: #6aaf08;
}

.woocommerce span.onsale {
	min-height: 0;
	padding: 0 8px;
	background-color: #6aaf08;
	border-radius: 0;
	font-family: "Raleway", sans-serif;
	line-height: 25px;
	z-index: 1;
}

.woocommerce .products>.product>a>span.onsale {
	top: -5px;
	left: -5px;
	right: auto;
	margin: 0;
}

.woocommerce span.onsale:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: -6px;
	border-style: solid;
	border-width: 3px;
	border-color: #6aaf08;
	border-left-color: transparent !important;
	border-bottom-color: transparent !important;
	opacity: 0.75;
}

.woocommerce-pagination {
	font-size: 0;
	line-height: 0;
}

.woocommerce .woocommerce-pagination>.page-numbers {
	border-width: 0;
}

.woocommerce .woocommerce-pagination>.page-numbers>li {
	border-width: 0;
}

.woocommerce .woocommerce-pagination>.page-numbers>li>span,
.woocommerce .woocommerce-pagination>.page-numbers>li>a {
	min-width: 30px;
	padding: 3px 0;
	color: #303030;
	border-style: solid;
	border-width: 1px;
	border-color: #eee;
	font-size: 14px;
	line-height: 24px;
	transition: color .25s, border-color .25s, background-color .25s ease-in-out;
}

.woocommerce .woocommerce-pagination>.page-numbers>li+li>span,
.woocommerce .woocommerce-pagination>.page-numbers>li+li>a {
	border-left-width: 0;
}

.woocommerce .woocommerce-pagination>.page-numbers>li>span.current,
.woocommerce .woocommerce-pagination>.page-numbers>li>a.current {
	color: #fff;
	background-color: #6aaf08;
	border-color: #6aaf08;
}

.product>.summary>.product_title {
	margin-bottom: 11px;
	font-family: "Raleway", sans-serif;
	font-size: 26px;
	line-height: 32px;
}

.woocommerce .product>.summary>.woocommerce-product-rating {
	margin-bottom: 11px;
}

.product>.summary>.woocommerce-product-rating>.star-rating {
	font-size: 13px;
}

.product>.summary>.woocommerce-product-rating>a {
	color: #333;
	transition: color .25s;
}

.product>.summary>.woocommerce-product-rating>a:hover {
	color: #6aaf08;
}

.product>.summary>.price {
	margin-bottom: 10px;
	font-family: "Raleway", sans-serif;
}

.woocommerce .product>.summary>.price {
	color: #6aaf08;
	font-size: 26px;
	line-height: 36px;
}

.woocommerce .product>.summary>.price>ins {
	font-weight: 400;
	text-decoration: none;
}

.quantity .qty {
	min-height: 34px;
	border: 1px solid #eee;
}

.product>.summary>.product_meta a {
	color: #333;
}

.product>.summary>.product_meta a:hover {
	color: #6aaf08;
}

.woocommerce-product-gallery>.flex-control-nav {
	margin: 0 -7.5px !important;
}

.woocommerce-product-gallery>.flex-control-nav>li {
	padding: 15px 7.5px 0;
}

.product>.woocommerce-tabs>ul.wc-tabs {
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #ddd;
	background-color: #ebe9eb;
}

.woocommerce div.product>.woocommerce-tabs>ul.wc-tabs {
	margin-bottom: 0;
	padding-left: 0;
}

.woocommerce div.product>.woocommerce-tabs>ul.wc-tabs:before {
	position: static;
	left: auto;
	bottom: auto;
	width: auto;
	border-width: 0;
	z-index: auto;
}

.woocommerce div.product>.woocommerce-tabs>ul.wc-tabs>li {
	float: left;
	display: block;
	margin-left: 0;
	margin-right: 0;
	border-width: 0 1px 0 0;
	border-color: #ddd;
	border-radius: 0;
}

.woocommerce div.product>.woocommerce-tabs>ul.wc-tabs>li:before,
.woocommerce div.product>.woocommerce-tabs>ul.wc-tabs>li:after {
	display: none;
}

.woocommerce div.product>.woocommerce-tabs>ul.wc-tabs>li>a {
	padding: 7px 0;
}

.woocommerce-tabs>.panel {
	border-top-width: 0;
	border-color: #ddd;
	border-radius: 0;
	box-shadow: none;
}

.woocommerce div.product>.woocommerce-tabs>.panel {
	padding: 15px 13px 10px;
}

.woocommerce-tabs>.panel>h2:first-child,
.woocommerce-Reviews-title {
	margin-top: 0;
	font-size: 24px;
	line-height: 30px;
}

.woocommerce-Reviews-title {
	margin-bottom: 23px;
}

#reviews>div>.commentlist {
	padding-left: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	width: 40px;
	padding: 1px;
	border-width: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border-radius: 0;
}

#review_form>.comment-respond>.comment-reply-title {
	display: block;
	margin-bottom: 8px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	width: 40px;
	padding: 0;
	border-width: 1px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border-radius: 0;
}

.woocommerce #review_form #respond textarea {
	min-height: 120px;
	padding: 5px 15px;
	border-color: #eee;
	outline: 0;
}

.upsells.products>h2:first-child,
.related.products>h2:first-child {
	margin-bottom: 15px;
	font-family: "Raleway", sans-serif;
	font-size: 26px;
	line-height: 36px;
}

.woocommerce-cart-form .coupon .input-text {
	min-width: 150px;
	min-height: 34px;
}

.woocommerce table.shop_table {
	border-radius: 0;
	border-collapse: collapse;
}

.woocommerce .cart_totals table.shop_table th,
.woocommerce .cart_totals table.shop_table td {
	border-bottom-width: 0;
}

.woocommerce .cart_totals table.shop_table td {
	border-left: 1px solid #eee;
}

.cross-sells>h2:first-child,
.cart_totals>h2:first-child {
	margin-bottom: 23px;
	font-size: 26px;
	line-height: 32px;
}

.woocommerce-checkout .input-text {
	min-height: 35px;
	padding: 7px 15px;
	border: 1px solid #eee;
}

.woocommerce-checkout textarea.input-text {
	min-height: 120px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.woocommerce-checkout .select2-selection--single {
	min-height: 35px;
	padding: 4px 0;
	border: 1px solid #eee;
	border-radius: 0;
	outline: 0;
}

.woocommerce-checkout .select2-dropdown {
	border-color: #eee;
}

.woocommerce-checkout .select2-selection--single .select2-selection__arrow {
	height: 33px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	border-radius: 0;
}

#ship-to-different-address {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 36px;
	font-weight: 300;
}

#ship-to-different-address>label {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 23px;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

#ship-to-different-address>label>input {
	margin-top: 11px;
}

.woocommerce ul.product_list_widget>li,
.woocommerce ul.cart_list>li {
	position: relative;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	z-index: 0;
}

.woocommerce ul.product_list_widget>li+li,
.woocommerce ul.cart_list>li+li {
	margin-top: 15px;
}

.woocommerce .product_list_widget>li>.remove,
.woocommerce .cart_list>li>.remove {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	transition: .25s;
}

.woocommerce .product_list_widget>li>.remove+a,
.woocommerce .cart_list>li>.remove+a,
.woocommerce .product_list_widget>li>a:first-child:not(.remove) {
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	line-height: 24px;
}

.woocommerce .product_list_widget>li>a>.wp-post-image,
.woocommerce .cart_list>li>a>.wp-post-image {
	float: left;
	width: 60px;
	margin-left: 0;
	margin-right: 15px;
}

.woocommerce-mini-cart__total {
	margin-top: 13px;
	margin-bottom: 0;
	font-family: "Raleway", sans-serif;
	text-align: center;
}

.woocommerce-mini-cart__buttons {
	text-align: center;
}

.woocommerce-mini-cart__buttons a.button {
	margin-top: 15px;
	margin-left: 7.5px;
	margin-right: 7.5px;
}

.woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
	display: block;
	margin-top: 15px;
}

.woocommerce .product_list_widget>li>.amount {
	display: inline-block;
	margin-top: 4px;
}

.woocommerce .product_list_widget>li>.amount ins {
	text-decoration: none;
}

.woocommerce-product-search {
	position: relative;
	z-index: 0;
}

.woocommerce-product-search .search-field {
	width: 100%;
	height: 36px;
	padding: 8px 72px 8px 12px;
	background-color: #f8f8f8;
	border-width: 0;
	outline: 1px;
}

.woocommerce-product-search input[type='submit'] {
	position: absolute;
	top: 0;
	right: 0;
	height: 36px;
	padding: 8px 12px;
	color: #fff;
	background-color: #6aaf08;
	border-width: 0;
	transition: background-color .25s ease-in-out;
	z-index: 1;
}

.woocommerce-product-search input[type='submit']:hover {
	background-color: #2e3138;
}

.woocommerce-MyAccount-navigation>ul {
	margin: 0;
	padding: 8px 0;
	list-style: none;
	background-color: #f9f9f9;
}

.woocommerce-MyAccount-navigation>ul>li>a {
	display: block;
	padding: 5px 15px;
	color: #303030;
}

.woocommerce-MyAccount-navigation>ul>li.is-active>a {
	color: #8bc34a;
}

.woocommerce #review_form #respond textarea {
	border: 1px solid #f4f5f6;
}

.sku_wrapper {
	display: block;
	margin-bottom: 10px;
}

/*------------------------------------*\
    33. HELPER CLASSES
\*------------------------------------*/
/* 33.1. RESET-GUTTER */
.reset-gutter {
	margin-left: 0;
	margin-right: 0;
}

.reset-gutter>[class*='col-'] {
	padding-left: 0;
	padding-right: 0;
}

/* 33.2. RESET-MARGIN */
.reset-margin {
	margin-right: 0;
	margin-left: 0;
}

/* 33.3. RESET-PADDING */
.reset-padding {
	padding-right: 0;
	padding-left: 0;
}

body.page-template-template-whmcs .reset-padding {
	padding-left: 0;
	padding-right: 0;
}

/* 33.4. VERTICAL-CENTERING */
.vc-parent {
	width: 100%;
	height: 100%;
	display: table;
}

.vc-child {
	display: table-cell;
	vertical-align: middle;
}

/**
new css
**/
.blog-page-post-video>iframe {
	height: auto;
	width: 100%;
}

.blog-page-post-video.embed-responsive>iframe,
.blog-page-post-video.embed-responsive>.mejs-video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	/* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 14px;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/**** bypostauthor css *****/
.commentlist .bypostauthor {
	background: #e7f8fb;
}

.commentlist li ul.children li.bypostauthor {
	background: #e7f8fb;
}

/*** gallery-caption ***/
.gallery-caption {
	color: red;
}