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

body {
	background: #f5f5f5;
	font-family: 'Open Sans', sans-serif;
	color: #8f8d8d;
	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: #176ECB;
	color: #fff;
	padding:4px;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
input, select, textarea { outline: none; color: #8f8d8d; font-family: 'Open Sans', sans-serif; font-size:14px; }
input[type="text"],
input[type="email"],
input[type="password"] {
	padding:15px;
	border: 2px solid #176ECB;
	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: #176ECB; }
.icons_wrapper i { padding-right:10px; }
::selection {
  	background: #176ECB; /* WebKit/Blink Browsers */
  	color: #fff;
}
::-moz-selection {
  	background: #176ECB; /* 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: #176ECB;
	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: #176ECB;
	-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: 40px;
	color: #4D4D4D;
	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: #8f8d8d;
}



/*******************************************************************************************************/
/* 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: #176ECB; }
#top_links ul li i { color: #aaa; padding-right:10px; }

#logo a {
	background:url(../images/logo_hospedavip.png) no-repeat;
	display: block;
	width: 280px;
	height: 50px;
	text-indent: -9999px;
	float: left;
	margin-top:35px;
}
/*
#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: #4D4D4D;
	text-indent: -9999px;
}
*/
#top {
	background: #fff;
}

.scrollup_menu {
	-webkit-box-shadow: 0px 2px 18px 0px rgba(50, 50, 50, 0.41);
	-moz-box-shadow:    0px 2px 18px 0px rgba(50, 50, 50, 0.41);
	box-shadow:         0px 2px 18px 0px rgba(50, 50, 50, 0.41);
    width:100%;
    height:119px;
    position:fixed;
    top:0px;
    display:none;
	z-index:9999;
}

.scrollup_button a {
    width: 40px;
	height: 40px;
	position: fixed;
	bottom: 150px;
	right: 10px;
	background: #176ecb url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
	display: none;

}
.scrollup_button a:hover {
	background: #4d4d4d  url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
    transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition: 400ms;
}



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

#toggle i {
	display:none;
	color: #176ECB;
	text-align:center;
	font-size:30px;
	margin:0 auto;
}
#navhospeda {
 	position: relative !important;
	float:right;
	z-index: 5000;
}
#navhospeda > ul > li {
	float: left;
	margin-left:40px;
}
#navhospeda > ul {
  	list-style: none;
	position: relative;
	display: block;
	background: #2b2f3a;
	width: 100%;
	z-index: 500;
}
#navhospeda i { color: #fff; }
#navhospeda li a { text-transform: uppercase; color: #fff; padding:45px 0 45px 0; border-top:3px solid transparent; }
#navhospeda li a:hover { color: #176ECB; }
#navhospeda li a.selected { border-top:3px solid #176ECB; }
#navhospeda li a.selected, #navhospeda li a.selected i { color: #176ECB; }
#navhospeda ul ul li a.selected { color: #176ECB; border-top:none; }
#navhospeda ul ul ul li a.selected { color: #176ECB; border-top:none; }
#navhospeda > ul > li {
	display: inline-block;
	position: relative;
}
#navhospeda > ul > #menu-button { display: none; }
#navhospeda ul li a {
	font-family: 'Lato', sans-serif;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #4D4D4D;
}
#navhospeda 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;
}
#navhospeda ul ul li {
	position: relative;
}
#navhospeda > ul > li:hover > ul {
	left: -20px;
	border-top:3px solid #176ECB;
	top: 90px;
	opacity: 1;
	z-index:9999;
}
#navhospeda 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;
}
#navhospeda ul ul li:last-child a {
	border-bottom: none;
}
#navhospeda ul ul li:hover > a {
	background: #176ECB;
	color: #fff;
}
#navhospeda > ul > li > ul::after {
	content: '';
	border: 6px solid transparent;
	width: 0;
	height: 0;
	border-bottom-color: #176ECB;
	position: absolute;
	top: -12px;
	left: 22px;
}

#navhospeda ul ul ul {
	background: transparent;
	top: 37px;
	border-left:5px solid transparent;
}
#navhospeda ul ul ul li {
	background: #fff;
}
#navhospeda ul ul li:hover > ul {
	left: 180px;
	top: 0;
	opacity: 1;
}
#navhospeda ul ul ul li:first-child { border-top: 3px solid #176ECB; }
#navhospeda 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: #176ECB;
}
#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: #176ECB;
}



/*******************************************************************************************************/
/* 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: #176ECB;
}

.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 #176ECB;
	padding:20px 40px;
	margin:0 2px 2px 0;
	color: #176ECB;
	text-transform: lowercase;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
}
.button:hover {
	background: #176ECB;
	border: 2px solid #176ECB;
	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 #176ECB; }
.red:hover {
	border: 2px solid #176ECB;
	background: #176ECB;
}
.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: #176ECB;
	font-weight: bold;
	text-transform: uppercase;
}
.pricing_top p {
	color: #4D4D4D;
	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: #176ECB;
	-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: #176ECB;
	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: #4D4D4D;
}



/*******************************************************************************************************/
/* 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: #176ECB;
	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: #4D4D4D;
	-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: #176ECB;
	border:1px solid #176ECB;
	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: #4D4D4D;
	border:1px solid #4D4D4D;
}
.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: #176ecb;
	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: #176ecb;
}
#tabs_element > ul li.selected-tab a 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;
}
#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: #176ECB;
	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: #176ECB; }
.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:20%; float:left; padding-left:20px; }
.ds_ram { width:20%; float:left; text-align: center; }
.ds_cores { width:20%; float:left; text-align: center; }
.ds_diskspace { width:20%; 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: #176ECB;
}

.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: #176ECB;
	border: 1px solid #176ECB;
	color: #fff;
	padding:10px 15px;
}
#pagination li a:hover {
	background: #176ECB;
	border: 1px solid #176ECB;
	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="email"] {
	display: block;
	width:100%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#contact_form input[type="password"] {
	display: block;
	width:100%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#contact_form input[type="file"] {
	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: #176ECB;
	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: #176ECB;
}
#contact_form .error {
	padding:10px 0;
	color: #176ECB;
}
#contact_info i { padding-right:10px; }
#google_map {
	pointer-events:none;
	width:100%;
	height:350px;
	text-align: center;
	display: block;
}

/*******************************************************************************************************/
/* 27. domain form */
/*******************************************************************************************************/
#domain_form input[type="text"] {
	display: block;
	width:100%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#domain_form input[type="email"] {
	display: block;
	width:100%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#domain_form input[type="submit"],
#domain_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;
	margin-top:20px;
}
#domain_form input[type="submit"]:hover,
#domain_form input[type="reset"]:hover {
	background: #176ECB;
	color: #fff;
}
#domain_form textarea {
	display: block;
	width:100%;
	padding:15px;
	height:200px;
	margin:0 0 10px 0;
	border: 1px solid #f5f5f5;
	background: #fff;
	float:left;
}
#domain_form select {
	display: block;
	width:100%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#domain_form label {
	display: block;
	width:100%;
	padding:15px;
	float:left;
}
#domain_form .success {
	padding:10px 0;
	color: #176ECB;
}
#domain_form .error {
	padding:10px 0;
	color: #176ECB;
}
#domain_form i { padding-right:10px; }



/*******************************************************************************************************/
/* 27. host form */
/*******************************************************************************************************/
#host_form input[type="text"] {
	display: block;
	width:100%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#host_form input[type="email"] {
	display: block;
	width:100%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#host_form input[type="submit"],
#host_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;
	margin-top:20px;
}
#host_form input[type="submit"]:hover,
#host_form input[type="reset"]:hover {
	background: #176ECB;
	color: #fff;
}
#host_form textarea {
	display: block;
	width:100%;
	padding:15px;
	height:200px;
	margin:0 0 10px 0;
	border: 1px solid #f5f5f5;
	background: #fff;
	float:left;
}
#host_form select {
	display: block;
	width:100%;
	padding:15px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom:5px;
	float:left;
}
#host_form label {
	display: block;
	width:100%;
	padding:15px;
	float:left;
}
#host_form .success {
	padding:10px 0;
	color: #176ECB;
}
#host_form .error {
	padding:10px 0;
	color: #176ECB;
}
#host_form i { padding-right:10px; }
.error-host {
	width: 100%;
	padding:10px;
    background: #f2dede;
	border:1px #ebccd1 solid;
    color: #b84442;
}
.sucess-host {
	width: 100%;
	padding:10px;
    background: #dff0d8;
	border:1px #d6e9c6 solid;
    color: #3c7646;
}


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

footer {
	width:100%;
	color: #666;
	margin: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 #176ECB; }
footer ul li a {
	color: #666;
	position: relative;
}
footer ul li a:hover {
	color: #176ECB;
}
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 #176ECB;
}

#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_mais {
	background: #3b3b3b;
	padding:20px 0;
	width: 100%;
}
#footer_bottom {
	background: #282828;
	padding:20px 0;
	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: #176ECB;
	width:30px;
	display: inline-block;
	text-align: center;
}
#footer_bottom ul li a:hover {
	background: #176ECB;
	color: #4D4D4D;
	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;
}

.two_thirds p {
		background:url(../images/formas_pgm.png) no-repeat;
		width:434px;
		height:40px;
}