/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/*** --- Change the bg and font color of the popular/latest widget --- ***/
#TabsPostsTabber ul.TabsPostsTabs li a {
	background-color: #f1f1f1;
	color: #000000;
}

#TabsPostsTabber ul.TabsPostsTabs li.tabsLeft a {
	border: 1px solid #d1d1d1;
	border-left: 0;
	border-top: 0;
}

#TabsPostsTabber ul.TabsPostsTabs li.tabsRight a {
	border: 1px solid #d1d1d1;
	border-right: 0;
	border-top: 0;
}

/*** --- Code to change header height (60px) --- ***/
#container_header {
	border-bottom: 1px solid #eee;
	height: 85px;
	position: relative;
	z-index: 1;
}

#content_header {
	background-color: transparent;
}

#container_header-wrapper {
	position: fixed;
	width: 100%;
	height: 0;
}

.container-element_slider-title {
	margin-top: 120px;
}

#container_header.header-scrolled {
	height: 60px;
}

#container_header.header-scrolled #content_header {
	padding-top: 4px;
}

#container_header.header-scrolled #content_header .container_logo img {
	max-width: 75%;
	padding-top: 2px;
}

#container_header.header-scrolled #content_header .main-nav ul {
	margin-top: 12px;
}

.container_general-page {
	margin-top: 86px;
}

#about_rich_info-2 {
	top: 81px;
}

#toolbox_rich_info-2 {
	top: 280px;
}

#TabsPostsTabber {
	top: 439px;
}

@media all and (max-width: 550px) {
	#container_header.header-scrolled #content_header .container_logo img {
		max-width: 100%;
	}
}

/*** --- Add margin to the post images --- ***/
.container-general_single-post p a img,
.container-general_single-post p img {
	margin-right: 20px;
}

/*** --- Fix menu width --- ***/
#container_search-icon {
	margin-left: 20px;
}

.main-nav li {
	margin-right: 28px;
}

/*** --- Optin in Book Page --- ***/
#container_optin {
	max-width: 750px;
	width: 100%;
	overflow: hidden;
	margin: 30px 0;
}

#optin {
	background: url("https://rich-page.com/wp-content/uploads/2014/07/bg_toolbox.png") repeat #f3f3f3 !important;
	border: 1px solid #154a7f;
	border-radius: 4px;
	float: initial;
	margin: 0 auto;
	max-width: 690px;
	overflow: hidden;
	padding: 30px 25px;
	width: 100%;
}

#optin h3 {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
}

#optin h3 span {
	color: #fff !important;
	display: block;
	margin: 10px 0 8px !important;
	width: 100%;
}

#optin p {
	color: #fff;
	margin: 0;
	padding: 0;
}

#optin input[type="text"] {
	border: 1px solid #ddd;
	width: 100%;
}

#optin input {
	border-radius: 4px;
	box-shadow: initial;
}

#optin input[type="submit"] {
	background: initial;
	background-color: #f78500;
	border: 1px solid #f78500;
	text-shadow: -1px -1px #f78500;
	width: 100%;
}

#optin .optin_left {
	float: left;
	margin-right: 3%;
	margin-top: 3%;
	width: 34%;
}

#optin .optin_right {
	float: left;
	width: 63%;
}

@media screen and (max-width: 1024px) and (min-width: 841px) {
	#optin .optin_right,
																							#optin .optin_left {
		width: 100%;
	}
}

@media screen and (max-width: 650px) {
	#optin .optin_right,
																							#optin .optin_left {
		width: 100%;
	}
}

/*** --- FIX for columns inside 8 columns --- ***/
@media screen and (max-width: 1250px) and (min-width: 841px) {
	.vc_responsive .container_general-page .wpb_row .vc_span8 .vc_span4 {
		min-width: 35% !important;
	}
	
	.vc_responsive .container_general-page .wpb_row .vc_span8 .vc_span8 {
		width: 65% !important;
	}
}

.container-inner_testimonials p {
	font-size: 1.7rem;
}

/*** --- Header scroll above all --- ***/
#container_header-wrapper {
	z-index: 100;
}

/*** --- Center Images --- ***/
@media screen and (max-width: 650px) {
	ul.dpe-flexible-posts .post_images {
		height: 180px;
	}
	
	ul.dpe-flexible-posts .post_images img {
		width: auto;
		width: initial;
	}
}

#optin input[type="text"] {
	padding: .65rem;
	margin-bottom: 1rem;
}

#optin input[type="submit"] {
	padding: 1rem;
	color: #fff;
	font-weight: 600;
}

#optin {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.container_services-slider {
	margin-top: 3rem;
}

.rowcenter {
	text-align: center;
}

.nobottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.content_custome-nav ul {
	top: 0;
}

.image-border-gray {
	border: #ededed solid 1px;
}

/*
	CSS Migrated from Jetpack:
*/

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/*** --- Change the bg and font color of the popular/latest widget --- ***/
#TabsPostsTabber ul.TabsPostsTabs li a {
	background-color: #f1f1f1;
	color: #000000;
}

#TabsPostsTabber ul.TabsPostsTabs li.tabsLeft a {
	border: 1px solid #d1d1d1;
	border-left: 0;
	border-top: 0;
}

#TabsPostsTabber ul.TabsPostsTabs li.tabsRight a {
	border: 1px solid #d1d1d1;
	border-right: 0;
	border-top: 0;
}

/*** --- Code to change header height (60px) --- ***/
#container_header {
	border-bottom: 1px solid #eee;
	height: 85px;
	position: relative;
	z-index: 1;
}

#content_header {
	background-color: transparent;
}

#container_header-wrapper {
	position: fixed;
	width: 100%;
	height: 0;
}

.container-element_slider-title {
	margin-top: 120px;
}

#container_header.header-scrolled {
	height: 60px;
}

#container_header.header-scrolled #content_header {
	padding-top: 4px;
}

#container_header.header-scrolled #content_header .container_logo img {
	max-width: 75%;
	padding-top: 2px;
}

#container_header.header-scrolled #content_header .main-nav ul {
	margin-top: 12px;
}

.container_general-page {
	margin-top: 86px;
}

#about_rich_info-2 {
	top: 81px;
}

#toolbox_rich_info-2 {
	top: 280px;
}

#TabsPostsTabber {
	top: 439px;
}

@media all and (max-width: 550px) {
	#container_header.header-scrolled #content_header .container_logo img {
		max-width: 100%;
	}
}

/*** --- Add margin to the post images --- ***/
.container-general_single-post p a img,
.container-general_single-post p img {
	margin-right: 20px;
}

/*** --- Fix menu width --- ***/
#container_search-icon {
	margin-left: 20px;
}

.main-nav li {
	margin-right: 28px;
}

/*** --- Optin in Book Page --- ***/
#container_optin {
	max-width: 750px;
	width: 100%;
	overflow: hidden;
	margin: 30px 0;
}

#optin {
	background: url("https://rich-page.com/wp-content/uploads/2014/07/bg_toolbox.png") repeat #f3f3f3 !important;
	border: 1px solid #154a7f;
	border-radius: 4px;
	float: initial;
	margin: 0 auto;
	max-width: 690px;
	overflow: hidden;
	padding: 30px 25px;
	width: 100%;
}

#optin h3 {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
}

#optin h3 span {
	color: #fff !important;
	display: block;
	margin: 10px 0 8px !important;
	width: 100%;
}

#optin p {
	color: #fff;
	margin: 0;
	padding: 0;
}

#optin input[type="text"] {
	border: 1px solid #ddd;
	width: 100%;
}

#optin input {
	border-radius: 4px;
	box-shadow: initial;
}

#optin input[type="submit"] {
	background: initial;
	background-color: #f78500;
	border: 1px solid #f78500;
	text-shadow: -1px -1px #f78500;
	width: 100%;
}

#optin .optin_left {
	float: left;
	margin-right: 3%;
	margin-top: 3%;
	width: 34%;
}

#optin .optin_right {
	float: left;
	width: 63%;
}

@media screen and (max-width: 1024px) and (min-width: 841px) {
	#optin .optin_right,
																							#optin .optin_left {
		width: 100%;
	}
}

@media screen and (max-width: 650px) {
	#optin .optin_right,
																							#optin .optin_left {
		width: 100%;
	}
}

/*** --- FIX for columns inside 8 columns --- ***/
@media screen and (max-width: 1250px) and (min-width: 841px) {
	.vc_responsive .container_general-page .wpb_row .vc_span8 .vc_span4 {
		min-width: 35% !important;
	}
	
	.vc_responsive .container_general-page .wpb_row .vc_span8 .vc_span8 {
		width: 65% !important;
	}
}

.container-inner_testimonials p {
	font-size: 1.7rem;
}

/*** --- Header scroll above all --- ***/
#container_header-wrapper {
	z-index: 100;
}

/*** --- Center Images --- ***/
@media screen and (max-width: 650px) {
	ul.dpe-flexible-posts .post_images {
		height: 180px;
	}
	
	ul.dpe-flexible-posts .post_images img {
		width: auto;
		width: initial;
	}
}

#optin input[type="text"] {
	padding: .65rem;
	margin-bottom: 1rem;
}

#optin input[type="submit"] {
	padding: 1rem;
	color: #fff;
	font-weight: 600;
}

#optin {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.container_services-slider {
	margin-top: 3rem;
}

.rowcenter {
	text-align: center;
}

.nobottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.content_custome-nav ul {
	top: 0;
}

.image-border-gray {
	border: #ededed solid 1px;
}