/*
 Table Of Contents
 1.) Eric Meyer's Reset
 2.) Global Typography
 2.0.1) Font Face
 2.0.2) Global Headings
 2.0.3) Form Elements
 2.0.4) List styles
 2.0.5) General Text Formatting
 2.0.6) Link elements
 2.0.7) Table Elements
 2.0.8) Button Styles
 2.0.9) Sprite Icons
 3.) Site Wide Content
 4.) Header Style
 5.) Footer Style
 6.)Default Page Styling
 ===============================================*/

/*
 1.) Eric Meyer's Reset
 ----------------------------------------*/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Lato', sans-serif;
	position: relative;
}
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;
}

/*
 2.) Global Typography
 ----------------------------------------*/
*, :before, :after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
}
body {
	font-family: 'Lato', sans-serif;
	color: #000000;
	font-size: 16px;
}
/*
 2.0.1) Font Face
 -----------------------------*/

/*  Fant@face   ||-----------*/

/*
 2.0.2) Global Headings
 -----------------------------*/

h1 {
	font-size: 40px;
	margin-top: 0;
	font-family: 'Lato', sans-serif;
}

h2 {
	font-size: 32px;
	margin-top: 0;
	font-family: 'Lato', sans-serif;
	color: #2a2a2a;
}

h3 {
	font-size: 20px;
	color: #2a2a2a;
}
h4 {
	font-size: 25px;
}

h5 {
	font-size: 15px;
	line-height: 1.5;
}

h6 {
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 17px;
}

a:hover, a:focus {
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #333;
	transition: color 0.3s;
}
a {
	color: #1c77ed;
	transition: color 0.3s;
}
.btn {
	font-size: 13px;
	color: #1c77ed;
	background: transparent;
	min-width: 172px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	border: 1px solid #1c77ed;
	padding: 0 10px;
	border-radius: 5px;
	font-weight: 700;
}

a.btn:hover {
	    background: #1c77ed;
    color: #fff;
    border-color: #1c77ed;
}
img {
	max-width: 100%;
}
@media (min-width: 1200px) {
	.container {
		width: 1000px;
		max-width: 100%;
	}
}

/*
 2.0.3) Form Elements
 -----------------------------*/
input:focus, button:focus, textarea:focus {
	outline: none;
}
button, input, optgroup, select, textarea {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: inherit;
	background: #fff;
	border: 1px solid #888;
}
select {
	background: #fff url(../images/drop-down.png) no-repeat 95% center;
	-moz-appearance: none;
	-webkit-appearance: none;
}
input {
	line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
	padding: 0;
	border: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"] {
	-webkit-appearance: none;
	cursor: pointer;
	line-height: normal;
	overflow: visible;
}
button[disabled], input[disabled] {
	cursor: default;
	color: #999;
	border-color: #ccc;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/*
 2.0.4) List Styles
 ---------------------------------*/
ul, ol, dl {
	font-size: 100%;
	list-style:none;
}
li, dt {
	line-height: 1em;
}
dl {
	margin: 0 0 1em 0;
}
dd {
	margin: 0 0 1em 0.8em;
}
ul {
	list-style-type: none;
	margin: 0 0 0 0;
}
ol {
	list-style-type: decimal;
	margin: 0 0 1em 0;
}
ul ul, ol ul {
	list-style-type: none;
	margin-top: 0;
}
ol ol {
	list-style-type: lower-latin;
	margin-top: 0;
}

/*
 2.0.5) General Text Formatting
 -----------------------------------*/
p {
	font-size: 100%;
	line-height: 1.5;
}
blockquote, cite, q, var, dfn {
	font-style: italic;
}
blockquote {
	background: transparent;
	color: #666666;
}
small {
	/* font-size: 12px; */
	font-size: 85.71429%;
	line-height: 1.75;
}
pre, code, kbd, tt, samp, var {
	font-size: 100%;
}
pre {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code {
	color: #880000;
}
kbd, samp, var {
	color: #666666;
	font-weight: bold;
}
acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	cursor: help;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	max-width: 100%;
	height: auto;
}
/*
 2.0.6) Link style
 -------------------------*/
a {
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;
}
a:active {
	outline: none;
}
a:hover {
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}

/*
 2.0.7) Table Elements
 --------------------------*/
table {
	width: 100%;
	border-collapse: collapse;
	color: #444444;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin: 0 0 1.35714em 0;
}
caption {
	font-variant: small-caps;
}
th, td {
	line-height: 1.5em;
	vertical-align: top;
	padding: 0.71429em 0.5em;
}
th *:first-child, td *:first-child {
	margin-top: 0;
}
thead th {
	text-align: left;
	color: #000;
	border-bottom: 2px #000 solid;
}
tbody th {
	text-align: left;
	border-top: 1px solid #ccc;
}
tbody td {
	text-align: left;
	border-top: 1px solid #ccc;
}

/*
 2.0.8) Button Styles
 -------------------------*/

/*

 /* Clear Floated Elements
 ----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*
 3.) Site Wide Content
 ------------------------------*/

/*
 4.) Header Styles
 ------------------------------*/

/*-------------------------------------------------------------------------------------------*/

/* HEADER         ||---------------------------- */

/*-------------------------------------------------------------------------------------------*/
.header {
	padding: 27px 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2;
	background:#ffffff;
	box-shadow: 0px 6px 27px #d4d3d4;
}
.header_bg, .sticky {
	background: #fff;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.36);
	position: fixed;
	top: 0;
	left: 0px;
}
.logo a {
	display: inline-block;
}

.header_bg .logo a.show_logo, .logo a.scroll_logo {
	display: none;
}
.header_bg .logo a.scroll_logo, .sticky .logo a.scroll_logo {
	display: block;
}
.sticky .logo a.show_logo {
	display: none;
}
.navigation ul li {
	display: inline-block;
}
.navigation ul li a {
	font-size: 13px;
	text-transform: capitalize;
	display: block;
	padding: 15px 11px;
	color: #fff;
}
.navigation ul li a:hover, .header_bg .navigation ul li a:hover, .sticky .navigation ul li a:hover {
	color: #1c77ed;
}

.header_bg .navigation ul li a, .sticky .navigation ul li a {
	color: #2a2a2a;
}

.navigation ul li:first-child a {
	padding-left: 0px;
}
.navigation ul li:last-child {
	margin-left: 9px;
}
.navigation ul li a.blue_bg {
	background: #1c77ed;
	color: #fff;
	font-weight: 700;
	min-width: 100px;
	height: 32px;
	line-height: 27px;
	padding: 0px 10px;
	border-color: #1c77ed;
}

.navigation ul li a.green_bg {
	background: #39a617;
	color: #fff;
	font-weight: 700;
	min-width: 170px;
	height: 32px;
	line-height: 27px;
	padding: 0px 10px;
	border-color: #39a617;
}
.navigation ul li a.green_bg:hover, .navigation ul li a.blue_bg:hover {
		    background: #1c77ed;
    color: #fff;
    border-color: #1c77ed;
}
.menu {
	border: none;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	height: 16px;
	position: absolute;
	right: 15px;
	top: 0px;
	width: 24px;
	background: none;
	z-index: 10;
}
.menu:after {
	position: absolute;
	top: 5px;
	right: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
}
.header_bg .menu {
	border-color: #000;
}
.header_bg .menu:after {
	background: #000;
}
.header_mob_btn {
	background: #fff;
	padding: 10px 0;
	text-align: center;
	display: none;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 99;
	transition: all 0.3s;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.36);
}
.header_mob_btn .green_bg {
	margin-left: 15px;
}

.header_mob_btn a.blue_bg {
	background: #1c77ed;
	color: #fff;
	font-weight: 700;
	min-width: 100px;
	height: 32px;
	line-height: 27px;
	padding: 0px 10px;
	border-color: #1c77ed;
}

.header_mob_btn a.green_bg {
	background: #39a617;
	color: #fff;
	font-weight: 700;
	min-width: 170px;
	height: 32px;
	line-height: 27px;
	padding: 0px 10px;
	border-color: #39a617;
}

/*==============================================================================================*/

/* FOOTER         ||---------------------------- */

/*==============================================================================================*/
.footer {
	padding: 65px 0px 55px;
	background: #fafafa;
}
.b_border {
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 77px;
}
.subscribe_text h2 {
	font-size: 24px;
	line-height: 1.7;
}
.news_subs {
	padding-left: 36px;
}
.news_mail {
	margin-top: 12px;
	margin-bottom: 10px;
}
.news_mail .news_box {
	font-size: 13px;
	color: #9c9c9c;
	height: 48px;
	border-color: #e1e1e1;
	border-radius: 5px 0px 0px 5px;
	padding: 10px 22px;
	width: calc(100% - 145px);
}

.news_mail .btn {
	min-width: 140px;
	color: #fff;
	background: #1c77ec;
	margin-left: -6px;
	height: 47px;
}
.padding_top {
	padding-top: 47px;
}
.footer_logo p {
	font-size: 13px;
	margin-top: 6px;
}
.footer_nav {
	padding-left: 80px;
	margin-bottom: 66px;
}
.footer_nav ul {
	text-align: right;
}
.footer_nav ul li {
	display: inline-block;
	padding: 19px 12px 0px 10px;
}
.footer_nav ul li:first-child {
	padding-left: 0px;
}
.footer_nav ul li a {
	font-size: 13px;
	color: #606060;
	display: block;
}
.footer_nav ul li a:hover {
	color: #1c77ec;
}

.copy_right p {
	font-size: 13px;
	color: #8e8e8e;
}
.copy_right p a {
	margin-left: 30px;
	color: #8e8e8e;
}
.copy_right p a:hover {
	color: #1c77ec;
}
.footer_social ul {
	text-align: right;
}
.footer_social ul li {
	display: inline-block;
	margin: 0px 11px;
}
.footer_social ul li:last-child {
	margin-right: 0px;
}
.footer_social ul li a {
	height: 24px;
	width: 24px;
	display: inline-block;
}
.footer_social ul li a.rss_icon {
	background: url(../images/rss.svg) no-repeat 0 0;
	background-size: contain;
}
.footer_social ul li a.twitter_icon {
	background: url(../images/twitter.svg) no-repeat 0 0;
}
.footer_social ul li a.linkedin_icon {
	background: url(../images/linkedin.svg) no-repeat 0 0;
}

.inner_footer{
	    padding-top: 25px;
}