/****** PLACE YOUR CUSTOM STYLES HERE ******/
body {
	background: url('../img/bkg.png') repeat-x;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
section {
	background-color: #fff;
}
a {
	color: #BDB285;
	font-weight: normal;
}
a:hover {
	color: #eee;
}
h1 {

}
h2, h3, h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
h3 span {
	display: block;
	font-size: 125%;
	margin-bottom: 16px;
}
.menu {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.v-align-children {

    justify-content: initial;
    -webkit-justify-content: initial;
}
.nav-bar {
	min-height: 95px;
	max-height: 95px;
	border: none !important;
}
.nav-bar .logo a {
	height: 80px;
}

.feature-1 i {
	color: #BDB285;
}
.feature-3 i {
	color: #333;
}

nav.transparent.fixed {
	background: #0f0705;
}
nav.transparent.fixed .menu > li > a, nav.transparent.fixed .module.widget-handle i {
	opacity: 1;
}
nav.transparent.fixed .logo {
	margin-top: 1px;
}
nav.transparent.fixed ul.menu, nav.transparent.fixed .search {
	margin-top: 0 !important;
}
nav.transparent.fixed a {
	height: auto;
}
nav.transparent.fixed .nav-bar {
	min-height: 55px;
}
.image-bg h1 {
	color: #BDB285;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}
.logo {
	max-height: 100%;
}

.menu li a {
	opacity: 1;
	font-weight: normal;
}
nav.transparent .menu > li > a, nav.transparent .menu li.selected a:hover {
	color: #BDB285;
}
nav.transparent .menu li.selected a, nav.transparent .menu > li > a:hover {
	color: #FFF;
}
nav.transparent.fixed .menu > li > a, nav.transparent.fixed .module.widget-handle i {
	color: #ccc;
}
nav.transparent.fixed .menu > li.selected > a {
	color: #fff;
}
nav.transparent .module.widget-handle {
	border: none !important;
}

ul.feature li {
	list-style-type: circle;
	font-size: 14px;
	margin-bottom: 16px;
}
.bg-pattern ul.feature li {
	color: #fff;
}
.row h1.uppercase {
	font-size: 40px;
    line-height: 50px;
    letter-spacing: 8px;
}

.button-tabs .active .tab-title {
	color: #fff;
}

.image-bg p.intro1 {
	color: #fff;
	font-size: 1.5rem;
	line-height: 2.4rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.image-bg p.intro2 {
	color: #BDB285;
	font-size: 2rem;
	font-style: italic;
	line-height: 2.5rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.feature-3 {
	height: auto;
	min-height: 175px;
	margin-bottom: 32px;
}

#Why  {
	background: url('../img/section-bg.png') repeat;
}
#Why h1 {
	font-size: 5rem;
	line-height: 6rem;
	margin-bottom: 50px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}
#Why .circle {
	width: 75px;
	height: 75px;
	color: #BDB285;
	border: 1px solid #BDB285;
	border-radius: 40px;
}
#Why h3 {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}
#Why p {
	width: 75%;
    margin: 0 auto;
    text-align: center;
    color: #BDB285;
}
.get-paid {
	text-align: center;
}

.button-tabs {
	width: 100%;
}
.button-tabs .tabs, .button-tabs .tab-title {
	width: 100%;
}
.button-tabs .tabs li {
	width: 33.33%;
}
.button-tabs .tab-title span {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.tab-content {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.bg-dark {
	background: #0f0705;
}
.bg-pattern {
        background-image: url(../img/home_mid_panel.jpg);
}
.btn-right {
	float: right;
}
.feature.boxed {
	min-height: 260px;
}
footer {
	padding: 40px;
}
footer ul.menu
{
	height: auto;
	margin-bottom: 30px;
}
footer ul.menu li
{
	float: right;
	margin-left: 32px;
	margin-right: 0;
}
footer ul.menu li a
{
	text-transform: none;
	font-size: 12px;
	letter-spacing: inherit;
}

@media (min-width: 1766px) {
	.image-bg h1 {
		text-align: left;
	}
}
@media (max-width: 1380px) {
	.image-square .background-image-holder {
		height: 90%;
	}
}
@media (max-width: 990px) {
	.module.widget-handle {
		border-top: 0;
		color: #fff;
	}
	.nav-bar {
		padding: 0;
	}
	.nav-bar .module, .nav-bar .module-group {
		height: auto;
	}
	nav.transparent .nav-open .menu > li.selected > a {
		color: #BDB285;
	}
	.image-square .background-image-holder {
		width: 80%;
		margin-left: 10%;
	}
}
@media (max-width: 767px) {
	.home section.image-bg div.background-image-holder {
		background: #2b2234 !important;
	}
	section {
		padding: 80px 0 50px 0;
	}
	section.image-bg .container {
		padding-left: 30px;
		padding-right: 30px;
	}
	section.pt120 {
		padding-top: 13px;
	}
	section.pb120 {
		padding-bottom: 50px;
	}
	.home nav.transparent .logo-light {
		display: none !important;
	}
	.features .feature {
		text-align: center;
	}
	.features .feature i {
		font-size: 50px;
	}
	#Why h2 {
		font-size: 3em;
	}
	.row h1.uppercase {
		font-size: 28px;
	    line-height: 40px;
	    letter-spacing: 3px;
	}
}
@media (max-width: 579px) {
	.button-tabs .tabs li {
		width: 100%;
		margin-bottom: 0;
	}
	.button-tabs .tab-title {
		width: 100%;
	}
	.image-square .background-image-holder {
		height: 85%;
		width: 100%;
		margin: 0;
	}
	.image-square .image {
		margin-bottom: 20px;
	}
}
@media (max-width: 480px) {
	.btn-right {
		float: none;
		display: block;
	}
}