/** 2.8  Type Addons */
body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.57143;
	color: #888888;
	background-color: #2d2e2e;
}
.page-header {
	padding-bottom: 14px;
}

.font-default {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.font-accent {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}

h1,
.h1 {
	font-size: 36px;
	line-height: 1.5;
	margin-top: 29px;
	margin-bottom: 29px;
	letter-spacing: 0.02em;
}

@media (min-width: 768px) {
	h1,
	.h1 {
		line-height: 1.23529;
		font-size: 68px;
	}
}

h2,
.h2 {
	font-size: 32px;
	line-height: 1.5;
	margin-top: 29px;
	margin-bottom: 29px;
}

@media (min-width: 768px) {
	h2,
	.h2 {
		line-height: 1.27273;
		font-size: 44px;
	}
}

h3,
.h3 {
	font-size: 28px;
	line-height: 1.5;
	margin-top: 21px;
	margin-bottom: 21px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
	h3,
	.h3 {
		line-height: 1.2;
		font-size: 30px;
	}
}

h4,
.h4 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 19px;
	margin-top: 19px;
}

@media (min-width: 768px) {
	h4,
	.h4 {
		line-height: 1.5;
		font-size: 24px;
	}
}

h5,
.h5 {
	font-size: 24px;
	line-height: 1.5;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
	h5,
	.h5 {
		line-height: 1.4;
		font-size: 20px;
	}
}

h6,
.h6 {
	font-size: 17px;
	line-height: 1.5;
}

h6 * + .icon,
h6 .icon + *,
.h6 * + .icon,
.h6 .icon + * {
	padding-left: 8px;
}

@media (min-width: 768px) {
	h6,
	.h6 {
		line-height: 1.22222;
		font-size: 18px;
	}
}

h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
	transition: .3s all ease;
}

h1 a:hover, .h1 a:hover,
h2 a:hover, .h2 a:hover,
h3 a:hover, .h3 a:hover,
h4 a:hover, .h4 a:hover,
h5 a:hover, .h5 a:hover,
h6 a:hover, .h6 a:hover {
	color: #b80924;
}

h1 .small, .h1 .small,
h2 .small, .h2 .small,
h3 .small, .h3 .small,
h4 .small, .h4 .small,
h5 .small, .h5 .small,
h6 .small, .h6 .small {
	color: #888888;
}

h1.text-primary a:hover, .h1.text-primary a:hover,
h2.text-primary a:hover, .h2.text-primary a:hover,
h3.text-primary a:hover, .h3.text-primary a:hover,
h4.text-primary a:hover, .h4.text-primary a:hover,
h5.text-primary a:hover, .h5.text-primary a:hover,
h6.text-primary a:hover, .h6.text-primary a:hover {
	color: #0d47a1
}

p,
.p,
.list {
	margin-top: 10px;
	margin-bottom: 10px;
}

p a,
.p a,
.list a {
	color: #b80924;
}

p a:hover, p a.hover,
.p a:hover,
.p a.hover,
.list a:hover,
.list a.hover {
	color: #0d47a1
}

p a:focus, p a.active, p a:active,
.p a:focus,
.p a.active,
.p a:active,
.list a:focus,
.list a.active,
.list a:active {
	color: #b1b1b1;
}

p a[href="privacy.html"],
.p a[href="privacy.html"],
.list a[href="privacy.html"] {
	color: inherit;
}

p a[href="privacy.html"]:hover, p a[href="privacy.html"].hover,
.p a[href="privacy.html"]:hover,
.p a[href="privacy.html"].hover,
.list a[href="privacy.html"]:hover,
.list a[href="privacy.html"].hover {
	color: #0d47a1
}

p a[href="privacy.html"]:focus, p a[href="privacy.html"].active, p a[href="privacy.html"]:active,
.p a[href="privacy.html"]:focus,
.p a[href="privacy.html"].active,
.p a[href="privacy.html"]:active,
.list a[href="privacy.html"]:focus,
.list a[href="privacy.html"].active,
.list a[href="privacy.html"]:active {
	color: #0d47a1
}

@media (min-width: 480px) {
	.big {
		font-size: 106.25%;
		line-height: 1.470588235294118;
	}
	h1 .big,
	.h1 .big {
		font-size: 176.47%;
		line-height: 1.125;
	}
	h2 .big,
	.h2 .big {
		font-size: 147.36%;
		line-height: 1.142857142857143;
	}
}

blockquote small,
blockquote .small,
small,
.small {
	font-size: 85.714285%;
}

blockquote small:before,
blockquote .small:before,
small:before,
.small:before {
	display: none;
}

h1 blockquote small,
.h1 blockquote small, h1
blockquote .small,
.h1
blockquote .small, h1
small,
.h1
small, h1
.small,
.h1
.small {
	font-size: 62.22222222222222%;
}

h2 blockquote small,
.h2 blockquote small, h2
blockquote .small,
.h2
blockquote .small, h2
small,
.h2
small, h2
.small,
.h2
.small {
	font-size: 63.15789473684211%;
}

h3 blockquote small,
.h3 blockquote small, h3
blockquote .small,
.h3
blockquote .small, h3
small,
.h3
small, h3
.small,
.h3
.small {
	font-size: 73.33333333333333%;
}

h4 blockquote small,
.h4 blockquote small, h4
blockquote .small,
.h4
blockquote .small, h4
small,
.h4
small, h4
.small,
.h4
.small {
	font-size: 75%;
}

h5 blockquote small,
.h5 blockquote small, h5
blockquote .small,
.h5
blockquote .small, h5
small,
.h5
small, h5
.small,
.h5
.small {
	font-size: 72.72727272727273%;
}

h6 blockquote small,
.h6 blockquote small, h6
blockquote .small,
.h6
blockquote .small, h6
small,
.h6
small, h6
.small,
.h6
.small {
	font-size: 94.11764705882353%;
}
 .rd-navbar-nav{

	/* background-color: crimson; */
	align-items: center;
	flex-wrap: wrap;
	vertical-align: middle;

	
} 
.rd-navbar-nav #login_wraper{
	
	flex: 2;
	
} 

.rd-navbar-nav-wrap{

	width: 100%;
}
.rd-navbar-menu-wrap{
	
}
.nav_wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 200px;
}
.logo_box{
	text-decoration: none;
	flex: 1;
	
	display: flex;
	
	/* background-color: crimson; */
}
.nav_box{
	flex: 2;
	
	display: flex;
	width: 20%;
	justify-content: right;
}
h1 a{
	color: white	;
	
}


.rd-navbar-menu-nav{
	background-color: yellow;

}
.unit-body a{
	color: white;
}