@charset "utf-8";

/* ----------------------------------

Name: style.css
Version: 1.0

-------------------------------------
Table of contents

	01. Google font
	02. Reset
	03. Typography
	04. Hover
	05. Height
	06. Width
	07. Float
	08. Bottom
	09. Margin
	10. Color
	11. Padding
	12. Border
	13. Font Size
	14. Line Height
	15. Banner
	16. Letter Spacing
	17. Button
	18. Position
	19. Top Social Link
	20. Navigation Bar
	21. Counter Section
	22. Transition
	23. OverFlow
	24. Shape Box
	25. Z Index
	26. Display Block
	27. Volunteer
	28. Footer Section

*/

/* ===================================
	Google font
====================================== */

/* @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); */
/* ===================================
	Reset
====================================== */
div.font_size_16 p a {
	color: #F37833;
}

.carousel-inner {
	overflow: visible
}
.navbar {margin-bottom: 0}
ul{margin: 0; padding: 0; list-style-type:none;}
a:hover{text-decoration: none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0}
button{border-width: 0;}
p{margin-bottom: 0;}
h2 span {color: #00b2f2}
th{text-align: center;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 13px; text-align: center}
 tr td:first-child {color: #fff; font-size: 16px; font-weight: 700}
th {color: #fff}
th{font-size: 20px; font-weight: 700}
td{font-size: 16px; font-weight: 600;}
tbody tr td .fa.fa-check{color: #41b656}
tbody tr td .fa.fa-close{color: #ff0000}
.comparison_price span.hostingpaln_numeric {
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
}
.comparison_price span.hostingpaln_dollar {
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top: none }
.table>thead>tr>th{border-bottom: none}
.hostingplan_btn a{padding: 14px 30px; font-size: 16px; line-height: 16px; font-weight: 500;}

/* ===================================
	Typography
====================================== */

/*font family*/

.lato_font {
	font-family: 'Lato', sans-serif;
}

/*!* ===================================*/
/*Hover*/
/*====================================== *!*/
.menu_navigation .navbar-nav > li > a:hover {
	color: #1694d2
}

.banner_btn_01:hover {
	background-color: #ff8f5d;
	color: #fff;
	transition-duration: 0.5s;
	border-color: #1694d2
}

.banner_btn_02:hover {
	background-color: #F37833;
	color: #fff;
	transition-duration: 0.5s;
	border-color: #F37833
}

.btn_polygon {
	border: 1px solid #9d989d;
	margin-bottom: 40px;
	padding: 15px 30px;
	background-color: #00b2f2;
	color: #fff
}

.btn_price_box {
	display: inline-block;
	border: none;
	margin-bottom: 30px;
	background-color: #1694d2;
	color: #fff
}

.btn_promotion {
	display: inline-block;
	border: none;
	margin-bottom: 20px;
	background-color: #1694d2;
	color: #fff
}

.btn_promotion:hover {
	background: #ff8f5d;
	color: #fff;
	transition-duration: 0.5s
}

.btn_domain_box {
	display: inline-block;
	border: none;
	padding: 15px 30px;
	background-color: #1694d2;
	color: #fff
}
.btn_polygon:hover{background-color: #00b2f2; color: #ffffff; border-color:#00b2f2; transition-duration: 0.5s }
.btn_domain {border: 1px solid #9d989d; margin-bottom: 40px; padding: 13px 30px; background-color: #00b2f2; color: #fff;}
.btn_domain:hover{background-color: #d7263d; color: #ffffff; border-color:#d7263d; transition-duration: 0.5s}

.heading_border{background: url("../images/heading_border_02.png") no-repeat; width: 100%; height: 2px; background-position: center; left: 0; right: 0; margin-bottom: 25px}
.heading_underline{background: url("../images/border_bottom.png") no-repeat; margin-bottom: 10px;width: 100%; height: 2px; left: 0; right: 0}
.services_box:hover .heading_underline {background: url("../images/border_bottom_hover.png") no-repeat}
.ssd_drive {background: url("../images/ssd_drive.png") no-repeat; width: 64px; transition: 0.5s;height: 64px; background-position: center; left: 0; right: 0; margin: 0 auto}
.ssl_free_certificate {background: url("../images/ssl_free_certificate.png") no-repeat; transition: 0.5s ;width: 48px; height: 64px; background-position: center; left: 0; right: 0; margin: 0 auto}
.support_feature {background: url("../images/24-7_support.png") no-repeat;transition: 0.5s ;width: 64px; height: 64px; background-position: center; left: 0; right: 0; margin: 0 auto}
.latest_speed_technology {background: url("../images/latest_speed_technology.png") no-repeat;transition: 0.5s ;width: 64px; height: 64px; background-position: center; left: 0; right: 0; margin:  0 auto;}
.most_stable_platform {background: url("../images/the_most_stable_platform.png") no-repeat;transition: 0.5s ;background-position: center; width: 64px; height: 64px; left: 0; right: 0; margin: 0 auto;}
.one_click_install {background: url("../images/one_click_install.png") no-repeat;transition: 0.5s ;width: 60px; height: 64px; background-position: center; left: 0; right: 0; margin: 0 auto}
.shared_hosting_feature:hover .one_click_install {transform: translateY(-10px)}

.shared_hosting_feature:hover .most_stable_platform {transform: translateY(-10px)}
.shared_hosting_feature:hover .latest_speed_technology {transform: translateY(-10px)}
.shared_hosting_feature:hover .support_feature {transform: translateY(-10px)}
.shared_hosting_feature:hover .ssl_free_certificate {transform: translateY(-10px)}

.footer_links li a:hover {color: #ff8f5d}
.footer_social_links li a i:hover {color: #fff}
.shared_hosting_feature:hover .ssd_drive {transform: translateY(-10px)}
.search_btn:hover{background-color: #ff8f5d !important;}

.feature_box {
	transition: all ease-in-out .5s
}

.price_box:hover {
	box-shadow: 0 0 0 4px #ff8f5d inset;
	transition-duration: 0.5s;
}

.services_box:hover {
	box-shadow: 0 0 0 4px #ff8f5d inset;
}
.price_box:hover .heading_border{background-image: url("../images/heading_border.png")}
.feature_box:hover h4{color: #ff8f5d}
.feature_box:hover .bg_guarantee_img {transform: translateY(-10px)}
.feature_box:hover .bg_support_img {transform: translateY(-10px)}
.feature_box:hover .bg_cloud_technology_img {transform: translateY(-10px)}

.feature_box:hover .bg_server_img {
	transform: translateY(-10px)
}

.price_box:hover .btn_price_box {
	background-color: #F37833;
	border-color: #F37833;
	transition-duration: 0.5s;
	color: #fff;
	font-weight: bolder;
}

.price_box:hover .btn_domain_box {
	background-color: #ff8f5d;
	border-color: #ff8f5d;
	transition-duration: 0.5s;
	color: #fff
}
.dedicated_server_box:hover .heading_border{background-image: url("../images/heading_border.png")}
.dedicated_server_box:hover .btn_price_box{background-color: #ff8f5d; border-color: #ff8f5d; transition-duration: 0.5s; color: #fff}
.shape_box{width: 0; height: 0; border-top: 50px solid #038ce4; border-left: 50px solid transparent; position: absolute; top: 0; right: 0}
.shape_box figure{position: absolute; top: -47px; right: 5px}
.shape_square {position: absolute; top: 0; bottom: 0; transition: 0.5s; width: 100%; background-color: rgba(27,24,23,0.30);}

.shape_square{display: none}
.network_gallery:hover .shape_square{display: block}

.hostingplan_btn a:hover{background-color: #d7263d; color: #fff}
.hostingplan_btn_01 a:hover{background-color: #038ce4; color: #fff}
.testimonial_box:hover{box-shadow:0 0 0 2px #ff8f5d inset;}
.quality_box:hover{box-shadow:0 0 0 2px #ff8f5d inset;}
.testimonial_box:hover .shape_box {
	width: 0;
	height: 0;
	border-top: 50px solid #d7263d;
	border-left: 50px solid transparent;
	position: absolute;
	top: 0;
	right: 0;
}

/* ===================================
	Height
====================================== */

/*height*/
.height_525{height: 525px;}

/* ===================================
	Width
====================================== */

.width_100  {width: 100%}
.width_93   {width: 93%}

/* ===================================
	Float
====================================== */

/*Float Left*/
.float_left {float: left;}

/*Float Right*/
.float_right    {float: right;}


.left_0{left: 0}
.right_0{right: 0}

/* ===================================
	Bottom
====================================== */

.bottom_0   {bottom: 0;}

/* ===================================
	Margin
====================================== */

/*margin*/
.margin_0_auto  {margin: 0 auto}
.margin_0 	    {margin:0}
.margin_5  	    {margin: 5px;}
.margin_10      {margin: 10px;}
.margin_lr_35   {margin: 0 35px;}

/*Margin Bottom*/
.margin_bottom_5    {margin-bottom: 5px;}
.margin_bottom_10   {margin-bottom: 10px;}
.margin_bottom_15   {margin-bottom: 15px;}
.margin_bottom_20   {margin-bottom: 20px;}
.margin_bottom_25   {margin-bottom: 25px;}
.margin_bottom_26   {margin-bottom: 26px;}
.margin_bottom_30   {margin-bottom: 30px;}
.margin_bottom_35   {margin-bottom: 35px;}
.margin_bottom_40   {margin-bottom: 40px;}
.margin_bottom_50   {margin-bottom: 50px;}
.margin_bottom_53   {margin-bottom: 53px;}
.margin_bottom_60   {margin-bottom: 60px}
.margin_bottom_70   {margin-bottom: 70px;}
.margin_bottom_75   {margin-bottom: 75px;}
.margin_bottom_90   {margin-bottom: 90px;}
.margin_bottom_95   {margin-bottom: 95px}
.margin_bottom_100  {margin-bottom: 100px;}

/*Margin Right*/
.margin_right_8   {margin-right: 8px;}
.margin_right_10   {margin-right: 10px;}
.margin_right_20   {margin-right: 20px;}
.margin_right_15  {margin-right: 15px;}

/*Margin Left*/
.margin_left_8    {margin-left: 8px;}
.margin_left_10   {margin-left: 10px;}
.margin_left_15   {margin-left: 15px;}
.margin_left_20   {margin-left: 20px;}
.margin_left_30   {margin-left: 30px;}
.margin_left_50   {margin-left: 50px;}
.margin_left_100  {margin-left: 100px;}
.margin_left_230  {margin-left: 230px;}

/*Margin Top*/
.margin_top_0   {margin-top: -24px;}
.margin_top_10  {margin-top: 10px;}
.margin_top_20  {margin-top: 20px;}
.margin_top_26  {margin-top: 26px;}
.margin_top_30  {margin-top: 30px;}
.margin_top_40  {margin-top: 40px;}
.margin_top_35  {margin-top: 35px;}
.margin_top_50  {margin-top: 50px;}
.margin_top_60  {margin-top: 60px;}
.margin_top_95  {margin-top: 95px;}
.margin_top_120 {margin-top: 120px;}
.margin_top_240 {margin-top: 240px;}

/* ===================================
	 Color
====================================== */

/*Primary Color*/
.primary_color_1694d2   {color: #1694d2}

/*Secondary Color*/
.secondary_color_ff8f5d {color: #ff8f5d}

/*Bg Color*/

.bg_color_000 {background-color: #000}
.bg_color_f5f5f5 {background-color: #f5f5f5}
.bg_color_fff    {background-color: #fff}
.bg_color_1694d2 {background-color: #1694d2}
.bg_color_243049 {background-color: #243049}
.bg_color_f4f9fb {background-color: #f4f9fb}
.bg_color_1d1c1c {background-color: #1d1c1c}



/*Colors*/
.color_fff  {color: #fff}
.color_777  {color: #777}
.color_f5f5f5   {color: #777777}
.color_222328{color: #222328}



.blue_text{color: #00b2f2}
.blue_bg {background-color: #00b2f2}
.yellowbg  {background-color: #fcb100}

/* ===================================
	padding
====================================== */

/*padding*/
.padding_tb_11   {padding: 11px 0}
.padding25      {padding: 25px}
.padding_35     {padding: 35px;}
.padding_lr_12  {padding: 12px 38px;}
.padding_lr_17  {padding: 17px 50px}
.padding_lr_15  {padding: 0 15px;}
.padding_10     {padding: 10px;}
.padding_lr_30  {padding: 0 30px;}
.padding_lr_35  {padding: 0 35px;}
.padding_25     {padding: 25px 80px;}
.padding_11     {padding: 11px 40px;}
.padding_12     {padding: 12px 40px;}
.padding_8      {padding: 8px 30px;}
.padding_19     {padding: 19px 76px;}
.padding_18     {padding: 18px 58px;}
.padding_2867   {padding: 18px 67px;}

/*padding top*/
.padding_top_5  {padding-top: 5px;}
.padding_top_8  {padding-top: 8px;}
.padding_top_10 {padding-top: 10px;}
.padding_top_13 {padding-top: 13px;}
.padding_top_15	{padding-top: 15px;}
.padding_top_20 {padding-top: 20px;}
.padding_top_21 {padding-top: 21px;}
.padding_top_25 {padding-top: 25px;}
.padding_top_30 {padding-top: 30px;}
.padding_top_35 {padding-top: 35px;}
.padding_top_40 {padding-top: 40px;}
.padding_top_45	{padding-top: 45px;}
.padding_top_50 {padding-top: 50px;}
.padding_top_60 {padding-top: 60px;}
.padding_top_70 {padding-top: 70px;}
.padding_top_80 {padding-top: 80px;}
.padding_top_90 {padding-top: 90px;}
.padding_top_95 {padding-top: 95px;}
.padding_top_100{padding-top: 100px;}
.padding_top_130{padding-top: 130px}

/*padding bottom*/
.padding_bottom_5   {padding-bottom: 5px}
.padding_bottom_8   {padding-bottom: 8px}
.padding_bottom_10	{padding-bottom: 10px}
.padding_bottom_13  {padding-bottom: 13px}
.padding_bottom_15	{padding-bottom: 15px}
.padding_bottom_17  {padding-bottom: 17px}
.padding_bottom_20  {padding-bottom: 20px}
.padding_bottom_21  {padding-bottom: 21px}
.padding_bottom_25  {padding-bottom: 25px}
.padding_bottom_30  {padding-bottom: 30px}
.padding_bottom_35  {padding-bottom: 35px}
.padding_bottom_40  {padding-bottom: 40px}
.padding_bottom_50  {padding-bottom: 50px}
.padding_bottom_45	{padding-bottom: 45px}
.padding_bottom_55  {padding-bottom: 55px}
.padding_bottom_65  {padding-bottom: 65px}
.padding_bottom_70  {padding-bottom: 70px}
.padding_bottom_75  {padding-bottom: 75px}
.padding_bottom_80  {padding-bottom: 80px}
.padding_bottom_85  {padding-bottom: 85px}
.padding_bottom_100 {padding-bottom: 100px}
.padding_bottom_130 {padding-bottom: 130px}

/*padding left*/
.padding_left_0     {padding-left: 0}
.padding_left_10    {padding-left: 10px;}
.padding_left_15    {padding-left: 15px;}
.padding_left_20    {padding-left: 20px;}
.padding_left_25    {padding-left: 25px;}
.padding_left_30	{padding-left: 30px;}
.padding_left_40    {padding-left: 40px;}
.padding_left_55    {padding-left: 55px;}
.padding_left_58    {padding-left: 58px;}
.padding_left_60    {padding-left: 60px;}
.padding_left_70    {padding-left: 70px;}
.padding_left_75    {padding-left: 75px;}
.padding_left_80    {padding-left: 80px;}
.padding_left_85    {padding-left: 85px;}
.padding_left_95    {padding-left: 95px;}
.padding_left_100   {padding-left: 100px;}
.padding_left_117   {padding-left: 117px;}
.padding_left_145   {padding-left: 145px;}

/*padding right*/
.padding_right_0   {padding-right: 0}
.padding_right_10   {padding-right: 10px;}
.padding_right_15   {padding-right: 15px;}
.padding_right_20   {padding-right: 20px;}
.padding_right_30	{padding-right: 30px;}
.padding_right_40   {padding-right: 40px;}
.padding_right_50   {padding-right: 50px;}
.padding_right_55   {padding-right: 55px;}
.padding_right_58   {padding-right: 58px;}
.padding_right_60   {padding-right: 60px}
.padding_right_75   {padding-right: 75px;}
.padding_right_80   {padding-right: 80px;}

/* ===================================
	 Border
====================================== */
/*Border Right*/
.border_right   {border-right: 1px solid #d9dfde;}
.border_left    {border-left: 1px solid #f5f5f5;}
.border_top     {border-top: 1px solid #dbdbdb;}
.border_right_dashed   {border-right: 1px dashed #262529}
/*Border Bottom*/
.border_bottom   {border-bottom: 1px solid #585758;}
.bottom_border   {border-bottom: 1px solid #dddddd}
.border_bottom_67d3ce{border-bottom: 1px solid #67d3ce}
.border {border: 1px solid #d9dfde}
.border_dashed {border: 1px dashed #d9dfde}
.border_radius_25   {border-radius: 25px}
.border_lr  {border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9}

/* ===================================
	 Font Size
====================================== */

/*Font Size*/
.font_size_12   {font-size: 12px;}
.font_size_14   {font-size: 14px;}
.font_size_16   {font-size: 16px;}
.font_size_18   {font-size: 18px;}
.font_size_20   {font-size: 20px;}
.font_size_22   {font-size: 22px;}
.font_size_24   {font-size: 24px;}
.font_size_26   {font-size: 26px;}
.font_size_30   {font-size: 30px;}
.font_size_34   {font-size: 34px;}
.font_size_36   {font-size: 36px;}
.font_size_40   {font-size: 40px}
.font_size_44   {font-size: 44px}
.font_size_48   {font-size: 48px}
.font_size_60   {font-size: 60px;}
.font_size_50   {font-size: 50px;}
.font_size_70   {font-size: 70px}
.font_size_80   {font-size: 80px;}
.font_size_90   {font-size: 90px;}

/*Font weight*/
.font_weight_100{font-weight: 100}
.font_weight_300{font-weight: 300}
.font_weight_400{font-weight: 400}
.font_weight_500{font-weight: 500}
.font_weight_600{font-weight: 600}
.font_weight_700{font-weight: 700}
.font_weight_900{font-weight: 900}

/* ===================================
	 Line Height
====================================== */

/*Line Height*/
.line_height_15    {line-height: 15px;}
.line_height_22    {line-height: 22px;}
.line_height_24    {line-height: 24px;}
.line_height_25    {line-height: 25px;}
.line_height_30    {line-height: 30px;}
.line_height_40    {line-height: 40px;}
.line_height_52    {line-height: 52px}
.line_height_65    {line-height: 65px;}
.line_height_80    {line-height: 80px;}

/* ===================================
	 Top, Bottom, Left, Right
====================================== */
/*Top*/
.top_0  {top: 0}
.top_200{top: 200px}

/*Bottom*/
.bottom_0{bottom: 0}

/*Left*/
.left_0{left: 0}

/*Right*/
.right_0{right: 0}

/* ===================================
	 Top Bar
====================================== */

.navbar-default {background:transparent; border: none}
.menu_navigation .navbar-nav>li>a {color: #fff}

/* ===================================
	 Banner
====================================== */

/*info banner image*/
.home_page_banner   {background: url("../images/home_page_banner.jpg") no-repeat; background-size:cover; background-position: center; width:100%;}
.home_page_banner02   {background: url("../images/home_page_banner02.jpg") no-repeat; background-size:cover; background-position: center; width:100%;}
.home_page_banner03   {background: url("../images/home_page_banner03.jpg") no-repeat; background-size:cover; background-position: center; width:100%;}
.shared_hosting_banner{background: url("../images/shared_hosting_banner.jpg")no-repeat; position: relative; background-position: right; width: 100%}
.shared_hosting_banner:before{position: absolute; content: ""; width: 50%; height: 100%; background-color: #1694d2; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.bg_business_started{background: url("../images/business_started_banner.jpg") no-repeat; background-position: center; background-size: cover; width: 100%}
.bg_customer_support{background: url("../images/customer_support.jpg") no-repeat; background-position: center; background-size: cover; width: 100%}
.bg_supercharge_database {background: url("../images/supercharge_database.jpg") no-repeat; background-position: center; background-size: cover; width: 100%}
.reseller_hosting_banner{background: url("../images/reseller_hosting.jpg") no-repeat; position: relative; background-position: right; width: 100%}
.reseller_hosting_banner:before{position: absolute; content: ""; width: 50%; height: 100%; background-color: #1694d2; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.bg_business{background: url("../images/run_your_business.jpg") no-repeat; background-position: center; background-size: cover; width: 100%}
.dedicated_hosting_banner{background: url("../images/dedicated_hosting.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.dedicated_hosting_banner:before{position: absolute; content: ""; width: 50%; background-color: #1694d2; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.vps_hosting_banner{background: url("../images/vps_hosting.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.vps_hosting_banner:before{position: absolute; content: ""; width: 50%; background-color: #1694d2; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.domain_hosting_banner{background: url("../images/domain.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.domain_hosting_banner:before{position: absolute; content: ""; width: 50%; background-color: #1694d2; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.network_banner{background: url("../images/bg_network.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.network_banner:before{position: absolute; content: ""; width: 50%; background-color: #1694d2; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.contact_page_banner{background: url("../images/contact_banner.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.contact_page_banner:before{position: absolute; content: ""; width: 50%; background-color: #1694d2; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}
.about_page_banner{background: url("../images/about_banner.jpg") no-repeat; background-position: right; position: relative; width: 100%}
.about_page_banner:before{position: absolute; content: ""; width: 50%; background-color: #1694d2; left: 0; right: 0; clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%); height: 100%; -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);}

.managed_dedicated_server{background: url("../images/managed_dedicated_server.jpg") no-repeat; background-size: cover; background-position: center; width: 100%}
.home_page_banner_content {display: table; height: 700px; width: 100%}
.sub_page_banner_content{display: table; height: 400px}
/*!*Banner Text*!*/
.banner_text{display: table-cell; vertical-align: middle;}
.banner_btn_01 {background: #1694d2; color: #fff; border: none; margin-right: 10px; display: inline-block}
.banner_btn_02 {background: transparent; color: #fff; border: 1px solid #1694d2; padding: 12px 62px; display: inline-block}


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

.search_box {
	width: 90%;
	height: 80px;
	position: relative;
	display: inline-block;
	text-align: center;

}

.search_btn {
	position: absolute;
	right: 20px;
	top: 6px;
	padding: 19px 60px !important;
	font-size: 14px !important;
	font-weight: 700;
	background: #1694d2 !important;
	color: #fff !important;
	transition-duration: 0.5s;
	line-height: 1;
	border-radius: 32px;
	border: none;
}

.search_area {
	width: 100%;
	height: 80px;
	position: relative;
	margin-bottom: 50px;

}

.search_box {text-align: center}

.search_box .text_field {
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	height: 81%;
	padding: 0 55px;
	box-shadow: 0 0 11px 4px rgba(0, 0, 0, .1);
	border: 1px solid #f1f1f1;
	border-radius: 50px;
}

label {
	position: absolute;
	left: 45px;
	text-align: center;
	top: 17px;
	font-size: 20px;
	color: #233141;
	transition: 0.3s;
	letter-spacing: 0.5px;
	font-weight: 400
}

/* ===================================
	 Letter Spacing
====================================== */

.letter_spacing_1 {letter-spacing: 1px;}
.letter_spacing_2 {letter-spacing: 2px;}
.letter_spacing_4 {letter-spacing: 4px;}

/* ===================================
	  Buttons
====================================== */

/*Button Transperent*/


/* ===================================
	  Text Upper Case
====================================== */
.text_uppercase{text-transform: uppercase;}

/* ===================================
	  Position
====================================== */

/*Position Relative*/
.positon_relative   {position: relative;}

/*Position Absolute   */
.positon_absolute   {position: absolute;}

/* ===================================
	  Top Social Link
====================================== */

/*Top Social Links*/
.top_social_link li {margin:0 8px; }
.top_social_link li a{color: #fff}
.top_social_links li a{color: #fff}
.top_social_links li{margin: 0 8px;}
.top_social_link li{padding-right: 0; padding-left: 0;}
.top_social_links li{padding-right: 0; padding-left: 0;}
.top_social_link li i{margin-right: 10px; font-size: 20px;}
.top_social_links li i{margin-right: 10px; font-size: 20px}

.top_social_link li:hover i{color: #d7263d}
.top_social_links li:hover i{color: #d7263d}

.top_social_link li:hover span{color: #d7263d}
.top_social_links li:hover span{color: #d7263d}

/* ===================================
	  Navigation Bar
====================================== */

.nav_bar li{padding: 0 12px}
.nav_bar li:first-child{padding-left: 0}
.nav_bar li:last-child{padding-right: 0}

/* ===================================
	  Transition
====================================== */

/*Transition*/
.transition_05 {transition: 1s;}

/* ===================================
	  Over FLow
====================================== */

/*Over Flow */
.overflow_hidden    {overflow: hidden;}


/* ===================================
	  Z-Index
====================================== */

/*Z-Index*/
.z_index_1  {z-index: 1;}

/* ===================================
	  Display Block
====================================== */

/*Display Block*/
.display_block{display: block}
.display_inline{display: inline-block}

/* ===================================
	  Top Bra Section
====================================== */

.top_bar_bg{background-color: #349245; width: 100%; height: 45px; position: relative; overflow: hidden; background-position: center; background-size: cover}
.top_bar_bg:before{content: ""; position: absolute; width: 75%; height: 100%; background-color: #2e2d2c;}

/* ===================================
	  Footer Section
====================================== */

.image_box {width: 80px; height: 80px; background-color: #00b2f2; margin: 0 auto}
.client_testimonial {border: 1px solid #ececec; }
.client_img {top: -40px; left: 0; right: 0;}
.footer_links  li a{color: #d4d4d4; font-size: 14px; font-weight: 500; line-height: 24px}

.footer_social_links li a i{color: #1694d2}
.bg_guarantee_img {background-color: #1694d2; border-radius: 100%; margin: 0 auto; width: 90px; height: 90px; display: table; transition: 0.5s}
.bg_why_chose_us {background-color: #fff; border-radius: 100%; margin: 0 auto; width: 108px; height: 108px; display: table; box-shadow: 0 0 50px rgba(0,0,0,.3); transition: 0.5s}
.bg_support_img {background-color: #ff8f5d; border-radius: 100%; margin: 0 auto; width: 90px; height: 90px; display: table; transition: 0.5s}
.bg_cloud_technology_img    {background-color: #00b2f2; border-radius: 100%; margin: 0 auto; width: 90px; height: 90px; display: table; transition: 0.5s}
.bg_server_img  {background-color: #d7263d; border-radius: 100%; margin: 0 auto; width: 90px; height: 90px; display: table; transition: 0.5s}
.guarantee_img  {display: table-cell; vertical-align: middle;}
.support_img  {display: table-cell; vertical-align: middle}
.cloud_technology_img  {display: table-cell; vertical-align: middle}
.server_img  {display: table-cell; vertical-align: middle}
.vision_box {border-bottom: 1px solid #ededed; padding-bottom: 100px}
.hostingplan_btn {margin-top: 25px; margin-bottom: 25px}
.Custom_Class_774039964{
font-size: 26px;
color: #fff;
font-weight: 700;
background-color: #d7263d;
padding: 11px 0 10px;
text-align: center;}

.Custom_Class_774039965 {
	font-size: 26px;
	color: #fff;
	font-weight: 700;
	background-color: #00b2f2;
	padding: 11px 0 10px;
	text-align: center;
}


#price_table th {
	background-color: #00abf0;
	font-size: 18px;
	color: #fff;
	padding: 16px 0 15px;
	font-weight: 600;
	border: none;
	text-transform: uppercase;
}

.Custom_Class_471590519 {width: 100%}

#price_table td:first-child, #price_table th:first-child {
	width: 20%;
	text-align: left;
	padding-left: 20px;
}

#price_table td {
	border: none;
	padding: 24px 0;
	font-weight: 400;
	text-transform: uppercase;
	color: #777777;
	line-height: 0;
}

#price_table .Custom_Class_342432758 a {
	padding: 12px 32px 13px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	background-color: #00abf0;
	transition: all ease-in-out 0.4s;
}



#price_table tr:nth-child(odd){background-color: #f4f4f4}
#price_table tr:hover {background-color: #e7e7e7; transition-duration: 0.1s}
.server_detail li i{color: #fcb100; padding-right: 10px}
.server_detail li{font-size: 16px; font-weight: 400; line-height: 26px}

.accordion {
	background-color: #038ce4;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.panel {
	padding: 0 18px;
	display: none;
	background-color: white;
	overflow: hidden;
}


.hosting_bluebox {
	position: absolute;
	width: 130px;
	height: 130px;
	border: 3px solid #000;
	box-shadow: 0px 0px 0px 3px #fff inset;
	border-radius: 50%;
	top: -66px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 35px 0;
}

.domain_box h5 {font-size: 14px; font-weight: 300}
.domain_box h6 {font-size: 30px; font-weight: 400; padding-bottom: 20px}
.domain_box h6  span {font-size: 72px; font-weight: 500}
.hosting_bluebox p {font-size: 30px; font-weight: 400; color: #fff}
.stacktable.large-only {display: table}
.domain_table_07 {width: 100%; float: left; background-color: #fff}
.container-3 input#search {
	width: 100%;
	height: 50px;
	background: #2b303b;
	border: none;
	font-size: 10pt;
	float: right;
	padding-left: 45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	margin-bottom: 40px;
}

.container-3 .icon {
	position: absolute;
	margin-left: 17px;
	margin-top: 17px;
	z-index: 1;
	color: #fff;
}



.side_links li a span{float: right;}
.side_links li{padding-bottom: 5px}
.side_links li:last-child{padding-bottom: 0; padding-top: 0}
.side_links {padding-top: 20px}
.side_recent_news {display: inline-flex}
.side_recent_news li {
	padding: 16px 16px;
	color: #ffffff;
}
.tag_buttons li {
	background-color: #f5f5f5;
	padding: 10px;
	margin: 5px;
	float: left;
	font-size: 12px;
}

.input_fields {
	padding: 10px;
	padding-left: 5px;
	border: 1px solid #e6e6e6;
	width: 100%;
	margin-bottom: 10px
}

.submit_button {
	padding: 6px 32px;
	float: right;
	font-size: 14px;
	font-weight: 500;
	background-color: #00b2f2;
	border-color: #00b2f2;
}


.tag_buttons li:hover a {color: #ffffff;}
.side_links li:last-child{border-bottom: none}
.side_recent_news li:hover {background-color: #ffffff;}

.side_recent_news li a{color: #fff}

.btn_feature_box:hover a{color: #fff}
.btn_feature_box {background-color: #00b2f2;}
.btn_feature_box a{color: #fff;}

.post_comment_button {    float: left; font-size: 18px; font-weight: 400; padding: 14px 49px; background-color: #00b2f2; color: #fff; border-color: #00b2f2;}
.post_comment_button:hover{background-color: #fcb100; color: #fff; border-color: #fcb100}
.send_message_button{font-size: 18px; font-weight: 400; padding: 14px 40px; background-color: #00b2f2; color: #ffffff;}
.send_message_button:hover{background-color: #fcb100; border-color: #fcb100}



.hosting_box i{font-size: 20px; color: #ffd203}
.hosting_box figure {padding-bottom: 10px}
.list-inline>li {padding-left: 0; padding-right: 0}

.box_01 figure img{padding: 40px 17px; border: 1px solid #d9dfde}
.box_01 figure  {float: left}
.footer_info li a{color: #ff8f5d}

.footer_logo_box h6 span a {
	color: #ff8f5d
}

.footer_box h5 {
	color: #2C2C2C
}

.footer_social_links li {
	margin: 0 8px
}
.footer_info li {padding-bottom: 15px}
.footer_info li:last-child{padding-bottom: 0}
.footer_info li a span{color: #d4d4d4}
.footer_info li span{color: #d4d4d4}
.testimonial_box h4 {color: #00b2f2; font-size: 16px; font-weight: 700}
.testimonial_box h4 span a{color: #41b656; font-weight: 300; font-size: 14px }
.testimonial_box p{font-size: 16px; color: #777; font-weight: 400}
.quality_box p{font-size: 16px; color: #777; font-weight: 400}
.footer_logo_box h6{color: #d4d4d4}

.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.hover01 {
	overflow: hidden
}

.main_text .price_tag {
	font-size: 24px;
	font-weight: 300
}

.main_text p span {
	color: #ff8f5d;
	font-size: 34px;
	font-weight: 300
}

.sub_banner_text .price_tag {
	font-size: 24px;
	font-weight: 300
}

.sub_banner_text .price_tag span {
	font-size: 34px;
	font-weight: 500
}

.price_box {
	box-shadow: 5px 5px 5px 3px rgba(0, 0, 0, 0.3)
}

.price_box, .dedicated_server_box h4 span {
	font-size: 40px;
	font-weight: 400;
}

.price_box, .dedicated_server_box h4 {
	color: #ff8f5d;
	font-size: 60px;
	font-weight: 400;
	padding-bottom: 30px
}

.price_box, .dedicated_server_box h3 {
	padding-top: 50px;
	padding-bottom: 10px
}

.price_box, .dedicated_server_box p {
	padding: 30px 35px;
	font-size: 16px;
	font-weight: 400;
	color: #777;
}

.price_box, .dedicated_server_box figure {
	padding-bottom: 30px
}

.menu_navigation .navbar-nav>.active>a, .menu_navigation .navbar-nav>.active>a:hover{color: #1694d2; background-color: transparent}
.menu_navigation .navbar-nav>.open>a, .menu_navigation .navbar-nav>.open>a:focus, .menu_navigation .navbar-nav>.open>a:hover{background-color: transparent; color: #fff}
#sub_menu>li>a, #sub_menu_01>li>a, #sub_menu_02>li>a, #sub_menu_03>li>a{font-size: 14px; font-weight: 500}
#sub_menu>.active>a, #sub_menu>.active>a:focus, #sub_menu>.active>a:hover{background-color: transparent; color: #1694d2}
#sub_menu>li>a:hover, #sub_menu_01>li>a:hover, #sub_menu_02>li>a:hover, #sub_menu_03>li>a:hover{background-color: transparent; color: #1694d2}
#sub_menu_01>.active>a, #sub_menu_01>.active>a:focus, #sub_menu_01>.active>a:hover, #sub_menu_02>.active>a, #sub_menu_02>.active>a:focus, #sub_menu_02>.active>a:hover, #sub_menu_03>.active>a, #sub_menu_03>.active>a:focus, #sub_menu_03>.active>a:hover{background-color: transparent; color: #1694d2}
#sub_menu li:first-child, #sub_menu_01 li:first-child, #sub_menu_02 li:first-child, #sub_menu_03 li:first-child{padding-left: 0}
#sub_menu, #sub_menu_01, #sub_menu_02, #sub_menu_03{top: 79px}
.nav_bar .dropdown-menu{right: auto;}
.testimonial_box{padding: 0 35px; border: 1px solid #e0e0e0}
.quality_box    {padding: 0 35px; background-color: #fff;box-shadow: 0 0 10px 1px rgba(0,0,0,.2); padding-top: 70px; padding-bottom: 50px}
.testimonial_box span a{font-size: 16px; font-weight: 400; font-family: Lato; color: #777}
.bg_shape{clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0 100%)}
.background_style {clip-path: polygon(0% 0%, 100% 0%, 100% 93%, 0 100%);}
.testimonial_box ul{padding-left: 5px}
.testimonial_box ul li i {
	color: #ff8f5d;
}
.testimonial_box h6 {
	color: #1694d2;
}
.affix {
	top: 0;
	width: 100%;
	z-index: 9999 !important;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.80);
}
.website_design .website_price {
	font-size: 24px;
	font-weight: 300;
}
.website_design .website_price span {
	font-size: 34px;
	font-weight: 500
}
.btn_website_price {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 55px;
	border-radius: 32px;
	background-color: #ff8f5d;
	color: #fff;
	border: 2px solid #ff8f5d;
}
.btn_website_price:hover {
	background-color: #fff;
	transition-duration: 0.5s;
	border: 2px solid #ff8f5d;
	color: #ff8f5d;
}







#loader {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	z-index: 1;
	border: 8px solid #1694d2;
	border-radius: 50%;
	border-top: 8px solid #ff8f5d;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

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

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}
	to {
		bottom: 0px;
		opacity: 1
	}
}

@keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}

#myDiv {
	display: none;
}
.plan_details ul li{font-size: 18px; font-weight: 300; line-height: 32px}
.plan_details ul li span{color: #1694d2}
.plan_details{margin-left: 30px; margin-right: 30px; padding: 30px 0 ; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: 30px}
.hosting_table tbody tr td:first-child{text-align: left; width: 30%}
.plan_details .dedicated_server_plan li {
	line-height: 40px;
	color: #777;
}

#return-to-top {
	z-index: 1000;
	position: fixed;
	bottom: 40px;
	right: 60px;
	background: #F37833;
	width: 50px;
	height: 50px;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 15px;
	font-size: 20px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#return-to-top:hover {
	background-color: #1694d2
}

.nav4 ul > li:hover ul li {
	max-height: 150px;
}
.nav4 li ul {
	position: absolute;
	left: 0;
	top: 36px;
	z-index: 1;
}
.nav4 li ul li {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 500ms ease;
	-moz-transition: max-height 500ms ease;
	-o-transition: max-height 500ms ease;
	transition: max-height 500ms ease;
}

#sub_menu, #sub_menu_01, #sub_menu_02, #sub_menu_03{top: 80px; right: 0; left: 0; margin: 0 auto; width: 242px; border: none; line-height: 14px; border-radius: 5px}
.sub-menu li a{float: left; width: 100%; background-color: #089790; padding: 10px 20px; margin: 5px 0; color: #fff; border-radius: 5px}

.sub-menu:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 13px solid #1694d2;
	top: -13px;
	left: 30px;
	opacity: 0;
	transition: all ease-out 780ms;
}

.sub-menu-parent:hover .sub-menu:before{opacity: 1; transition: all ease-in 0ms;}
.nav4 ul > li:hover ul:before{opacity: 1;}
.sub-menu li:last-child > a{margin-bottom: 0}
.sub-menu li:first-child > a{margin-top: 0}
.sub-menu li:last-child > a{margin-bottom: 20px}
.sub-menu li:first-child > a{margin-top: 20px}
.sub-menu li{margin-left: 10px; margin-right: 10px}
.logo_box{padding: 13px 0}
.navbar-default .nav_bar>li>a:hover{color: #fff}
.sub-menu{background-color: #1694d2; text-transform: uppercase}
#sub_menu>li>a:hover, #sub_menu_01>li>a:hover, #sub_menu_02>li>a:hover, #sub_menu_03>li>a:hover{background-color: #ff8f5d; color: #fff}
.sub-menu li:last-child {padding-right: 15px}
.price_box h4{font-size: 60px; line-height: 90px; font-weight: 500; color: #ff8f5d}
.price_box h4 span {font-size: 40px; line-height: 90px; font-weight: 500; color: #ff8f5d}
.rating span {font-size: 46px; line-height: 52px; font-weight: 300; color: #1694d2;}
.domain_table_07 tr th {background-color: #1694d2}
.price_table tbody tr td:first-child {color: #1694d2; font-size: 16px; font-weight: 700}
.domain_table_07 tbody tr td:nth-child(3), .domain_table_07 tbody tr td:nth-child(4), .domain_table_07 tbody tr td:nth-child(5) {color: #ff8f5d}
.price_table {border: 3px solid #1694d2}
.colored_text {font-size: 18px; line-height: 30px; font-weight: 500; color: #1694d2}
.info_fields input{width: 100%; padding: 15px; margin-bottom: 25px; border-radius: 50px; border: none}
.info_fields input:focus {outline: none}
.message_box textarea{width: 100%; padding: 10px 15px; margin-bottom: 20px; border-radius: 25px; border: none}
.submit_btn{padding: 13px 50px ; color: #fff; border: none; background-color: #ff8f5d; border-radius: 25px; font-weight: 500;}
.submit_btn:focus {outline: none}
.text_section h3 {font-size: 26px; line-height: 32px; font-weight: 400; color: #222328; margin-bottom: 15px}
.services_box .image_section {padding-left: 25px; padding-top: 50px}
.services_box .text_section {padding: 40px 25px}
.text_section p{font-size: 16px; line-height: 24px; font-weight: 300; color: #777}
.vps_detail_box {padding: 0}
.price_box {transition-duration: 0.5s}
.carousel-control{top: 50%; width: 5%; height: 5%}

@media all and (min-width: 481px) {
	.background_shape {
		clip-path: polygon(0% 7%, 100% 0%, 100% 93%, 0 100%);
		-webkit-clip-path: polygon(0% 7%, 100% 0%, 100% 93%, 0 100%)
	}
}

@media all and (max-width: 991px) {
	div h1.font_size_50.font_weight_900.line_height_40.margin_bottom_30 {
		font-size: 28px;
	}
}