@import url("https://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800");

html, body, div, span, h1, h2, h3, h4, p, a, img, strong, b, ul, li, form, label, table, tbody, thead, tr, th, td, footer, header, nav, section {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; 
}

footer, header, nav, section { display: block; }

body { line-height: 1; }

ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

input::-moz-focus-inner { border: 0; padding: 0; }

textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; }

@-ms-viewport { width: device-width; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body {
	-webkit-text-size-adjust: none; background-color: #f7f7f7; background-position: top left, top left; background-repeat: repeat-x, repeat;
	background-size: 100% 30em, auto; font-family: 'Open Sans', sans-serif; font-size: 13pt; color: #696969; font-weight: 300; line-height: 2.25em;
}

body.is-preload *, body.is-preload *:before, body.is-preload *:after {
	-moz-animation: none !important; -webkit-animation: none !important; -ms-animation: none !important; animation: none !important;
	-moz-transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; transition: none !important;
}

input, select, textarea { font-family: 'Open Sans', sans-serif; font-size: 13pt; color: #696969; font-weight: 300; -webkit-line-height: 2.25em; }

a { color: #0090c5; text-decoration: underline; }

a:hover { text-decoration: none; }

h1, h2, h3, h4 { color: #444; font-weight: 800; }

h1 a, h2 a, h3 a, h4 a { color: inherit; text-decoration: none; outline: 0; }

h2 { font-size: 2.25em; margin: 0 0 1.1em 0; line-height: 1em; }

h3 { font-size: 1.35em; margin: 0 0 1em 0; }

b, strong { font-weight: 600; color: #444; }

br.clear { clear: both; }

hr { border: 0; border-top: solid 1px #eee; }

.test{ background: #444; color: #fff; }

.container { margin: 0 auto; max-width: 100%; width: 1400px; }
	
.dropbtn { background: #fff; color: #444; cursor: pointer; font-weight: 800; }

.dropdown { position: relative; display: inline-block; font-size:12px; }

.dropdown-content { display: none; position: absolute; min-width: 160px; background: #444; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; color: #fff; }

.dropdown-content a { color: white; padding: 12px 16px; text-decoration: none; display: block; font-weight: 800; }

.dropdown-content a:hover { background: #fff; color: #696969; }

.dropdown:hover .dropdown-content { display: block; }

.dropdown:hover .dropbtn { background: #fff; }
	
@media screen and (max-width: 1680px) {
	.container { width: 1200px; }
}

@media screen and (max-width: 1280px) {
	.container { width: 960px; }
	.footcontainer{ width: 1060px; }
}

@media screen and (max-width: 980px) {
	.container { width: 90%; }
}

.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }

.row > * { box-sizing: border-box; }

.row > .col-3 { width: 50%; }

.row > .col-4 { width: 50%; }

.row > .col-5 { width: 41.66667%; }

.row > .col-6 { width: 50%; }

.row > .col-7 {	width: 58.33333%; }

.row > .col-12 { width: 100%; }

.row { margin-top: -40px; margin-left: -40px; }

.row > * { padding: 40px 0 0 40px; }

@media screen and (max-width: 1680px) {
	.row { display: flex; 	flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
	.row > * { box-sizing: border-box;	}
	.row { margin-top: -40px; margin-left: -40px; }
	.row > * { padding: 40px 0 0 40px; }
}

@media screen and (max-width: 1280px) {
	.abc{ padding-top:0px; }
	#footer-wrapper { margin-top: 0.5em; }
	.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
	.row > * { box-sizing: border-box;	}
	.row { margin-top: -25px; margin-left: -25px; }
	.row > * { padding: 25px 0 0 25px; }
	.row > .abc { padding: 0px 0 0 25px; }
}

@media screen and (max-width: 980px) {
	.row { 	display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
	.row > * { box-sizing: border-box; }
	.row > .col-6-medium { width: 50%; }
	.row > .col-12-medium { width: 100%; }
	.row { margin-top: -25px; margin-left: -25px; }
	.row > * { padding: 25px 0 0 25px; }
}

@media screen and (max-width: 736px) {
	.row { display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; }
	.row > * { box-sizing: border-box; }
	.row > .col-12-small { width: 100%; }
	.row { margin-top: -20px; margin-left: -20px; }
	.row > * { padding: 20px 0 0 20px; }
}

section { margin-bottom: 5em; }

section > :last-child, section:last-child { margin-bottom: 0; }

header { margin: 0 0 1em 0; }

header h2, header h3 { margin: 0 0 0.25em 0; }

header p { margin: 0; }

footer { margin: 2.5em 0 0 0; }

form label { display: block; font-weight: 800; margin: 0 0 1em 0; font-size: 0.8em; color: #444; }

form input[type="text"], form input[type="password"], form select, form textarea {
	-webkit-appearance: none; display: block; width: 100%; border-radius: 8px; border: solid 1px #eee;
}

form input[type="text"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus { border-color: #0090c5; }

form input[type="text"], form input[type="password"] { line-height: 3em; padding: 0 1em; }

form select { line-height: 3em; padding: 0 1em; }

form textarea { min-height: 9em; padding: 1em; }

form ::-webkit-input-placeholder { color: #555 !important; }

form :-moz-placeholder { color: #555 !important; }

form ::-moz-placeholder { color: #555 !important; }

form :-ms-input-placeholder { color: #555 !important; }

form ::-moz-focus-inner { border: 0; }

input[type="button"], button, .button {
	-moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; color: #fff; text-decoration: none; outline: 0;
	-ms-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; border-radius: 6px; font-weight: 800; border: 0;
	-webkit-appearance: none; position: relative; display: inline-block; background: #0090c5; cursor: pointer; font-size: 1.35em; padding: 0.6em 1.5em;
}

input[type="button"].icon:before, button.icon:before, .button.icon:before { position: relative; margin-right: 0.5em; top: 0.05em; }

input[type="button"]:hover, button:hover, .button:hover { background: #10a0d5; }

input[type="button"]:active, button:active, .button:active { background: #20b0e5; }

input[type="button"].alt, button.alt, .button.alt {  background: #f1f1f1; background: rgba(0, 0, 0, 0.05); color: #444; }

input[type="button"].alt:hover, button.alt:hover, .button.alt:hover { background: #e8e8e8; background: rgba(0, 0, 0, 0.085); }

input[type="button"].alt:active, button.alt:active, .button.alt:active { background: #e4e4e4; background: rgba(0, 0, 0, 0.15); }

input[type="button"].large, button.large, .button.large { font-size: 2em; padding: 0.8em 0.9em; }

ul { list-style: disc; padding-left: 1em; }

ul li { padding-left: 0.5em; }

ul.style2 { list-style: none; padding-left: 0; }

ul.style2 li { padding-left: 0; }

li { padding-left: 0.25em; }

ul.menu { list-style: none; padding-left: 0; }

ul.menu li { border-left: solid 1px #e0e0e0; display: inline-block; padding: 0 0 0 0.75em; 	margin: 0 0 0 0.75em; }

ul.menu li:first-child { border-left: 0; margin-left: 0; padding-left: 0; }

.box { background: #fff; border-radius: 6px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05); padding: 2em; }

.box.feature { padding: 0;	}

.box.feature .inner { padding: 1em 2em 1em 2em; }

.box.feature h2 { font-size: 1.35em; }

.box.feature p { margin: 0; }

.box.feature .image { position: relative; margin: 0; }

.box.feature .image img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

#features-wrapper { padding: 0.8em 0 0.5em 0; }

#footer-wrapper { margin-top: 1em; }

#header { position: relative; }

#logo { display: inline-block; }

#logo h1 {
	background: #444; color: #fff; border-radius: 6px; font-family: 'Oleo Script', serif; padding: 0.25em 0.2em 0.25em 0.2em;
	font-size: 3.25em; letter-spacing: 0.05em; display: inline-block; vertical-align: middle; font-weight: 400;
}

#logo h2 {
	background: #444; color: #fff; border-radius: 6px; font-family: 'Oleo Script', serif; font-weight: 400; padding: 0.25em 0.2em 0.25em 0.2em;
	font-size: 3.25em; letter-spacing: 0.05em; display: inline-block; vertical-align: middle;
}

#logo span { font-weight: 800; line-height: 4.5em; letter-spacing: 0.025em; font-size: 0.9em; vertical-align: middle; margin: 0 0 0 1.25em; }

#nav { position: absolute; right: 0; top: 0; margin-top: 7px; }

#nav ul { list-style: none; padding-left: 0; }

#nav ul li { float: left; line-height: 4.5em; padding-left: 1.5em; }

#nav ul li a, #nav ul li span {
	-moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; font-weight: 800; letter-spacing: 0.025em; color: #fff;
	-ms-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; text-decoration: none; border-radius: 6px; padding: 0.5em 1em 0.5em 1em;
}

#nav ul li > ul { display: none; }

#nav ul li:hover a, #nav ul li:hover span { background: #fff; color: #696969; }

#nav ul li.active a, #nav ul li.active span { background: #fff; }

#nav ul li.current a { background: #fff; color: #444; }

#banner { position: relative; padding: 2.5em; margin-top: 15px; }

#banner h2 { font-size: 3.5em; margin: 0.1em 0 0.35em 0; }

#banner p { font-size: 2.75em; line-height: 1.35em; margin: 0; }

#banner .button { width: 100%; margin-bottom: 0.5em; }

#banner .button.icon:before { position: absolute; right: 0.15em; top: 50%; margin-top: -0.5em; }

#banner .button.alt { margin-bottom: 0; }

#banner ul { list-style: none; padding-left: 0; margin: 0 0 0 2em; }

#banner ul li { padding-left: 0; }

#footer { margin-top: 0; }

#footer a { color: inherit; }

#copyright { color: #aaa; text-align: center; }

#copyright a { color: inherit; }

@media screen and (max-width: 980px) {
	html, body { overflow-x: hidden; }
	body, input, select, textarea { font-size: 11pt; }
	section { clear: both; margin-bottom: 1em !important; }
	section.last { margin-bottom: 0 !important; }
	.image.left { width: 25%; margin-bottom: 2em !important; }
	ul.menu li { display: block; border: 0 !important; padding: 0 !important; margin: 0 !important; }
	input[type="button"], button, .button { width: 100%; text-align: center; font-size: 1.35em; padding: 0.85em 0 !important; margin-top: 15px; }
	input[type="button"].icon:before, button.icon:before, .button.icon:before { margin-right: 0.5em; top: 0.05em; }
	#header { margin: 0 auto; }
	#logo span { display: block; margin: 0; }
	#banner { padding: 4.5em 3em; text-align: center; }
	#banner ul { margin: 2em 0 0 0; }
	#banner .button.icon:before { position: relative; right: auto; top: auto; }
	#content { border-bottom: solid 1px #e8e8e8; padding-bottom: 4em; margin-bottom: 0 !important; }
	#content > :last-child { margin-bottom: 0 !important; }
	#copyright { padding: 0; }
	#page-wrapper {
		-moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.5s ease;
		-moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; padding-bottom: 1px;
	}
}

@media screen and (max-width: 736px) {
	body, input, select, textarea { line-height: 2em; }
	h2, h3, h4 { font-size: 13pt; margin: 0 0 1em 0; }
	section { clear: both; margin-bottom: 3em !important; }
	section.last { margin-bottom: 0 !important; }
	.image.left { width: 25%; margin-bottom: 2em !important; }
	ul.menu li { display: block; border: 0 !important; padding: 0 !important; margin: 0 !important; }
	input[type="button"], button, .button { width: 100%; text-align: center; padding: 0.65em 0 !important; }
	input[type="button"].icon:before, button.icon:before, .button.icon:before { margin-right: 0.5em; top: 0.05em; }
	.box { padding: 15px 15px 15px 15px; margin: 0; }
	.box.feature { margin: 20px 0 0 0 !important; padding: 0; }
	.box.feature .inner { padding: 30px 15px 30px 15px; }
	.box.feature p { margin: 0; }
	.box.feature .image { position: relative; margin: 0; }
	.box.feature .image img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	.before{ display:none; }
	.after{ display:block; }
	#banner-wrapper { padding: 0 15px 0 15px; margin-top: 15px; }
	#features-wrapper { padding: 0 15px 40px 15px; }
	#footer-wrapper { padding: 40px 30px 40px 30px; }
	#logo h1 { font-size: 2.75em; padding: 0.2em 0.275em; }
	#logo span { line-height: 3em; }
	#banner { text-align: center; padding: 15px 15px 15px 15px; margin: 0 auto !important; }
	#banner h2 { font-size: 2em; margin: 0.75em 0 0.5em 0; }
	#banner p { font-size: 1.5em; line-height: 1.5em; margin: 0; }
	#banner ul { margin: 0; }
	#banner .button { margin: 0 0 1em 0; }
	#content { padding-bottom: 3em; }
	#footer section { border-bottom: solid 1px #ccc; padding-bottom: 3em; margin-bottom: 1em !important; }
	#copyright { text-align: left; }
}