/*******************************************************************************************************
********************************************************************************************************

    TABLE OF CONTENTS

    1.  MISCELLANEOUS
	2.  COLUMNS
	3.  LINKS
	4.  HEADINGS
	5.  PARAGRAPH
	6.  CODE & PRE
	7.  LOGO AND TOP LINKS
	8.  MAIN NAVIGATION
	9.  TOP AREA & THE SLIDER
	10. BREADCRUMB
	11. SIDEBAR LEFT & SIDEBAR RIGHT
	12. BUTTONS
	13. PRICING TABLE
	14. FEATURE ELEMENT - VERSION 1
	15. FEATURE ELEMENT - VERSION 2
	16. MESSAGE BOX
	17. TABS
	18. ACCORDION
	19. TESTIMONIALS
	20. VPS SLIDER
	21. LATEST TWITTER POSTS
	22. DEDICATED SERVERS
	23. BLOG POST
	24. PAGINATION
	25. COMMENTS
	26. 404 PAGE
	27. CONTACT FORM
	28. FOOTER
	29. WHMCS STYLING
	30. OUR TEAM
	31. STATS
	32. PARTNERS

********************************************************************************************************
/*******************************************************************************************************/



@charset "utf-8";
@import url("reset.css");

body {
	background: #f5f5f5;
	font-family: 'Open Sans', sans-serif;
	color: #aaa;
	font-size:14px;
	line-height:25px;
}



/*******************************************************************************************************/
/* 1. miscellaneous */
/*******************************************************************************************************/

.wrap {
	width:1100px;
	margin:0 auto;
}
.clear {
	clear:both;
}
.alignleft {
	float:left;
	text-align:left;
}
.alignright {
	float:right;
	text-align:right;
}
.content {
	padding: 100px 0;
}
.space {
	padding:50px 0;
}
.space2 {
	padding:25px 0;
}
.highlight {
	background: #333;
	color: #fff;
	padding:4px;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
input, textarea { outline: none; color: #aaa; font-family: 'Open Sans', sans-serif; font-size:14px; }
input[type="text"],
input[type="password"] {
	padding:15px;
	border: 2px solid #333;
	background: transparent;
}
input[type="submit"], input[type="reset"] {
	cursor: pointer;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
i { color: #333; }
.icons_wrapper i { padding-right:10px; }
::selection {
  	background: #333; /* WebKit/Blink Browsers */
  	color: #fff;
}
::-moz-selection {
  	background: #333; /* Gecko Browsers */
  	color: #fff;
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}



/*******************************************************************************************************/
/* 2. columns */
/*******************************************************************************************************/

.one_half {
	float:left;
	width:47%;
	margin:0 6% 0 0;
}
.one_third {
	width:30%;
	float:left;
	margin-right:5%;
}
.two_thirds {
	float:left;
	width:65%;
	margin:0 5% 0 0;
}
.one_fourth {
	width:23%;
	float:left;
	margin-right:2.6%;
}
.one_fifth {
	float:left;
	width:18%;
	margin:0 2.5% 0 0;
}
.last {
	margin-right: 0 !important;
}



/*******************************************************************************************************/
/* 3. links */
/*******************************************************************************************************/

a {
	color: #333;
	text-decoration:none;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
a:hover {
	color: #333;
	text-decoration:none;
}



/*******************************************************************************************************/
/* 4. headings */
/*******************************************************************************************************/

h1 {
	font-size:30px;
}
h2 {
	font-size:27px;
}
h3 {
	font-size:24px;
}
h4 {
	font-size:21px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:16px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	margin:0 0 10px 0;
}
a h1, a h2, a h3, a h4, a h5, a h6 {
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h5:hover, a h6:hover {
	color: #333;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.heading {
	text-transform: lowercase;
	font-size: 18px;
	color: #1a1a1a;
	width:auto;
	display: table;
	margin:0 auto;
	font-style: italic;
	text-align: center;
	padding-bottom:5px;
	border-bottom:3px solid #eee;
	margin-bottom: 50px;
}



/*******************************************************************************************************/
/* 5. paragraph */
/*******************************************************************************************************/

p {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:25px;
	margin:0 0 10px 0;
	text-shadow:none;
	color: #aaa;
}



/*******************************************************************************************************/
/* 6. code & pre */
/*******************************************************************************************************/

pre {
	background: #fff;
	border: 1px solid #ddd;
	padding:10px 20px;
	color: #555;
	margin:10px 0;
	float:left;
	width:920px;
	font-size:11px;
}



/*******************************************************************************************************/
/* 7. logo and top links */
/*******************************************************************************************************/

#top_links {
	background: #f5f5f5;
	width:100%;
	color: #aaa;
}
#top_links { width:100%; padding:15px 0; }
#top_links ul { float:right; }
#top_links ul li { color: #aaa; float:left; padding-left:30px; }
#top_links ul li a { color: #aaa; }
#top_links ul li a:hover { color: #333; }
#top_links ul li i { color: #aaa; padding-right:10px; }

#logo {
	float:left;
	padding:45px 0 30px 0;
}
#logo i {
	float: left;
	padding-right: 10px;
	line-height: 27px;
	font-size: 30px;
}
#logo a h1 {
	text-transform: none;
	float: left;
	margin:0;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	color: #1a1a1a;
}
#top {
	background: #fff;
}



/*******************************************************************************************************/
/* 8. main navigation */
/*******************************************************************************************************/

#toggle i {
	display:none;
	color: #333;
	text-align:center;
	font-size:30px;
	margin:0 auto;
}
#nav {
 	position: relative !important;
	float:right;
	z-index: 5000;
}
#nav > ul > li {
	float: left;
	margin-left:40px;
}
#nav > ul {
  	list-style: none;
	position: relative;
	display: block;
	background: #2b2f3a;
	width: 100%;
	z-index: 500;
}
#nav i { color: #fff; }
#nav li a { text-transform: uppercase; color: #fff; padding:45px 0 45px 0; border-top:3px solid transparent; }
#nav li a:hover { color: #333; }
#nav li a.selected { border-top:3px solid #333; }
#nav li a.selected, #nav li a.selected i { color: #333; }
#nav ul ul li a.selected { color: #333; border-top:none; }
#nav ul ul ul li a.selected { color: #333; border-top:none; }
#nav > ul > li {
	display: inline-block;
	position: relative;
}
#nav > ul > #menu-button { display: none; }
#nav ul li a {
	font-family: 'Lato', sans-serif;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #1a1a1a;
}
#nav ul ul {
	background: #fff;
	position: absolute;
	left: -9999px;
	top: 100px;
	-webkit-transition: opacity .3s ease, top .25s ease;
	-moz-transition: opacity .3s ease, top .25s ease;
	-ms-transition: opacity .3s ease, top .25s ease;
	-o-transition: opacity .3s ease, top .25s ease;
	transition: opacity .3s ease, top .25s ease;
	z-index: 1000;
}
#nav ul ul li {
	position: relative;
}
#nav > ul > li:hover > ul {
	left: -20px;
	border-top:3px solid #333;
	top: 90px;
	opacity: 1;
	z-index:9999;
}
#nav ul ul li a {
	width: 180px;
	padding: 10px 20px;
	color: #aaa;
	background: #fff;
	border-top: none;
	border-bottom:1px solid #f5f5f5;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}
#nav ul ul li:last-child a {
	border-bottom: none;
}
#nav ul ul li:hover > a {
	background: #333;
	color: #fff;
}
#nav > ul > li > ul::after {
	content: '';
	border: 6px solid transparent;
	width: 0;
	height: 0;
	border-bottom-color: #333;
	position: absolute;
	top: -12px;
	left: 22px;
}

#nav ul ul ul {
	background: transparent;
	top: 37px;
	border-left:5px solid transparent;
}
#nav ul ul ul li {
	background: #fff;
}
#nav ul ul li:hover > ul {
	left: 180px;
	top: 0;
	opacity: 1;
}
#nav ul ul ul li:first-child { border-top: 3px solid #333; }
#nav ul ul ul li a:hover {
	color: #fff;
}



/*******************************************************************************************************/
/* 9. top area & the slider */
/*******************************************************************************************************/

#slider_wrapper {
	background: #181818 url("../images/bg1.png") center center;
	width:100%;
	padding:150px 0 0 0;
	text-align: center;
	color: #fff;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
#breadcrumb_wrapper {
	background: #181818 url("../images/bg1.png") center center;
	width:100%;
	padding:50px 0;
	text-align: center;
	color: #fff;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
#slider_wrapper h1 {
	font-size: 60px;
	line-height: 55px;
	font-weight: bold;
	color: #fff;
	text-transform: none;	background-attachment: fixed;
}
#slider_wrapper h1 span {
	color: #333;
}
#slider_wrapper p {
	color: #8f8f8f;
	padding:20px 0;
}
#slider .slide {
	text-align: center;
	margin:0 auto;
	text-align: center;
}
.bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	padding:120px 0 20px 0;
}
.bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-pager.bx-default-pager a:hover,
.bx-pager.bx-default-pager a.active {
	background: #333;
}



/*******************************************************************************************************/
/* 10. breadcrumb */
/*******************************************************************************************************/

#breadcrumb_wrapper h3 {
	color: #fff;
	margin: 0;
}
#breadcrumb_wrapper h6, #slider_wrapper h6 {
	color: #8f8f8f;
	text-transform: lowercase;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 0;
	padding:20px 0 30px 0;
	font-size: 18px;
}
#breadcrumb_wrapper h6 { padding:20px 0 0 0; }



/*******************************************************************************************************/
/* 11. sidebar left & sidebar right */
/*******************************************************************************************************/

.sidebar_left {
	width:20%;
	float:left;
}
.sidebar_right {
	width:20%;
	float:right;
}
.content_left {
	width:80%;
	float:left;
	padding-right:50px;
}
.content_right {
	width:80%;
	float:right;
	padding-left:50px;
}
.sidebar_left ul li a,
.sidebar_right ul li a {
	color: #aaa;
}
.sidebar_left ul li a:hover,
.sidebar_right ul li a:hover {
	color: #333;
}

.sidebar_left input,
.sidebar_right input {
	width:100%;
	padding:15px;
	margin-bottom: 5px;
	border: none;
	background: #fff;
}
.sidebar_left img, .sidebar_right img, .content_left img, .content_left img, .content img {
	max-width:100%;
}



/*******************************************************************************************************/
/* 12. buttons */
/*******************************************************************************************************/

.button {
	display: inline-block;
	background: transparent;
	border: 2px solid #333;
	padding:20px 40px;
	margin:0 2px 2px 0;
	color: #333;
	text-transform: lowercase;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
}
.button:hover {
	background: #333;
	border: 2px solid #333;
	padding:20px 40px;
	color: #fff;
	text-transform: lowercase;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
}

.small {
	padding:3px 15px !important;
}
.red { border: 2px solid #333; }
.red:hover {
	border: 2px solid #333;
	background: #333;
}
.black { border: 2px solid #000; color: #000; }
.black:hover {
	border: 2px solid #000;
	background: #000;
	color: #fff;
}



/*******************************************************************************************************/
/* 13. pricing table */
/*******************************************************************************************************/

.pricing {
	background: #fff;
	text-align: center;
}
.pricing.best {

}
.pricing_top { padding:30px 0; }
.pricing_top h6 {
	margin: 0;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}
.pricing_top p {
	color: #1a1a1a;
	margin: 10px 0;
	font-size: 48px;
	font-weight: bold;
}
.pricing_top sup {
	font-weight: normal;
	font-size: 20px;
}
.pricing_middle ul {
}
.pricing_middle ul li {
	padding:15px;
	border-top:1px solid #f5f5f5;
}
.pricing_middle ul li i {
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.pricing_middle ul li:hover i {
	color: #333;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.pricing_middle ul li:nth-child(2n-1) {
	padding:15px;
	border-top:1px solid #f5f5f5;
}
.pricing_middle ul li i {
	color: #aaa;
	padding-right:10px;
}
.pricing_bottom a {
	border-top:1px solid #f5f5f5;
	display: block;
	padding:30px 0;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.best .pricing_bottom a {
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.pricing_bottom a:hover {
	padding:30px 0;
	color: #1a1a1a;
}



/*******************************************************************************************************/
/* 14. feature element - version 1 */
/*******************************************************************************************************/

.feature { text-align: center; }
.feature h6 {
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
}
.feature i {
	font-size: 30px;
	color: #333;
	display: inline-block;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.feature:hover i {
	color: #1a1a1a;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}



/*******************************************************************************************************/
/* 15. feature element - version 2 */
/*******************************************************************************************************/

.feature_2 h6 {
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
}
.feature_2 span {
	float:left;
	width:100px;
	height:100px;
	margin:20px 30px 10px 0;
	background: #333;
	border:1px solid #333;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.feature_2 i {
	font-size: 40px;
	width:100px;
	padding-top:30px;
	text-align: center;
	color: #fff;
	display: block;
}
.feature_2:hover span {
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
	background: #1a1a1a;
	border:1px solid #1a1a1a;
}
.feature_2:hover i { color: #fff; }

.feature_2_left span { float:right; margin:20px 0px 10px 30px; }
.feature_2_left h6, .feature_2_left p { text-align: right; }



/*******************************************************************************************************/
/* 16. message box */
/*******************************************************************************************************/

.message {
	padding:100px 0;
	background: #181818 url("../images/bg2.png") repeat center center;
	text-align: center;
	color: #fff;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
.message h3 {
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}
.message h5 {
	color: #8f8f8f;
	padding:20px 0;
	text-transform: none;
	font-style: italic;
	font-weight: normal;
}


/*******************************************************************************************************/
/* 17. tabs */
/*******************************************************************************************************/

#tabs_element > ul {
	width:30%;
	padding:0;
	float:left;
}
#tabs_element > ul li {
	position: relative;
	border-bottom:1px solid #f5f5f5;
	z-index: 10;
}
#tabs_element > ul li:last-child { border-bottom: none; }
#tabs_element > ul li span {
	width:50px;
	display: inline-block;
	text-align: center;
}
#tabs_element > ul li span i { margin-left:-10px; color: #aaa; }
#tabs_element > ul li a {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	padding:10px;
	display: block;
	background: #fff;
	color: #aaa;
	position: relative;
}
#tabs_element > ul li.selected-tab a {
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	transition: none;
	z-index: 10;
}
#tabs_element > ul li.selected-tab a:after {
	content: "";
	background: #1a1a1a;
	height:31px;
	width:32px;
	display: block;
	position: absolute;
	right:-16px;
	top:7px;
	z-index: -4;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
#tabs_element > ul li.selected-tab a {
	color: #fff;
	background: #1a1a1a;
}
#tabs_element > ul li.selected-tab a i {
	color: #333;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
#tabs_element .tabs_panel {
	padding-left:50px;
	width:70%;
	float:right;
}



/*******************************************************************************************************/
/* 18. accordion */
/*******************************************************************************************************/

.ui-accordion h6 {
	cursor: pointer;
	outline: none;
	background: #fff;
	color: #333;
	border: 1px solid #f5f5f5;
	margin:0 0 2px 0;
	padding:10px 20px !important;
	font-size: 14px;
}
.ui-accordion i {
	color: #333;
	margin: 3px 5px 4px 5px !important;
	padding: 0 15px 0 0;
	min-height: 0; /* support: IE7 */
	outline:none;
	display: inline-block;

	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.ui-accordion .ui-accordion-content {
	padding: 15px 20px;
	margin-bottom:1px;
}
.ui-accordion p {
	margin-bottom:2px !important;
}



/*******************************************************************************************************/
/* 19. testimonials */
/*******************************************************************************************************/

.testimonials {
	background: #fff;
}
.testimonials_img {
	float: left;
	width:20%;
	display: block;
	padding:30px 0 0 0;
	text-align: center;
}
.testimonials_text {
	float: right;
	width: 80%;
	display: block;
	padding:30px 30px 30px 0;
}
.testimonials img {
	height:100px;
	width:100px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.testimonials blockquote {
	width:100%;
	display: block;
}
.testimonials blockquote cite {
	width:100%;
	display: block;
}
.testimonials .icon-quote-left { padding-right:20px; }
.testimonials .icon-quote-right { padding-left:20px; }




/*******************************************************************************************************/
/* 20. vps slider */
/*******************************************************************************************************/

.vps_slider { margin:0 auto; }
.vps_slider_2 { width:550px; }
.vps_slider_3 { width:730px; }
.vps_slider_4 { width: 830px; }
.vps_slider_5 { width: 880px; }
.vps_slider_6 { width: 915px; }
.vps_slider_7 { width: 930px; }
.vps_slider_8 { width: 960px; }
.vps_2 .node { width: 50%; }
.vps_3 .node { width: 33.3%; }
.vps_4 .node { width: 25%; }
.vps_5 .node { width: 20%; }
.vps_6 .node { width: 16.6%; }
.vps_7 .node { width: 14.2%; }
.vps_8 .node { width: 12.5%; }
#nodes {
	margin: 0 auto;
	text-align: center;
	padding-bottom:20px;
}
.node {
	float: left;
	border-right: none;
	padding-bottom:20px;
	text-align: center;
}
.node i {
	font-size: 40px;
	color: #aaa;
}
.vps_highlight i { color: #333; }
.vps { display:none; }
.vps .one_half:first-child { padding-top:20px; text-align: right; }
.vps .one_half:last-child { text-align: left; padding-bottom:30px; }
.node-details {
	float: left;
	background: #fff;
	padding:10px;
	margin-bottom: 1px;
	display: inline-block;
	text-align: center;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.node-details h6 { margin-bottom: 0; }



/*******************************************************************************************************/
/* 21. latest twitter posts */
/*******************************************************************************************************/

#tweets .tweet:before {
	content: "\f099";
	font-family: 'FontAwesome', sans-serif;
	padding-right:10px;
}
#tweets .user, #tweets .interact {
	display: none;
}
#tweets li { margin-bottom:20px; }
#tweets li:last-child { margin-bottom:0px; }



/*******************************************************************************************************/
/* 22. dedicated servers */
/*******************************************************************************************************/

.ds_heading {
	background: #181818 url("../images/bg1.png") repeat;
	padding:10px 0;
	color: #fff;
}
.ds_processor { width:35%; float:left; padding-left:20px; }
.ds_ram { width:5%; float:left; text-align: center; }
.ds_cores { width:10%; float:left; text-align: center; }
.ds_diskspace { width:10%; float:left; text-align: center; }
.ds_bandwidth { width:10%; float:left; text-align: center; }
.ds_price { width:10%; float:left; text-align: center; }
.ds_order { width:20%; float:left; padding-right:20px; text-align: right; }

.ds .ds_processor:before {
	content: "\f0a0";
	padding-right:10px;
	font-family: 'FontAwesome', sans-serif;
	color: #333;
}
.ds {
	background: #fff;
	padding:15px 0 10px 0;
	border-bottom: 1px solid #eee;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.ds:hover {
	background: #f5f5f5;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.ds .button {
	padding:3px 15px 5px 15px;
	margin-top:-5px;
}



/*******************************************************************************************************/
/* 23. blog post */
/*******************************************************************************************************/

.blog_post h4 {
	margin-top:10px;
}
.blog_post_details {
	display: block;
	width: 100%;
	margin-bottom:10px;
}
.blog_post_details:after {
	content: " ";
	clear: both;
	display: block;
}
.blog_post_details li {
	float:left;
	margin-right:20px;
}
.blog_post_details li i {
	padding-right:10px;
}



/*******************************************************************************************************/
/* 24. pagination */
/*******************************************************************************************************/

#pagination:before {
	content: " ";
	clear: both;
	display: block;
}
#pagination li {
	display: inline-block;
	float:left;
	margin-right:10px;
}
#pagination li a {
	background: #fff;
	border: 1px solid #f5f5f5;
	padding:10px 15px;
}
#pagination li a.pagination_current {
	background: #333;
	border: 1px solid #333;
	color: #fff;
	padding:10px 15px;
}
#pagination li a:hover {
	background: #333;
	border: 1px solid #333;
	color: #fff;
	padding:10px 15px;
}



/*******************************************************************************************************/
/* 25. comments */
/*******************************************************************************************************/

.comment {
	width:100%;
	float:right;
	border: 1px solid #f5f5f5;
	background: #fff;
	padding:20px 25px;
	margin-bottom:30px;
}
.comment:last-child { margin-bottom: 0px; }
.comment ul li {
	float:left;
	margin-right:20px;
}
.comment_avatar {
	width:15%;
	float:left;
}
.comment_avatar img {
	width:100%;
	height:auto;
}
.comment_text {
	width:85%;
	float:left;
	padding-left:30px;
}

.comment-2 { width:90%; }
.comment-3 { width:80%; }
.comment-4 { width:70%; }
.comment-5 { width:60%; }

#comment_form input {
	display: block;
	width:51%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#comment_form textarea {
	display: block;
	width:100%;
	padding:15px;
	height:200px;
	margin:5px 0 10px 0;
	border: 1px solid #f5f5f5;
	background: #fff;
	float:left;
}
#comment_form a.button {

}



/*******************************************************************************************************/
/* 26. 404 page */
/*******************************************************************************************************/

#page_404 {
	text-align: center;
}
#page_404 input {
	background: #fff;
	border: none;
	padding:15px;
	width:250px;
}



/*******************************************************************************************************/
/* 27. contact form */
/*******************************************************************************************************/

#contact_form input[type="text"] {
	display: block;
	width:100%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#contact_form input[type="submit"],
#contact_form input[type="reset"] {
	cursor: pointer;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
#contact_form input[type="submit"]:hover,
#contact_form input[type="reset"]:hover {
	background: #333;
	color: #fff;
}
#contact_form textarea {
	display: block;
	width:100%;
	padding:15px;
	height:200px;
	margin:0 0 10px 0;
	border: 1px solid #f5f5f5;
	background: #fff;
	float:left;
}
#contact_form .success {
	padding:10px 0;
	color: #333;
}
#contact_form .error {
	padding:10px 0;
	color: #333;
}
#contact_info i { padding-right:10px; }
#google_map {
	pointer-events:none;
	width:100%;
	height:350px;
	text-align: center;
	display: block;
}



/*******************************************************************************************************/
/* 28. footer */
/*******************************************************************************************************/

footer {
	background: #1a1a1a;
	width:100%;
	color: #666;
	margin:0;
	padding:50px 0 0 0;
}
footer p { color: #666; }
footer h6 {
	color: #fff;
	text-transform: uppercase;
}
footer ul.footer_menu li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 2px solid #666;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
footer ul.footer_menu li a { padding-left:20px; }
footer ul.footer_menu li a:hover { color: #fff; }
footer ul.footer_menu li a:hover:before { border: 2px solid #333; }
footer ul li a {
	color: #666;
	position: relative;
}
footer ul li a:hover {
	color: #333;
}
footer input[type="text"] {
	background: transparent;
	border:2px solid #282828;
	color: #fff;
	width:100%;
	margin-bottom:20px;
}
footer input[type="text"]:focus {
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
	border:2px solid #333;
}

#footer_contact li { padding-bottom:10px; }

#footer_address { margin-left:20px; }
#footer_address:before {
	content: "\f08d";
	font-family: "FontAwesome";
	margin-left:-20px;
	padding-right: 10px;
}
#footer_phone:before {
	content: "\f095";
	font-family: "FontAwesome";
	padding-right:10px;
}
#footer_email:before {
	content: "\f0e0";
	font-family: "FontAwesome";
	padding-right:10px;
}


#footer_bottom {
	background: #050505;
	padding:20px 0;
	margin-top:50px;
	width: 100%;
}
#footer_bottom p { margin-bottom:0; float:left; }
#footer_bottom a { color: #666; }
#footer_bottom a:hover { color: #fff; }
#footer_bottom ul { float:right; }
#footer_bottom ul li {
	float:left;
	margin-left:5px;
}
#footer_bottom ul li a {
	background: transparent;
	color: #333;
	width:30px;
	display: inline-block;
	text-align: center;
}
#footer_bottom ul li a:hover {
	background: #333;
	color: #1a1a1a;
	width:30px;
	display: inline-block;
	text-align: center;
}
#footer_bottom ul li a:hover i {
	color: #000;
}



/*******************************************************************************************************/
/* 29. WHMCS styling */
/*******************************************************************************************************/

.adminreturndiv { display: none; }
.navbar { margin-left:90px; }
.footerdivider { margin:0 auto; }
.whmcscontainer input[type="text"],
.whmcscontainer input[type="password"] {
	border: 1px solid #eee;
}



/*******************************************************************************************************/
/* 30. our team */
/*******************************************************************************************************/

#team li h6 {
	text-align: center;
}



/*******************************************************************************************************/
/* 31. stats */
/*******************************************************************************************************/

.stats_wrapper {
	padding:100px 0;
	background: #181818 url("../images/bg2.png") repeat center center;
	text-align: center;
	color: #fff;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
.stats_wrapper h3 {
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}
.stats_wrapper h5 {
	color: #8f8f8f;
	padding:20px 0;
	text-transform: none;
	font-style: italic;
	font-weight: normal;
}
.stats i {
	font-size: 50px;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.stats:hover i {
	color: #fff;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.stats h3 { padding:15px 0; }
.stats h6 { color: #aaa; }



/*******************************************************************************************************/
/* 32. partners */
/*******************************************************************************************************/

#partners img {
	opacity:0.5;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
#partners img:hover {
	opacity:1;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}