/* 
Basic Information:
Project Name    : WHost HTML5 Hosting Template
Author          : Themeeim(http://themeim.com/)
Date            : 31-01-2018
Developed By    : Sonia Shurmi


Table Of Index
--------------------------------------------------------------------
Resset Css
    Default setting
    All buttons
    All transition
	preloader
Style css
	Home Page Css
        Home One::
        Header Css
            Top Toolbar
            Mainmenu
            Dropdown 
            Megamenu
        Register Domain Css
        Pricing Css
        Take Business Css
        Avaiable Server Css
        Feature Css
        Chatting Css
        Footer Css

        Home Two:
        Domain Pro Css
        Feature Two Css
        Counter Up Css
        Hoster Module Css
        Whmcs
        Domain page css
            mockup
            Range slider
            customer Review
            Banner Two 
            Pricing Css
        Reseller Page
        contact Page
        Cloud Hosting
        Dedicated Page
        Vps Hosting
        Blog Page
        Single Blog Page

        Responsive Css
--------------------------------------------------------------------*/


/*===================================================================
                ==Start Resset Css==
==================================================================*/


/* ---------------------------------------------
        ==Default setting==
--------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

ul,
ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.section-padding {
	padding: 120px 0px;
	padding: 120px 0px;
}

img {
	max-width: 100%;
	height: auto;
}

.align-middle {
	display: inline-block;
	float: none;
	margin-right: -4px;
	vertical-align: middle;
}
button{
    border: none;
}
input:focus,select:focus,button:focus{
    outline: none;
}
/* -------------------- button style ------------------- */
.btn_one {
	width: 160px;
	height: 60px;
	border: none;
	background: #76e056;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin-left: -5px;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1;
	position: relative;
}

.form_nl_btn{
    position: relative;
}
.btn_one::after,.form_nl_btn:before,.form-submit:before {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0px;
	height: 0px;
	background: #fff;
	content: "";
	border-radius: 50%;
}
.btn_one:hover:after, 
.form_nl_btn:hover:before,
.form-submit:hover:before{
	left: 4px;
	top: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	background: rgba(255,255,255,0.1);
	border-radius: 4px;
}
.btn_two {
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #79ed56;
	border-radius: 30px;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
    padding: 0px 37px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    vertical-align: middle;
    box-shadow: 0px 20px 40px rgba(118, 224, 86, 0.4);
}
.btn_two.yellow{
    background: #ffc000;
    box-shadow: 0px 20px 40px rgba(255, 192, 0, 0.4);
}
.btn_two.yellow:hover{
    box-shadow: 0px 20px 40px rgba(118, 224, 86, 0.4);
	background: #79ed56;
}
.btn_two:hover{
    box-shadow: 0px 20px 40px rgba(255, 192, 0, 0.4);
    color: #fff;
    background: #ffc000;
}
/* -------------------- button style ------------------- */

/* -------------------- Transition ------------------- */
.header_mainmenu ul li a::before,
.domain_promo_area .owl-next,
.domain_promo_area .owl-prev,
.widget_footer_menu_list ul li a,
.widget_service_menu_list ul li a,
.back_to_top p,
.copyright p a,
.widget_social a,
.widget_social a i,
.header_contact a,
.header_login a,.header_social a,
.header_mainmenu ul li a,
.pricing_list ul li a,
.author_social a,
.single_latest_post_img a img,
.comment-metadata a,.reply a,
.related_post_area .owl-next,
.related_post_area .owl-prev,
.sidebar_widget_tag_list li a,
.post_title a h3,
.m_service_menu li a strong,
.m_service_menu li a i,
.m_service_menu li a strong span,
.single_mockup i,
.single_mockup h3,
.sn_vps_work_icon,
.widget_extras_menu_list ul li a,
.become_cloud_hosting .range_control .border em,
.post_date a,
.post_meta a,
.blog_pagination ul li a,
.sidebar_widget_follow_social a,
.sidebar_widget_follow_form input[type="submit"],
.single_latest_post_content a{
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn_two::before,
.single_slider,
.single_price_two,
.header_mainmenu ul li,
.dropdown_menu,
.btn_one::after,
.btn_one,.btn_two.yellow,.btn_two,
.form_nl_btn:before,
.last_menu_form,
.available_server_area .nav li a,
.mega_menu,
.form-submit:before,
.pricing_currency .svg .st0,
.pricing_currency .svg .st1,
.pricing_btn_two,
.post_thumbnail img,
.sidebar_catagory_list ul li a,
.m_service_menu li .advertise_rate_button a::after{
    transition: 0.5s;
}
/* -------------------- Transition ------------------- */
/* preloader */
#loading{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	margin-top: -50px;
	margin-left: -50px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.object{

	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	border-top: 2px solid #76e056;
	border-bottom: 2px solid transparent;
	border-left:  2px solid #76e056;
	border-right: 2px solid transparent;
	-webkit-animation: animate 2s infinite;
	animation: animate 2s infinite;	

	}


#object_one{
	left: 55px;
	top: 55px;
	width: 10px;
	height: 10px;
	}
							
#object_two{
	left: 45px;
	top: 45px;
	width: 30px;
	height: 30px;
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
	}
		
#object_three{
	left: 35px;
	top: 35px;
	width: 50px;
	height: 50px;
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
	}
#object_four{
	left: 25px;
	top: 25px;
	width: 70px;
	height: 70px;
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
	
	}	

@-webkit-keyframes animate {
 

50% {

	-ms-transform: rotate(360deg) scale(0.8); 
   	-webkit-transform: rotate(360deg) scale(0.8); 
    transform: rotate(360deg) scale(0.8); 
  }
}

@keyframes animate {
	
50% {

	-ms-transform: rotate(360deg) scale(0.8); 
   	-webkit-transform: rotate(360deg) scale(0.8); 
    transform: rotate(360deg) scale(0.8); 
  }	
}
/* preloader */

/* ---------------------------------------------
        top toolbar
--------------------------------------------- */
.header_top_toolbar {
	background: #282828;
	height: 49px;
}
.header_social, 
.header_login {
	display: inline-block;
	line-height: 49px;
}
.header_contact {
	line-height: 49px;
}
.top_toolbar_right {
	text-align: right;
}
.header_contact a {
	font-size: 14px;
	color: #dddddd;
	font-weight: 300;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}
.header_contact a:hover{
    color: #ffc000;
}
.header_contact a:hover span{
    color: #ddd;
}
.header_contact a:hover i{
    color: #ddd;
}
.header_contact a::after {
	position: absolute;
	right: 0;
	content: "";
	top: 0;
	height: 100%;
	width: 1px;
	background: #ddd;
    line-height: 49px;
}
.header_contact a span{
    font-weight: 400;
    margin-right: 4px;
}
.header_contact a i{
    margin-right: 5px;
}
.header_contact a:first-child {
	padding-left: 0px;
}
.header_contact a:last-child:after {
	display: none;
}
.header_login a {
	font-size: 14px;
	font-weight: 400;
	color: #ddd;
    padding: 0px 14px;
    position: relative;
}
.header_login a:hover{
    color: #ffc000;
}
.header_login a:after{
	position: absolute;
	right: 0;
	content: "";
	top: 0;
	height: 100%;
	width: 1px;
	background: #ddd;
    line-height: 49px;
}
.header_login a:last-child:after{
    display: none;
}
.header_social a i {
	font-size: 14px;
	color: #ddd;
}
.header_social a:hover i {
    color: #ffc000;
}
.header_social a{
    padding: 0px 5px;
}
.header_login {
	margin-right: 20px;
}
/* ---------------------------------------------
        top toolbar
--------------------------------------------- */

/* ---------------------------------------------
        mainmenu
--------------------------------------------- */
.header_logo a {
	display: inline-block;
    line-height: 100px;
}
.header_mainmenu ul li {
	display: inline-block;
}
.header_mainmenu {
	text-align: right;
    height: 100px;
}
.header_mainmenu ul li a {
	font-size: 18px;
	color: #0c112a;
	font-weight: 400;
	padding: 0px 20px;
	line-height: 100px;
	font-family: 'Source Sans Pro', sans-serif;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.header_mainmenu ul li.current_page_item > a {
	color:  #76e056;
}
.header_mainmenu ul li:hover > a{
    color: #76e056;
}
.header_mainmenu ul li:last-child a{
    padding-right: 0px;
}
.header_mainmenu > ul > li > a > i {
	font-size: 20px;
	color: #76e056;
}
.header_mainmenu > ul > li a.current_page {
	color: #76e056;
}

/*dropdown*/
.header_mainmenu ul li ul.dropdown_menu li a::before {
    line-height: 40px;
    width: 120%;
}
.dropdown_menu li{
    display: block !important;
}
.dropdown_menu {
	position: absolute;
	left: auto;
	top: 100%;
	width: 235px;
	height: auto;
	background: #fff;
	z-index: 4;
	text-align: left;
	box-shadow: 1px 0px 3px rgba(118, 224, 86, 0.4);
	transform: scaleY(0);
	transform-origin: top left;
	padding: 15px 0px;
}
.dropdown_menu li a {
	line-height: 35px !important;
	font-size: 16px !important;
}
.header_mainmenu ul li:hover .dropdown_menu{
    transform: scaleY(1);
}
/*dropdown*/

/*search area*/
.last_menu:hover .last_menu_form{
    transform: scaleY(1);
}
.last_menu_form {
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 2;
    transform: scaleY(0);
    transform-origin: top left;
}
.last_menu_form input {
	width: 280px;
	height: 50px;
	padding-left: 15px;
	border: none;
	border-radius: 5px;
	background: #fff;
	color: #0c112a;
	box-shadow: 1px 0px 3px rgba(118, 224, 86, 0.4);
}
.last_menu_form input::placeholder{
    color: #0c112a;
}
.last_menu_form button {
	position: absolute;
	right: 0;
	height: 100%;
	background:#76e056;
	width: 40px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	top: 0;
}
.is-sticky #header_nav {
	background: #fff;
	z-index: 999 !important;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}
#header_nav{
	/*transition: 0.1s;*/
}
/*search area*/

/*mega menu area*/
.mega_menu {
	position: absolute;
	background: #fff;
	z-index: 9;
	left: 0;
	top: 100%;
	box-shadow: 1px 0px 3px rgba(118, 224, 86, 0.4);
	z-index: 2;
	transform: scaleY(0);
	transform-origin: top left;
	width: 100%;
	height: auto;
	padding: 30px;
}
.m_service {
	width: 33%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.header_mainmenu ul li:hover .mega_menu {
	transform: scaleY(1);
}
.header_mainmenu ul li .mega_menu li > a {
	line-height: 30px;
	padding: 0px;
	font-size: 16px;
	display: block;
}
.header_mainmenu ul li .mega_menu .m_service_menu li {
	display: block;
	margin-bottom: 30px;
}
.header_mainmenu ul li .mega_menu .m_service_menu li:last-child {
	display: block;
	margin-bottom: 0px;
}
.header_mainmenu ul li .mega_menu .m_service_menu_two li {
	display: block;
}
.m_service_title h5 {
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 15px;
	display: inline-block;
	color: #0c112a;
}
.m_service_menu li a strong {
	display: inline-block;
	width: calc(100% - 40px);
	padding-left: 10px;
	font-weight: 600;
	color: #0c112a;
	font-size: 18px;
}

.m_service_menu li:hover a strong{
	color: #76e056;
}
.m_service_menu li:hover a strong span{
	color: #76e056;
}
.m_service_menu li:hover a i{
	color: #76e056;
}
.m_service_menu li a strong span {
	font-weight: 400;
	display: block;
	font-size: 16px;
	color: #606060;
}
.m_service_menu li a i {
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	color: #606060;
	vertical-align: top;
}
.advertise_rate {
	text-align: center;
	padding: 30px;
	background: #e1e1e1;
	border-radius: 10px;
}
.advertise_rate_currency p strong {
	display: block;
	font-size: 35px;
	font-weight: 700;
    color: #0c112a;
}
.m_service_menu li .advertise_rate_button a {
	height: 40px;
	background: #fff;
	line-height: 40px;
	width: 160px;
	display: inline-block;
	border-radius: 30px;
	padding-left: 0;
	color: #fff;
	border-radius: 5px;
	background: #363636;
    position: relative;
    z-index: 1;
}
.m_service_menu li .advertise_rate_button a::after {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0px;
	height: 0px;
	background: #fff;
	content: "";
	border-radius: 50%;
    z-index: -1;
}
.m_service_menu li .advertise_rate_button a:hover:after{
	left: 4px;
	top: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	background: rgba(255,255,255,0.1);
	border-radius: 4px;
}
.advertise_rate_desc {
	margin-top: 10px;
	margin-bottom: 23px;
}
.advertise_rate_currency b {
	color: #606060;
}

/*mega menu area*/

/*mobile menu area*/
#mobile-nav-wrap {
	display: none;
	background: #fff;
	height: 150px;
}
#mobile-nav-wrap #mobile-logo {
    line-height: 100px;
    float: left;
}
#mobile-nav-wrap.mnav-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9999;
    animation: headerFixedTop .35s;
}
.mobile_toolbar {
	background: #282828;
}
.mobile_toolbar .header_login a {
	padding: 0px 6px;
}
.mobile_toolbar .header_login a:first-child {
	padding-left: 0px;
}
.mobile_toolbar .header_login {
	margin-right: 13px;
}
.mobile-menu-inner {
    display: block;
    width: 100%;
    text-align: center;
    background : #ffc000;
    padding-bottom: 50px;
    position: absolute;
    z-index: 9999;
    left: -100%;
    transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13);
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 0;
    height: 100vh;
}
.mobile-menu-inner.mnav-fixed {
    position: fixed;
}
.mobile-menu-inner #mobile-logo {
    margin-bottom: 30px;
}
.mobile-menu-inner .mob-nav {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
}
.mobile_accor_togo {
	height: 100px;
	background: #fff;
	padding: 0px 15px;
}
.mobile_accor_logo {
	text-align: left;
	line-height: 100px;
}
.accordion-menu {
    width: 100%;
    max-width: 350px;
    margin: 20px auto 50px;
    text-align: left;
    border-radius: 4px;
}
.accordion-menu > li {
    position: relative;
}
.accordion-menu > li.single-link {
    margin: 3px 0;
}
.accordion-menu > li .dropdownlink:before {
    content: "\f105";
    position: absolute;
    right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
}
.accordion-menu > li.open .dropdownlink:before {
    content: "\f107";
    position: absolute;
    right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
}
.accordion-menu > li > a {
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
    text-transform: capitalize;
    padding: 10px 0;
    color: #fff;
}
.accordion-menu .accordion-menu li.open .dropdownlink {
    color: #3d0e03;
}
.accordion-menu .accordion-menu li.open .dropdownlink .fa-angle-down {    
    transform: rotate(180deg);
}
.accordion-menu .accordion-menu li:last-child .dropdownlink {
    border-bottom: 0;
}
.accordion-menu .dropdownlink {
    cursor: pointer;
    display: block;
    padding: 3px 0;
    font-size: 18px;
    color: #fff;
    position: relative;
    transition: all 0.4s ease-out;
}
.accordion-menu .dropdownlink i {
    position: absolute;
    top: 13px;
    left: 16px;
    font-size: 14px;
}
.accordion-menu .dropdownlink .fa-angle-down {
    right: 12px;
    left: auto;
}
.accordion-menu .dropdownlink:last-child {
    border-bottom: none;
}
.accordion-menu .submenuItems {
	display: none;
	background: transparent;
	padding-left: 30px;
	margin: 10px 0px;
}
.accordion-menu .submenuItems li:last-child {
    border-bottom: none;
}
.accordion-menu .submenuItems a {
    display: block;
    color: #FFF;
    transition: all 0.4s ease-out;
    text-decoration: none;
    font-size: 18px;
}
#moble-search input[type="text"] {
	background: #fff;
	height: 45px;
	color: #ffc000;
	border: 0;
	padding: 0 10px;
	width: 100%;
	outline: 0;
	border-radius: 30px;
}
#moble-search input[type="text"]::-webkit-input-placeholder {
    color: #ffc000;
}
#moble-search input[type="text"]:-ms-input-placeholder {
    color: #ffc000;
}
#moble-search input[type="text"]::placeholder {
    color: #ffc000;
}
#moble-search button[type="submit"] {
	background: transparent;
	border: 0;
	color: #ffc000;
	position: absolute;
	right: 15px;
	line-height: 45px;
}
@keyframes headerFixedTop {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.mask-overlay {
    content: '';
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.active .mobile-menu-inner {
    left: 0;
}

.close-menu {
	position: absolute;
	right: 20px;
	top: 0;
	width: 30px;
	line-height: 100px;
}

.mobile_toolbar .top_toolbar_right {
	text-align: left;
}
.mobile_toolbar .header_social,
.mobile_toolbar .header_login {
	display: inline-block;
	line-height: 49px;
	width: 48%;
}
.mobile_toolbar .header_social{
    text-align: right;
}
.close-menu .bar {
    display: block;
    position: relative;
    margin-bottom: 3px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all 0.25s ease-in-out;
}
.footer-social-link li {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
    margin: 0px 5px;
}
.footer-social-link {
	margin-top: 30px;
	padding-bottom: 50px;
}
.footer-social-link li a {
	color: #fff;
}
.mobile-menu-inner .accordion-menu {
	padding: 20px;
}
#moble-search {
	margin: 0px 20px;
	position: relative;
}
.close-menu .bar:first-child {
    margin-bottom: 5px;  
    transform: rotate(-45deg) translate(-6px, 6px);
}

.close-menu .bar:last-child {  
 transform: rotate(45deg) translate(1px, 1px);
}
.toggle-inner {
	width: 50px;
	height: 100px;
	background: transparent;
	text-align: right;
	float: right;
    cursor: pointer;
}
.toggle-inner::after {
	display: block;
	clear: both;
	content: "\f0c9";
	font-family: 'FontAwesome';
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0;
	line-height: 100px;
	font-size: 20px;
	color: #79ed56;
}
.close-menu i {
	color: #79ed56;
	line-height: 100px;
	top: 0;
	position: relative;
	font-size: 27px;
}
/*mobile menu area*/
/* ---------------------------------------------
        mainmenu
--------------------------------------------- */

/* ---------------------------------------------
        Register Domain
--------------------------------------------- */
.domain_register_area {
	background-image: url(images/register-domain-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	padding: 155px 0px 175px;
	position: relative;
	background-color: #212732;
	background-size: cover;
    overflow-x: hidden;
}
.dm_register_heading h3 {
	font-size: 30px;
	color: #fff;
	font-weight: 400;
    line-height: 60px;
}
.dm_register_heading h2 {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
    line-height: 60px;
}
.domain_search {
	padding: 22px 48px;
    background-image: url(images/register-search-bg.png);
    background-color: #ffc000;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 7px;
}
.form_btn,
.form_select,
.form_group {
	display: inline-block;
}
.form_select {
	position: relative;
	width: calc(100% - 159px);
}
.dm_register_heading {
	margin-bottom: 50px;
	text-align: center;
}
.form_group input {
	width: 100%;
	height: 60px;
	padding-left: 30px;
    font-size: 16px;
    background: #fff;
    padding-right: 30px;
    border: none;
    border-radius: 5px;
}
.form_select select {
	height: 60px;
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	width: 100%;
	padding: 0px 15px;
	font-size: 16px;
	font-weight: 600;
	color: #6a7483;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.form_select::after {
	position: absolute;
	right: 20px;
	top: 0;
	content: "\f107";
	font-family: 'FontAwesome';
	font-size: 16px;
	color: #6a7483;
	line-height: 60px;
	pointer-events: none;
}
.form_group {
	width: 365px;
}
.select_n_btn {
	display: inline-block;
	width: calc(100% - 370px);
	padding-left: 28px;
    margin-left: -2px;
}
.domain_register_area .col-8 {
	padding: 0;
}
/* ---------------------------------------------
       Register Domain
--------------------------------------------- */

/* ---------------------------------------------
       Pricing CSS
--------------------------------------------- */
.pricing_title {
	text-align: center;
	height: 83px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.pricing_title h3 {
	font-size: 25px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 83px;
}
.sn_price_border {
	border: 1px solid #ddd;
	text-align: center;
    padding: 32px 0px 40px;
}
.pricing_currency h2 {
	font-size: 40px;
	color: #76e056;
	font-weight: 800;
}
.pricing_currency h2 span,.pricing_currency h2 sup{
    font-size: 20px;
}
.pricing_currency span{
    font-size: 20px;
    color: #6a7483;
    font-weight: 600;
}
.pricing_currency {
	margin-bottom: 26px;
}
.pricing_list ul li a {
	font-size: 18px;
	color: #6a7483;
	font-weight: 600;
}
.pricing_list ul li a:hover {
	color: #ffc000;
}
.pricing_list ul li{
    margin-bottom: 7px;
}
.pricing_btn a i {
	margin-left: 2px;
}
.pricing_btn {
	margin-top: 31px;
}
.single_price {
	margin-top: -83px;
	position: relative;
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 1;
}
.price_feature {
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 84px;
	z-index: -1;
}
.price_feature img {
	height: 100%;
}
.pricing_area {
	padding-bottom: 83px;
}
/* ---------------------------------------------
       Pricing CSS
--------------------------------------------- */

/* ---------------------------------------------
       Take Business Area CSS
--------------------------------------------- */
.take_your_bs_area {
	background: #fbf9f9;
	padding: 75px 0px 83px;
}
.take_bs_left h2 {
	font-size: 40px;
	font-weight: 700;
	color: #0c112a;
	margin-bottom: 15px;
}
.take_bs_left h2 span{
    color: #ffc000;
}
.take_bs_left_list ul li {
	width: 50%;
	display: inline-block;
	float: right;
	margin-bottom: 17px;
}
.take_bs_left p {
	font-size: 16px;
	color: #6a7483;
    margin-bottom: 35px;
}
.take_bs_left_list ul li span {
	font-size: 16px;
	color: #6a7483;
	font-weight: 400;
}
.take_bs_left_list h3 {
	font-size: 20px;
	color: #0c112a;
	font-weight: 700;
}
.take_bs_left_list h2 span {
	font-size: 18px;
	font-weight: 400;
	color: #0c112a;
	text-transform: capitalize;
}
.take_bs_left_list ul {
	margin-bottom: 30px;
	overflow: hidden;
}
.take_bs_left_list h2 {
	font-size: 33px;
	color: #0c112a;
	font-weight: 700;
}
.take_bs_btn {
	display: inline-block;
	margin-top: 20px;
}
/* ---------------------------------------------
       Take Business Area CSS
--------------------------------------------- */

/* ---------------------------------------------
       Available Server Area CSS
--------------------------------------------- */
.available_server_area {
	padding: 80px 0px;
}
.child_tab_item_list li {
	display: inline-block;
}
.child_tab_item_list li a {
	margin-top: -3px;
}
.available_server_head a {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	background: #2a363f;
	height: 64px;
	line-height: 64px;
	padding-left: 27px;
    display: block;
}
.available_server_head a.collapse {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
    background: #263037;
}
.available_server_head a.collapsed .fa-caret-up{
	display: block;
}
.available_server_head a.collapsed .fa-caret-down{
	display: none;
}
.available_server_head a .fa-caret-up{
	display: none;
}
.available_server_head a span {
	float: right;
	line-height: 64px;
	padding-right: 27px;
}
.available_server_area .nav li a {
	height: 62px;
	display: inline-block;
	line-height: 62px;
	padding: 0px 34px;
	background: #2a363f;
	color: #fff;
	border-radius: 30px;
    font-size: 20px;
    font-weight: 700;
}
.available_server_area .nav li a.active,
.available_server_area .nav li a:hover{
	background: #ffc000;
}
.available_server_area .nav li {
	margin-right: 14px;
}
.available_server_area .nav{
    margin-bottom: 30px;
}
.child_tab_item_list.bold_head li {
	font-weight: 600;
	font-size: 16px;
	color: #2a363f;
}
.child_tab_item_list li {
	width: 13%;
    line-height: 62px;
	font-size: 16px;
	color: #2a363f;
	font-weight: 400;
}
.child_tab_item_list li:first-child {
	width: 20%;
}
.main_tab_item_list > li {
	border-bottom: 1px dashed #2a363f;
}
.main_tab_item_list > li:last-child {
	border-bottom: 0px dashed #2a363f;
}
.collapse {
	transform: scaleY(0);
}
.collapse.show {
	transform: scaleY(1);
}
.available_server_content {
	padding-top: 20px;
}
.available_server_area .fade {
	transform: scaleY(0);
	transition: 1s;
	transform-origin: top left;
}
.available_server_area .fade.show {
	transform: scaleY(1);
}
/* ---------------------------------------------
       Available Server Area CSS
--------------------------------------------- */

/* ---------------------------------------------
       Feature CSS
--------------------------------------------- */
.single_feature {
	text-align: center;
    background: #ffffff;
}
.feature_area {
	background: #f6f6f6;
	padding: 75px 0px 80px;
}
.section_title h2 {
	font-size: 40px;
	color: #0c112a;
	font-weight: 700;
	text-transform: capitalize;
}
.section_title {
	text-align: center;
	margin-bottom: 73px;
}
.single_feature {
	text-align: center;
	border: 1px solid #f0f0f0;
	padding: 40px 24px 45px;
}
.feature_title h3 {
	font-size: 20px;
	color: #0c112a;
	font-weight: 700;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 13px;
}
.feature_icon{
    margin-bottom: 30px;
}
.feature_title h3::after {
	position: absolute;
	content: "";
	left: calc(50% - 15px);
	bottom: 0;
	width: 30px;
	height: 2px;
	background: #79ed56;
}
.feature_desc {
	font-size: 16px;
	color: #6a7483;
	font-weight: 400;
	margin-bottom: 30px;
}
/* ---------------------------------------------
       Feature CSS
--------------------------------------------- */

/* ---------------------------------------------
       Chatting CSS
--------------------------------------------- */
.chatting_area {
	padding: 76px 0px;
}
.chatting_content h2 {
	font-size: 30px;
	font-weight: 700;
	font-style: italic;
	margin-bottom: 13px;
}
.chatting_content p {
	font-size: 16px;
	color: #525252;
}
.chat_btn .btn_two {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
}
/* ---------------------------------------------
       Chatting CSS
--------------------------------------------- */

/* ---------------------------------------------
       Footer CSS
--------------------------------------------- */
.footer_area {
	background: #0a0e26;
}
.footer_area .row.footer_top{
    padding: 83px 0px;
}
.footer_area .row.footer_bottom{
    padding-bottom: 44px;
}
.widget_title h3 {
	font-size: 20px;
	color: #fff;
	font-weight: 800;
	text-transform: capitalize;
	line-height: 40px;
}
.widget_desc{
	font-size: 16px;
	color: #9aa9bf;
	line-height: 28px;
    margin-bottom: 40px;
}
.widget_social a {
	width: 25px;
	height: 25px;
	display: inline-block;
	border-radius: 2px;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	margin-right: 5px;
}
.widget_social a:hover {
	transform: rotate(-45deg);
}
.widget_social a:hover i{
	transform: rotate(45deg);
}
.widget_social a.facebook {
	background: #3b5999;
}
.widget_social a.twitter {
	background: #55acee;
}
.widget_social a.ggl_plus {
	background: #76e056;
}
.widget_social a.ggl_plus {
	background: #76e056;
}
.widget_social a.pin {
	background: #df2029;
}
.widget_social a.dribbble {
	background: #ea4c89;
}
.widget_social a.tumblr {
	background: #34465d;
}
.widget_footer_menu_list ul li a,
.widget_service_menu_list ul li a {
	font-size: 16px;
	color: #9aa9bf;
	font-weight: 400;
	line-height: 40px;
    display: block;
	border-bottom: 1px solid #33374a;
}
.widget_footer_menu_list ul li:last-child a,
.widget_service_menu_list ul li:last-child  a{
    border: none;
}
.widget_footer_menu_list ul li a:hover,
.widget_service_menu_list ul li a:hover{
    color:#76e056;
}
.widget_footer_menu_list ul li:last-child,
.widget_service_menu_list ul li:last-child{
	border-bottom: 0px solid #33374a;
}
.widget_newsletter legend {
	font-size: 16px;
	color: #9aa9bf;
	line-height: 31px;
}
.form_nl_group {
	margin-bottom: 15px;
}
.form_nl_group input {
	width: 100%;
	height: 48px;
	background: transparent;
	border: 1px solid #33374a;
	padding-left: 20px;
	border-radius: 3px;
	font-size: 16px;
	color: #7284a0;
}
.form_nl_btn input {
	width: 100%;
	background: #76e056;
	border: none;
	height: 48px;
	line-height: 48px;
	border-radius: 3px;
	text-align: center;
}
.form_nl_btn input {
	width: 100%;
	background: #76e056;
	border: none;
	height: 48px;
	line-height: 48px;
	border-radius: 3px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
    cursor: pointer;
}
.widget_payment_process p {
	font-size: 12px;
	color: #9dadc4;
	display: block;
}
.widget_payment_process p span{
    display: inline-block;
    border-bottom: 1px solid #9dadc4;
}
.widget_payment_process p {
	font-size: 12px;
	color: #9dadc4;
	display: block;
	margin-bottom: 25px;
	margin-top: 10px;
}
.widget_about_two .widget_desc {
	margin-bottom: 25px;
}
.widget_warenty a {
	margin-right: 20px;
}
.copyright p {
	font-size: 16px;
	color: #9aa9bf;
	font-weight: 300;
	line-height: 40px;
}
.copyright p a{
	color: #76e056;
}
.copyright p a:hover{
    color:#ffc000;
}
.back_to_top p {
	font-size: 16px;
	color: #76e056;
    cursor: pointer;
}
.back_to_top p:hover {
    color:#ffc000;
}
.back_to_top p i {
	width: 35px;
	height: 35px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	line-height: 31px;
	margin-left: 13px;
	border: 2px solid #76e056;
    font-size: 16px;
    color: #76e056;
}
/*
.interact {
	display: none;
}
*/
#twitter_feed ul li {
	font-size: 16px;
	color: #9aa9bf;
	margin-bottom: 20px;
}
.interact a {
	margin: 0px 5px;
}
/* ---------------------------------------------
       Footer CSS
--------------------------------------------- */

/* ---------------------------------------------
       Home Two CSS
--------------------------------------------- */
.home_two .pricing_area {
	background: #f7f7f7;
}
/* ---------------------------------------------
       Domain Promo CSS
--------------------------------------------- */
.domain_promo_area {
	padding: 80px 0px 70px;
}
.single_slider h3 {
	font-size: 30px;
	color: #79ed56;
	font-weight: 700;
    text-align: center;
    line-height: 60px;
}
.single_slider h3 sup {
	color: #0c112a;
	font-weight: 800;
    line-height: 25px;
    display: block;
    top: 0;
    font-size: 30px;
}
.single_slider h3 span {
	font-size: 20px;
	color: #6a7483;
	font-weight: 400;
    line-height: 25px;
}
.single_slider:hover {
	box-shadow: 0px 1px 7px rgba(101, 114, 129, 0.1);
}
.domain_promo_area .owl-stage-outer {
	padding: 7px 5px;
}
.single_slider {
	background: #fff;
	border-radius: 10px;
	padding: 30px 0px;
	width: 170px;
}
.domain_deal h3 {
	font-size: 25px;
	color: #ffc000;
	font-weight: 700;
    line-height: 30px;
    text-align: center;
}
.domain_deal h3 span {
	display: block;
	font-size: 20px;
	color: #0c112a;
	font-weight: 400;
}
.domain_deal h3 a {
	margin-top: 30px;
}
.domain_deal {
	padding: 47px 0px;
	border-radius: 10px;
	box-shadow: 0px 1px 7px rgba(101, 114, 129, 0.1);
}
.domain_promo_area .owl-nav {
	text-align: center;
	margin-top: 30px;
}
.domain_promo_area .owl-next,
.domain_promo_area .owl-prev {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
    font-size: 25px;
    color: #fff;
	display: inline-block;
	margin: 0px 5px;
    background: #e2ebf4;
    
}
.domain_promo_area .owl-next:hover{
    background: #79ed56;
}
.domain_promo_area .owl-prev:hover {
	background: #79ed56;
    
}
/* ---------------------------------------------
       Domain Promo CSS
--------------------------------------------- */

/* ---------------------------------------------
       feature two area CSS
--------------------------------------------- */
.feature_two_area {
	background: #f7f7f7;
	padding: 80px 0px 50px;
}
.sn_ftr_two_left, 
.sn_ftr_two_right {
	display: inline-block;
	vertical-align: middle;
}
.sn_ftr_title h3 {
	font-size: 30px;
	color: #0c112a;
	font-weight: 800;
    line-height: 35px;
}
.sn_ftr_title p {
	font-size: 20px;
	color: #0c112a;
	font-weight: 400;
	line-height: 35px;
}
.sn_ftr_list ul li {
	font-size: 16px;
	color: #6a7483;
	font-weight: 400;
    line-height: 28px;
}
.sn_ftr_list ul li i{
	color: #79ed56;
    margin-right: 8px;
}
.sn_ftr_list {
	padding: 20px 0px 30px;
}
.single_feature_two_area {
	background: #fff;
	border-radius: 10px;
	padding: 30px 0px 30px 40px;
	margin-bottom: 30px;
}
.sn_ftr_two_left {
	margin-right: 40px;
}
/* ---------------------------------------------
       feature two area CSS
--------------------------------------------- */

/* ---------------------------------------------
       counter up area CSS
--------------------------------------------- */
.single_counter {
	display: inline-block;
	width: calc(20% - 5px);
	text-align: center;
}
.counter_up_area {
	background: #ffc000;
	padding: 76px 0px;
}
.single_counter h2 span{
	font-size: 50px;
	color: #fff;
	font-weight: 800;
}
.single_counter h2 sup {
	font-size: 25px;
	font-weight: 400;
    color: #fff;
    line-height: inherit;
    display: block;
    top: 0;
}
/* ---------------------------------------------
       counter up area CSS
--------------------------------------------- */

/* ---------------------------------------------
       Hoster Module area CSS
--------------------------------------------- */
.hoster_module_area {
	position: relative;
	height: 652px;
}
.hstr_mdle_bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-100%,-42%);
	width: auto;
	height: auto;
}
.hoster_module_area .container .row {
	height: 100%;
}
.hoster_module_area .container {
	height: 100%;
}
.hstr_mdle_bg a {
	position: absolute;
	left: calc(50% - 50px);
	top: calc(50% - 99px);
	text-align: center;
	border-radius: 50%;
}
.hstr_mdle_bg a i{
	font-size: 100px;
    color: #fff;
}
.hstr_mdle_content h4 {
	font-size: 30px;
	color: #0c112a;
	line-height: 45px;
}
.hstr_mdle_content h3 {
	font-size: 40px;
	font-weight: 800;
	color: #0c112a;
    line-height: 45px;
}
.hstr_mdle_list p {
	font-size: 16px;
	color: #6a7483;
	font-weight: 600;
}
.hstr_mdle_list p {
	font-size: 16px;
	color: #6a7483;
	font-weight: 600;
	margin: 20px 0px;
}
.hstr_mdle_list ul li i {
	font-size: 18px;
	color: #ffc000;
	margin-right: 6px;
}
.hstr_mdle_list ul li {
	font-size: 18px;
	color: #0c112a;
    line-height: 30px;
}
/* ---------------------------------------------
       Hoster Module area CSS
--------------------------------------------- */

/* ---------------------------------------------
       Home Two CSS
--------------------------------------------- */


/* ---------------------------------------------
       WHMCS CSS
--------------------------------------------- */
.header_account,.header_btn{
    display: inline-block;
}
.header_account select {
	background: transparent;
	border: none;
	-moz-appearance: none;
	font-size: 14px;
	color: #dddddd;
	font-weight: 400;
	text-transform: uppercase;
	height: 49px;
}
.header_account::after {
	position: absolute;
	right: -15px;
	top: 0;
	content: "\f107";
	font-family: 'FontAwesome';
	font-size: 16px;
	color: #ddd;
	pointer-events: none;
}
.header_account {
	position: relative;
	margin-right: 50px;
    line-height: 49px;
}
.header_account select option {
	color: #0c112a;
}
.header_btn a {
	height: 30px;
	color: #fff;
	text-transform: capitalize;
	background: #79ed56;
	padding: 0px 15px;
	display: inline-block;
	line-height: 30px;
	border-radius: 3px;
}
.whmcs .header_mainmenu ul li:last-child a::before {
	padding-right: 0px;
}
.domain_register_area.whmcs_banner {
	background-image: url(images/whmcs-bnr-bg.png);
}
.domain_register_area.whmcs_banner:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 48, 65, 0.93);
    content: "";
}
.whmcs_banner .dm_register_heading h2{
    font-weight: 400;
}
.whmcs .pricing_area {
	background: #f7f7f7;
}
.form_btn button {
	display: inline-block;
	width: 135px;
}
.domain_name_list ul li {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	padding: 0px 9px;
	margin-top: 15px;
}
.domain_name_list {
	width: 365px;
	text-align: center;
}
.captcha_area {
	text-align: center;
}
.captcha_area p {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	line-height: 25px;
    margin: 15px 0px;
}
.captcha_img input {
	width: 150px;
	height: 40px;
	border: none;
	border-radius: 3px;
	margin-left: 15px;
	padding-left: 15px;
}
.captcha_img {
	margin-bottom: 25px;
}
.captcha_area a{
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	line-height: 35px;
}
.captcha_area a span{
    border-bottom: 1px solid #8b9fa6;
    margin-left: 6px;
}
.domain_name_list li.com {
	color: #2494b9;
}
.domain_name_list li.com {
	color: #666666;
}
.domain_name_list li.net{
	color: #666666;
}
.domain_name_list li.org{
	color: #ec2c22;
}
.domain_name_list li.me{
	color: #c0730e;
}
.domain_name_list li.edu{
	color: #4779fa;
}
.domain_name_list li.shop{
	color: #348c19;
}
.domain_promo_area_two {
	padding: 70px 0px;
}
.hw_can_help h2 {
	font-size: 40px;
	color: #0c112a;
	font-weight: 400;
	line-height: 60px;
	margin-bottom: 15px;
}
.hw_can_help p {
	font-size: 16px;
	color: #0c112a;
	line-height: 30px;
	margin-bottom: 30px;
}
.hw_can_help_list ul li {
	font-size: 16px;
	color: #0c112a;
	line-height: 30px;
}
.hw_can_help_list ul li i {
	margin-right: 7px;
    color: #ffc000;
}
.single_asked {
	width: 50%;
	display: inline-block;
	margin-left: -4px;
}
.single_asked {
	width: 46%;
	display: inline-block;
	margin-left: -4px;
	text-align: center;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	padding: 49px 0px;
	margin: 10px 10px;
}
.single_asked {
	width: 46%;
	display: inline-block;
	margin-left: -4px;
	text-align: center;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	padding: 49px 0px;
	margin: 10px 10px;
	border-bottom: 6px solid #79ed56;
	border-radius: 6px;
}
.single_whmch_partner a {
	display: inline-block;
}
.whmch_whost_partner_slider {
	width: 60%;
	margin: 0 auto;
}
.single_whmch_partner{
    text-align: center;
}
.whmch_whost_content {
	text-align: center;
}
.whmch_whost_area {
	background: url(images/whmch-whost-bg.jpg) no-repeat fixed 0 0/cover;
	position: relative;
	padding: 72px 0px;
}
.whmch_whost_area:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 48, 65, 0.94);
    content: "";
}
.whmch_whost_content h3 {
	font-size: 40px;
	color: #fff;
	font-weight: 400;
    margin-bottom: 20px;
}
.whmch_whost_content p {
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 30px;
}
.whmch_whost_btn {
	margin-top: 40px;
}
/* ---------------------------------------------
       WHMCS CSS
--------------------------------------------- */

/* ---------------------------------------------
       Domain Page CSS
--------------------------------------------- */
.domain_register_area_two {
	padding: 70px 0px;
    background: url(images/domain-register-two-bg.png) no-repeat scroll center center/contain;
    background-color: #79ed56;
}
.domain_register_area_two .domain_search {
	padding: 22px 0px;
	background: transparent;
}
.domain_register_area_two .form_group {
	width: 340px;
}
.domain_register_area_two .select_n_btn {
	width: calc(100% - 345px);
}
.domain_register_area_two .form_select {
	width: calc(100% - 134px);
}
.domain_register_two_title h3 {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}
.domain_register_two_title h2 {
	font-size: 35px;
	font-weight: 600;
	color: #fff;
	line-height: 40px;
}
.domain_register_area_two .form_btn button {
	display: inline-block;
	width: 135px;
	background: #ffc000;
}
.domain_register_area_two .domain_search {
	padding: 0 0px;
	background: transparent;
}
/* ---------------------------------------------
       Mockup CSS
--------------------------------------------- */
.single_mockup i::before {
	font-size: 50px;
}
.single_mockup h3 {
	font-size: 20px;
	color: #0c112a;
	font-weight: 700;
	line-height: 30px;
}
.single_mockup{
    text-align: center;
}
.single_mockup:hover i,.single_mockup h3:hover {
	color: #ffc000;
}
.single_mockup p {
	font-size: 16px;
	color: #6a7483;
	line-height: 25px;
}
.mockup_area {
	padding: 80px 0px;
	position: relative;
	overflow-x: hidden;
}
/* ---------------------------------------------
       Mockup CSS
--------------------------------------------- */

/* ---------------------------------------------
       Range Slider CSS
--------------------------------------------- */
.range_item {
	display: none;
}
.range_item.active {
	display: block;
}
.config_head {
	display: inline-block;
	width: 16.4%;
	background: #fff;
	text-align: center;
}
.choose_plan_area .rangeslider__handle {
	background: transparent;
	border-radius: 0px;
	box-shadow: none;
	border: none;
}
.choose_plan_area #js-rangeslider-0 {
	width: calc(100% - 160px);
	height: 10px;
	background: transparent;
	box-shadow: none;
	left: 0;
	margin: 0 auto;
	top: -5px;
}
.choose_plan_area #js-rangeslider-0::after {
	position: absolute;
	content: "";
	left: 0;
	top: 4px;
	width: 100%;
	height: 2px;
	background: #fff;
}
.choose_plan_area.rangeslider--horizontal .rangeslider__fill {
	top: 4px;
	height: 2px;
	z-index: 2;
}
.choose_plan_area {
	background: url(images/choose-plan-bg.png) no-repeat scroll center center/cover;
	background-color: #ffc000;
	padding: 80px 0px;
}
.choose_plan_area .section_title h2 {
	color: #fff;
}

.choose_plan_area .rangeslider--horizontal .rangeslider__handle {
	display: block;
	width: 30px;
	height: 30px;
	margin: auto;
	top: -5px;
	left: 0;
	background: transparent;
}

.choose_plan_area .rangeslider--horizontal.rangeslider__active .range_control span {
	display: none;
}
.choose_plan_area .rangeslider__handle::after {
	content: "packages";
	display: block;
	width: 79px;
	background: #fff;
	margin: auto;
	position: absolute;
	top: -10px;
	left: -33px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	z-index: 9;
	font-size: 14px;
	color: #4a4a4a;
	font-weight: 400;
	text-transform: uppercase;
}
.choose_plan_area .rangeslider__fill {
	background: #79ed56;
	position: absolute;
}
.choose_plan_area .rangeslider--horizontal .rangeslider__fill {
	top: 4px;
	height: 2px;
	z-index: 2;
}
.config_head {
	display: inline-block;
	width: 16.4%;
	background: transparent;
	text-align: center;
    position: relative;
}
.config_head::after {
	position: absolute;
	content: "";
	left: calc(50% - 7.5px);
	top: -7px;
	width: 15px;
	height: 15px;
	background: transparent;
	transform: rotate(45deg);
	border: 2px solid #fff;
	border-right: none;
	border-bottom: none;
}
.range_plan {
	margin-top: 47px;
}
.config_head p {
	display: inline-block;
	background: transparent;
	border: 2px solid #fff;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	padding: 14px 0px;
	margin: 0px 15px;
	width: calc(100% - 30px);
    border-top: none;
    position: relative;
}
.config_head p:after{
    left: 0;
}
.config_head p:before{
    right: 0;
}
.config_head p:before,
.config_head p:after{
	position: absolute;
    top: 0;
    content: "";
    width: calc(50% - 8.5px);
    height: 2px;
    background: #fff;
}
.config_head span {
	display: block;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
.item_price.text-center {
	margin-top: 60px;
}
.item_price h3 {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
}
.item_price h3 {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 30px;
}
.choose_plan_area .range_control span {
	width: 30px;
	height: 30px;
	background: #79ed56;
	content: "";
	position: absolute;
	border-radius: 50%;
	top: -15px;
	border: 2px solid #fff;
    z-index: 3;
}
.choose_plan_area .range_control span.border1 {
	left: calc(0% + 95px);
}
.choose_plan_area .range_control span.border2 {
	left: 24%;
}
.choose_plan_area .range_control span.border3 {
	left: calc(33.34% + 80px);
}
.choose_plan_area .range_control span.border4 {
	left: calc(50.01% + 75px);
}
.choose_plan_area .range_control span.border5 {
	left: calc(66.68% + 70px);
}
.choose_plan_area .range_control span.border6 {
	left: 89%;
}
.item_price a.btn_two {
	background: #fff;
	color: #525252;
	box-shadow: none;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0px 10px;
	border: 1px solid #fff;
    padding: 0px 28px;
}
.item_price a.btn_two:hover {
	background: transparent;
	color: #fff;
}
.item_price a.btn_two.btn_two.just_border {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	box-shadow: none;
}
.item_price a.btn_two.btn_two.just_border:hover {
	color: #525252;
    background: #fff;
}
.home_domain .chatting_area {
	background: #e8e8e7;
}

/* ---------------------------------------------
       Range Slider CSS
--------------------------------------------- */

/* ---------------------------------------------
       Customer Review CSS
--------------------------------------------- */
.customer_review_area {
	padding: 100px 0px;
}
.swiper-container.gallery-thumbs {
	width: 224px;
	padding: 20px 0px 100px;
}
.swiper-slide blockquote {
	color: #525252;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}
.swiper-container.gallery-thumbs .swiper-slide.swiper-slide-active img{
    background: #ffc000;
    margin-top: -19px;
}
.swiper-container.gallery-thumbs .swiper-slide.swiper-slide-active {
	width: 83px !important;
	height: 83px;
	margin: 0px;
}
.gallery-thumbs .swiper-slide.swiper-slide-next {
	margin-left: 0px;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #79ed56;
    transform: scale(1);
    opacity: 1;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(1); 
}
.swiper-pagination-bullet-active{
	background: #ffc000;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(1); 
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	z-index: 1;
	margin-bottom: 30px;
}
.gallery-thumbs .swiper-slide img {
	width: 100%;
    height: 100%;
	border: 3px solid #fff;
	background: #dadada;
	box-shadow: 1px 0px 3px rgba(28, 28, 28, 0.1);
}
.gallery-thumbs .swiper-slide {
	display: inline-block;
	width: 62px !important;
	height: 62px;
    margin: 0px 5px;
}
.customer_desig {
	width: 154px;
	margin-left: -30px;
	text-align: center;
	margin-top: 23px;
	display: none;
}
.customer_desig a h3{
    font-size: 20px;
    color: #525252;
    font-weight: 700;
    font-style: italic;
}
.customer_desig a span{
    font-size: 16px;
    color: #525252;
    font-weight: 600;
    font-style: italic;
    line-height: 30px;
}
.swiper-container.gallery-thumbs .swiper-slide.swiper-slide-active .customer_desig{
	display: block;
}
/* ---------------------------------------------
       Customer Review CSS
--------------------------------------------- */

/* ---------------------------------------------
       Banner Two CSS
--------------------------------------------- */
.banner_two_title h2 span {
	display: block;
}
.banner_two_area {
	background: #ffdc62;
    padding: 100px 0px;
}
.swiper-slide-left, .swiper-slide-right {
	display: inline-block;
	vertical-align: middle;
}
.banner_two_title h2 span {
	font-size: 30px;
	font-weight: 600;
	color: #0c112a;
}
.banner_two_list li {
	font-size: 20px;
	color: #666666;
	font-weight: 600;
	line-height: 40px;
}
.banner_two_title h2 {
	font-size: 60px;
	color: #0c112a;
	font-weight: 800;
}
.banner_two_btn {
	margin-top: 30px;
}
.banner_two_btn .btn_two {
	box-shadow: none;
}
.banner_two_btn .btn_two:hover {
	background: #fff;
    color: #525252;
}
.swiper-slide-right {
	position: absolute;
	right: 50%;
	top: 0;
	transform: translateX(100%);
}
.swiper-slide {
	position: relative;
}
/* ---------------------------------------------
       Banner Two CSS
--------------------------------------------- */

/* ---------------------------------------------
       Pricing Area Two CSS
--------------------------------------------- */
.pricing_area_two {
	padding: 100px 0px 80px;
	border-bottom: 1px solid #d7d7d7;
}
.pricing_title_two {
	height: 120px;
	line-height: 120px;
	text-align: center;
	position: relative;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.pricing_title_two h3 {
	line-height: 120px;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
}
.pricing_title_two::after {
	position: absolute;
	content: "";
	left: 12px;
	bottom: -5px;
	width: 31.5%;
	height: 43px;
	transform: rotate(36deg);
	transform-origin: left;
	z-index: -1;
}
.pricing_title_two::before {
	position: absolute;
	content: "";
	right: 12px;
	bottom: -2px;
	width: 77%;
	height: 53px;
	transform: rotate(-14deg);
	transform-origin: top right;
    z-index: -1;
}
.section_title h2 span {
	color:#ffc000;
}
.cloud_hosting .pricing_title_two::after,
.cloud_hosting .pricing_title_two::before,
.cloud_hosting .pricing_title_two{
	background: #ffc000;
}
.cloud_hosting .btn_two{
    background: #ffc000;
}
.vps_hosting .pricing_title_two::after,
.vps_hosting .pricing_title_two::before,
.vps_hosting .pricing_title_two{
	background: #76e056;
}
.vps_hosting .btn_two{
    background: #76e056;
}
.shared_hosting .pricing_title_two::after,
.shared_hosting .pricing_title_two::before,
.shared_hosting .pricing_title_two{
	background: #ff000c;
}
.shared_hosting .btn_two{
    background: #ff000c;
}
.limitless_hosting .pricing_title_two::after,
.limitless_hosting .pricing_title_two::before,
.limitless_hosting .pricing_title_two{
	background: #2583f8;
}
.limitless_hosting .btn_two{
    background: #2583f8;
}
.single_price_two ul li a {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}
.single_price_two.cloud_hosting {
	text-align: center;
}
.single_price_two {
	position: relative;
	padding-bottom: 60px;
	text-align: center;
    border-radius: 20px;
}
.cloud_hosting.single_price_two:hover{
    box-shadow: 0px 12px 16.47px 10.53px rgba(255, 192, 0, 0.24);
}
.vps_hosting.single_price_two:hover{
    box-shadow: 0px 12px 16.47px 10.53px rgba(57, 103, 78, 0.24);
}
.shared_hosting.single_price_two:hover{
    box-shadow: 0px 12px 16.47px 10.53px rgba(255, 0, 12, 0.24);
}
.limitless_hosting.single_price_two:hover{
    box-shadow: 0px 12px 16.47px 10.53px rgba(37, 131, 248, 0.24);
}
.single_price_two::before {
	position: absolute;
	content: "";
	left: 0;
	top: 100px;
	width: 100%;
	height: calc(100% - 100px);
	background: #353535;
	z-index: -1;
	border-radius: 20px;
}
.pricing_currency_two {
	position: relative;
	margin-top: -33px;
}
.pricing_currency_two h2 {
	position: absolute;
	left: 0;
	top: 39px;
	width: 100%;
	height: 100%;
	line-height: 100%;
	text-align: center;
}
.pricing_currency_two h2 span {
	display: block;
	font-size: 15px;
	color: #6a7483;
	font-weight: 400;
}
.pricing_area_two .col-md-3 {
	padding: 0px;
}
.pricing_currency_two h2 {
	position: absolute;
	left: calc(50% - 34.4px);
	top: 39px;
	width: auto;
	height: auto;
	line-height: 100%;
	text-align: center;
	font-size: 35px;
	font-weight: 800;
	color: #76e056;
}

.breadcrumb_area {
	background: url(images/breadcrumb-bg.png) no-repeat scroll 0 0/cover;
    background-color: #212732;
	height: 355px;
}
.breadcrumb_title {
	text-align: center;
}
.breadcrumb_area .container{
    position: relative;
    height: 100%;
}
.breadcrumb_img {
	position: absolute;
	right: 0;
	bottom: 0px;
}
.breadcrumb_area .col {
	position: static;
}
.breadcrumb_title h3 {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	line-height: 355px;
}
.breadcrumb_list {
	position: absolute;
	left: 0;
	bottom: 37px;
    padding-left: 15px;
}
.breadcrumb_list ul li {
	display: inline-block;
}
.breadcrumb_list ul li{
	font-size: 20px;
	font-weight: 600;
	padding: 0px 5px;
    position: relative;
}
.breadcrumb_list ul li.active{
	color: #fff;
    cursor: pointer;
}
.breadcrumb_list ul li a{
	color: #595757;
}
.breadcrumb_list ul li a:after{
    position: absolute;
    content: "/";
    left: 100%;
    top: 0;
    
}
.breadcrumb_list ul li:last-child a:after{
    display: none;
    
}
.breadcrumb_list ul li:first-child a{
    padding-left: 0px;
}
.sn_server_two_icon {
	width: 96px;
	height: 85px;
	background: #f6f6f6;
	text-align: center;
	line-height: 85px;
	border-radius: 8px;
	display: inline-block;
}
.sn_server_two_list {
	display: inline-block;
	vertical-align: middle;
	padding-left: 13px;
}
.sn_server_two_list h3 {
	font-size: 22px;
	color: #717271;
	font-weight: 800;
	line-height: 60px;
}
.sn_server_two_list ul li {
	font-size: 16px;
	color: #6a7483;
	line-height: 25px;
}
.sn_server_two_list ul li i {
	font-size: 16px;
	color: #76e056;
}
.sn_avl_server_two {
	margin-bottom: 30px;
}
.avaiable_server_two {
	padding: 80px 0px 50px;
}
.avaiable_server_two {
	padding: 80px 0px 50px;
	border-bottom: 1px solid #d7d7d7;
}
.ftr_style_two .footer_top {
	background: url(images/ftr-style-two-bg.png) no-repeat scroll 0 0/cover;
    background-color: #282828;
    padding: 80px 0px;
}
.ftr_style_two .footer_bottom {
	background: url(images/ftr-bottom-style-two-bg.png) no-repeat scroll center center/cover;
	background-color: #393938;
}
.ftr_style_two .footer_bottom {
	background: url(images/ftr-bottom-style-two-bg.png) no-repeat scroll center center/cover;
	background-color: #393938;
	padding: 25px 0px;
}
.ftr_style_two .copyright p {
	color: #c8c8c8;
}
.ftr_style_two .copyright p a {
	color: #ffc000;
}
.ftr_style_two .copyright p a:hover {
	color: #76e056;
}
.ftr_style_two .widget_desc {
	color: #c8c8c8;
}
.widget_extras_menu_list ul li a {
	font-size: 16px;
	color: #c8c8c8;
	line-height: 26px;
}
.widget_extras_menu_list ul li i {
	color: #67cc94;
	margin-right: 6px;
}
.widget_extras_menu_list ul li a:hover {
	color: #ffc000;
}
.widget_newsletter_two .form_nl_group input {
	background: #fff;
	border: none;
	color: #4b4b4b;
	border-radius: 10px;
}
.widget_newsletter_two .form_nl_btn input {
	background: #ffc000;
	border-radius: 10px;
}
.ftr_style_two .widget_title {
	margin-bottom: 20px;
}
.ftr_style_two .back_to_top p i {
	border: 2px solid #ffc000;
	color: #ffc000;
}
.ftr_style_two .back_to_top p {
	color: #ffc000;
}
.ftr_style_two .back_to_top p:hover {
	color: #76e056;
}
.live_chat_btn {
	width: 75px;
	height: 75px;
	background: #76e056;
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
    cursor: pointer;
}
.live_chat_area {
	position: fixed;
	bottom: 395px;
	right: 0;
}
.live_chat_btn p i {
	font-size: 35px;
	color: #fff;
	display: block;
}
.live_chat_btn p {
	font-size: 13px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	padding-top: 10px;
}

.live_chat_form {
	width: 300px;
	text-align: center;
	background: #fff;
	padding: 30px 15px;
	border-radius: 10px;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleY(0);
    transform-origin: top left;
    transition: 0.5s;
}
.live_chat_form.active{
    transform: scaleY(1);
}
.chat_form input, .chat_form textarea{
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding-left: 15px;
	border-radius: 10px;
}
.chat_form input{
	height: 45px;
}
.chat_form textarea {
	height: auto;
    resize: none;
    padding-top: 15px;
    margin-bottom: 60px;
}
.live_chat_form legend {
	font-size: 16px;
	color: #6a7483;
	margin-bottom: 30px;
	margin-top: 54px;
}
.live_chat_form h3 {
	font-size: 25px;
	font-weight: 700;
	background: #76e056;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 15px 0px;
	color: #fff;
	text-transform: uppercase;
    cursor: pointer;
}
.chat_form input[type="submit"] {
	background: #76e056;
	position: absolute;
	left: 0;
	bottom: -20px;
	border: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	font-size: 16px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 600;
}
/* ---------------------------------------------
       Reseller Page CSS
--------------------------------------------- */

/* ---------------------------------------------
       Contact Page CSS
--------------------------------------------- */
.breadcrumb_two{
    background: url(images/breadcrumb-two-bg.png) no-repeat scroll center center/cover;
    background-color: #212732;
}
.pg_contact_add_area {
	background: #76e056;
	padding: 50px 0px;
}
.sn_cn_address i {
	font-size: 30px;
	color: #fff;
	width: 61px;
	height: 61px;
	line-height: 61px;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 50%;
    margin-bottom: 25px;
}
.sn_cn_address {
	text-align: center;
}
.sn_cn_address p{
	font-size: 18px;
	font-weight: 600;
	color: #fff;
    line-height: 26px;
}
.sn_cn_address a {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
    line-height: 26px;
}
.sn_cn_address a {
	display: block;
}
#contactGoogleMap {
	height: 377px;
	width: 100%;
    border-radius: 10px;
}
.pg_cn_map_area {
	padding: 80px 0px;
}
.pg_form input[type="text"],
.pg_form input[type="email"]{
	width: 100%;
	background: transparent;
	border: none;
	border: 1px solid #e1e1e1;
	height: 44px;
	padding: 0px 30px;
	border-radius: 25px;
	margin-bottom: 20px;
}
.pg_form textarea{
	width: 100%;
	height: 163px;
	border: 1px solid #e1e1e1;
	border-radius: 25px;
	padding: 30px 30px 0px;
    resize: none;
}
.pg_form input[type="submit"] {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
.pg_form.btn_two {
	margin-top: 30px;
}
/* ---------------------------------------------
       Contact Page CSS
--------------------------------------------- */

/* ---------------------------------------------
       Cloud Hosting Page CSS
--------------------------------------------- */
.why_cloud_hosting_area {
	padding: 83px 0px;
	background: #f8f8f8;
}
.why_cloud_hosting_top {
	margin-bottom: 64px;
}
.single_cloud_hosting h3 {
	font-size: 20px;
	font-weight: 700;
}
.single_cloud_hosting p {
	font-size: 16px;
	color: #606060;
	line-height: 26px;
}
.single_cloud_hosting {
	margin-bottom: 26px;
}
.faq_area {
	background: url(images/faq-bg.png) no-repeat scroll center center/cover;
	background-color: #2a3740;
	padding: 80px 0px;
}
.faq_area .section_title h2 {
	color: #fff;
}
.single_faq_header a{
	height: 60px;
	border: 1px solid #e1e1e1;
	padding-left: 28px;
	line-height: 60px;
	background: #76e056;
}
.single_faq_header a.collapsed{
    background: #ffc000;
}
.single_faq_header a{
	color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: block;
}
.single_faq_body {
	background: #e8e9ea;
	padding: 24px;
	margin: 4px 0px 10px;
	border: 1px solid #cdcecf;
	font-size: 16px;
	color: #606060;
	line-height: 26px;
}
.single_faq_header a span {
	padding-right: 37px;
	position: absolute;
	right: 0;
}
.pricing_title_three {
	text-align: center;
    padding: 44px 0px 50px;
    position: relative;
}
.single_price_three {
	box-shadow: 0px 2px 16.59px 4.41px rgba(216, 216, 216, 0.24);
	text-align: center;
	padding-bottom: 47px;
}
.pricing_title_three::after {
	position: absolute;
	content: "";
	left: 0;
	top: -20px;
	width: 100%;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
}
.pricing_title_three h3 {
	font-size: 25px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
.pricing_title_three p {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}
.pricing_three_area {
	padding: 80px 0px;
}
.single_price_three .pricing_currency {
	margin-bottom: 26px;
	margin-top: 30px;
}
.single_price_three.vps_hosting_two .pricing_title_three{
	background: #ffc000;
}
.single_price_three.vps_hosting_two .pricing_title_three:after{
	border-bottom: 20px solid #d5a208;
}
.single_price_three.cloud_hosting_two .pricing_title_three{
	background: #76e056;
}
.single_price_three.cloud_hosting_two .pricing_title_three:after{
	border-bottom: 20px solid #42b51f;
}
.single_price_three.shared_hosting_two .pricing_title_three{
	background: #5b6df0;
}
.single_price_three.shared_hosting_two .pricing_title_three:after{
	border-bottom: 20px solid #3c4dcb;
}
.single_price_three.domain_hosting_two .pricing_title_three{
	background: #565552;
}
.single_price_three.domain_hosting_two .pricing_title_three:after{
	border-bottom: 20px solid #3b3b3a;
}
.all_packages .nav {
	width: 180px;
    display: inline-block;
}
.all_packages .nav li {
	margin-bottom: 90px;
}
.all_packages ul li:last-child{
    margin-bottom: 0px;
}
.all_packages .nav li a {
	font-size: 20px;
	color: #6c6c6f;
	font-weight: 600;
	position: relative;
	display: block;
}
.all_packages .nav li a span.for_mobile {
	display: none;
}
.all_packages .nav li a::after {
	position: absolute;
	content: "";
	right: -11px;
	top: 5px;
	width: 20px;
	height: 20px;
	border: 2px solid #555555;
	border-radius: 50%;
	background: #fff;
}
.all_packages .nav li a.active {
	color: #ffc000;
}
.all_packages .nav li a.active:after {
	border: 2px solid #ffc000;
	background: #ffc000;
}
.all_packages .nav {
	width: 120px;
	display: inline-block;
	vertical-align: top;
    position: relative;
}
.all_packages .nav::after {
	position: absolute;
	content: "";
	right: -3px;
	top: 5px;
	width: 3px;
	height: calc(100% - 10px);
	background: #555555;
	z-index: -1;
}
.all_packages .tab-content {
	width: calc(100% - 124px);
	display: inline-block;
	padding-left: 60px;
}
.package_list ul li {
	display: inline-block;
	font-size: 16px;
	color: #2a363f;
	width: 19%;
	position: relative;
}
.package_list ul li::after {
	position: absolute;
	left: 0;
	content: "";
	top: calc(100% + 27px);
	width: 20px;
	height: 20px;
	border: 2px solid #555555;
	border-radius: 50%;
	background: #fff;
}

.package_list ul li.current {
	color: #ffc000;
}
.package_list ul li.current:after {
	background: #ffc000;
    border: 2px solid #ffc000;
}
.package_list h3 {
	font-size: 20px;
	color: #0c112a;
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 70px;
	padding-left: 30px;
}
.package_list {
	width: 100%;
	margin-bottom: 32px;
}
.become_cloud_hosting {
	padding: 80px 0px;
}
.product {
	padding-bottom: 35px;
	border-bottom: 3px solid #555555;
}
.all_packages input {
	width: 216px;
	height: 55px;
	text-align: center;
	background: #ffc000;
	border: none;
	border-radius: 30px;
    box-shadow: 0px 2px 16.59px 4.41px rgba(255, 192, 0, 0.24);
    color: #fff;
    font-size: 20px;
}
.become_cloud_hosting .range_control .border {
	width: 20%;
	height: 30px;
	background: transparent;
	content: "";
	position: absolute;
	top: -60px;
	border: none;
	z-index: 0;
	text-align: left;
}
.become_cloud_hosting .rangeslider__fill {
	background: #ffc000;
}
.become_cloud_hosting .rangeslider--horizontal {
	height: 3px;
}
.become_cloud_hosting .rangeslider__handle::after {
	display: none;
}
.become_cloud_hosting .rangeslider {
	background: #555555;
	width: calc(100% - 60px);
	left: 30px;
}
.become_cloud_hosting .package_scnd_list .rangeslider{
    width: calc(60% - 60px);
	left: 30px;
}
.become_cloud_hosting .package_scnd_list .range_control .border.border2 {
	left: calc(29% - 1px);
}
.become_cloud_hosting .package_scnd_list .range_control .border.border3 {
	left: calc(55% - 7px);
}

.become_cloud_hosting .package_fourth_list .rangeslider{
    width: calc(85% - 60px);
	left: 30px;
}
.become_cloud_hosting .package_fourth_list .range_control .border.border2 {
	left: calc(29% - 3px);
}
.become_cloud_hosting .package_fourth_list .range_control .border.border3 {
	left: 54%;
}
.become_cloud_hosting .package_fourth_list .range_control .border.border4 {
	left: calc(80% - 7px);
}
.become_cloud_hosting .rangeslider::after {
	position: absolute;
	content: "";
	right: 100%;
	width: 30px;
	height: 3px;
	background: #ffc000;
}
.become_cloud_hosting .rangeslider::before {
	position: absolute;
	content: "";
	left: 100%;
	width: 30px;
	height: 3px;
	background: #555555;
}
.become_cloud_hosting .rangeslider--horizontal .rangeslider__handle {
	top: -9px;
	width: 20px;
	height: 20px;
	border: 2px solid #ffc000;
	background: #ffc000;
	box-shadow: none;
	z-index: 5;
}
.become_cloud_hosting .range_control .border::after {
	position: absolute;
	left: 1px;
	top: 52px;
	content: "";
	width: 18px;
	height: 18px;
	border: 2px solid #555;
	border-radius: 50%;
	background: #fff;
	z-index: -1;
}
.become_cloud_hosting .range_control .border em {
    font-style: normal;
}
.become_cloud_hosting .range_control {
	position: relative;
}
.become_cloud_hosting .range_control .border.border1 {
	left: calc(0% + 30px);
}
.become_cloud_hosting .range_control .border.border2 {
	left: calc(26% + 1px);
}
.become_cloud_hosting .range_control .border.border3 {
	left: 49%;
}
.become_cloud_hosting .range_control .border.border4 {
	left: calc(72% - 3px);
}
.become_cloud_hosting .range_control .border.border5 {
	left: calc(95% - 7px);
}
.rangeslider, .rangeslider__fill {
	border-radius: 0px;
	box-shadow: none;
}
/* ---------------------------------------------
       Cloud Hosting Page CSS
--------------------------------------------- */

/* ---------------------------------------------
       Dedicated Page CSS
--------------------------------------------- */
.breadcrumb_three {
	background: url(images/breadcrumb-three-bg.png) no-repeat scroll 0 0/cover;
	padding-top: 55px;
	height: 353px;
}
.breadcrumb_list_three h3 {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
    line-height: 60px;
}
.breadcrumb_list_three ul li {
	display: inline-block;
	color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.breadcrumb_list_three ul li a{
	color: #595757;
    position: relative;
    padding-right: 10px;
}
.breadcrumb_list_three ul li a:after{
    position: absolute;
    content: "/";
    right: 0;
    top: 0;
}
.breadcrumb_list_three {
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	left: 0;
	padding-left: 60px;
}
.single_feature_two .feature_icon {
	width: 150px;
	height: 95px;
    margin: 0 auto;
}
.feature_area.feature_area_two {
	background: transparent;
    padding-bottom: 50px;
}
.single_feature.single_feature_two {
	margin-bottom: 30px;
	border-radius: 10px;
    background: transparent; 
}
.single_price_five {
	background: #f0f0f1;
	box-shadow: 0px 12px 29px rgba(146, 164, 154, 0.13);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	text-align: center;
	border-bottom-left-radius: 115px;
	border-bottom-right-radius: 115px;
	padding-top: 10px;
	padding-bottom: 60px;
	margin: 0px 18px 50px;
}
.single_price_five .pricing_btn .btn_two {
	text-transform: uppercase;
}
.pricing_title_five h3 {
	font-size: 25px;
	color: #8ac53e;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 60px;
}
.pricing_five_area {
	padding: 80px 0px 30px;
    position: relative;
}
.pricing_currency .svg {
	width: 97%;
}
.single_price_five:hover .pricing_currency .svg .st0 {
	fill: #c49207;
}
.single_price_five:hover .pricing_currency .svg .st1 {
	fill: #ffc000;
}
.currency_position {
	position: absolute;
	left: 50%;
	top: 33px;
	transform: translate(-50%);
}
.currency_position h2 {
	color: #fff;
}
.currency_position span {
	color: #fff;
}
.single_price_five .pricing_currency {
	position: relative;
	left: -22px;
	width: calc(100% + 44px);
}
.single_price_five .pricing_list ul li {
	padding: 8px 0px;
	border-bottom: 1px solid #ddd;
}
.single_price_five .pricing_list {
	padding: 0px 20px;
}

.buy_whost_area {
	background: #76e056;
	padding: 73px 0px;
}
.buy_whost_content img, .buy_whost_content h2 {
	display: inline-block;
	vertical-align: middle;
}
.buy_whost_content h2 {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	padding-left: 20px;
}
.buy_whost_btn .btn_two {
	background: #fff;
	color: #76e056;
	text-transform: uppercase;
}
.buy_whost_btn .btn_two:hover {
	background: #ffc000;
	color: #fff;
}
/* ---------------------------------------------
       Dedicated Page CSS
--------------------------------------------- */

/* ---------------------------------------------
       Vps Hosting Page CSS
--------------------------------------------- */
.how_vps_work_area {
	padding: 75px 0px;
    background: #f8f8f8;
}
.sn_vps_work_icon {
	width: 90px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	display: inline-block;
	border: 3px dashed #a3a3a3;
	border-radius: 50%;
    vertical-align: middle;
}
.sngl_vps_work:hover .sn_vps_work_icon {
	border: 3px dashed #ffc000;
}
.sn_vps_work_text {
	display: inline-block;
	width: calc(100% - 94px);
	vertical-align: middle;
	padding-left: 30px;
}
.sngl_vps_work {
	margin-bottom: 30px;
}
.sn_vps_work_text h3 {
	font-size: 20px;
	color: #373636;
	font-weight: 700;
}
.sn_vps_work_text p {
	font-size: 16px;
	color: #606060;
	line-height: 26px;
	font-weight: 400;
}
.pricing_title_four h3 {
	font-size: 30px;
	color: #0c112a;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 60px;
}
.pricing_btn_two {
	width: 100%;
	background: #eab12c;
	height: 87px;
	line-height: 87px;
	text-align: center;
	margin-bottom: 40px;
}
.pricing_btn_two:hover {
	background: #67cc94;
}
.pricing_btn_two a{
	font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}
.single_price_four {
	border-top: 15px solid #67cc94;
	border-bottom: 4px solid #67cc94;
	padding-top: 30px;
	padding-bottom: 50px;
    box-shadow: 0px 2px 6.86px 0.14px rgba(208, 208, 208, 0.24);
}
.single_price_four .pricing_list,
.single_price_four .pricing_currency,
.single_price_four .pricing_title_four {
	padding-left: 30px;
}
.pricing_area_four {
	padding: 83px 0px;
	border-bottom: 1px solid #e6e6e6;
}
.single_mockup.single_mockup_feature i {
	color: #ffc000;
	font-weight: 700;
}
.why_vps_hosting_area {
	background: #ddd;
    padding: 80px 0px;
}
.config.progress_area {
	width: auto;
	display: inline-block;
	transform: rotate(-90deg);
	transform-origin: center;
	margin-left: 0;
	position: absolute;
	left: 160px;
	bottom: -162px;
}
.config_progress_head:last-child {
	margin-bottom: 0px;
}
.why_vps_hosting_area .item_price {
	width: 32%;
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #555555;
	border-radius: 16px;
    padding: 32px;
}
.config_progress_head {
	display: block;
	width: 363px;
	margin-bottom: 40px;
	font-size: 18px;
	color: #717171;
	font-weight: 600;
	text-transform: uppercase;
    line-height: 40px;
}
.processor_progress .progress {
	height: 50px;
	background-image: url(images/progress-bg.png);
	background-repeat: repeat;
	background-position: center;
}
.progress-bar {
    border-top-right-radius: 44px;
    border-bottom-right-radius: 0px;
	background-image: url(images/progress-bg.png);
	background-color: #0a0800;
    background-repeat: repeat;
	background-position: center;
}
.processor_progress .progress.orange{
    background-color: #ffc000;
}
.processor_progress .progress.green{
    background-color: #76e056;
}
.processor_progress .progress.blue{
    background-color: #4f5aeb;
}
.processor_progress .progress.red{
    background-color: #ff0000;
}
.processor_progress .progress.dark-orange{
    background-color: #ff9600;
}
.processor_progress .progress.violet{
    background-color: #a748ea;
}

.progress_main {
	display: inline-block;
	width: 67%;
	vertical-align: middle;
	height: 400px;
	position: relative;
}
.why_vps_hosting_area .rangeslider {
	background: #555555;
	position: relative;
}
.why_vps_hosting_area .rangeslider--horizontal {
	height: 4px;
	width: calc(100% - 60px);
	left: 30px;
}
.why_vps_hosting_area .rangeslider--horizontal::after {
	position: absolute;
	content: "";
	right: 100%;
	width: 30px;
	height: 4px;
	top: 0;
	background: #00ff00;
}
.why_vps_hosting_area .rangeslider--horizontal::before {
	position: absolute;
	content: "";
	left: 100%;
	width: 30px;
	height: 4px;
	top: 0;
	background: #555555;
}
.why_vps_hosting_area .range_control .border {
	width: 20%;
	height: 30px;
	background: transparent;
	content: "";
	position: absolute;
	top: -41px;
	border: none;
	z-index: 3;
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	left: 30px;
}
.why_vps_hosting_area .range_control .border::after {
	position: absolute;
	content: "";
	left: 15px;
	top: 31px;
	width: 20px;
	height: 20px;
	border: 2px solid #ffc000;
	border-radius: 50%;
	background: #fff;
	z-index: 1;
}
.why_vps_hosting_area .rangeslider__handle {
	background: white;
	border: 2px solid #ffc000;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	background-image: none;
	box-shadow: none;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    background: #ffc000;
    z-index: 5;
    left: -1;
}
.why_vps_hosting_area .rangeslider--horizontal .rangeslider__fill {
	top: 0px;
	height: 4px;
	z-index: 0;
}
.why_vps_hosting_area .range_control .border.border5 {
	left: 93%;
}
.why_vps_hosting_area .range_control .border.border4 {
	left: calc(70% + 4px);
}
.why_vps_hosting_area .range_control .border.border3 {
	left: calc(48% - 1px);
}
.why_vps_hosting_area .range_control .border.border2 {
	left: calc(25% + 3px);
}
.why_vps_hosting_area .range_control .border.border1 {
	left: calc(0% + 30px);
}
.border {
	border: none !important;
}
.item_price_list li {
	font-size: 16px;
	color: #2a363f;
	font-weight: 600;
	line-height: 31px;
	text-align: left;
	padding-left: 26px;
    position: relative;
}
.item_price_list li::after {
	position: absolute;
	content: "";
	left: 0;
	top: 10px;
	width: 12px;
	height: 12px;
	border: 2px solid #5d5d5d;
    border-radius: 50%;
    background: #fff;
}
.item_price_list li:first-child:after{
    background: #ffc000;
}
.item_price_list {
	padding-bottom: 30px;
	border-bottom: 1px solid #bebebe;
	margin-bottom: 30px;
}
.why_vps_hosting_area .item_price {
	width: 32%;
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #555555;
	border-radius: 16px;
	padding: 32px 32px 59px;
    position: relative;
    text-align: center;
}
.why_vps_hosting_area .item_price.item_price_two .btn_two {
	border: none;
}
.why_vps_hosting_area .item_price.item_price_two .btn_two:hover {
	background: #76e056;
}
.why_vps_hosting_area .item_price h3 {
	font-size: 26px;
	color: #76e056;
    margin-bottom: 0px;
}
.why_vps_hosting_area .item_price h3 span {
	font-size: 16px;
	color: #2a363f;
	vertical-align: middle;
}
.why_vps_hosting_area .item_price a.btn_two {
	background: #fff;
	color: #000;
	position: absolute;
	left: 50%;
	margin-left: -96px;
	bottom: -25px;
	width: 192px;
	background: #ffc000;
	border-radius: 15px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.item_price p {
	font-size: 15px;
	color: #5f5f5f;
}
.single_mockup.single_mockup_feature a h3 {
	margin-bottom: 25px;
	margin-top: 10px;
}
.single_mockup.single_mockup_feature:hover i {
	color: #76e056;
}
/* ---------------------------------------------
       Vps Hosting Page CSS
--------------------------------------------- */

/* ---------------------------------------------
       Blog Page CSS
--------------------------------------------- */
.post-sizer,
.post-item {
    width: 50%;
}

.post-item--width2 {
    width: 100%;
}

.blog_main_area {
    padding: 80px 0px;
}
.single_post {
	border: 1px solid #e1e1e1;
    border-radius: 16px;
}
.post_thumbnail img {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.single_post {
	border: 1px solid #e1e1e1;
	border-radius: 16px;
	margin-bottom: 30px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.post_title span {
	font-size: 15px;
	color: #818181;
}
.post_title h3 {
	font-size: 18px;
	color: #545454;
	font-weight: 700;
	margin: 10px 0px;
}
.post_date a i{
	color: #ffc000;
    margin-right: 8px;
}
.post_meta a i{
	color: #545454;
    margin-right: 8px;
}
.post_date a,
.post_meta a {
	padding: 0px 14px;
    position: relative;
	color: #545454;
	font-size: 15px;
}
.post_date a:hover, .post_meta a:hover {
	color: #ffc000;
}
.post_date a:first-child,
.post_meta a:first-child{
    padding-left: 0px;
}
.post_date a:after,
.post_meta a:after{
    position: absolute;
    right: 0;
    top: -2px;
    content: "|";
}
.post_date a:last-child:after,
.post_meta a:last-child:after{
    display: none;
}
.post_desc p {
	font-size: 16px;
	color: #606060;
	line-height: 26px;
}
.post_content_main {
	padding: 30px;
}
.post_desc {
	margin: 15px 0px 20px;
}
.blog_pagination ul li {
	display: inline-block;
	margin-right: 24px;
}
.blog_pagination ul li a {
	font-size: 16px;
	color: #606060;
	display: block;
}
.post_thumbnail a {
	display: inline-block;
    overflow: hidden;
}
.blog_pagination ul li a:hover{
    color: #ffc000;
}
.blog_pagination {
	margin-top: 30px;
}

.sidebar_widget_search input {
	width: 100%;
	height: 50px;
	border: 1px solid #e2e2e2;
	border-radius: 30px;
	padding: 0px 30px;
	padding-right: 95px;
}
.sidebar_widget_search button {
	position: absolute;
	border: none;
	background: transparent;
	right: 30px;
	top: 18px;
	height: 30%;
	color: #79ed56;
	padding-left: 30px;
	border-left: 1px solid #969696;
}
.sidebar_widget_search button span{
    vertical-align: top;
}
.sidebar_widget_search {
	position: relative;
}
.sidebar_widget.sidebar_widget_search {
	padding: 0px;
    border: none;
}
.sidebar_widget {
	margin-bottom: 40px;
	padding: 30px 30px 45px;
	border: 1px solid #ddd;
	border-radius: 16px;
}
.sidebar_widget_title h3 {
	font-size: 22px;
	color: #545454;
	font-weight: 700;
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 35px;
	position: relative;
}
.sidebar_widget_title h3::after {
	position: absolute;
	left: 50%;
	width: 40px;
	height: 5px;
	content: "";
	background: #ffc000;
	bottom: -3px;
	margin-left: -20px;
}
.sidebar_catagory_list ul li {
	font-size: 17px;
	color: #545454;
}
.sidebar_catagory_list ul li a {
	display: block;
	line-height: 47px;
	border-bottom: 1px solid #ddd;
	color: #545454;
}
.sidebar_catagory_list ul li a:hover {
	color: #ffc000;
}
.sidebar_catagory_list ul li:last-child a{
    border-bottom: none;
}
.sidebar_catagory_list ul li a span {
	float: right;
}
.single_latest_post_img {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}
.single_latest_post_content {
	display: inline-block;
	width: calc(100% - 97px);
	vertical-align: middle;
	padding-left: 10px;
}
.single_latest_post_img a:hover img {
	transform: scale(1.1);
}
.single_latest_post_content a {
	font-size: 18px;
	color: #545454;
    line-height: 24px;
}
.single_latest_post_content a:hover {
	color: #ffc000;
}
.single_latest_post_content a span {
	display: block;
	font-size: 16px;
	color: #898686;
	font-style: italic;
}
.single_latest_post {
	padding: 20px 0px;
}
.single_latest_post {
	padding: 20px 0px;
	border-bottom: 1px dashed #ddd;
}
.single_latest_post:last-child {
	padding-bottom: 0px;
	border-bottom: 0;
}
.single_latest_post:first-child {
	padding-top: 0px;
}
.sidebar_widget_follow_form input {
	width: 100%;
	height: 44px;
	padding: 0px 20px;
	border-radius: 30px;
	border: none;
	margin-bottom: 14px;
}
.sidebar_widget_follow_form input[type="text"] {
	background: #f3f3f3;
}
.sidebar_widget_follow_form input[type="submit"] {
	background: #ffc000;
	box-shadow: 0px 2px 16.59px 4.41px rgba(255, 192, 0, 0.24);
	border: none;
	color: #ffff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}
.sidebar_widget_follow_form input[type="submit"]:hover {
	border: 1px solid #ffc000;
	background: transparent;
	color: #818181;
    box-shadow: none;
}
.sidebar_widget_follow_social {
	text-align: center;
	margin-top: 10px;
}
.sidebar_widget_follow_social a {
	width: 39px;
	height: 39px;
	display: inline-block;
	border: 1px solid #b7b7b7;
	line-height: 39px;
	border-radius: 50%;
    margin: 0px 5px;
    color: #4e4e4e;
}
.sidebar_widget_follow_social a:hover{
    background: #ffc000;
	border: 1px solid #ffc000;
    color: #fff;
}
.sidebar_widget_tag_list li {
	display: inline-block;
}
.sidebar_widget_tag_list li {
	display: inline-block;
    margin-bottom: 10px;
}
.sidebar_widget_tag_list li a {
	height: 35px;
	display: block;
	padding: 0px 19px;
	border: 1px solid #ddd;
	border-radius: 22px;
	margin-right: 5px;
	line-height: 35px;
    font-size: 17px;
    color: #717171;
}
/* ---------------------------------------------
       Blog Page CSS
--------------------------------------------- */

/* ---------------------------------------------
       Single Blog Page CSS
--------------------------------------------- */
.single_blog_page_post .post_desc .first_para span {
	width: 68px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	background: #252525;
	color: #faba35;
	font-size: 45px;
	display: inline-block;
    vertical-align: middle;
}
.single_blog_page_post .post_desc .first_para p {
	display: inline-block;
	width: calc(100% - 72px);
    vertical-align: middle;
    padding-left: 15px;
}
.single_blog_page_post .post_desc p {
	margin-bottom: 10px;
}
.single_blog_page_post .post_desc img {
	padding: 25px 50px;
}

.comment-respond {
	padding: 64px 40px;
	border: 1px solid #ddd;
	border-radius: 16px;
}
.comment-reply-title h3 {
	font-size: 22px;
	color: #545454;
	font-weight: 700;
	margin-bottom: 38px;
	position: relative;
	padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
}
.comment-reply-title h3::after,.comments-title h2::after {
	position: absolute;
	content: "";
	left: 37%;
	bottom: -3px;
	background: #ffc000;
	content: "";
	height: 5px;
	width: 50px;
	margin-left: -25px;
}
.total_input_form_field {
	width: calc(50% - 4px);
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}
.comment-form-field.comment-textarea {
	width: calc(50% - 4px);
	display: inline-block;
    padding-right: 10px;
}
.comment-form-field.comment-textarea textarea {
	width: 100%;
	height: 220px;
	border-radius: 16px;
	border: 1px solid #ddd;
	padding: 19px;
	resize: none;
}
.input-form-field label {
	display: block;
}
.input-form-field input {
	width: 100%;
	height: 44px;
	border: 1px solid #ddd;
	border-radius: 30px;
	padding-left: 20px;
}
.input-form-field {
	margin-bottom: 8px;
}
.input-form-field:last-child{
    margin-bottom: 0px;
}
.form-submit input {
	height: 44px;
	width: 137px;
	text-align: center;
	border-radius: 10px;
	background: #363636;
	border: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
.form-submit{
    position: relative;
    display: inline-block;
    margin-top: 30px;
}
.form-submit:before{
    border-radius: 10px;
}
.comment-form-field label, .input-form-field {
	display: inline-block;
	margin-bottom: 16px;
	font-size: 16px;
	color: #606060;
	font-weight: 400;
	width: 100%;
}
.comment-form-field label span, .input-form-field span{
    color: #ffc000;
}
.comment-author {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-block;
    vertical-align: middle;
}
.comment-author img {
	border-radius: 80px;
	width: 100% !important;
	height: 100%;
}
.comment-meta {
	display: inline-block;
	width: calc(100% - 84px);
	vertical-align: middle;
	padding-left: 25px;
}
.comment-list {
	margin-bottom: 80px;
}
.comments-title h2 {
	font-size: 22px;
	color: #545454;
	padding-bottom: 30px;
	margin-bottom: 38px;
    font-weight: 700;
    position: relative;
    border-bottom: 1px solid #ddd;
}
#comments {
	margin-top: 80px;
}
.comments-title {
	display: inline-block;
}
.children {
	padding-left: 62px;
}
.comment-body {
	margin-bottom: 50px;
	position: relative;
}
.comment-metadata a {
	font-size: 18px;
	color: #545454;
	font-weight: 700;
	display: block;
}
.comment-content p {
	font-size: 16px;
	color: #606060;
    line-height: 26px;
}
.comment-metadata span {
	font-size: 15px;
	color: #777777;
}
.reply {
	position: absolute;
	right: 0;
	top: 0;
}
.reply a {
	font-size: 16px;
	color: #5f5f5f;
}
.related_post_area .owl-next {
	float: right;
}
.related_post_area .owl-prev, .related_post_area .owl-next {
	display: inline-block;
    font-size: 16px;
    color: #8e8d8b;
    text-transform: uppercase;
}
.related_post_area .owl-prev:hover, 
.related_post_area .owl-next:hover ,
.comment-metadata a:hover,
.reply a:hover,
.sidebar_widget_tag_list li a:hover{
	color:#ffc000;
}
.sidebar_widget_tag_list li a:hover{
    border: 1px solid #ffc000;
}
.related_post_area  .owl-nav {
	padding-bottom: 16px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 60px;
}
.related_post_area .post_content_main {
	padding: 16px;
}
.related_post_area .post_date a i {
	color: #ffc000;
	margin-right: 1px;
}
.related_post_area .post_date a{
	padding: 0px 7px;
}
.related_post_area .post_title h3 {
	font-size: 17px;
}
.post_title a h3:hover {
	color: #ffc000;
}
.related_post_area .sidebar_widget_title h3 {
	display: inline-block;
}
.related_post_area .sidebar_widget_title {
	text-align: center;
}
.related_post_area .owl-prev i,
.related_post_area .owl-next span {
	margin-right: 7px;
	font-weight: 400;
}
.author_detail_area {
	margin-bottom: 80px;
	border: 1px solid #ddd;
	padding: 30px;
	border-radius: 16px;
}
.author_detail {
	display: inline-block;
	width: calc(100% - 137px);
	padding-left: 30px;
	vertical-align: middle;
}
.author_detail a h3 {
	font-size: 20px;
	color: #faba35;
	font-weight: 600;
	margin-bottom: 5px;
}
.author_quote {
	font-size: 16px;
	color: #606060;
	line-height: 26px;
}
.author_social a {
	color: #606060;
	margin-right: 26px;
	font-size: 16px;
}
.author_social a:hover{
    color: #ffc000;
}
.author_img {
	display: inline-block;
	width: 133px;
	height: 133px;
	border-radius: 50%;
}
.author_img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.author_social {
	margin-top: 15px;
}
.single_blog_page_post .post_meta::after {
	position: absolute;
	content: "";
	left: -30px;
	top: 0;
	width: calc(100% + 60px);
	height: 1px;
	background: #e1e1e1;
}
.single_blog_page_post .post_meta {
	padding-top: 30px;
	position: relative;
}
.related_post_area .post_date a:first-child {
	padding-left: 0px;
}
/* ---------------------------------------------
       Single Blog Page CSS
--------------------------------------------- */

/* ---------------------------------------------
       Start responsive CSS
--------------------------------------------- */

@media only screen and (min-width: 1200px) and (max-width: 1920px) {
    .form_select {
        width: calc(100% - 134px);
    }
    .select_n_btn {
        width: calc(100% - 360px);
    }
    .form_group {
        width: 355px;
    }
    .why_vps_hosting_area {
            overflow-x: hidden;
    }
    .all_packages .tab-content {
        width: calc(93% - 124px);
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* Home One*/
    .feature_title h3 {
        font-size: 18px;
    }
    .dm_register_heading h2 {
        font-size: 46px;
    }
    .form_select {
        width: calc(100% - 134px);
    }
    .select_n_btn {
        width: 50%;
        margin-left: -4px;
    }
    .form_group {
        width: 50%;
        display: inline-block;
    }
    .domain_search {
        padding: 20px;
    }
    .take_bs_left_list ul li span,
    .child_tab_item_list.bold_head li {
        font-size: 14px;
    }
    .child_tab_item_list li {
        width: 12.9%;
    }
    .child_tab_item_list .btn_two {
        padding: 0;
        width: 100%;
    }
    .btn_two {
        padding: 0px 35px;
    }
    .copyright p {
        font-size: 14px;
    }
    .domain_promo_area .section_title h2 {
        font-size: 33px;
    }
    /* Home One */
    
    /* Home three */
    .single_mockup h3 {
        font-size: 16px;
    }
    .domain_register_two_title h3 {
        font-size: 17px;
    }
    .domain_register_area_two .form_group {
        width: 228px;
    }
    .domain_register_area_two .select_n_btn {
        width: calc(100% - 228px);
    }
    .domain_register_two_title h2 {
        font-size: 29px;
    }
    .config_head {
        width: 16.3%;
    }
    .choose_plan_area #js-rangeslider-0 {
        width: calc(100% - 142px);
    }
    .banner_two_title h2 {
        font-size: 48px;
    }
    .choose_plan_area .range_control span.border1 {
        left: calc(0% + 80px);
    }
    .choose_plan_area .range_control span.border6 {
        left: 88%;
    }
    /* Home three */
    
    /* vps hosting */
    
    .widget_extras_menu_list ul li a {
        font-size: 14px;
    }
    .processor_progress .progress {
        height: 25px;
    }
    .config.progress_area {
        left: 100px;
        bottom: -107px;
    }
    .why_vps_hosting_area .range_control .border.border3 {
        left: calc(47% + 4px);
    }
    .why_vps_hosting_area .range_control .border.border4 {
        left: calc(70% - 3px);
    }
    .why_vps_hosting_area .range_control .border.border5 {
        left: calc(92% - 3px);
    }
    .why_vps_hosting_area {
        overflow-x: hidden;
    }
    /* vps hosting */
    
    /* Cloud hosting */
    .single_price_three {
        margin-bottom: 60px;
    }
    .breadcrumb_list_three h3 {
        font-size: 40px;
    }
    .buy_whost_content h2 {
        font-size: 25px;
    }
    .all_packages .tab-content {
        width: calc(90% - 124px);
    }
    .become_cloud_hosting .range_control .border.border2 {
        left: calc(26% + 2px);
    }
    .become_cloud_hosting .range_control .border.border3 {
        left: calc(49% - 2px);
    }
    .become_cloud_hosting .range_control .border.border4 {
        left: calc(70% + 2px);
    }
    .become_cloud_hosting .range_control .border.border5 {
        left: calc(92% + 2px);
    }
    .become_cloud_hosting .package_scnd_list .range_control .border.border2 {
        left: calc(28% + 2px);
    }
    .become_cloud_hosting .package_scnd_list .range_control .border.border3 {
        left: calc(52% + 2px);
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border2 {
        left: 29%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border3 {
        left: 53%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border4 {
        left: calc(77% + 2px);
    }
    /* Cloud hosting */
    
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* home one */
    .child_tab_item_list li {
        width: 12%;
    }
    .child_tab_item_list li:first-child {
        width: 24%;
    }
    .header_mainmenu ul li a {
        padding: 0px 8px;
        font-size: 16px;
    }
    .header_contact a {
        padding-right: 6px;
    }
    .dm_register_heading h3 {
        font-size: 23px;
    }
    .dm_register_heading h2 {
        font-size: 37px;
        line-height: 40px;
    }
    .form_group {
        width: 100%;
    }
    .select_n_btn {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        margin-top: 20px;
        text-align: center;
    }
    .pricing_title h3 {
        font-size: 20px;
    }
    .take_bs_left h2 {
        font-size: 32px;
    }
    .take_bs_left_list ul li {
        width: 100%;
    }
    .child_tab_item_list .btn_two {
        height: 40px;
        line-height: 40px;
        padding: 0px;
        width: 100%;
    }
    .single_feature {
        margin-bottom: 30px;
    }
    .widget_social a {
        margin-right: -4px;
    }
    /* home one */
    
    /* home two */
    .sn_ftr_two_left {
        margin-right: 0;
    }
    .sn_ftr_two_right {
        margin-top: 40px;
    }
    .hoster_module_area {
        height: 500px;
    }
    .hstr_mdle_content h3 {
        font-size: 29px;
    }
    .hstr_mdle_bg a {
        left: calc(50% - 33px);
        top: calc(50% - 56px);
    }
    .hstr_mdle_bg a i {
        font-size: 66px;
    }
    .domain_promo_area .section_title h2 {
        font-size: 26px;
    }
    /* home two */
    
    /* home two */
    .banner_two_title h2 {
        font-size: 37px;
    }
    .domain_register_two_title {
        text-align: center;
    }
    .config_head {
        width: 33.33%;
        margin-left: -4px;
        margin-bottom: 30px;
    }
    .chatting_content h2 {
        font-size: 23px;
    }
    .choose_plan_area .range_control span.border2 {
        left: 25%;
    }
    .choose_plan_area .range_control span.border3 {
        left: 39%;
    }
    .choose_plan_area .range_control span.border4 {
        left: 53%;
    }
    .choose_plan_area .range_control span.border5 {
        left: 67%;
    }
    .choose_plan_area .range_control span.border6 {
        left: 81%;
    }
    /* home two */
    
    /* Dedicated server */
    .feature_title h3 {
        font-size: 16px;
    }
    .single_price_five {
        border-bottom-left-radius: 165px;
        border-bottom-right-radius: 165px;
    }
    .buy_whost_content h2 {
        font-size: 22px;
        padding-left: 7px;
        width: calc(100% - 50px);
    }
    .breadcrumb_list_three h3 {
        font-size: 30px;
    }
    .breadcrumb_three {
        padding-top: 98px;
    }
    .section_title h2 {
        font-size: 25px;
    }
    /* Dedicated server */
    
    /* Vps Hosting */
    .range_item.active {
        display: block;
        text-align: center;
    }
    .why_vps_hosting_area .item_price {
        width: 50%;
    }
    .progress_main {
        width: 100%;
    }
    .sn_vps_work_text h3 {
        font-size: 17px;
    }
    .pricing_title_four h3 {
        font-size: 24px;
    }
    .pricing_btn_two a {
        font-size: 20px;
    }
    .why_vps_hosting_area .range_control .border {
        font-size: 15px;
    }
    .why_vps_hosting_area .range_control .border.border3 {
        left: calc(47% - 2px);
    }
    .why_vps_hosting_area .range_control .border.border4 {
        left: 68%;
    }
    .why_vps_hosting_area .range_control .border.border5 {
        left: 89%;
    }
    .why_vps_hosting_area {
        overflow: hidden;
    }
    .config.progress_area {
        bottom: -120px;
    }
    .config_progress_head {
        margin-bottom: 26px;
    }
    /* Vps Hosting */
    
    /* Cloud Hosting */
    .single_price_three {
        padding-bottom: 47px;
        margin-bottom: 60px;
    }
    .all_packages .tab-content {
        padding-left: 15px;
    }
    .all_packages .nav {
        width: 115px;
    }
    .become_cloud_hosting .range_control .border {
        font-size: 14px;
    }
    .become_cloud_hosting .range_control .border.border2 {
        left: 27%;
    }
    .become_cloud_hosting .range_control .border.border3 {
        left: 48%;
    }
    .become_cloud_hosting .range_control .border.border4 {
        left: calc(70% - 2px);
    }
    .become_cloud_hosting .range_control .border.border5 {
        left: 91%;
    }
    .become_cloud_hosting .package_scnd_list .range_control .border.border2 {
        left: calc(28% + 1px);
    }
    .become_cloud_hosting .package_scnd_list .range_control .border.border3 {
        left: 51%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border2 {
        left: 29%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border3 {
        left: calc(52% + 1px);
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border4 {
        left: 76%;
    }
    .become_cloud_hosting {
        overflow-x: hidden;
    }
    /* Cloud Hosting */
    
    /* Blog Page */
    .blog_right_sidebar {
        margin: 50px 100px 0px;
    }
    .choose_plan_area .range_control span.border6 {
        left: 83%;
    }
    /* Blog Page */
    
    /* Reseller Page */
    .sn_server_two_list h3 {
        font-size: 18px;
    }
    .pricing_title_two h3 {
        font-size: 18px;
    }
    .breadcrumb_img {
        width: 30%;
    }
    .header_nav .container {
        position: relative;
    }
    .header_nav .col-md-auto {
        position: static;
    }
    .dropdown_menu {
        padding: 15px 15px;
        width: 190px;
    }
    .m_service_menu li a strong span {
        font-size: 14px;
    }
    .advertise_rate {
        padding: 7px;
    }
    .chat_btn .btn_two {
        font-size: 16px;
        text-transform: inherit;
    }
    .sn_server_two_list ul li {
        font-size: 14px;
    }
    /* Reseller Page */
}
@media only screen and (max-width: 767px) {
	.container {
		width: 300px;
	}
    /* home one*/
    .form_group {
        width: 100%;
        margin-bottom: 20px;
    }
    .header_top_toolbar, .header_nav{
        display: none;
    }
    .select_n_btn {
        display: inline-block;
        width: 100%;
        padding-left: 0px; 
        margin-left: 0px; 
    }
    .domain_search {
        padding: 15px 15px;
    }
    .form_select {
        width: calc(100% - 134px);
    }
    .domain_register_area {
		padding: 100px 0px 100px;
		width: 100%;
	}
    .dm_register_heading h3 {
        font-size: 27px;
        line-height: 40px;
    }
    .dm_register_heading h2 {
        font-size: 40px;
        line-height: 40px;
        margin-top: 20px;
    }
    .single_price {
		margin-top: 50px;
	}
    .take_bs_left_list ul li {
        width: 100%;
    }
    .take_bs_left h2 {
        font-size: 28px;
    }
    .take_bs_right {
        margin-top: 40px;
    }
    .section_title h2 {
        font-size: 30px;
    }
    .available_server_area .nav li a {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    .available_server_area .nav li {
        width: 100%;
    }
    .section_title {
        margin-bottom: 43px;
    }
    .child_tab_item_list.bold_head {
        display: none;
    }
    .child_tab_item_list li {
        width: 100%;
        text-align: center;
        line-height: 30px;
    }
    .child_tab_item_list li:first-child {
        width: 100%;
    }
    .child_tab_item_list {
        padding: 10px 0px 15px;
    }
    .available_server_head a {
        padding-left: 15px;
    }
    .available_server_head a span {
        padding-right: 15px;
    }
    .single_feature {
        margin-bottom: 30px;
    }
    .chatting_area .btn_two {
        margin-top: 30px;
    }
    .copyright {
        text-align: center;
    }
    .back_to_top p {
        text-align: center;
    }
    .copyright p {
        line-height: 26px;
    }
    .widget {
        margin-bottom: 30px;
    }
    #mobile-nav-wrap {
		display: block;
		position: relative;
	}
    /* home one */
    
    /* home two */
    .domain_promo_area .section_title h2 {
        font-size: 22px;
    }
    .domain_promo_area .section_title {
        margin-bottom: 0;
    }
    .single_slider {
        width: auto;
    }
    .domain_deal h3 {
        font-size: 21px;
    }
    .domain_promo_slider {
        margin-bottom: 30px;
    }
    .sn_ftr_title h3 {
        font-size: 20px;
    }
    .sn_ftr_title p {
        font-size: 16px;
    }
    .sn_ftr_two_left {
        margin-right: 0;
    }
    .sn_ftr_two_right {
        margin-top: 40px;
    }
    .single_counter {
        width: calc(50% - 4px);
        margin-bottom: 30px;
    }
    .hstr_mdle_bg {
        position: static;
        transform: translate(0,0);
    }
    .hoster_module_area {
        height: auto;
        padding: 80px 0px;
    }
    .hstr_mdle_content h4 {
        font-size: 26px;
    }
    .hstr_mdle_content h3 {
        font-size: 24px;
        line-height: 25px;
    }
    .hstr_mdle_bg a i {
        font-size: 50px;
    }
    .hstr_mdle_bg a {
        left: calc(50% - 25px);
        top: calc(50% - 44px);
    }
    .item_price a.btn_two.btn_two.just_border {
        margin-bottom: 20px;
    }
    /* home two */
    
    /* home three */
    .swiper-slide-right {
        display: none;
    }
    .banner_two_title h2 span {
        font-size: 23px;
    }
    .banner_two_title h2 {
        font-size: 26px;
    }
    .banner_two_list li {
        font-size: 17px;
    }
    .domain_register_area_two .select_n_btn {
        width: 100%;
    }
    .domain_register_area_two .form_group {
        width: 100%;
    }
    .domain_register_two_title {
        margin-bottom: 30px;
    }
    .domain_register_two_title h3 {
        font-size: 18px;
    }
    .domain_register_two_title h2 {
        font-size: 23px;
    }
    .single_mockup {
        margin-bottom: 30px;
    }
    .config_head {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .choose_plan_area #js-rangeslider-0 {
        width: 100%;
    }
    .item_price a {
        margin-bottom: 20px;
    }
    .choose_plan_area .range_control span.border6 {
        left: 85%;
    }
    .choose_plan_area .range_control span.border5 {
        left: 68%;
    }
    .choose_plan_area .range_control span.border4 {
        left: 52%;
    }
    .choose_plan_area .range_control span.border3 {
        left: 36%;
    }
    .choose_plan_area .range_control span.border2 {
        left: 20%;
    }
    .choose_plan_area .range_control span.border1 {
        left: 4%;
    }
    .choose_plan_area .rangeslider__handle::after {
        width: 62px;
        left: -17px;
        font-weight: 400;
        text-transform: capitalize;
    }
    .chatting_content h2 {
        font-size: 23px;
    }
    .chat_btn .btn_two {
        font-size: 16px;
    }
    /* home three */
    
    /* Dedicated server */
    .breadcrumb_list_three {
        top: 70%;
        transform: translateY(0); 
        padding-left: 0;
    }
    .breadcrumb_list_three h3 {
        font-size: 30px;
    }
    .buy_whost_content {
        text-align: center;
    }
    .buy_whost_btn {
        margin: 0 auto;
        padding-top: 20px;
        text-align: center;
    }
    .buy_whost_content h2 {
        font-size: 22px;
        margin-top: 20px;
    }
    /* Dedicated server */
    
    /* VPS Hosting */
    .live_chat_area {
        display: none;
    }
    .processor_progress .progress {
        height: 10px;
    }
    .config_progress_head {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 22px;
    }
    .config.progress_area {
        width: auto;
        left: -36px;
        bottom: 55px;
    }
    .why_vps_hosting_area .item_price {
        width: 100%;
    }
    .breadcrumb_list {
        position: absolute;
        left: 0;
        bottom: calc(50% - 70px);
        padding-left: 15px;
        width: 100%;
        text-align: center;
    }
    .breadcrumb_img {
         display: none; 
    }
    .why_vps_hosting_area {
        position: relative;
        overflow: hidden;
    }
    .how_vps_work_img {
        margin-bottom: 30px;
    }
    .single_price_four {
        margin-bottom: 30px;
    }
    .sn_vps_work_text {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
    .why_vps_hosting_area .item_price {
        padding: 32px 28px 59px;
    }
    .why_vps_hosting_area .rangeslider--horizontal {
        height: 4px;
        width: 100%;
        left: 0;
    }
    .why_vps_hosting_area .range_control .border {
        font-size: 10px;
    }
    .why_vps_hosting_area .range_control .border.border1 {
        left: 0;
    }
    .why_vps_hosting_area .range_control .border.border2 {
        left: 21%;
    }
    .why_vps_hosting_area .range_control .border.border3 {
        left: 42%;
    }
    .why_vps_hosting_area .range_control .border.border4 {
        left: 63%;
    }
    .why_vps_hosting_area .range_control .border.border5 {
        left: 84%;
    }
    .why_vps_hosting_area .section_title h2 {
        font-size: 21px;
        margin-bottom: 76px;
    }
    /* VPS Hosting */
    
    /* Cloud Hosting */
    .all_packages .nav li a span {
        display: none;
    }
    .all_packages .nav li a span.for_mobile {
        display: block;
    }
    .all_packages .nav li {
        width: 19%;
        text-align: center;
        display: inline-block;
        margin-bottom: 25px;
    }
    .all_packages .nav li a::after {
        right: 13px;
        top: 153%;
    }
    .all_packages .nav {
        width: 100%;
        display: inline-block;
        border-bottom: 3px solid #555555;
        border-right: 0px solid;
    }
    .all_packages .tab-content {
        width: 100%;
        padding-left: 0;
        margin-top: 60px;
    }
    .package_list ul li span {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 128px;
        content: "";
    }
    .package_list ul li::after {
        top: calc(100% + 33px);
    }
    .package_list ul li:hover span {
        display: block;
    }
    .single_faq_header a span {
        display: none;
    }
    .single_faq_header a {
        height: 60px;
        padding-left: 13px;
        line-height: 29px;
    }
    .become_cloud_hosting .range_control .border em {
        opacity: 0;
        display: none;
    }
    .become_cloud_hosting .range_control .border:hover em {
        opacity: 1;
        width: 125px;
        display: block;
    }
    .single_price_three {
        margin-bottom: 60px;
    }
    .become_cloud_hosting .section_title h2 {
        font-size: 20px;
    }
    .become_cloud_hosting .range_control .border.border2 {
        left: 29%;
    }
    .become_cloud_hosting .range_control .border.border3 {
        left: 46%;
    }
    .become_cloud_hosting .range_control .border.border4 {
        left: 64%;
    }
    .become_cloud_hosting .range_control .border.border5 {
        left: 81%;
    }
    .become_cloud_hosting .package_scnd_list .range_control .border.border2 {
        left: 26%;
    }
    .become_cloud_hosting .package_scnd_list .range_control .border.border3 {
        left: 42%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border2 {
        left: 30%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border3 {
        left: 48%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border4 {
        left: 67%;
    }
    .why_cloud_hosting_area .section_title h2 {
        font-size: 20px;
    }
    .become_cloud_hosting .range_control .border:last-child em {
        right: 0;
        position: absolute;
    }
    /* Cloud Hosting */
    
    /* Blog CSS */
    .post-sizer, .post-item {
        width: 100%;
    }
    .blog_right_sidebar {
        margin-top: 40px;
    }
    .single_latest_post_content {
        width: 100%;
        padding-left: 0px;
    }
    .post_thumbnail img {
        width: 100% !important;
    }
    .post_thumbnail a{
        display: block;
    }
    /* Blog CSS */
    
    /* Single Blog CSS */
    .author_detail {
        padding-left: 0;
        width: 100%;
    }
    .comment-meta {
        width: 100%; 
        padding-left: 0;
    }
    .single_blog_page_post .post_desc .first_para p {
        width: 100%;
        padding-left: 0;
    }
    .single_blog_page_post .post_desc .first_para span {
        display: none;
    }
    .single_blog_page_post .post_desc img {
        padding: 15px;
    }
    .total_input_form_field {
        width: 100%;
    }
    .comment-form-field.comment-textarea {
        width: 100%;
        padding-right: 0px;
    }
    .comment-respond {
        padding: 40px 20px;
    }
    /* Single Blog CSS */
    
    /* Reseller CSS */
    .single_price_two {
        margin-bottom: 30px;
    }
    .pricing_area_two .col-md-3 {
        padding: 0px 15px;
    }
    .sn_cn_address {
        margin-bottom: 30px;
    }
    .pg_main_contact {
        margin-bottom: 30px;
    }
    .all_packages .nav::after {
        display: none;
    }
    .breadcrumb_title h3 {
        font-size: 30px;
    }
    .why_cloud_hosting_top {
        margin-top: 30px;
    }
    .mobile_toolbar .header_social {
        width: 55% !important;
    }
    .mobile_toolbar .header_login {
        width: 39% !important;
    }
    .mobile_toolbar .header_social a {
        padding: 0px 3px;
    }
    .mobile-menu-inner {
        height: 100vh !important; 
    }
    .footer_area .row.footer_top {
        padding: 83px 0px 24px;
    }
    .back_to_top p {
        padding-top: 15px;
    }
    
	#header_nav-sticky-wrapper {
		height: auto;
	}
	.is-sticky #bottom_nav {
		background: red;
		z-index: 99 !important;
		position: relative;
	}
	.is-sticky .mobile_toolbar {
		display: none;
	}
	.is-sticky #mobile-nav-wrap {
		height: 100px;
	}
    /* Reseller  CSS */
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width: 450px;
	}
    .single_price_five {
        margin: 30px 75px 0px;
    }
    .config.progress_area {
        width: 100%;
        left: 82px;
        bottom: 21px;
    }
    .single_latest_post_content {
        width: calc(100% - 97px);
        padding-left: 10px;
    }
    .single_price_two {
        margin: 0px 81px 30px;
    }
    /* vps hosting */
    .dm_register_heading h2 {
        font-size: 32px;
    }
    .copyright p {
        font-size: 14px;
    }
    .why_vps_hosting_area .range_control .border {
        font-size: 14px;
    }
    .rangeslider, .rangeslider__fill {
        border-radius: 0px;
        box-shadow: none;
    }
    .why_vps_hosting_area .range_control .border.border2 {
        left: calc(22% + 1px);
    }
    .why_vps_hosting_area .range_control .border.border3 {
        left: calc(44% + 3px);
    }
    .why_vps_hosting_area .range_control .border.border4 {
        left: calc(67% - 1px);
    }
    .why_vps_hosting_area .range_control .border.border5 {
        left: 89%;
    }
    /* vps hosting */
    
    /* cloud Hosting */
    .become_cloud_hosting .range_control .border {
        width: 19%;
    }
    .become_cloud_hosting .range_control .border.border2 {
        left: calc(28% - 3px);
    }
    .become_cloud_hosting .range_control .border.border3 {
        left: calc(48% - 2px);
    }
    .become_cloud_hosting .range_control .border.border4 {
        left: 68%;
    }
    .become_cloud_hosting .range_control .border.border5 {
        left: 88%;
    }
    .become_cloud_hosting .package_scnd_list .range_control .border.border2 {
        left: calc(28% - 1px);
    }
    .become_cloud_hosting .package_scnd_list .range_control .border.border3 {
        left: 48%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border2 {
        left: 29%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border3 {
        left: 51%;
    }
    .become_cloud_hosting .package_fourth_list .range_control .border.border4 {
        left: 73%;
    }
    .mobile-menu-inner {
        width: 75%;
    }
    .mobile-menu-inner {
        height: 100vh !important; 
    }
    .available_server_area .nav li a {
        height: 40px;
        line-height: 40px;
        padding: 0px 14px;
        font-size: 15px;
        font-weight: 700;
    }
    .available_server_area .nav li {
        width: auto;
    }
    .available_server_head a {
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }
    .available_server_head a span {
        line-height: 50px;
    }
    .config_head {
        display: inline-block;
        width: 49%;
    }
    .choose_plan_area .range_control span.border6 {
        left: 90%;
    }
    .choose_plan_area .range_control span.border5 {
        left: calc(73% - 2px);
    }
    .choose_plan_area .range_control span.border4 {
        left: 55%;
    }
    .choose_plan_area .range_control span.border3 {
        left: 38%;
    }
    .choose_plan_area .range_control span.border2 {
        left: calc(21% - 2px);
    }
    .choose_plan_area .range_control span.border1 {
        left: calc(0% + 15px);
    }
    .choose_plan_area .rangeslider__handle::after {
        left: -20px;
        width: 70px;
    }
    .chatting_content h2 {
        font-size: 25px;
    }
    .single_mockup {
        padding: 0px 50px;
    }
    .banner_two_area {
	background: #ffdc62;
        padding: 55px 0px 30px;
    }
    .swiper-slide-right {
        display: block;
        width: 25%;
        top: 90px;
    }
    .item_price a.btn_two.btn_two.just_border {
        margin-bottom: 0px;
    }
    /* cloud Hosting */
}
@media only screen and (min-width: 300px) and (max-width: 479) {
	.container {
		width: 300px;
	}
}
/* ---------------------------------------------
       End responsive CSS
--------------------------------------------- */