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

	BOXcss v1.1

	TABLE OF CONTENTS
	------------------
	0. IMPORTS & VARIABLES
	1. FIXES
	2. BASE
	3. TYPOGRAPHY
	4. PARTIALS
	5. GRID
	6. HELP CLASSES
	7. MEDIA QUERIES


	The MIT License (MIT)

	Copyright (c) 2014 Alexander Hansson

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:

	The above copyright notice and this permission notice shall be included in all
	copies or substantial portions of the Software.

	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
	SOFTWARE.

/* --------------------------------------------------------------
	0. IMPORT, MIXINS AND VARIABLES
	   This file contains some useful mixins, font imports
	   and variables.
-------------------------------------------------------------- */
/*----------------------------------------------------------------
		BREAKPOINTS
-------------------------------------------------------------- */
/*----------------------------------------------------------------
		COLORS
-------------------------------------------------------------- */
/*----------------------------------------------------------------
		TYPOGRAPHY
-------------------------------------------------------------- */
/*----------------------------------------------------------------
		MIXINS
-------------------------------------------------------------- */
/* --------------------------------------------------------------
	1. GRID
-------------------------------------------------------------- */
/* --------------------------------------------------------------
		1. GRID
-------------------------------------------------------------- */
.container {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}
[class*='box-'],
.box {
  float: left;
  display: inline-block;
  padding: 20px 5px;
  position: relative;
}
.box-12 {
  width: 100%;
}
.box-11 {
  width: 91.6%;
}
.box-10 {
  width: 83.3%;
}
.box-9 {
  width: 75%;
}
.box-8 {
  width: 66.6%;
}
.box-7 {
  width: 58.3%;
}
.box-6 {
  width: 50%;
}
.box-5 {
  width: 41.6%;
}
.box-4 {
  width: 33.3%;
}
.box-3 {
  width: 25%;
}
.box-2 {
  width: 16.6%;
}
.box-1 {
  width: 8.3%;
}
/* --------------------------------------------------------------
	2. BASE
	   Basic styles - links, selection, *-reset.
-------------------------------------------------------------- */
/* --------------------------------------------------------------
		2. BASE
-------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
html {
  overflow-y: scroll;
  min-height: 100%;
}
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* disable webkit tap highlight */
  background: #f5f5f5;
}
::selection {
  background: #4d6ad0;
  color: #ffffff;
  text-shadow: none;
}
::-moz-selection {
  background: #4d6ad0;
  color: #ffffff;
  text-shadow: none;
}
a,
a:visited {
  text-decoration: none;
  color: #4d6ad0;
}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
  color: #2b47a5;
}
ol {
  padding-left: 30px;
}
/* --------------------------------------------------------------
	3. TYPOGRAPHY
	   Headings, and paragraphs. Font-size and line-height adjust 
	   for opitmal readability. 
-------------------------------------------------------------- */
/* --------------------------------------------------------------
		3. TYPOGRAPHY
-------------------------------------------------------------- */
small {
  font-size: 85%;
}
em {
  font-style: italic;
}
strong {
  font-weight: 700;
}
body {
  border-top: 5px solid #263e91;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.7;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: normal;
}
blockquote {
  font-size: 16px;
  line-height: 1.7;
  padding-left: 40px;
  margin-left: -40px;
  border-left: 5px solid #263e91;
  margin: 1em 0 2em 0;
  font-style: italic;
}
h1,
h2,
h3 {
  margin-bottom: 12px;
  font-weight: normal;
  line-height: 1.3em;
  margin-top: 1em;
}
p > a {
  text-decoration: underline;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a {
  text-decoration: none;
}
h1 {
  font-size: 2.5em;
  font-weight: bolder;
}
h2 {
  font-size: 2em;
  font-weight: bold;
}
h3 {
  font-size: 1.3em;
  font-weight: bold;
}
h4 {
  font-size: 1em;
  line-height: 1.7;
}
@media only screen and (max-width: 640px) {
  h1 {
    font-size: 1.4em;
  }
  h2 {
    font-size: 1.2em;
  }
}
.uppercase {
  text-transform: uppercase;
  border-bottom: 10px solid #f5f5f5;
  line-height: 3;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 1em;
}
p {
  display: block;
  margin: 0 0 1em 0;
}
p:last-child {
  margin: 0;
}
/* --------------------------------------------------------------
	4. PARTIALS
	   The styles of your pages will be in these files.
-------------------------------------------------------------- */
/* --------------------------------------------------------------
		4. SITE
			4.1 HEADER
-------------------------------------------------------------- */
header nav ul li.menu-item-has-children > a,
header nav ul li.page_item_has_children > a {
  padding-right: 15px;
}
header nav ul li.menu-item-has-children > a:after,
header nav ul li.page_item_has_children > a:after {
  position: absolute;
  top: 9px;
  right: 10px;
  font-family: 'FontAwesome';
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f107';
}
@media only screen and (max-width: 640px) {
  header nav ul li.menu-item-has-children > a:after,
  header nav ul li.page_item_has_children > a:after {
    top: 20px;
  }
}
header nav ul li.menu-item-has-children:hover {
  background: #4d6ad0;
  color: #ffffff;
}
header nav ul li.menu-item-has-children:hover a {
  color: #ffffff !important;
}
header {
  padding: 30px 0;
}
header h1.logo {
  width: 290px;
  float: left;
  margin-top: 22px;
}
header input {
  position: absolute;
  top: 0;
  display: none;
  z-index: 999999;
}
header span.mobile-menu {
  display: none;
}
@media only screen and (max-width: 640px) {
  header span.mobile-menu {
    display: block;
    position: absolute;
    right: 20px;
    top: 25px;
  }
}
header span.mobile-close {
  display: none;
}
@media only screen and (max-width: 640px) {
  header span.mobile-close {
    display: block;
    position: absolute;
    right: 20px;
    top: 5px;
  }
}
header nav {
  float: right;
  width: 70%;
  padding-top: 58px;
}
@media only screen and (max-width: 640px) {
  header nav {
    display: none;
  }
  header nav.nav-open {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: #f5f5f5;
    height: 1800px;
    padding: 50px 30px 0 20px;
  }
  header nav.nav-open ul li ul li a {
    color: #333333 !important;
  }
}
header nav ul li {
  cursor: pointer;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
  color: #333333;
}
header nav ul li a {
  color: #333333 !important;
}
header nav ul li:hover {
  color: #4d6ad0 !important;
}
header nav ul li:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 640px) {
  header nav ul li:last-child {
    display: none;
  }
}
header nav ul li a {
  color: #333333;
}
header nav ul li.dropdown:hover {
  background: #4d6ad0;
  color: #ffffff;
}
header nav ul li ul {
  padding: 0;
  position: absolute;
  top: 32px;
  right: 0;
  width: 200px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity .1s;
  -moz-transition: opacity .1s;
  -ms-transition: opacity .1s;
  -o-transition: opacity .1s;
  -transition: opacity .1s;
}
header nav ul li ul li {
  background: #4d6ad0;
  display: block;
  color: #fff;
  z-index: 999;
}
header nav ul li ul li a {
  display: block;
  height: 100%;
  color: #ffffff !important;
  padding: 10px 15px;
}
header nav ul li ul li:hover {
  background: #263e91;
}
header nav ul li ul li:hover a {
  color: #ffffff !important;
}
header nav ul li:hover ul,
header nav ul li a:focus + ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
header nav ul {
  display: block;
  float: right;
}
header nav ul li {
  display: inline-block;
  margin-left: 5px;
  padding: 5px 10px;
  position: relative;
  font-size: 90%;
}
header nav ul li i {
  margin-left: 5px;
}
header nav ul li.search i {
  z-index: 9999;
  position: absolute;
  top: -12px;
  right: 40px;
}
header nav ul li input {
  position: absolute;
  right: 0;
  top: -25px;
  z-index: 9;
  width: 60px;
  padding: 20px 12px;
  font-size: 15px;
  border: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background: #f5f5f5;
}
header nav ul li input:focus {
  width: 190px;
}
header .top-menu {
  position: absolute;
  top: 25px;
  right: 20px;
  color: #263e91;
}
header .top-menu ul {
  display: block;
  float: right;
}
header .top-menu ul li {
  display: inline-block;
  margin-left: 25px;
  font-size: 90%;
}
header .top-menu ul li i {
  margin-left: 5px;
}
@media only screen and (max-width: 640px) {
  header nav ul li.menu-item-has-children:hover a {
    color: #333333 !important;
  }
  .top-menu {
    visibility: hidden;
  }
  header {
    padding: 13px 0 3px 0;
  }
  header h1.logo {
    width: 180px;
  }
  header nav {
    width: 100%;
  }
  header nav ul {
    width: 100%;
  }
  header nav ul li {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #999;
  }
  header nav ul li:hover,
  header nav ul li.dropdown:hover {
    background: #f5f5f5 !important;
    color: black !important;
    border-bottom: 1px solid #333333;
  }
  header nav ul li:hover a,
  header nav ul li.dropdown:hover a {
    color: #333333 !important;
  }
  header nav ul li ul {
    margin-left: 5px;
    z-index: 9999;
    margin-top: 15px;
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    display: block;
    background: #f5f5f5;
  }
  header nav ul li ul li {
    display: block;
    color: #333333 !important;
    margin: 0;
    width: 50%;
    float: left;
    border: none;
    background: #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
  }
  header nav ul li ul li:hover {
    background: #f5f5f5;
  }
}
/* --------------------------------------------------------------
			4.2 NAVIGATION
-------------------------------------------------------------- */
/* --------------------------------------------------------------
			4.3 CONTENT
-------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .index {
    padding: 0;
  }
}
i {
  margin-left: 5px;
}
.hero {
  color: #4d6ad0;
  background: #ffffff;
  height: 400px;
}
.hero .container {
  padding: 0;
}
@media screen and (min-width: 640px) and (max-width: 1023px), only screen and (max-width: 640px) {
  .hero img {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .hero {
    margin-top: -10px;
  }
}
.hero .hero-headline {
  position: absolute;
  left: 20px;
}
.hero .hero-headline h1 {
  padding-top: 30px;
  line-height: 1.1;
  color: #263e91;
  font-weight: bolder;
}
@media only screen and (max-width: 640px) {
  .hero .hero-headline h1 {
    padding-top: 40px;
  }
}
.hero .hero-headline p {
  color: #333333;
  max-width: 50%;
}
.hero .hero-headline a.btn {
  margin-left: 0;
  margin-top: 10px;
  margin-right: 10px;
}
@media only screen and (max-width: 640px) {
  .hero .hero-headline a.btn {
    color: #ffffff;
  }
  .hero .hero-headline a.btn:visited {
    color: #ffffff;
  }
}
.hero .hero-headline a.border {
  margin-left: 10px;
  color: #333333;
}
@media only screen and (max-width: 640px) {
  .hero .hero-headline a.border {
    color: #333333;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .hero .hero-headline {
    position: relative;
    padding: 1px 20px 60px 20px;
    width: auto;
    left: 0;
    text-align: center;
  }
  .hero .hero-headline p {
    margin: 20px auto 10px auto;
    max-width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  .hero .hero-headline {
    position: relative;
    padding: 0px 20px 60px 20px;
    width: auto;
    text-align: center;
    left: 0;
  }
  .hero .hero-headline p {
    max-width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .hero {
    height: auto;
  }
}
@media only screen and (max-width: 640px) {
  .om-isoc img {
    display: none;
  }
}
.puff {
  background: #ffffff;
  padding: 40px 30px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .puff {
    padding: 40px 20px;
  }
  .puff .box-9 {
    padding: 20px 0;
  }
}
.puff img.network {
  width: 100%;
  margin-top: -20px;
  margin-left: -60px;
  margin-bottom: -60px;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .puff img.network {
    margin-top: 11px;
  }
}
@media only screen and (max-width: 640px) {
  .puff {
    height: auto;
  }
  .puff .network-img {
    display: none;
  }
}
/* --------------------------------------------------------------
			LANDING PAGE
-------------------------------------------------------------- */
.pagination {
  margin-top: 40px;
  display: block;
  text-align: center;
  float: left;
  display: inline-block;
  padding: 20px 5px;
  position: relative;
}
.om-isoc a {
  float: right;
  margin-bottom: -2em;
}
.nyheter {
  height: 520px;
}
.nyheter h3 {
  margin-top: 0;
}
.nyheter p i {
  font-size: 70%;
}
.nyheter .box-3 img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px;
  width: 130px;
  position: absolute;
  top: 2px;
  left: 13px;
}
@media only screen and (max-width: 640px) {
  .nyheter .box-3 {
    display: none;
  }
}
.nyheter .nyhet {
  float: left;
  width: 100%;
  display: block;
}
.nyheter .nyhet p {
  color: #333333;
}
.nyheter .nyhet h3 {
  color: #333333;
  margin-top: 0;
}
.nyheter a:hover h3 {
  color: #263e91;
}
.nyheter a:hover span {
  color: #263e91;
}
.nyheter a.btn {
  position: absolute;
  right: 0;
  bottom: 30px;
  display: block;
  color: #ffffff;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .nyheter a.btn {
    right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .nyheter {
    height: auto;
  }
  .nyheter img {
    display: none;
  }
  .nyheter a {
    float: right;
  }
  .nyheter a.btn {
    position: relative;
    color: #ffffff;
    margin-top: 30px;
    margin-bottom: -20px;
  }
}
.arkiv {
  height: 520px;
  position: relative;
}
.arkiv h3 {
  margin-top: 0;
}
.arkiv ul {
  padding-left: 5px;
}
.arkiv ul li {
  list-style: none;
  text-transform: capitalize;
}
.arkiv ul li:last-child {
  position: absolute;
  bottom: 30px;
  left: 100px;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .arkiv {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .arkiv {
    display: none !important;
  }
}
.meta {
  height: 270px;
}
.meta h3 {
  margin-top: 0;
}
.meta small {
  margin-top: -10px;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .meta {
    height: 300px;
  }
}
@media only screen and (max-width: 640px) {
  .meta {
    height: auto;
  }
}
span.kategori {
  color: #4d6ad0;
  text-transform: uppercase;
  font-size: .95em;
  font-weight: bold;
}
/* --------------------------------------------------------------
			UNDERSIDOR GRUND
-------------------------------------------------------------- */
.page-layout {
  background: #ffffff;
}
.page-layout img {
  padding: 10px 15px;
}
@media only screen and (max-width: 640px) {
  .page-layout img {
    width: 100% !important;
  }
}
.page-layout .page-header {
  padding: 30px 30px 20px 30px;
  background: #dddddd;
  margin-left: -25px;
  margin-right: -25px;
  margin-top: -25px;
  margin-bottom: 20px;
}
.page-layout .page-header h1 {
  margin-top: 0;
  display: inline-block;
}
.page-layout .page-header h3 {
  font-size: 1em;
  margin-top: 0;
}
@media only screen and (max-width: 640px) {
  .page-layout .page-header h3 {
    font-size: .9em;
  }
}
.page-layout .page-header img {
  width: 80px;
  height: auto;
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 5px;
}
.page-layout .sidenote {
  border: 1px solid #999;
}
.page-layout .sidenote,
.page-layout .box-3 {
  padding: 20px 20px;
  margin-top: 20px;
  float: right;
}
.page-layout .sidenote p,
.page-layout .box-3 p {
  font-size: 90%;
}
.page-layout .sidenote .btn,
.page-layout .box-3 .btn {
  width: 100%;
  text-align: center;
}
.page-layout .sidenote .bilaga,
.page-layout .box-3 .bilaga {
  margin-top: 12px;
  color: #ffffff !important;
}
.page-layout .sidenote .bilaga i,
.page-layout .box-3 .bilaga i {
  margin-right: 5px;
  margin-left: -5px;
}
input,
textarea,
select {
  width: 100%;
  padding: 12px 18px;
}
input {
  border: 1px solid #999;
  margin-bottom: 12px;
  padding: 12px 18px;
}
.breadcrumbs {
  font-size: 90%;
  height: 3em;
  padding: 0 20px;
  color: #333333;
  line-height: 3em;
  background: #ffffff;
  margin: 30px 0 50px 0;
}
.breadcrumbs li {
  display: inline-block;
  list-style: none;
  margin-right: 10px;
  position: relative;
}
.breadcrumbs li:after {
  margin-left: 10px;
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.breadcrumbs li:last-child:after {
  content: '';
}
@media only screen and (max-width: 640px) {
  .breadcrumbs {
    display: none;
  }
}
/* --------------------------------------------------------------
			UNDERSIDA — bli medlem
-------------------------------------------------------------- */
.sidenote select {
  border: 1px solid #999;
  background: white;
  margin: 10px 0;
  font-size: 90%;
  color: #999;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
  -webkit-appearance: none;
  font-family: FontAwesome;
}
.formSuccess {
  padding: 20px 40px 20px 20px;
  background: #4d6ad0;
  color: #ffffff;
  margin-bottom: 20px;
  display: inline-block;
}
input {
  height: auto !important;
}
.medlem-form form {
  width: 100%;
  position: relative;
  float: left;
}
.medlem-form label {
  font-size: 90%;
  color: #aaaaaa;
}
.medlem-form textarea {
  resize: none;
}
.medlem-form input,
.medlem-form textarea,
.medlem-form select {
  width: 100%;
  padding: 12px 18px;
  font-size: 90%;
}
.medlem-form input {
  border: 1px solid #999;
  margin-bottom: 12px;
}
.medlem-form select {
  border: 1px solid #999;
  background: white;
  margin: 10px 0;
  color: #999;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
  -webkit-appearance: none;
  font-family: FontAwesome;
}
.medlem-form input[type=checkbox] {
  width: auto;
  margin-right: 10px;
}
.medlem-form input[type=submit] {
  width: auto;
}
.medlem-form small {
  font-size: 90%;
}
.medlem-form .btn {
  float: right;
  margin-top: 5px;
}
.medlem-form .medlem-foretag {
  float: left;
  margin-top: 20px;
  display: none;
}
@media only screen and (max-width: 640px) {
  .medlem-form .pl {
    padding-left: 0 !important;
  }
}
/* --------------------------------------------------------------
			UNDERSIDA — nyhet singel
-------------------------------------------------------------- */
.nyhet {
  /*p:first-child {
		font-weight: bold;
	}*/
}
.nyhet ul {
  padding-left: 20px;
  margin-bottom: 1em;
}
/* --------------------------------------------------------------
			UNDERSIDA — posts
-------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .nyhet-thumb {
    display: none !important;
  }
}
.posts input {
  margin-top: 10px;
}
.posts ul li {
  list-style: none;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 30px;
}
.posts ul li img {
  top: -5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
}
@media only screen and (max-width: 640px), screen and (min-width: 640px) and (max-width: 1023px) {
  .posts ul li img {
    display: none;
  }
}
.posts ul li a {
  color: #333333;
}
.posts ul li a:hover h3 {
  color: #4d6ad0;
}
.posts ul.nyheter-arkiv li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.posts ul.nyheter-arkiv li:first-child {
  margin-top: 10px;
}
/* --------------------------------------------------------------
			UNDERSIDA — styrelsen
-------------------------------------------------------------- */
.styrelse .sidenote {
  margin-top: 40px;
}
.styrelse .box-6 {
  text-align: center;
}
.styrelse .box-6 img {
  height: 300px;
  width: auto;
  margin: 0 auto;
}
.styrelse .box-6 p {
  margin-top: 1em;
}
.styrelse .box-6 p small {
  display: block;
}
/* --------------------------------------------------------------
			4.4 FOOTER
-------------------------------------------------------------- */
footer[role=contentinfo] {
  padding: 80px 0 70px 0;
  background: #4d6ad0;
  color: white;
}
footer[role=contentinfo] input {
  border: none;
  color: #333333;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
footer[role=contentinfo] ul li {
  list-style: none;
}
footer[role=contentinfo] ul li a {
  color: #ffffff;
}
footer[role=contentinfo] ul li a:hover,
footer[role=contentinfo] ul li a:active,
footer[role=contentinfo] ul li a:focus {
  color: #dddddd;
}
footer[role=contentinfo] p.copyright {
  display: block;
  text-align: left;
  margin-top: 50px;
  font-size: 90%;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/* --------------------------------------------------------------
	5. FIXES and print styles
-------------------------------------------------------------- */
/* --------------------------------------------------------------
		5. FIXES
-------------------------------------------------------------- */
/* Firefox Fix */
button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  border: 0;
  margin: 0;
  padding: 0;
}
/* WebKit Fix */
input[type=search],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}
/* iOS7 Fix - some inputs collapse when empty */
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
input[type=tel],
input[type=date],
input[type=time],
input[type=number] {
  height: 2em;
}
/* Disable max-width for Google Map images */
#map_canvas img,
.google-maps img {
  max-width: none;
}
img,
object,
embed {
  border: none;
  -ms-interpolation-mode: bicubic;
  display: block;
  vertical-align: middle;
  max-width: 100%;
  width: auto;
  width: auto\9;
  /* IE Fix */
  height: auto;
  border: 0;
}
/* --------------------------------------------------------------
		PRINT
-------------------------------------------------------------- */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* --------------------------------------------------------------
	6. HELP CLASSES
-------------------------------------------------------------- */
/* --------------------------------------------------------------
		6. HELP CLASSES
-------------------------------------------------------------- */
.np {
  padding: 0 !important;
}
.nm {
  margin: 0;
}
.float-l {
  float: left;
}
.float-r {
  float: right;
}
.pl {
  padding-left: 20px !important;
}
.hidden {
  display: none;
}
.notvisible {
  visibility: hidden;
}
.pt100 {
  padding-top: 100px;
}
.pt50 {
  padding-top: 50px;
}
.pt20 {
  padding-top: 20px;
}
.pb100 {
  padding-bottom: 100px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb20 {
  padding-bottom: 20px;
}
.mt100 {
  margin-top: 100px;
}
.mt50 {
  margin-top: 50px;
}
.mt20 {
  margin-top: 20px;
}
.mb100 {
  margin-bottom: 100px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb20 {
  margin-bottom: 20px;
}
.centered {
  margin-right: auto;
  margin-left: auto;
  display: block;
  float: none;
}
/* You might wanna change this 
@media @phone {
	[class*='mb'] {
		margin-bottom: 0;
	}
	[class*='mt'] {
		margin-top: 0;
	}
	[class*='pb'] {
		padding-bottom: 0;
	}
	[class*='pt'] {
		padding-top: 0;
	}
	.pl {padding-left: 0;}
}*/
.btn,
button {
  display: inline-block;
  width: auto;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
.btn:hover,
button:hover {
  color: #ffffff;
  background: #263e91;
}
@media only screen and (max-width: 640px) {
  .btn,
  button {
    color: #ffffff;
  }
}
.blue {
  background: #4d6ad0;
  color: #ffffff;
}
.blue:visited {
  color: #ffffff;
}
.blue:hover {
  color: #ffffff !important;
}
.border {
  border: 1px solid #333333;
  color: #333333 !important;
}
.border a {
  color: #333333;
}
.border:hover {
  color: #ffffff !important;
  border: 1px solid #263e91;
}
.border:hover a {
  color: #ffffff;
}
.main {
  color: #ffffff;
  background: #4d6ad0;
}
/* --------------------------------------------------------------
	7. MEDIA QUERIES 
	Your responsive styles here. If not clear — tablet styles
	in _tablet.less. Phone styles in _phone.less. The last 
	file includes other media queries, like 2x.
-------------------------------------------------------------- */
@media screen and (min-width: 640px) and (max-width: 1023px) {
  /* --------------------------------------------------------------
		TABLET STYLES
-------------------------------------------------------------- */
  .container {
    max-width: 860px;
  }
  .tablet-12 {
    width: 100%;
  }
  .tablet-11 {
    width: 91.6%;
  }
  .tablet-10 {
    width: 83.3%;
  }
  .tablet-9 {
    width: 75%;
  }
  .tablet-8 {
    width: 66.6%;
  }
  .tablet-7 {
    width: 58.3%;
  }
  .tablet-6 {
    width: 50%;
  }
  .tablet-5 {
    width: 41.6%;
  }
  .tablet-4 {
    width: 33.3%;
  }
  .tablet-3 {
    width: 25%;
  }
  .tablet-2 {
    width: 16.6%;
  }
  .tablet-1 {
    width: 8.3%;
  }
  .tablet-hidden {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  /* --------------------------------------------------------------
		PHONE STYLES
-------------------------------------------------------------- */
  [class*='box-'],
  [class*='tablet-'] {
    width: 100%;
    margin-left: 0;
    display: block;
  }
  .phone-hidden {
    display: none;
  }
}
/* --------------------------------------------------------------
		7. MEDIA QUERIES 
		   Other media queries
-------------------------------------------------------------- */