* {
	font-family: 'Oxygen', sans-serif;
	font-weight: 300 !important;
}
a, button {
	text-decoration: none;
	transition: 400ms all
}
strong, b { font-weight: 700 !important }
p { margin: 30px 0 0 0 !important }
p:first-child { margin-top: 0px !important }
h1, .h1 {
	text-align: center;
	margin-top: 0 !important;
	text-transform: uppercase
}
h1 em, .h1 em { font-size: 0.700em }
.entry-title {
	text-align: left;
	font-size: 2.2em;
	font-weight: 300
}
.entry-title a:hover {
	text-decoration: none;
	color: #0C4E7C
}
h1 strong, .h1 strong { color: #3394d7 }
.seperator {
	margin-top: 30px !important;
	padding-top: 30px !important;
	border-top: solid 1px #c1dff3 !important
}
* > .seperator:first-child { border-top: 0 }
.seperator-tag {
	margin: 30px 0;
	height: 1px;
	width: 100%;
	background-color: #dadada
}
/*--===== Header =====--*/

.header {
	display: block;
	background-color: #3394d7;
	padding: 20px 0;
	margin-bottom: 30px
}
.header .navbar-brand {
	height: auto;
	padding: 0 15px 0 0
}
.header .navbar-brand img { width: 100% }
.header button { margin: 0 }
.header button span {
	background-color: #ffffff;
	margin: 0
}
.header .navbar-nav {
	position: relative;
	z-index: 1
}
.header .navbar-nav li a {
	text-transform: uppercase;
	padding: 10px 20px
}
.header .navbar-nav li:hover a, .header .navbar-nav li.active a { background-color: #2976ac }
.header .navbar-nav li a:focus { background-color: #4FA8E5 }
.header .navbar-nav li.active a { font-weight: 700 }

@media(min-width: 768px) {
.header .navbar { margin-bottom: 0 }
.header .navbar-nav { float: right; }
.header .navbar-nav a {
	color: #ffffff;
	border-radius: 3px;
}
.header .navbar-nav { margin-top: 10px }
}

@media(max-width: 1199px) {
.header .navbar-nav { margin-top: 0 }
.header .navbar-brand img {
	width: 300px;
	height: auto
}
}

@media(min-width: 768px) and (max-width: 991px) {
.header .navbar-brand img {
	width: 250px;
	height: auto
}
.header .navbar-nav li a {
	padding: 8px;
	font-size: 0.850em
}
}

@media(max-width: 767px) {
.header { height: 75px }
.header .navbar-brand img {
	width: 250px;
	height: auto
}
.header .navigation .navbar-collapse {
	display: block;
	margin: 20px -31px 0;
	border-top: 0;
	overflow: hidden
}
.header .navbar-nav {
	margin-top: 0;
	background-color: #efefef
}
.header .navbar-nav li:hover a, .header .navbar-nav li.active a { color: #ffffff }
}

@media(max-width: 480px) {
.header .navbar-brand img {
	width: 220px;
	height: auto
}
}
/*--===== Header END =====--*/



/*--===== Footer =====--*/

.footer {
	display: block;
	padding: 20px;
	background-color: #3394d7;
	color: #ffffff
}
.footer a {
	font-weight: 700;
	color: #ffffff;
}
.footer a:hover, .footer a:focus {
	text-decoration: underline;
	color: #ffffff
}
.footer ul {
	text-align: center;
	margin: 0
}
.footer ul li {
	list-style: none
}
/*--===== Footer END =====--*/

.result {
	display: block;
	padding: 15px 0;
	margin: 30px 0 0;
	border: solid #c2c2c2;
	border-width: 1px
}
/*--===== Content =====--*/

.content-container {
	padding: 30px 0 50px;
	min-height: 550px
}
.content-container dl { display: block }
.content-container dl dt, .content-container dl dd { display: inline-block }
.content-container dl dt { font-weight: 700 !important }
.content-container dl dd.clearfix { display: block; }
.content-container .generate-code {
	width: 100%;
	margin: auto;
	height: 200px;
	max-width: 767px;
}
.home .content-container { min-height: 200px }
/*--===== Content Form =====--*/

.counter-form { margin-bottom: 30px }
.counter-form label {
	position: relative;
	margin-bottom: 36px;
}
.counter-form label .raidio-wrapper {
	display: block;
	border: solid 1px #e5e5e5;
	border-radius: 10px;
	min-height: 70px;
	padding: 15px;
}

@media(min-width: 768px) {
.counter-form label .raidio-wrapper { padding: 20px 15px }
}

@media(max-width: 767px) {
.counter-form label .raidio-wrapper { min-height: 75px }
}

@media(min-width: 768px) and (max-width: 991px) {
.counter-form label .raidio-wrapper { padding: 20px 10px }
}
.counter-form label span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	bottom: -15px;
	background-color: #ffffff;
	border: solid 3px transparent;
	box-shadow: 0 0 3px #333333;
	text-align: center;
	transition: 400ms all
}
.counter-form label span:after {
	display: block;
	width: 14px;
	height: 14px;
	margin: 5px auto 0;
	border-radius: 50%;
	background-color: #c62b13;
	transition: 400ms all
}
.counter-form label input:checked + span {
	border-color: #e5e5e5;
	box-shadow: none
}
.counter-form label input:checked + span:after { content: ' ' }
.counter-form label .raidio-wrapper input { display: none }
.counter-form label img {
	display: block;
	margin: auto;
	width: 100%;
	max-width: 200px;
	height: auto;
}

@media(max-width: 480px) {
.counter-form label { width: 100% }
}
.field-col label, .field-col label input { display: block }
.field-col label { margin-bottom: 15px }
.field-col label input {
	width: 100%;
	background-color: #efefef;
	border-radius: 3px;
	outline: none;
	border: solid 1px transparent;
	color: #313131;
	transition: 400ms all;
	padding: 7px
}
.field-col label input:focus {
	background-color: #fafafa;
	border-color: #dadada;
}
.field-col label input.error { border-color: #E12121 }
.field-col label.term {
	float: left;
	margin-bottom: 0;
	line-height: 40px
}
.field-col label.term input {
	width: auto;
	display: inline-block;
	margin-right: 5px
}
.field-col .submit-form {
	display: block;
	background-color: #3394d7;
	color: #ffffff;
	border-radius: 5px;
	border: 0px;
	cursor: pointer;
	text-align: center;
	padding: 10px 0;
	line-height: 1;
	outline: nonw;
	text-transform: uppercase;
	float: right;
	transition: 400ms all;
	width: 150px;
}
.field-col .submit-form:hover { background-color: #47AAEF; }
.field-col .submit-form:focus { background-color: #1A6EA8; }
/*--=== Contant Form END ===--*/

/*--===== Content  END=====--*/



/*--=====  Post Content=====--*/

.type-page .entry-meta { display: none }
.entry-thumbnail img {
	max-width: 100%;
	height: auto
}
.entry-title {
	border-bottom: solid 1px #efefef;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 15px
}
.entry-meta {
	display: block;
	padding: 5px 0;
	margin: -15px 0 15px;
	border-bottom: solid 1px #efefef
}
.entry-meta span {
	padding: 0 15px;
	border-right: solid 1px #efefef
}
.entry-meta span:first-child { padding-left: 0 }
.entry-meta span a { color: #000000 }
.entry-meta span a:hover { color: #3394d7 }
.content-container { padding-top: 0 }
.content-container > article > section {
	margin-top: 30px;
	padding-top: 30px;
	border-top: solid 1px #efefef
}
.content-container > article > section:first-child {
	margin-top: 0;
	padding-top: 0px;
	border-color: transparent;
}

/*--=== Sidebar ===--*/

@media(max-width: 767px) {
.post-sidebar { margin-top: 30px }
}
.post-sidebar > div {
	background-color: #efefef;
	padding: 20px
}
.post-sidebar > div aside {
	display: block;
	position: static !important;
	margin: 0 0 15px;
}
.post-sidebar > div aside h3 {
	margin: 0 0 15px;
	text-transform: uppercase;
	font-size: 1.5em;
	border-bottom: solid 1px #dadada;
	display: block;
	padding-bottom: 5px;
	color: #3394D7
}
.post-sidebar > div aside ul {
	display: block;
	padding: 0;
	margin: 0
}
.post-sidebar > div aside ul li {
	display: block;
	margin-bottom: 5px;
	list-style: none;
	position: relative;
	padding-left: 15px
}
.post-sidebar > div aside ul li:before {
	font-family: 'FontAwesome';
	content: '\f10c';
	font-size: 0.800em;
	color: #555555;
	transition: 400ms all;
	position: absolute;
	left: 0;
	top: 3px
}
.post-sidebar > div aside ul li a { color: #000000 }
.post-sidebar > div aside ul li:hover a { color: #3394d7 }
.post-sidebar > div aside ul li:hover:before { color: #3394d7; }
.post-sidebar > div aside.widget_search form { position: relative }
.post-sidebar > div aside.widget_search form label { display: block; }
.post-sidebar > div aside.widget_search form label :before, .post-sidebar > div aside.widget_search form label :after {
	display: block;
	content: '';
	clear: both
}
.post-sidebar > div aside.widget_search form label span { display: none }
.post-sidebar > div aside.widget_search form label input {
	background-color: #fafafa;
	color: #666666;
	padding: 7px;
	display: block;
	border: solid 1px transparent;
	transition: 400ms all;
	outline: none;
	width: 100%
}
.post-sidebar > div aside.widget_search form label input:focus {
	background-color: #ffffff;
	border-color: #dadada
}
.post-sidebar > div aside.widget_search input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 42px;
	padding: 0;
	font-family: 'FontAwesome';
	opacity: 0;
	content: '\f002';
}
.post-sidebar > div aside.widget_search form label:after {
	font-family: 'FontAwesome';
	content: '\f002';
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
	text-align: center;
	cursor: pointer;
	line-height: 36px;
	color: #3394d7
}
.post-sidebar > div aside.widget_search form label:hover:after { color: #1472B3 }

/*--=== Sidebar END ===--*/

/*--===== Post Content  END=====--*/



/*--===== Contact Us =====--*/

@media(min-width: 768px) {
.contact-us {
	float: inherit !important;
	margin: 30px auto !important;
	min-height: 430px !important
}
}
.contact-us { margin-bottom: 40px }
.contact-us label {
	display: block;
	margin-bottom: 15px;
	max-width: none
}
.contact-us label:last-child { margin-bottom: 0 }
.contact-us label span {
	display: inline-block;
	font-weight: 300;
	padding: 10px 15px 0 0 !important
}
.contact-us label input, .contact-us textarea {
	padding: 5px;
	background-color: #efefef;
	border: solid 1px #dadada;
	outline: none;
	transition: 400ms all;
	border-radius: 3px;
	color: #313131;
}
.contact-us label input:focus, .contact-us textarea:focus {
	background-color: #fafafa;
	border: solid 1px #efefef;
}
.contact-us textarea { height: 100px }

@media(max-width: 767px) {
.contact-us label input, .contact-us textarea {
	width: calc(100% - 120px );
	float: right
}
}

@media(max-width: 480px) {
.contact-us label input, .contact-us textarea {
	width: 100%;
	max-width: 100%;
	float: none
}
}
.contact-us button {
	margin: auto;
	display: block;
	padding: 10px 30px;
	background-color: #3394d7;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	text-transform: uppercase;
	outline: none
}
.contact-us button:hover { background-color: #157ABF; }
.contact-us button:focus { background-color: #4CABED; }
/*--===== Contact Us  END=====--*/

.post-nav {
	display: block;
	margin-top: 15px;
}
.post-nav a, .view-more {
	display: block;
	float: left;
	width: 150px;
	text-align: center;
	text-transform: uppercase;
	line-height: 50px;
	color: #3394d7;
	border: solid 1px #3394d7;
	transition: 400ms all;
	position: relative;
	overflow: hidden
}
.post-nav a:nth-child(2) { float: right }
.post-nav a:hover, .post-nav a:focus, .view-more:hover, .view-more:focus {
	color: #ffffff;
	text-decoration: none;
}
.post-nav a:hover:after, .post-nav a:focus:after, .view-more:hover:after, .view-more:focus:after {
	transform: scale(6, 6);
	transition: 300ms all;
	opacity: 1;
}
.post-nav a:after, .view-more:after {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 1000px;
	transform: scale(0, 0);
	content: '';
	z-index: -1;
	background-color: #3394d7;
	opacity: 0;
}
.post-nav a:focus, .view-more:focus {
	color: #ffffff;
	text-decoration: none;
}
.view-more {
	margin: 30px auto;
	float: inherit !important
}
.tags-links {
	overflow: hidden;
	margin-top: 15px;
	display: block
}
.tags-links a {
	display: inline-block;
	background-color: #3394d7;
	text-decoration: none;
	transition: 400ms all;
	border-right: solid 1px #68B0E1;
	padding: 7px 15px;
	color: #ffffff
}
.tags-links a:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.tags-links a:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.tags-links a:last-child {
	border-right: none;
}
.tags-links a:hover, .tags-links a:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #2275AE;
}