/*Frontend Styles*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
#customcontent_footer h4 {color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 19px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 8px;
    text-transform: none;}
	
#customcontent_footer .item_html p {font-size:15px; color:#87786b;}
#customcontent_home {
	margin-right: 0;
	overflow:hidden;
	background:#dfc808;
	border-top:1px solid #fff;
}
#customcontent_home ul {
	overflow: hidden;
	width:993px;
	margin:0 auto;
}
#customcontent_home a ul li{
		font:normal 12px 'Roboto', sans-serif;
		line-height:14px;
		color:#000000;
		float:left;
		border-right:1px solid #ffffff;
		padding:14px 53px;
}
#customcontent_home a ul li:last-child{
		border-right:none;
}
#customcontent_home a ul li a{
		color:#000000;
}
#customcontent_home a ul li span{
		font:normal 14px 'Roboto', sans-serif;
		line-height:14px;
		color:#000000;
		display:block;
}
#customcontent_home a ul li:nth-child(1):before{
		background:url(images/clock.png) left top no-repeat;
		content:"";
		height: 24px;
		left: 17px;
		position: absolute;
		top: 17px;
		width: 23px;
}
#customcontent_home a ul li:nth-child(2):before{
		background:url(images/shipping.png) left top no-repeat;
		content:"";
		height: 19px;
		left: 17px;
		position: absolute;
		top: 17px;
		width: 26px;
}
#customcontent_home a ul li:nth-child(3):before{
		background:url(images/lock_icon.png) left top no-repeat;
		content:"";
		height:24px;
		left: 17px;
		position: absolute;
		top:17px;
		width:19px;
}
#customcontent_home a ul li:nth-child(4):before{
		background:url(images/arow.png) left top no-repeat;
		content:"";
		height:24px;
		left: 17px;
		position: absolute;
		top:17px;
		width:24px;
}
#customcontent_home a ul li:nth-child(5):before{
		background:url(images/best.png) left top no-repeat;
		content:"";
		height:24px;
		left: 17px;
		position: absolute;
		top:17px;
		width:24px;
}		
#customcontent_home ul li > a {
	display: block;
}
#customcontent_home ul li {
	list-style: none;
	max-width: 1000px;
	padding: 0px;
	box-sizing: border-box;
	position:relative;
	margin-bottom:0px;
}

#customcontent_top {position:absolute; right:0; top:94px;}
#customcontent_top strong,
#customcontent_top i {display:block; font-weight:bold; font-style:normal; font-family: 'Open Sans', sans-serif;}

#customcontent_top strong {color:#FFFFFF; font-size:20px; text-transform:uppercase; text-align:right; padding-bottom:7px;}
#customcontent_top i {font-size:30px; color:#ab8363;}

.bluebox_container {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 8px;
}
.bluebox_container .left {
	float: left !important;
	width:32.2%;
}
.bluebox_container .left .true_text {
	float: left;
	font-family: "Open Sans", sans-serif;
	font-size: 36px;
	color: #FFF;
	text-align: center;
	font-weight: 300;
	margin: 50px 0px 0px 43px;
	line-height: 38px;
}
.bluebox_container .left .blue_box {
	float: left;
	width: 100%;
	background:#00233e url(images/left-image.jpg) no-repeat right;
	height: 150px;
}
.bluebox_container .right {
	float: left;
	/*width:67.2%;*/
	width:67.8%;
	background:#007CDC url(images/right.jpg) no-repeat;
	height: 150px;
}
.header {
	background: url(images/studio-header.png) no-repeat !important;
}

@media only screen and (max-width: 767px) {#customcontent_top {top:110px;} 
	#customcontent_top i {font-size:20px;}
	#customcontent_top strong {font-size:16px; padding-bottom:0;}
	#customcontent_footer {display:none;}
	}

@media only screen and (max-width: 400px) {
	#customcontent_top { right:5px;}
	#customcontent_top strong {font-size:12px;}
	#customcontent_top i {font-size:16px;}
}
@media only screen and (min-width: 768px)  and (max-width: 980px) {
	#customcontent_footer .item_html p {font-size: 12px;}
	#customcontent_footer h4 {font-size:17px;}
	}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#htmlcontent_home ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-right: 2px;
    padding: 0 10px 10px;
    width: 33%;
	min-height:402px;
	margin-top:7px;
}
.item-link{ margin-left:2px;}
.readMore{ margin-left:34px;}
.readMoreBlue{ margin-left:34px;}
	.bluebox_container .left {
    float: left;
    width: 42.9%;
}
.bluebox_container .right {
    float: left;
    height: 150px;
    width: 56.8%;
}
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
		
}

@media only screen and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	
	/* -------------------------------------------- */
	/* ------------------Featured------------------ */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	

	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#htmlcontent_home ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-right: 2px;
    padding: 0 10px 10px;
    width: 33%;
	min-height:402px;
	margin-top:7px;
}
.next_container .header span {
    color: #FFFFFF;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    margin-bottom: 0px !important;
    padding: 6px !important;
}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#htmlcontent_home ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-right: 8px;
    padding: 0 11px 10px;
    width: 48%;
	min-height:402px;
	margin-top:7px;
}
.bluebox_container .left{ float:left; width:100%;}
.bluebox_container .right{ width:100%;}
.next_container .box {
    float: left;
    margin: 15x 0px 0px 0px ;
    width: 100%;
}
.footer-container #footer .bottom-footer p{ text-align:left;}	


	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
		/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#htmlcontent_home ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-right: 8px;
    padding: 0 11px 10px;
    width: 32%;
	min-height:402px;
	margin-top:7px;
}
.bluebox_container .left{ float:left; width:100%;}
.bluebox_container .right{ width:100%; height:auto; padding-bottom:15px;}
.bluebox_container .right span {
	float: left;
	font-family: "Open Sans", sans-serif;
	font-size: 24px;
	width: 87%;
	color: #FFF;
	margin: 20px 0px 0px 17px;
}
.timeCon{ margin:20px 20px 0 78px;}	
.right_box .join_now  {margin:20px 0 0 62px !important;}

.footer-container #footer .bottom-footer p{ text-align:left;}
.footer-container #footer .footer-block{ margin-top:-1px; background:#01B2DB;}
.footer-container #footer .bottom-footer div{ float:left !important;}
#contact_block{ margin-bottom:0px !important;}
.header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
}

	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}