/*
Theme Name: Revolutionary Brands
Version: 1.0
Author: Numero Uno Web
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


.container
	{
		border-left: 1px solid #e8e8e8;
		border-right: 1px solid #e8e8e8;
	}

.nopadding
	{
		padding: 0px !important;
	}

.header-part
	{
		width: 50% !important;
		float: left;	
	}

#header
	{	
		background: url('../../uploads/2014/09/header-bg.jpg') no-repeat 0 0;
		background-size: 100%;
	}

#logo-img
	{
		float: right;
		width: 100%;
		max-width: 275px;
		margin: 20px 50px;
	}

#nav-container
	{
		background: url('../../uploads/2014/09/nav-bg.png') no-repeat 0 0;
		background-size: 100%;
		text-align: right;
		padding-right: 20px !important;
	}

#nav-container ul
	{
		margin-bottom: 0px !important;
	}

#nav-container ul li
	{
		display: inline-block;
	}

#nav-container ul li.current-menu-item
	{
		background: #000000;
	}

#nav-container ul li.current-menu-item > a
	{
		color: #ffffff;
	}

#nav-container ul li a
	{
		display: inline-block;
		padding: 12px 10px;
		font-family: Oswald;
		font-size: 18px;
		text-transform: uppercase;		
	}

#nav-container ul li a:hover
	{
		background: #000000;
		color: #ffffff;
	}

#nav-container ul li a
	{
		color: #000000;
		text-decoration: none;
	}

.black-separator
	{
		height: 10px;
		background: #000000;
	}

#page-container
	{
		background: url('../../uploads/2014/09/page-bg.jpg') no-repeat 0 0;
		background-size: cover;
		padding: 25px;
	}

.home-block { text-align: center; }

.right-border { border-right: 1px solid #000000; }

.numbering
	{
		font-family: Exo;
		font-size: 16px;
		font-weight: bold;
		background: #ffffff;
		padding: 5px;
		width: 40px;
		border: 7px solid;
		border-radius: 30px;
		margin: 0px auto;
	}

.home-block-img { margin-top: 20px; }

.home-block-content
	{
		font-family: Exo;
		font-size: 16px;
		padding: 25px;
		line-height: 20px;
		min-height: 490px;
	}

.img100 { width: 100%; }

#footer { padding: 5px 10px; background: #000000; color: #ffffff; font-family: Exo; font-size: 13px; text-align: right; border-bottom: 50px solid rgb(244,234,234); margin-bottom: 40px; }

.visit-link { background: #000000; width: 135px; margin: 0px auto 30px auto; padding: 30px; border-radius: 50%; font-size: 20px; font-family: Exo; }
.visit-link > a { color: #ffffff; }

.circle-text { width:50%; margin: 0px auto 30px auto; }
.circle-text:after { content: ""; display: block; width: 100%; height:0; padding-bottom: 100%; background: #000000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.circle-text:hover:after { background:rgb(221, 188, 188) }

.circle-text div { float: left; width: 100%; padding-top: 40%; line-height: 1em; margin-top: -0.5em; text-align: center; color: white; font-size: 18px; font-family: Exo; }

.visit-link:hover { background: rgb(221, 188, 188) }
.visit-link:hover > a { color: #000000; text-decoration: none }

#page-content-container { background: rgba(255,255,255,0.5); padding: 20px; border: 1px solid #e8e8e8; font-family: Exo; font-size: 16px; line-height: 20px;}
#page-content-container p { font-family: Exo; font-size: 16px; line-height: 20px; margin: 15px auto;}

#page-content-container ul { margin-left: 40px }
#page-content-container ul li { list-style: disc }

.entry-title { font-family: Exo; font-size: 24px; font-weight: bold; color: rgb(162, 132, 132)}

input[type=text], input[type=email], textarea { width: 100%; padding: 10px; font-family: Exo; border-radius: 5px; border: 1px solid #999; }

.field { margin-bottom: 5px; }
.alignright { float: right; margin-left: 20px }
.aligncenter { margin: 0px auto; display: block }
.imgres { width: auto; max-width: 100%; height: auto }
	
/*********************************RESPONSIVENESS**********************************/

@media screen and (min-width: 992px) and (max-width: 1200px)
	{
	#logo-img { max-width: 240px; }
	#nav-container ul li a { padding: 10px 20px; }
	.home-block { width: 33.33333333333333% !important; float: left}
	.home-block-content { min-height: 530px; }
	}

@media screen and (max-width: 991px)
	{
	#logo-img { max-width: 230px; }
	.header-part { width: auto !important; float: none !important}
	.right-border { border-right: 0px }
	.home-block-content { min-height: 0px; }
	}

@media screen and (max-width: 767px)
	{
	#header { text-align: center; background: rgb(244,234,234); }
	#logo-img { float: none }
	#nav-container { padding-right: 0px !important; background: rgb(244,234,234); text-align: center; }
	
	}