/**
* custom.css file created by Hoststacker Template
* @package Hoststacker Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

/* Slider Background Image */
.yjsg1_out {
	background-image: url(../images/fp-bg03.jpg);
	background-size: 100% auto;
	border-top: none!important;
	background-repeat: repeat;
}

/* General Styling on pages */
.intro-text .yjsquare_in p {
	font-size: 120%;
}

body.pattern5, .pattern5 {
    background-color: #050505!important;
    background-image: none!important;
}

/* Slider Text BG */
#Youdeveloperslider .elements .slide .intro .intro_text span.sliderblock {
	color: #ffffff!important;
	background: #006dcc;
	/*border-radius: 4px;*/
	padding: 15px;
}

#Youdeveloperslider .elements .slide .intro .intro_text {
	padding: 10px 5px;
}

span.sliderblock-orange {
	color: #ffffff!important;
	background: #faa732;
	/*border-radius: 4px;*/
	border: 1px solid #;
	display: inline-block;
	font-size: 200%;
	margin-bottom: 15px;
   	padding: 5px 25px 5px 10px;
}

span.sliderblock-green{
	background: #5bb75b;
	color: #ffffff!important;
	border: 1px solid #;
	display: inline-block;
	font-size: 200%;
	margin-bottom: 15px;
   	padding: 5px 25px 5px 10px;
}

span.sliderblock-red{
	background: #da4f49;
	color: #ffffff!important;
	border: 1px solid #;
	display: inline-block;
	font-size: 200%;
	margin-bottom: 15px;
   	padding: 5px 25px 5px 10px;
}




/* Menu Styling */
.horiznav ul ul a {
	text-decoration:none;
	text-transform:none;
	height:auto;
	font-weight:100;
}

.top_menu ul li a {
    	padding: 0 25px; 
    	color: #fff;


}

#topmenu_holder {
    	margin-bottom: 0px;
    	margin-top: 10px;
}

.top_menu ul li.haschild span.child a::after {
	padding: 2px 3px;
	content: none;
}	


/* Menu Active color */
.top_menu li:hover, .top_menu li.active, .top_menu li.active:hover {
	background: #faa732;
	background: url(../images/active_l.png) no-repeat left top; 
	border-radius: 0px; 

}
.top_menu li:hover a, .top_menu li.active a, .top_menu li.active a:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(#ffffff 1%, #000000 -24%, #f28e35 13%, #f28e35 450%) repeat scroll 0 0;
	color: #fff;
	border-radius: 0px;
	height: 47px;

}

/* Drop Down menu indicator */
.top_menu ul li.haschild span.child a:after {
	content: "\f078";
	top: 12%;
/*	left: -5px; */
}

/* Sub Menu Settings */
.top_menu ul.subul_main li a {
	padding: 0;
}

.top_menu ul.subul_main li a:hover, .top_menu ul.subul_main li a.activepath {
	background: #faa732;
	color: #fff;
	padding: 0;
}

/* Front page footer styling */
.footerwhite h3, h4{
	color: #faa732;
	font-size: 150%;
	padding-top: 15px;
	text-transform: uppercase;
}

.floatleft {
	float:left;
}

.floatright {
	margin-left: auto;
	margin-right: 0px;
}

.socialpad {
	padding-top: 15px;
}

.yj_twitter_cont {
	font-size: 120%;
}

.yj_twitter_title {
	text-align: left;
	line-height: 30px;
	border: none;
}

a.whitelink:link, a.whitelink:visited {
	color: #ffffff;
	text-transform: none;
}

a.whitelink:hover {
	color: #faa732;
	text-transform: none;
}


.module_title {
	text-transform: uppercase;
}

.yjsquare.HsFooterLogo {
    width: 75%;
}

@media screen and (min-width: 1400px){
.yjsg_grid {
    width: 75%;
}
}



/* Header styling */
#header_top {
 	/*background: #ffffff ; */
 	
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #ffffff 73%, #339933 160px ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #ffffff 73%, #339933 160px ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #ffffff 73%, #339933 160px ); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #ffffff 77%, #000000 1%, #339933 160px ); /* Standard syntax (must be last) */
 	
	padding-top: 10px;
	/*border-bottom: 5px solid #339933 ;*/
}

#yjsgheadergrid {
        padding: 0;
}

/* Footer BG color and styling */
.yjsg7_out, .yjsg6_out  {
	background: #666 url(../images/darkbg.png);
	border-bottom: 0px;
}

.yjsg6_out  {
	border-top: 5px solid #faa732;
}

.footerbg {
	border-top: 5px solid #faa732;
}

/* Web Hosting Tables */
.yjplanxtdended ul.isactive {
    background: #006dcc none repeat scroll 0 0!important;
}

.yjplanxtdended ul li.yjplanstitle {
    background: #faa732 none repeat scroll 0 0;
    border-right: 2px solid #e1e1e1;
}

/* Site White Styling */
h1.white, h2.white, h3.white, h4.white {
	color: #ffffff;
}

.whitelg {
	font-size: 30px;
	color: #fff;
}

.greenlg {
	font-size: 30px;
	color: #5bb75b;
}

/* Buttons */
/*.btn-default {
    background-color: #faa732;
    border-color: #faa732;
    color: #fff;
    border-radius: 0px;
} */



.btn-default {
    background-color: #faa732;
    border-color: #faa732;
    border-radius: 0;
    color: #fff;
    line-height: 1.4;
    padding: 10px 30px;
}

.btn-default-wbg {
    background-color: #f28e35;
    border: 1px solid #f28e35;
    border-radius: 12px;
    color: #fff;
    line-height: 1.4;
    padding: 10px 30px;

}

.btn-default:hover {
    background-color: #ffffff;
    border: 1px solid #faa732;
/*    border-color: #faa732;*/
    color: #faa732!important;
}

.btn-default-wbg:hover {
    background-color: #ffffff;
    border: 1px solid #f28e35;
/*    border-color: #f28e35;*/
    color: #f28e35!important;
}

.btn-blue{
    background-color: #006dcc;
    border-color: #006dcc;
    border-radius: 0;
    color: #fff;
    line-height: 1.4;
    padding: 10px 30px;
}

.btn-blue:hover {
    background-color: #ffffff;
    border: 1px solid #006dcc;
/*    border-color: #006dcc;*/
    color: #006dcc!important;
}

/* Div layouts */
#section {
	width: 55%;
	float: left;
}

#sidebar-r {
	width: 45%;
	float: right;
	padding-left: 10px;
}

@media screen and (max-width: 600px){
#sidebar-r {	
	visibility: hidden;
	}
#section {
	width: 100%;
}
.yjsg1_out {
	background-image: none;
	height: 0px;
}

}

/* Font awesome and icon styling */
.fa-orange{
	color: #faa732;
}

.fa-orange-link{
	color: #faa732;
}

.fa-orange-link:hover{
	color: #ffffff;
}
.fa-blue{
	color: #006dcc;
}

.fa-red{
	color: #da4f49;
}

.fa-lightblue{
	color: #0099ff;
}

.fa-green {
	color: #5bb75b;
}

.fa-white {
	color: #ffffff;
}

.circleIcons {
    border: 5px solid #999999;   
}

/* whmcs styling */

.holders {
	padding: 0px 0;
}

@media screen and (max-width: 980px) {
.no-mobile {
	display: none;
}

#logo {
	width: 100%!important;
	background-size: auto 90%!important;
}
}

@media screen and (max-width: 400px) {
.whitelg {
	font-size: 25px;
}
}

hr.newslineblue {
	border-color: #006dcc;
	border: 0; 
	height: 4px; 
	background-image: linear-gradient(to right, rgba(9, 110, 173,0), rgba(9, 110, 173, 0.75), rgba(9, 110, 173,0));
}

.yj_twitter_follow_hoststacker {
	text-align: left;
}

span.yjm_has_none span.yjm_title {
	line-height: 48px;
}

#Youdeveloperslider .elements .slide .intro .title a:hover {
	color: #f28e35;
}

ul.subul_main span.yjm_has_none span.yjm_title {
	line-height: 48px;
}

.domaincheck input[type=text] {
	font-size: 25px;
	line-height: 45px;
	color: #000;
}

.domaincheck input[type=submit] {
	background: #e6e3e3 none repeat scroll 0 0;
   	border-radius: 10px;
    	color: #096ead;
    	font-size: 23px;
 	font-weight: 900;
    	line-height: 50px;
    	padding: 1px 19px;
}

.domaincheck input[type=submit]:hover {
	background: #f28e35 none repeat scroll 0 0;
   	border-radius: 10px;
    	color: #fff;
    	font-weight: 900;
    	font-size: 23px;
    	line-height: 50px;
    	padding: 1px 19px;
}

.domainstrike {
	text-decoration: line-through;
	font-size: 25px;
	float: left; 
	width: 17%
}

.domaintld {
	font-size: 25px;
	color: #096ead;
	float: left; 
	width: 17%
}

.domainprice {
	font-size: 45px;
	color: #f28e35;
	font-weight: 900;
	float: left; 
	width: 17%
}	

.domainpricesub {
	font-size: 18px;
	color: #f28e35;
	float: left; 
	width: 17%
}	

.domainconditions {
	font-size: 12px;
	font-family: arial;
	text-decoration: italic;
}

.domainhead {
	background: #096ead;
	padding: 2px;
	border-radius: 10px;
	color: #fff;
}


@media screen and (max-width: 1024px) {

	.domainstrike {
		text-decoration: line-through;
		font-size: 18px;
		float: left; 
		width: 16%
	}

	.domaintld {
		font-size: 25px;
		color: #096ead;
		float: left; 
		width: 16%
	}

	.domainprice {
		font-size: 25px;
		color: #f28e35;
		font-weight: 900;
		float: left; 
		width: 16%
	}	

	.domainpricesub {
		font-size: 16px;
		color: #f28e35;
		float: left; 
		width: 16%
	}

	.domainconditions {
		font-size: 10px;
		font-family: arial;
		text-decoration: italic;
	}
	
}


@media screen and (max-width: 600px) {

	.domainstrike {
		text-decoration: line-through;
		font-size: 14px;
		float: left; 
		width: 25%
	}

	.domaintld {
		font-size: 19px;
		color: #096ead;
		float: left; 
		width: 25%
	}

	.domainprice {
		font-size: 19px;
		color: #f28e35;
		font-weight: 900;
		float: left; 
		width: 25%
	}	

	.domainpricesub {
		font-size: 14px;
		color: #f28e35;
		float: left; 
		width: 25%
	}

	.domainconditions {
		font-size: 10px;
		font-family: arial;
		text-decoration: italic;
	}
		
	.domainh2 h2 {

		clear: both;
	}

}