@charset "utf-8";
/* CSS Document */

/* Body Colors */
body{
	background-color:#60aec2;
	}
.body_dgrey{
	color:#494949;
	font-size:16px;
	font-family:'Droid Serif', serif;
	
	}
.body_white{
	color:#ffffff;
	font-size:16px;
	font-family:'Droid Serif', serif;}

/* Sectioning Classes */
.section_wrap{width:100%;}
.section{width:90%;margin:0 auto;}
.section70{width:70%;margin:0 auto;}

/* Section Background color classes */
.color_bg_darkg{background-color:#494949;}
.color_bg_beeze{background-color:#f2f4dc;}
.color_bg_lightb{background-color:#60aec2;}
.color_bg_darkb{background-color:#151515;}
.color_bg_footerdark{background-color:#282828;}
.color_bg_lighr{background-color:#e98472;}
.color_bg_darkr{background-color:#cf3c21;}
.color_bg_lightg{background-color:#84d89d;}
.color_bg_darkgr{background-color:#36ab59;}
.color_bg_pureb{background-color:#070707;}
.color_bg_accent{background-color:#fcf688;}
/* Button Background color classes */
.button_bg_darkg{background-color:#3b3b3b;border-bottom:5px solid #1A1A1A;}
.button_bg_vlightg{background-color:#cbcbcb;border-bottom:3px solid #727272;}
.button_bg_lightr{background-color:#e98472;border-bottom:5px solid #CF3C21;}
.button_bg_lightg{background-color:#84d89d;border-bottom:5px solid #36AB59;}
.button_bg_lightb{background-color:#60aec2;border-bottom:5px solid #2E6978;}
.button_bg_darkb{background-color:#34707c;border-bottom:5px solid #2a5a63;}
.button_bg_darkbl{background-color:#151515;border-bottom:5px solid #060606;}
.button_bg_darkr{background-color:#cf3c21;border-bottom:5px solid #9A2C18;}
.button_bg_darkgr{background-color:#36ab59;border-bottom:5px solid #1a7936;}
.button_bg_accent{background-color:#fcf688;border-bottom:5px solid #cac004}

/* Text color classes */
.color_text_white{color:#ffffff;}
.color_text_dgrey{color:#494949;}
.color_text_lightr{color:#e98472;}
.color_text_lightg{color:#84d89d;}
.color_text_lightb{color:#60aec2;}
.color_text_accent{color:#fcf688;}
.color_text_darkr{color:#cf3c21;}
.color_text_darkgr{color:#36ab59;}
.color_text_accent{color:#fcf688;}
.color_text_lightgrey{color:#999999;}
/* General Settings */
.bold_it{font-weight:bold;}
.vertical_top{vertical-align:top;}
.vertical_middle{vertical-align:middle;}
.vertical_bottom{vertical-align:bottom;}
.paragraph{
font-size:18px;
line-height:1.8;
text-align:justify;
}
.italic_it{font-style:italic;}
strong{font-weight:bold;}
.underline_it{text-decoration:underline!important;}
.table_row{display:table-row}
.table_cell{display:table-cell}
.margin_center{
	margin:0 auto;}
.half_width{width:50%;}
.margin_right20{margin-right:20px;}
.margin_left20{margin-left:20px;}
.margin_top20{margin-top:20px!important;}
.margin_bottom20{margin-bottom:20px;}
.width10{width:10%;}
.width15{width:12%;}
.width20{width:20%;}
.width30{width:30%;}
.width40{width:40%;}
.width50{width:50%;}
.width60{width:60%;}
.width70{width:70%;}
.width75{width:75%;}
.width80{width:80%;}
.width90{width:90%;}
.width100{width:100%;}
.extra_height{
	height:40px;
	}
.relative_pos{position:relative!important;}
.absolute_pos{position:absolute!important;}
.fixed_pos{position:fixed!important;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.caps{
	text-transform:uppercase;}
.flex_it{
	display:flex;
	justify-content:space-around;
	
	}
.flex_wrap_it{
	flex-wrap:wrap;
	}
.center_it{
	text-align:center;
	}
.space_between{justify-content:space-between;}
.box_padding{
	padding:10px;
	}
.big_padding{
	padding:20px 0 20px 0;
	}
.bigger_padding{
	padding:50px 0 50px 0;
	}
.biggest_padding{
	padding:70px 0 70px 0;
	}
.box_margin{
	margin:10px;
	}
.pointer{
	cursor:pointer;}
.line_height1{
	line-height:1;
	}
.line_height1_5{
	line-height:1.5;
	}
.line_height2{
	line-height:2;
	}
.align_right{text-align:right;}
.align_left{text-align:left;}
.hide_me{display:none;}
.float_left{float:left;}
.float_right{float:right;}
.inline_block{display:inline-block;}
.display_block{display:block;}
.clear_float{float:none;clear:both;}
/* Hyperlinks */

.hyplink_menu{
	font-size:16px;	
	text-decoration:none;
	font-family:'Droid Sans', sans-serif;
	}
.footer_menu{
	font-size:14px;	
	text-decoration:none;
	font-family:'Droid Sans', sans-serif;
	}
.hyplink_button{
	font-size:14px;
	text-decoration:none;
	font-family:'Droid Sans', sans-serif;
	}
/*button sizes */
.button_very_small{
	width:90px;
	height:35px;
	line-height:35px;
	}
.button_small{
	width:150px;
	height:50px;
	line-height:50px;
	}

.button_medium{
	width:200px;
	height:50px;
	line-height:50px;
	}
.button_large{
	width:300px;
	height:70px;
	line-height:70px;
	}
/* Buttons */
.act_button{
	text-align:center;
	}

/* Headers */
.header_big{
	font-size:30px;
	font-family: 'Oswald', sans-serif;
	}
.header_medium{
	font-size:25px;
	font-family: 'Droid Sans', sans-serif;
	}
.header_small{
	font-size:17px;
	font-family: 'Droid Sans', sans-serif;
	}
.header_small_1{
	font-size:16px;
	font-family: 'Droid Sans', sans-serif;
	}
.header_very_small{
	font-size:14px;
	font-family: 'Droid Sans', sans-serif;
	}
.header_extra{
	font-size:35px;
	font-family: 'Oswald', sans-serif;
	
	}
/*List */
.general_list{
	font-family: 'Droid Serif', serif;
	
	line-height:1.4;
	}

/* Typography */
.nav_typo{
	font-family:'Oswald', sans-serif;
	font-weight:400;
	}
.header_typo{
	font-family:'Oswald', sans-serif;
	}
.body_typo{
	font-family: 'Droid Serif', serif;
	}


/*inputs */
.dark_blue_input{
	background-color:#34707c;
	border:none;
	border-bottom:1px solid #fff;
	}
.dark_grey_input{
	background-color:#262626;
	border:none;
	border-bottom:1px solid #1d1d1d;
	}
.input_padding{
	padding:2% 3%;}
/* Specific elements */
.menu_item_border{
	border-right:1px solid #5F5F5F;
	}
.showcase_border{
	border:2px solid #3F3F3F;}
.black_border{
	border-bottom:2px solid #0A0A0A!important;
	}
.blue_border{
	border-bottom:2px solid #60aec2!important;}
.wsp_map_frame{
	margin-top:-302px;}
.wsp_map_box{width:100%;
height:300px;}
.wsp_map{
	height:40px;
	cursor:pointer;
	overflow:hidden;
	border-bottom:3px solid #303030
	}
.wsp_map li{
	display:inline-block;}
	#navigation-drawer{
			border:thin solid #000;
			color:#fff;
			padding:1em;
			position:absolute;
			top:0;
			left:0;
			height:100%;
			background-color:#151515;
			display:none;
			z-index:999999;
			width:50%;
		}
.header_nav{
	line-height:50px;
	border-bottom:3px solid #303030;
	
	
	}

.header_nav ul li{display:inline-block;padding:0 4%;position:relative;vertical-align:middle;}
.header_nav ul li ul{display:none;position:absolute;left:0;right:0;}
.header_nav ul li ul li{display:block;padding:10px;border-bottom:2px solid #1a1a1a;margin-bottom:5px;}
.header_nav ul li ul li:hover{border-bottom:2px solid #fff;}
/*.header_nav ul li:hover>ul{display:block;}*/
.logo_image{
	border-right: 2px solid #494949;  
    margin-top: 5px;
    padding-right: 15px;
}
.logo_li_item{
	width:200px;
	padding:0 0!important;
	height:52px;
	border-right:2px solid #fff;
	background-color:#60aec2;
	}
.logo_li_item:hover{

	
	}
.title_text{padding-left:13px;
	
	}
.slogan{padding-left:2px;}
.today_offer{
	line-height:1;
	background-color:#fcf688;
	height:20px;
	padding:10px 20px;
	border-bottom:2px solid #CAC004;
	position:absolute;top:0;right:0;
	}

.tab_title_box{height:70px;}
.tab_title_box ul{display:table; table-layout:fixed; width:100%;}
.tab_title_box ul li{display:table-cell;}
.tab_title_list li{width:100%;height:60px;line-height:63px;}
.showcase_wrap{}
.showcase{	
	padding-bottom:30px;}
.showcase_right_box{
	width:54%; vertical-align:top;
	background:url(img/showcase-bg.jpg);
	background-size:100% 100%;
	margin-top:23px;
	height:300px;
	
	}
.small_border{
	border-width:3px;
	}
.no_border{border-width:0px;}
.showcase_right_box h3{}
.showcase_wd{background:url(img/showcase-wd.jpg);}
.showcase_wc{background:url(img/showcase-wc.jpg);}
.main_specs{
	font-size:18px;
	line-height:1.5;}

.professions li{
	display:inline-block;
	margin-right:0.8%;
	}
.professions_home{
	margin-right:0.8%;
	}
.profession_sub li{
	margin-bottom:0;
	margin-right:2%;
	display:inline-block;
	}
.profession_sub li img{
	margin-top:1px;
	width:22px;
	height:	22px;
	}
.budget_box{
	position:relative;
	
	
	}
.budget_box_wrap{
	border-top:0px solid #60aec2;
	}
.budget_box_inner{display:none;}
.budget_box ul li{display:inline-block;}

.budget_box_home{
	position:relative;	
	}
.budget_box_home ul li{}
.active_filter_category{
	border-left:5px solid #60aec2;
	}
.active_currency_border{
	border:2px solid #ffffff;
	font-weight:bold;
	}
.website_type{
	background-color:#cbcbcb;
	width:150px;
	height:30px;
	border:none;
	}
.price_item{
	margin:0 10px;
	width:40px;
	height:30px;
	line-height:30px;
	padding:0 2px;
	}
.plans_showcase{border-bottom:5px solid #2E6978;}
.plan{
	padding:4% 6% 4%;
	border-bottom:5px solid #60aec2;
	}
	
	
.plans{
	padding-bottom:20px;
	
	}
.plans_page{
	padding-bottom:20px;
	}
.plan_page{
	padding:4% 6% 4%;
	
	}
.plans ul li{
	
	}
.odd_li{

	}
.plan_features{
	font-size:16px;
	margin:0 0 20px 0;
	}
.extra_margin{margin-top:30px;}
.testimonial_box{padding-bottom:20px;padding-left:2%;}
.testimonial{}
.reviewer_pic{width:193px;
height:193px;}
.more_reviews li{display:inline-block;
	}
.reviewer_pic_thumb{width:40px;height:40px;}
.less_opacity{opacity:0.7;}
.high_opacity{opacity:1.0;
border-bottom:3px solid #fff;}
.thumb_pair:hover{opacity:1}
.testi_para{border-right:5px solid #C7C7C7;}
.portfolio{padding-bottom:20px;}
.portfolio ul{margin:0 auto;display:block;}
.portfolio ul li{margin-right:1%;margin-bottom:3%;cursor:pointer;}
.caption{border-bottom:5px solid #3b3b3b;padding:3px;}
.trial_box{padding-bottom:20px;}
.trial_box li{cursor:pointer;padding:10px 0;}
.card_back{
	
	width:300px;
}
.offer_box{
	background:url(img/offer_bg.jpg);
	background-size:100% 110%;
	}
.features_box li{margin-right:1%;margin-left:1.4%;}
.social_box{padding-bottom:20px;}
.support li{padding:2% 2% 2% 0;}
#status a:link,#status a:visited,#status a:active{
	color:#36ab59;
	}
.footer{padding-bottom:20px;}
.footer_box_right ul li{ padding:0 10px 0 0; display:inline-block;text-decoration:underline;}
.currency_widget{
	width:3%;
	position:absolute;}
.view_plan_under{margin-top:20px;}
.plan_box_for_mobile{display:none;}

.reseller_banner{
	background-image:url(img/reseller_blue.jpg);
	background-size:cover;
	height:160px;
	}
.wordpress_banner{
	background-image:url(img/Wordpress1.jpg);
	background-size:cover;
	height:160px;
	}
.affiliates_banner{
	background-image:url(img/affliate_banner2.jpg);
	background-size:cover;
	height:160px;
	}
.photography_banner{
	background-image:url(img/photography_hosting.jpg);
	background-size:cover;
	height:160px;}
.photography_offer{
	background-color:#f7f1ba;
	background-size:100% 50%;
	height:420px;
	margin-bottom:120px;
	}
.fixed_menu{
	position:fixed;
	top:0;
	width:100%;
	z-index:99999;
	background-color: #494949;
	display:none;
	}
.discount_popup{
	border:3px solid #999999;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
z-index:9999;
display:none;
	}
.discount_popup_small{
	border:2px solid #CAC004;
	left:0;
	bottom:0;
	z-index:10;
	display:none;
	}
#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:5; width:100%; height:100%; display:none; } 
@media screen and (max-width: 500px) {
	
	.html{font-size:100%;}
	.body {font-size:1rem;} 
    .wsp_map{height:auto;}
	.top_slogan{line-height:1.5;text-align:center;}
	.header_nav ul li{display:block;text-align:center;}
	.header_nav ul li ul{display:none;position:relative;}
	.header_nav ul li ul li{display:block;padding:10px;border-bottom:2px solid #1a1a1a;margin-bottom:5px;}
	.header_nav ul li ul li:hover{border-bottom:2px solid #fff;}
	.header_nav ul li:hover>ul{display:none;}
	.expand_menu{display:block!important}
	.main_nav{width:100%}
	.nav_container{display:none;} 
	.logo_area{text-align:center;}
	.logo_image{border-right:none;}
	.logo_li_item{display:none!important;}
	.logo_for_mobile{display:block;padding:10px 0;border-bottom:1px solid #fff;}
	.today_offer{height:auto;margin-top:15px;display:none;}
	.tab_title_box{display:none;}
	.showcase h2{line-height:1.4;}
	.main_specs_btns{text-align:center;}
	.main_specs{margin-top:10px;line-height:1.5}
	.main_specs li{padding:5px 0;}
	.showcase_right_box{display:none;}
	.more_professions_btn{display:none;}
	.plan{margin-bottom:20px;}
	.plan_page{text-align:center;margin:0 auto;}
	.page_tag_line h1{line-height:1.5;text-align:center;}
	.center_for_mobile{text-align:center;}
	.full_width_for_mobile{width:100%!important;}
	.hide_for_mobile{display:none;}
	.portfolio{text-align:center;}
	.discount_popup{width:90%;}
	.discount_popup_small{width:30%}
	.offer_card_box{width:80%}
	.trial_box{text-align:center;}
	.trial_box img{width:100%;}
	.web_host_features{width:100%!important;}
	.offer_box{background-size:cover;}
	.trial_box h1{line-height:1.5;}
	.card_back{width:100%;}
	.social_box{text-align:center;}
	.footer{text-align:center;padding-bottom:50px;}
	.social_box_item{width:100%;float:none;}
	.footer_box_left{width:100%;float:none;}
	.footer_box_left ul{margin-top:0!important;}
	.footer_box_right{width:100%;float:none;}
	.expand_dropdown{display:inline-block;}
	.expand_menu{display:block;}
	.odd_li{width:80%;}
	.odd_li>.button_medium{margin:0 auto;}
	/*contact page*/
	.support li{width:100%!important; display:block!important;}
	
	/*shared page*/
	.features_box li{width:100%!important; display:block!important;margin-bottom:10px;}
	.plan_category{width:90%;}
	.know_budget{width:90%;}
	.main_content h1{line-height:1.5;}
	.mobile_more_plans{display:block;}
	.desktop_more_plans{display:none;}
	.plan_box_for_mobile{display:block;}
	.plans_for_desk{display:none;}
	/* portfolio pages */
	.portfolio img{width:100%;}
	.pf_full img{width:100%!important;height:100%!important;}
	.opd_if{width:100%!important;height:100%!important;}
	
	/* Other pages */
	.reseller_banner{
	
	height:auto;
	}
	.wordpress_banner{
		
		height:auto;
		}
	.affiliates_banner{
		
		height:auto;
		}
		.photography_banner{
			height:auto;}
	.special_package_img{width:95%;}
}