/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}


/**
 * Remove default margin.
 */

body {
  margin: 0;
}



/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

p.alert-danger-plain a{
  color:yellow;
}

.commentBox{
  padding-bottom:20px;
}

.commentBox span.name{
  font-weight: 700;
}

.commentBox textarea{
  width: 100%;
  height:50%;

}

.commentBox textarea.default_comment{
  box-sizing:border-box;
height:100%;

}



.commentBox .headline{
}

.row.commentRow{
  background-color: #f4f4f4;

}

.newsArticle img.nextToTextarea{
  margin:0;
  padding:0;
}

.row.commentRow .col-3{
}

.newsArticle .commentBox img{
}



/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

 input[type="text"]:disabled {
    background: #dddddd;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

.flag-icons{
  text-transform:uppercase;
  font-size: 12px;
  font-weight:700;
}

#languageSelectionWrapper{
  float:right;
  display:none;
}

.section.niceBG{
  background-color: #a7ced8;
}


/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
.beauty select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
.beauty  select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

/*
Using https://www.giftofspeed.com/css-compressor/
Minimize in this order: normalize, header, main, dragndrop
*/
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}


.slickSlider{
  height: 300px;
  overflow: hidden;
}


hr.star-light{
  border-color: white;
  padding: 0;
border-top: solid 5px #FFF;
text-align: center;
max-width: 250px;
width:100%;
margin: 25px auto 30px;
margin-bottom: 0;
  display: inline-block;
}

hr.star-light::after{
  content: "\e80a";
  font-family: "fontello";
  display: inline-block;
  position: relative;
  top: -0.8em;
  font-size: 2em;
  padding: 0 0.25em;
  color: white;
  text-align: center;
  background-color:#cc6b3a;
  box-sizing: border-box;
}

a.nicebutton{
  background-color: #0081ba;
  color: #fff !important;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  line-height: 17px;
  padding: 20px 75px;
  text-align: center;
  letter-spacing: 2px;
  border-radius: 3px;
  transition: background-color .2s;
  margin: 30px 0 20px;
  max-width: 100%;
  box-sizing: border-box;
  text-decoration: none;
}
/*
.niceItem a.nicebutton{
  padding-left: 5px;
  padding-right: 5px;
  width:100%;
}*/

a.nicebutton:hover{
  background-color: #009de0;
}

a.emptybutton:hover{
  background-color: #009de0;
  border-color: #009de0;
  color: #FFF;
}

a.emptybutton{
  background-color: transparent;
  background-color: transparent;
  border-color: #0074B4;
  box-sizing: content-box;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  line-height: 32px;
  border-style: solid;
  border-radius: 3px;
  color: #0074B4;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 10px 75px;
  transition: .2s;
  color:#FFF;
  text-decoration: none;
}

p.nicedesc{
  font-size: 1.1em;
line-height: 1.2em;
min-height: 50px;
color: #4c4c4c;
font-weight: 400;
}

.niceItem{
  padding:20px;background-color:#FFF;
  border-radius: 4%;
}

.caption{
  left: 0px;
  top: 0px;
  width: 160px;
  height: 260px;
  padding: 20px;
  background-color: #cc6b3a;
  color: #FFF;
  text-align: left;
  position: absolute;
}

.caption h3{
  line-height: 40px;
}


a:focus{
  outline: 1px dotted #08C;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.inputfilehide{
    width: 0.1px;
  	height: 0.1px;
  	opacity: 0;
  	overflow: hidden;
  	position: absolute;
  	z-index: -1;
}

hr {
    background: #2AAFEA none repeat scroll 0% 0%;
    width: 100px;
    height: 3px;
    margin: 22px 0px;
    box-sizing: content-box;
    border: 0;
    display: none;
    margin: 0;
}
/*
h1{
  border-bottom: 3px solid #08C;
  padding-bottom: 0px;
  display: inline-block;
}*/

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Adam Nielsen
   ========================================================================== */

body {
    font-family: 'Open Sans', Helvetica, Helvetica Neue, Arial;
    /*margin-top: 90px;   Wozu?? */
    background: #f0f9ff; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}


/* ===============================
 Style for tinyMCE
================================*/
 .tinyMCEStyle {
   text-align: left;
 }

.tinyMCEStyle h1,.tinyMCEStyle h2,.tinyMCEStyle h3,.tinyMCEStyle h4,.tinyMCEStyle h5,.tinyMCEStyle h6{
  color: #000000;
  margin: 10px 0;
  font-weight: 700;
  border-bottom:none;
  padding:0;
}
.tinyMCEStyle p{
  color: #000000;
  margin: 10px 0;
}


.tinyMCEStyle h1{
  font-size: 28px;
  line-height: 36.4px;
}

.tinyMCEStyle h2{
  font-size: 21px;
  line-height: 27.3px;
}

.tinyMCEStyle h3{
  font-size: 16.3833px;
  line-height: 21.3px;
}

.tinyMCEStyle h4{
  font-size: 14px;
  line-height: 18.2px;
}

.tinyMCEStyle h5{
  color: #000000;
  font-size: 11.6167px;
  line-height: 1.3;
}

.tinyMCEStyle h6{
  color: #000000;
  font-size: 9.3833px;
  line-height: 12.2px;
}

.tinyMCEStyle p{
  font-size: 1em;
}

/* ===============================
For edititng make textboxes always readible
================================*/

.slickSlider textarea{
  color: #000;
}

.question textarea{
  color: #000;
}

textarea{
  color:#000 !important;
}

/*============================================
COOPERATION AT HOME
============================================*/

.cooperation{
  /*display: flex;*/
}
.cooperation .emphLogo{
  background-color:#FFF;
  /*min-height:150px;*/
  width: 100%;
  border-radius: 20px;
  /*margin-bottom: 15px;*/
  text-align:center;
}

/* CSS Trick  TO VERTICAL ALIGHN */
.cooperation img{
  padding: 0;
  padding-top:30px;
  max-width:100%
}

.cooperation label{
  font-weight:600;
}

.cooperation .col-3 {
  text-align: center;
}


.section{
    /* background: #F4F4F4 none repeat scroll 0% 0%; */
    background: #FFF none repeat scroll 0% 0%;
    margin: 0px;
    padding: 50px 0px;
}


.sectionWhite{
    background: #F4C046;
    margin: 0px;
    padding: 50px 0px;
}

.sectionWhite.collectionMainPoints{
  padding: 40px 0;
}

.collectionMainPoints .mainPoints{
  margin: 20px 3%;
}

.sectionBlue{
  background: rgba(0, 136, 204, 0.2);
  margin: 0px;
  padding: 50px 0px;
}

.section.next{
    padding-top:0;
}

.selectMember{
    box-sizing:border-box;
    width:33,33%;
    display:inline-block;
    padding:0 5px;
    margin: 5px;
    text-align: left;
}

.container{
    width:  90%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}



.col-8 {
    width: 66.66%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-7 {
    width: 58.3333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-5 {
    width: 41.6665%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing:border-box;
}

.col-20 {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing:border-box;
}

.col-9 {
    width: 75%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing:border-box;
}

.col-6 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.col-2 {
    width: 16.666666666%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.col-12{
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing:border-box;
}


.col-4 {
    width: 33.3333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing:border-box;
}

.item{
    display: inline-block;
    float: none;
    vertical-align: top;
}

.mainPoints{
  width: 44%;
  margin: 3%;
  box-sizing: border-box;
  background-color: #FFF;
  border-radius: 5px;
  display: inline-block;
}

.mainPoints .image, .mainPoints .description{
    box-sizing: border-box;
    width: 30%;
    margin: 0;
    padding: 5%;
    display: inline-block;
    vertical-align: top;
}

@media only screen and (min-width:450px){
.mainPoints .description{
  width: 70%;
  padding-left: 25px;
}
}

.mainPoints .description h1{
  line-height: 1.2em;
  margin: 0 0 5px;
}

.cooperation > div > h1{
  padding: 0 30px;
  font-size: 2.5em;
  border-bottom: 3px solid #08C;
  display: inline-block;
}

@media only screen and (max-width:450px){
  .mainPoints{
    text-align: center;
  }
.mainPoints .image{
  width: 100%;
}

.cooperation > div{
  padding: 0;
}
.cooperation > div > h1{
  padding: 0;
}

.mainPoints .description{
  width: 100%;
}
}

@media only screen and (max-width:700px){
.mainPoints{
  width: 94%;
}
}

/* Special Image Border box */

.image-gray-box{
  background: rgba(0, 0, 0, 0.6);display:inline-block;border-radius:25px;padding:25px;color:#FFF;font-size:45px;font-weight:700;margin-top:380px
}

.image-grey-subtitle{
  font-size: 38px;
}

@media only screen and (max-width:700px){
.image-gray-box{
  margin: 0;
  position: absolute;
  bottom:0;
  left:0;
  right:0
}
}



.row {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

li.listNamer {
    width: 25%;
    margin: 0 !important;
    padding: 5px;
    box-sizing:border-box;
}

/*
:target:before {
  content:"";
  display:block;
  height:110px; /* fixed header height*//*
  margin:-110px 0 0; /* negative fixed header height *//*
}*/

/* =========================
 News Listing
========================== */
.newsBlog{
  display: inline-block;
  width: 330px;
  height: 460px;
  overflow: hidden;
  padding: 20px !important;
  box-sizing: border-box;
}

.newsBlog .newsImage{
  height: 220px;
  background-color: #08C;
}

.newsBlog .content{
  height: 200px;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}

.newsBlog .content p.date{
  font-size: 0.75em;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 25px;
}

.newsBlog .content p.comment{
  font-size: 0.75em;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
}


.newsBlog .content p.newsLink{
  font-size: 0.875em;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 43px;
  font-weight: 700;
}


.newsBlog .content p.newsTitle{
  font-size: 1.4em;
  margin: 0;
  padding: 0;
  margin-top: 5px;
  line-height: 1.3em;
}

.newsBlog .content p.newsLink a{
  text-decoration: none;
}

.licence{
  margin:0;padding:0;font-size:0.625em
}

.newsContainer{
  text-align: center;
}

@media only screen and (max-width:400px){
  .newsBlog{
    margin:0;
    padding:1px !important;
    width: 291px;
  }

  .container{
    width: 100%;
    margin: 0;
    padding: 0;
  }

}



/* ======================
  Profilelisting
  =====================*/

a.linkNamer{
    display: block;
    padding:0 !important;
}

a.linkNamer:hover{
    background-color: #FFF !important;
    background-color: #F4C046  !important;
    color: #FFF;
}

.linkNamer a{
    font-size: inherit;
}

div.namer:hover{
    background-color: #FFF !important;
    background-color: #F4C046  !important;
    color: #FFF;
}

div.namer{
    box-sizing:border-box;
    width: 100%;
    height: 150px;
    transition: all 0.3s ease 0s;
    padding: 20px;
}


/* ========================
  Profile Listing with img
  =======================*/

  .list-container{
    width: 200px;
    display: inline-block;
    padding: 30px;
    vertical-align: top;
  }
  .list-thumb{
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
    border-bottom: 8px solid #B0C17A;
  }

  a:hover .list-thumb,.list-container.sealed a:hover .list-thumb{
    border-color:#08C;
  }

  .list-thumb.institute-thumb{
    height: 100px;
  }


  .list-info{
    height: 100px;
    background-color: #FFF;
    padding: 20px 0;
    text-align: left;
  }

  .list-info h1{
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    color: #B0C17A;
    color: #08C;
  }

  .list-info p{
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
  }

  .list-container.sealed a.savebutton{
      background-color: #FCB316;
  }

  .list-container.sealed .list-thumb{
    border-bottom-color: #FCB316;
  }

  .list-container.sealed .list-info h1{
    /*color: #FCB316;*/
  }

  .list-container a.savebutton{
    background-color: #B0C17A;
    color: white;
    display: inline-block;
    padding: 6px 12px;
    transition: background-color 0.15s linear 0s;
    float: left;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: normal;
    margin-top: 20px;
  }

  .list-container h1{
      line-height: 1.4em;
  }

  /* ===============
  END +*/


/* =======================================
   showProfile
   ====================================*/
   .profileExtra{
     border-radius: 20px;
     padding: 5px;
     margin: 20px 0;
     background-color: #F4C046;

     display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;

        position: relative;
   }

   .profileSimpleColor{
     background-color: green;
   }

   .profileExtra img{
     width: 50%;
     max-height: 50%;
     height: auto;
     float: none;
     margin: auto 0;
     position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
   }

   .profileExtra a{
     color: #FFF;
     font-weight: 700
   }

   .profileExtra.subInfo {
     background-color: 	#4682b4;
     color: #FFF;
    }


   .bocki{
     position: absolute;
     height:100%;
     width:20%;
     float:left;
     left:0px;
     top:0px;
     text-align:center;
     display: inline-block;
     border-right:5px solid #FFF;
   }

   .zocki{
     margin-left: 20%;
     padding-left:20px;
     padding-right:20px;
     line-height:1.5em;
     min-height:50px;
   }


   .profileInfo{
     width: 250px;
     float: left;
   }

   .profileInfo img{
     -moz-border-radius: 0px;
     -webkit-border-radius: 3px 3px 0px 0px;
     border-radius: 3px 3px 0px 0px;
   }

   .smallNav li{
       color: #000;
       font-size: 1em;
       transition: background 0.1s ease 0s;
       padding: 8px 10px;
       display: block;
       text-decoration: none;
       cursor: pointer;
       clear: both;
   }

   .profilePicture.double{
     display:inline-block;
     max-width:45%;
     padding: 0 2%;
     margin: 0;
   }

   .profilePicture
   {
     width:250px;

      padding:0 5px;

      margin: auto;
    }

   .smallNav i{
       float:left;
       width:20px;
       padding:0;
       line-height:2em;
       font-size: 1em;

   }

   .smallNav .info{
       margin-left:25px;
       line-height:2em;
   }

   .profileAbout{
     margin-left: 300px;
   }

   .profileAbout hr{
     margin-top: 0;
     padding-top: 0;
   }

   .profileInfoBox{
     background-color:#f4f4f4;
     word-wrap:break-word;
   }

   .profileInfoBox ul li:hover{
     background-color:#F4C046;
   }

   .profileInfoBox ul li:hover a{
     color: #FFF;
   }

   .profileInstInfo{
     padding: 20px;
     background-color:rgba(0,136,204,0.8);
     color: #FFF;
     box-sizing: border-box;
     width: 100%;
     text-align: left;
   }

   @media only screen and (max-width:550px){
     .profilePicture.double{
       max-width: 100%;
       padding: 20px;
     }

     .profileInfo{
       float: none;
       margin: auto;
     }

     .profileAbout{
       margin-left: 0;
       margin-top: 20px;
     }
   }

@media only screen and (max-width:650px){
  .profilePicture{
    max-width: 100%;
    padding: 20px;
  }

  .profileInfo{
    float: none;
    margin: auto;
  }

  .profileAbout{
    margin-left: 0;
    margin-top: 20px;
  }

}
/* =======================================
   showInstitute
   ====================================*/

.smallNavIns li{
    color: #000;
    font-size: 1em;
    transition: background 0.1s ease 0s;
    padding: 8px 10px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    clear: both;
}

.smallNavIns i{
    float:left;
    width:20px;
    padding:0;
    line-height:2em;
    font-size: 1em;

}

.smallNavIns .info{
    margin-left:40px;
    line-height:2em;
}

.mapInfo{
  display: inline-block;
  padding: 0px;
  background-color: #FFF;
  box-sizing: border-box;
  position: static;
  top: 0px;
  left: 0px;
}

.mapInfo i{
  color: #08C;
}

.mapInfo img{
  padding: 20px;
  max-width: 300px;
  max-height:70px
}



/* ===================================================
   Footer
   =================================================== */
   .footer-container{
     background-color: #08C;
     color: #FFF;
     border-top: 3px solid #005D8C;
     position: relative;
     padding-bottom: 20px;
   }

   .footer-container .foot-box, .footer-container .final-foot-box{
     display: inline-block;
     width: 25%;
     box-sizing: border-box;
     padding: 20px ;
     vertical-align: top;
   }

   .footer-container .final-foot-box{
     margin-top: 25px;
     padding-top: 5px;
     width: 100%;
   }

   .final-foot-box span, .foot-box span{
     display: inline-block;
     width: 100%;
     padding: 5px 0;
   }

   .final-foot-box span, .footer-container .final-foot-box a{
     font-size: 0.8rem;
     font-weight: 400;
     line-height: 1.2em;
   }

   .foot-box h1{
     padding: 0;
     margin: 0;
     font-size: 1.25em;
     color: #FFF;
   }

   .footer-container a{
     color: #FFF;
     font-weight: 400;
     font-size: 0.875rem;
     text-decoration: none;
   }

   .footer-container a:hover{
      text-decoration: underline;
      color: #FFF;
   }

   .final-foot-box  .credit{
     position:absolute;
     bottom:25px;
     right:20px;
     width:auto;
   }

   .credit span{
     text-align:right;
   }

   /* ================================
   curriculaInfo
   =================================*/

   .curriculaInfo{
     background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
     box-sizing: border-box;
     border-bottom: 1px solid #DFDFDF;
     border-left: 1px solid #ECECEC;
     border-radius: 8px;
     border-right: 1px solid #ECECEC;
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
     min-height: 100px;
   }

   .curriculaInfo i{
     color:rgb(244,192,70);
   }

   .curriculaGrad h2> i{
     color: rgb(176,193,122);
   }

   .bigLi li{
     margin: 20px 0;
   }

   .graduateBox{
     width:50%;
     padding: 20px;
     box-sizing: border-box;
     display: inline-block;
     vertical-align: top;
   }

   .sealedBox{
     padding: 20px;
     padding-top: 0;
   }


   @media only screen and (max-width:800px){
   .graduateBox{
     width: 100%;
   }
 }


   .graduateBox .savebutton{
     float:none
   }

   .curriculaGrad{
     background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
     border-bottom: 1px solid #DFDFDF;
     border-left: 1px solid #ECECEC;
     border-radius: 8px;
     border-right: 1px solid #ECECEC;
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
     min-height: 100px;
   }

   .box-content{
     border-radius: 8px;
     border-top: 1px solid #CCC;
     border-top-width: 4px;
     padding: 30px 30px 10px 30px;
     position: relative;
     top: -1px;
     border-top-color: rgb(244,192,70);
     padding:20px
   }

   .curriculaGrad .box-content{
     border-top-color: rgb(176,193,122);
   }
   /*
   .curriculaInfo .box-content i{
     display: inline-block;
     font-size: 30px;
     height: 75px;
     padding: 0;
     width: 75px;
     margin: -15px -15px 0 0;
     background: #FFF;
     line-height: 73px;
     border: 0;
   }*/

   .curriculaInfo h2{
     font-size: 2.2em;
     font-weight: 300;
     line-height: 42px;
     margin: 0 0 32px 0;
   }

   .curriculaInfo ul {
     list-style: none;
     padding: 0;
   }
   .curriculaInfo li {
     padding-left: 2em;
     margin: 20px 0;
   }
   .curriculaInfo li:before {
     content: "\f19c"; /* FontAwesome Unicode */
     font-family: FontAwesome;
     display: inline-block;
     margin-left: -2em; /* same as padding-left set on li */
     width: 2em; /* same as padding-left set on li */
     color: #08C;
   }

   .curriculaInfo li.addUser:before {
       content: "\f234"; /* FontAwesome Unicode */
   }

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

  Edit Profile

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

.editProfileInfo{
  width: 325px;
  float: left;
}

.editProfileAbout{
  margin-left: 350px;
  box-sizing: border-box
}

.editInstInfo{
  width: 250px;
  float: left;
}

.editInstAbout{
  margin-left: 270px;
  box-sizing: border-box
}


@media only screen and (max-width:800px){
  a.nicebutton{
    padding: 20px;
  }

  a.emptybutton{
    padding: 20px;
  }

  .cooperation > div > h1{
    font-size: 1.4em;
  }

.editProfileInfo, .editInstInfo{
  margin: auto;
  float: none;
}

.editProfileAbout, .editInstAbout{
  margin-left: 0;
  margin-top: 20px;
}


}




.button{
    padding:10px;
    text-align:center;
    cursor:pointer;
    display:inline-block;

     color: #666;
     border: 2px solid #DDD;
     font-weight: 700;
     margin: 1px;
     transition: all 0.3s ease 0s;
}


.button.target, .button:hover
{
    color: #FFF;
    background-color: #F4C046;
    border: 2px solid #F4C046;
}



/*


@media only screen and (max-width:1200px){
    .selectMember{
        width: 100%;
        display: block;
        float: none;
    }
}*/

@media only screen and (max-width:901px){
    .col-8, .col-9{
        width: 100%;
        padding: 20px;
    }

}



@media only screen and (max-width:750px){
    .col-6{
        width: 100%;
        padding: 20px;
    }

    .infoboxHead{
    white-space: normal;
    }
}




@media only screen and (max-width: 900px) {
    .col-4{
        width: 50%;
        padding: 25px;
    }

    /* Profillisting */
    li.listNamer {
        width: 33.3333%;
    }
}

@media only screen and (max-width: 850px){
    .col-20, .col-4{
        width: 100%;
        height: auto;
        padding: 25px;
    }

    .col-3, .footer-container .foot-box{
         width: 50%;
         padding: 20px;
    }


    /* Profillisting */
    li.listNamer {
        width: 50%;
    }
}

@media only screen and (max-width: 650px){
    li.listNamer {
        width: 100%;
    }

}

@media only screen and (max-width: 550px){
    li.listNamer {
        width: 100%;
    }

   .col-3, .footer-container .foot-box{
         width: 100%;
         padding: 20px;
    }

    .noAdv{
      display: none;
    }

    .sectionWhite{
      padding: 0;
      padding-bottom: 20px;
    }

}



.fixed{
    position: fixed;
    top: 0;
    width:100%;
    z-index: 1001;
    border-bottom: 3px solid #08C;
    background-color: rgba(255, 255, 255, 0.98)
}

.spacerHead{
    height: 90px;
    background-color: #FFF;
}

.fixed img{
    height:70px;
}

/* =============================
Checkbox #
==============================*/
.js .label_check,
.js .label_radio { padding-left: 34px; }
.js .label_radio { background: url(/resources/vendor/maratz/radio-off.png) no-repeat; }
.js label.r_on { background: url(/resources/vendor/maratz/radio-on.png) no-repeat; }
.js .label_check input,
.js .label_radio input { position: absolute; left: -9999px; }

/*========================================
  President / Commission Proflies
  ======================================*/

  .avatarBox{
      margin:20px;
      display:inline-block;
      padding:0px;
      /*float:left;*/
      width:200px;
      vertical-align: top;
      text-align: left;
  }

  .avatarBox span.img{
      //border-radius: 5px 5px 0 0;
      display:inline-block;
      width:200px;
      height:200px;
  }

  .avatarBox span{
      display:block;
  }
  .avatarBox .name{
      margin-top: 20px;
  }


/* =======================================
  President area
  ======================================*/
  .presidents-internal-form textarea{
    height: 100px
    }


    @media only screen and (min-width:500px){


    .presidents-internal-form label{
      vertical-align: top;
      padding-right: 5px;
      box-sizing: border-box;
    }
    .presidents-internal-form textarea{
      display: inline-block;
      width: 80%;
      height: 100px;
    }
  }

/* =======================================
    FAQ
    ====================================*/

    #accordion .question{
       display: block;
       box-sizing: border-box;
       background-color: #08c;
       border-radius: 5px     5px      0           0;
       margin-top: 20px;
       padding-left: 10px;
       color: #FFF;
       position: relative;
       font-size: 1em;
       line-height: 2.25em;
       font-weight:600;
       cursor: pointer;
    }

    #accordion  div{
       font-size: 16px;
       line-height: 36px;
       font-weight: 400;

    }

    #accordion .question i{
      line-height: inherit;
      float: right;
      font-size: 2em;

    }

    #accordion .answer{
      border: 2px solid #08C;
      padding:20px;
      font-size: 1em;
      line-height: 2em;
      display:none;
    }

    #accordion .selected{
      display: block;
    }

    /* HOME */

    #editLabel{
      height: 50px;
      width: 50px;
      position: fixed;
      top: 140;
      right: 0;
      z-index: 200000000000000;
      background-color: #800000;
      color: #FFF;
      font-weight:700
    }

    .advertiseButton{
      padding-bottom: 5px;
      border-bottom: 3px solid #2AAFEA;
    }

/* ===============================
    ELEMENTS
    ============================*/

    .bigButton{
      padding: 0px;
      margin-bottom: 40px;
      background-color: rgba(255, 255, 255, 0.9);
      border-radius: 5px;
      border: 3px solid rgb(244, 192, 70);
      overflow: hidden;
    }

    .bigButton > a{
      display: block;
      width: 100%;
      text-align: center;
    }

     .ourMem h3 {
       font-size:16px;
       line-height: 2.3em;
     }

    .slickSlider + div{
      padding-top: 60px !important;
    }

    .slickSlider a:hover{
      color: #F4C046;
    }

    .slickSlider a{
      color: #FFF;
    }

    .advertiseBigButton
    {
      clear:both;border:3px solid #F4C046;border:3px solid #F4C046;padding: 0;
    }

    .advertiseBigButton > div{
      padding: 20px;margin-top:30px;margin-bottom: 0px; background-color: rgba(255, 255, 255, 0.9);border-radius:20px;
    }

    .advertiseBigButton > div  .savebutton{
      display:block;padding:30px;float:none;font-size:25px;text-align:center
    }

    .table.table-striped th{
      text-align: left;
    }

      .subHeadYellow{
        padding-bottom: 5px;
        border-bottom: 3px solid #2AAFEA;
      }

      .niceP li{
        padding: 5px;
      }

      .titleBenefits{
        text-align: center;
        margin-bottom: 20px;
      }

      .red{
        color:red;
      }

      .benefits{
        padding: 0;
      }

      .benefits > .container > h1{
        margin: 0;
        margin-bottom: 50px;
      }

      .benefits{
        padding: 20px 0;
      }

/* ==============================
    PAGENAVIGATION
===============================*/

ul.pagination{
  display: block;
  padding: 50px 0;
  margin:0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #777;
  line-height: 22px;
  font-size:14px;
}

.pagination > li {
  display: inline;
  line-height: 24px;
  font-size:14px;
  margin: 0;
}

.pagination > li > a{
  color: #08C;
  margin:0;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  outline: none
}
.pagination > li > a:hover{
  background-color: #eee;
  border-color: #ddd;
}

.pagination > li.active > a{
  background-color: #08C;
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0088cc;
  border-color: #0088cc #0088cc #006699;
  cursor: default;
}



.pagination > li:first-child > a{
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination > li:last-child > a{
  border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

/* ===============================================
    ADresslist
    ==============================================*/

            .address{

                border-left: 5px solid #c03B44;
                float: left;
                padding-right: 20px;
                padding-left: 10px;
            }

            .address p,   .addressList p{
                margin: 0;
                padding: 0;
            }

            .adressWrapper{
              margin-bottom: 20px;
            }

            .addressList , .aboutText{
              margin-top: 50px;
            }
            .addressList h3, .aboutText > h3{
              border-bottom:3px solid #08C;padding-bottom:2px;
            }


            .addressList ul{
                list-style-type: none;
                padding: 0;
                margin: 0;
            }

            .mapBubble{
              overflow: hidden !important;
               line-height: 1.35;
               white-space: nowrap;
            }

            .addressList span{
                display: block;
                margin: 0;

            }

            .addressList strong{
                margin: 0;
            }

            .addressList li{
                margin-right: 50px;
                margin: 0 15px 15px 0;
                display: inline-block;
                vertical-align: top;
            }

            .orderseals .addressList li{
              padding: 0;

              margin: 15px;
            }

            .orderseals .addressList {
              margin-top: 15px;
            }

            .orderseals .addressList fieldset{
              margin-top: 0;
              text-align: left;
              text-align:justify;

            }

            .orderseals .addNew{
              margin-top:0;
            }

            .orderseals .addressList fieldset ul{
              display: inline-block;
              width: auto;
              padding: 5px  20px;
            }

            .orderseals .addressList .itemAddress{
              background-color: #FFF;
              border-radius: 5px;
              margin: 15px;
              text-align: left;
              margin: 0;
              padding: 5px;
              margin-top: 10px;

              -webkit-box-shadow: 0 10px 6px -6px #777;
              -moz-box-shadow: 0 10px 6px -6px #777;
              box-shadow: 0 10px 6px -6px #777;

            }


            .orderseals .checkRow{
              margin: 5px;
              margin-right: 0;
            }

             .checkRow .checkInstitute{
              display: inline-block;
              vertical-align: top;
              padding:0;
              padding-right: 10px;
              float: left;
            }

            .checkRow .labelInstitute{
              display: inline-block;
              cursor: pointer;
              vertical-align: top;
              margin-right: 0 !important;
            }

            .orderseals .addressList .itemAddress span.tooltip{
              width: auto;
              display: inline;
            }

            .orderseals .addressList li.newCustomAddress{
              display: inline-block;
            }


            .orderseals .addressList .itemAddress .funFirstLine{
              font-size: 16px;
              display: block;
              padding: 5px;
              margin-top:10px;
              width: 100%;
              background-color: #f4f4f4;
              box-sizing: border-box;
              font-weight: 600
            }

            .orderseals .addressList .fullAddress, .orderseals .addressList .itemAddress{

              padding: 10px;
            }

            .orderseals .addressList .fullAddress{

            }


            .orderseals .addressList .subButton,   .orderseals .addressList .subButtonDel{
              display:inline-block;
              //min-width: 50%;
              width: 100%;
              box-sizing: border-box;
              padding-top: 5px;
              //padding: 5px 0;
              //padding-right: 5px;
            }

            .orderseals .addressList .subButtonDel{
              //padding-left: 5px;
              //padding-right: 0;
            }



            /*===========================
            LEGEND STYLE
            ===========================*/
            legend{
              color: #08C;
            }

            legend{
              font-weight:600;
              font-size:1.5em;
            }


/* For links */
.learnMore{
    //color: #2AAFEA;
    //margin-top: 15px;
    color: #222;
}

a.learnMore{
  text-decoration: none;
  display:block;
  font-weight: 700;
  color: #08C;
}

a.learnMore p{
  color: #000;
  font-weight: 400;
}

a.learnMore:hover p{
  color: #08C;
}

a.learnMore:hover{
  color: rgb(244, 192, 70);
}


.counter .col-3, .counter .col-20{
    text-align: center;
}

.counter .col-3 i, .counter .col-20 i{
    color: #2E353E;
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    display: block;
}

.counter strong{
    color: #2E353E;
    display: block;
    font-weight: bold;
    font-size: 3em;
    line-height: 1em;
}

.counter p{
  margin:0;
}

.subtitle{
  font-weight: 700;
  font-size: 1em;
  padding-top: 0;
  margin-top: 0;
}

.counter label{
    color: #2E353E;
    display: block;
    font-weight: 100;
    font-size: 20px;
    line-height: 20px;
}

address{
    padding:5px;
    padding-left: 20px;
    margin: 0;
    font-size: 0.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    background-color:#F4C046;
    font-style: normal;
}

/* =======================================
  Newsletter post
  ======================================*/
.post-date-wrapper{
  width: 10%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.post-content h2{
  color: #08C;
}


@media only screen and (max-width:700px){
  .post-date-wrapper{
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }

  .post-content{
    width: 100%;
  }
}


.post-date{
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  display: inline-block;
  text-align: center;
}

.post-date .day{
  background: #F4F4F4 none repeat scroll 0% 0%;
  border-radius: 2px 2px 0px 0px;
  color: #08C;
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

.post-date .month{
  background: #08C none repeat scroll 0% 0%;
  border-radius: 0px 0px 2px 2px;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.07) inset;
  color: #FFF;
  font-size: 0.9em;
  padding: 0px 10px 2px;
  box-sizing: border-box;
  text-align: center;
}

.post-content{
  display: inline-block;
  margin-top: 0;
  width: 90%;
  box-sizing: border-box;
  padding-bottom: 10px;
  border-bottom: 1px solid #DDD;
}

.post-content a{
  text-decoration: none;
}

.post-content h2{
  margin: 0;
}

.post-content span{
  margin-right:20px;
}

.newsletter h1{
  /*border-left: 3px solid #08C;
  padding-left: 10px;
  display: inline-block;*/
  background-color: #08C;
  color: #FFF;
  border-radius: 5px;
  text-align: center;
  padding: 0;
}

.orderseals > .container > h1:first-child{
  /*border-left: 3px solid #08C;
  padding-left: 10px;
  display: inline-block;*/
  background-color: #08C;
  color: #FFF;
  border-radius: 5px;
  text-align: center;
  padding: 0;
}

article{
  margin-top: 50px
}

/* Image Post */

.post-image-content{
  margin-left: 300px;
}

.post-image{
  box-sizing: border-box;
  //width: 250px;
  float: left;
}
.post-image img{
  width: 100%;
}

.post-image-content .savebutton{
  margin: 5px;
}

.post-image-wrapper{
  width: 250px;
  padding: 20px;
  vertical-align: top;
  box-sizing: border-box;
  float: left;
}

.event-article{
  border: 1px solid #DDD;
}

.event-creator{
  font-size: 1.2em;
  padding: 20px;
  display: inline-block;
}


.post-image{
  display: inline-block;
  text-align: center;
}


.post-event-content{
  margin-top: 0;
  margin-left: 250px;
  box-sizing: border-box;
  padding: 20px;
}


@media only screen and (max-width:600px){
  .post-event-content{
      margin-left: 0;
      padding: 30px;
      text-align: center;
  }

  .event-title{
    display: block;
    width: 100%;
    clear: both;
    padding-top: 20px;
  }

  .post-image-wrapper{
    margin:auto;
    float: none;
  }

}




.event-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 20px;
}

.event-title{
  font-size: 1.625em;
}

.event-list li{

  display: inline-block;
  padding:20px;
  padding-top:0px;
  padding-left: 0px;
}

.event-list li i{
  /*color: #08C;     */
}

.event-article a{
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.event-article a:hover{
  text-decoration: underline;
}

.post-image a:hover span{
  text-decoration: underline;
}

.post-content h2{
  margin: 0;
}

.post-content span{
  margin-right:20px;
}
table p{
  margin:0;
  padding: 0;
}

.more-info  p{
  padding: 10px;
  margin-top: 10px;
}

.more-info p strong{
  color: #08C;
}

.profilePres .member-details{
  display: none;
}


.member-details  tr:nth-child(even) {
  background-color: #FFF9DD;
}
.member-details  tr:nth-child(odd) {

    background-color: #FFEB91
}



.member-details td{
  padding: 5px;
  text-align: left;
}

.more-info{
  padding: 0 20px;
}

/* =======================================
    Pricetable
    =================================== */
    .panel{
        background-color:#FFF;
        border: 1px solid transparent;
        box-shadow:0px 1px 1px rgba(0, 0, 0, 0.05);
        background-color:rgba(255,255,255,1)
    }

    .panel-heading{
        transition: all 0.3s ease 0s;
        padding:20px 15px 20px 120px;
        position:relative;
        background-color:#F0B600;
    }

    .panel-heading > a{
        position:absolute;
        top:0px;
        left:0;
        display:block;
        width: 100px;
        height:100%;
        background-color:#CCC;
        transition: all 0.3s ease 0s;
        text-align:center;
        padding-top:16px;
        text-decoration:none;

    }

    .panel-heading > a:hover{
        background-color: #444;
    }

    .panel-title{
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 12px;
        color: #222;
        text-transform: uppercase;
        font-weight: 700;
        transition: all 0.3s ease 0s;
    }



    .feature-icon{
        width: 25%;
        box-sizing: border-box;
        float:left;
    }

    .feature-text{
        width:75%;
        box-sizing: border-box;
        float:left;
        padding-left:20px;
    }

    @media only screen and (max-width:330px){

      .feature-icon, .feature-text{
        width: 100%;
      }
      .feature-icon{
        padding: 5px 40px;
      }

    }

    .feature-text h4{
        margin-top:5px;
    }

    .svg{
        width:100%;
    }

    .border-note{
        border-bottom: 3px solid;
        padding-bottom: 0px;
        line-height: 2em;
    }

    .c1.border-note{
        border-color:#C03B44;
    }
    .c2.border-note{
        border-color:#75CE66;
    }

     .c3.border-note{
        border-color:#F0CA45;
    }





    .pricingtable{
         width: 100%;
          background: #fff;
  transition: all 0.3s ease 0s;
  padding-bottom:20px;

          -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
             -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
                  box-shadow: 2px 2px 9px rgba(0,0,0,0.3);


          -webkit-border-radius: 10px;
             -moz-border-radius: 10px;
                  border-radius: 10px;
                  text-align: center;

    }

    .pricingtable .top{
        width: 100%;
        min-height:100px;
        margin-bottom: 0;
        padding-bottom: 0;
          -webkit-border-radius: 10px 10px 0 0;
             -moz-border-radius: 10px 10px 0 0;
                  border-radius: 10px 10px 0 0;

        background-color: #C03B44;
    }

    .top h2{
        color:#FFF;
        margin-bottom: 0;
        font-size: 1.3em;
        font-weight: 600;
    }

    .top span{
        color: #FFF;
    }

    .pricingtable ul {
      list-style-type: none;
      margin: 0;
      text-align: left;
      padding-bottom: 20px;
      padding: 0;
      border-bottom:1px solid #BCBEC0;
    }

    .pricingtable ul li{
        padding:10px 20px;

    }

    .pricingtable ul strong {
      font-weight: bold;
    }

    .pricetag{
        margin-top:20px;
        font-size: 3rem;
    }

    .pricingtable strong{
        width: 25px;
        display: inline-block;
        text-align: left;
    }

    .pricingtable p{
        color: #BCBEC0;
        margin: 0;
        padding: 0;
    }

    .pricingtable .fa-check{
        color:#75ce66;
    }

    .pricingtable .fa-times{
        color:#C03B44;
    }

    /*.pricingtable:hover{
  -webkit-transform: scale(1.1, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.05, 1.05);
    }*/

    .pricePad{
        padding-left: 5px;
        padding-right: 5px;
    }

    .requirement{
        padding: 10px 20px 20px 20px;

        /*background-color: #08c;*/
        font-weight: 600;
        text-align: left;
        /*
        background-color: #C03B44;
        color: #FFF;
        */
        background-color:#FFF;
    }

    .requirement > ul{
        margin: 10px 0;
        border-bottom: none;
    }

    .requirement .highlight{
        padding:10px;
        color:#C03B44;
    }

    .requirement .highlightList{
      margin-left:15px;
      list-style-type: square;
    }

    .requirement .highlightList, .requirement .highlight{
      font-size: 0.9em;
    }

    .requirement > ul > li{
        /* color: #FFF; */
        padding:0;
        color:#C03B44;
    }

    .requirement > a{
        /*color: #FFF; */
    }

    .advantage li{
        font-weight: 600;
    }

     .advantage li:nth-child(even){
        background-color: #f4f4f4;
     }

     .advantage li:nth-child(odd){
        background-color: #DADADA;
     }

     .advantage > ul > li > .check-text{
        margin-left: 30px;
     }

      .advantage > ul > li > .check-sym{
        width: 20px;
        text-align: left;
        float: left;
     }

/* =================
	Nice Shadowstyles, http://cssdeck.com/labs/16-box-shadows-to-save-your-time
  =========== */

  .shadow1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
  }


	.shadow2{
  	-webkit-box-shadow: 0 1px 2px #777;
  	-moz-box-shadow: 0 2px 1px #777;
  	box-shadow: 0 2px 1px #777;
  }
  .shadow3{
  	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  }
  .shadow4{
  	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  }
  .shadow5{
  	box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
  }
  .shadow6{
  	box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
  }

  .shadow7{
  	box-shadow: 0 4px 2px -3px;
  }
  .shadow8{
  	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  }
  .shadow9{
  	border-bottom: 0 none;
  	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
  }

  .shadow10{
  	-webkit-box-shadow: 0 7px 4px #777;
  	-moz-box-shadow: 0 7px 4px #777;
  	box-shadow: 0 7px 4px #777;
  }

  .shadow11{
  	-webkit-box-shadow: 0 3px 2px #777;
  	-moz-box-shadow: 0 3px 2px #777;
  	box-shadow: 0 3px 2px #777;
  }
  .shadow12{
  	box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;
  }

  .shadow13{
  	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
  	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
  	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
  }

	.shadow14{
  	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }

  .bg14{
  	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
  	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
  	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }

  .shadow15{
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  	border-color: -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color;
  	border-style: none solid solid none;
  	border-width: medium 1px 1px medium;
  	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
  	-moz-border-bottom-colors: none;
  	-moz-border-image: none;
  	-moz-border-left-colors: none;
  	-moz-border-right-colors: none;
  	-moz-border-top-colors: none;
  }

  .shadow16{
  	box-shadow: 0 1px 1px 0 #C7C7C7 inset;
  	background: none repeat scroll 0 0 #E9E9E9;
  }

  /* =========================
  Login Window
  ==========================*/

  .checkboxFive
  {
    margin-top: 20px;
    position: relative;
    float: left;
  }

.checkboxFive  label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
  font-size: 14px;
}
.checkboxFive input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  *overflow: hidden;
}


/* ===========================
		button
    ========================= */

    .savebutton{
        background-color: #00A3F4;
        color: white;
        display: inline-block;
        padding: 6px 12px;
        transition: background-color 0.15s linear 0s;
        float: right;
        text-decoration: none;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: normal;
        border: none;
        font-weight: 700;
    }

    .savebutton.left{
      float: none;
    }

    .savebutton.edit{
      font-size: 0.8rem;
    }

    .savebutton:hover{
        color: #FFF;   background-color: #08c;
    }
    .savebutton:focus{
      outline: 1px dotted #08C;
    }

     .savebutton.active{
       color: #FFF;
       background-color: #00557F;
     }

    .tooltip-form{
      float: right;
      margin-bottom: 5px
    }

    .deletebutton{
        background-color: #f34541;
        color: white;
        display: inline-block;
        padding: 6px 12px;
        transition: background-color 0.15s linear 0s;
        float: right;
        text-decoration: none;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: normal;
        border: none;
        font-weight: 700;
        margin-right: 10px;
    }

    .deletebutton:hover{
        color: #FFF;   background-color: #CC0500;
    }
    .deletebutton:focus{
      outline: 1px dotted #CC0500;
    }

     .deletebutton.active{
       color: #FFF;
       background-color: #CC0500;
     }

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

.sidebar{
    margin: 0;
    padding: 0;
}

.sidebarcol{
    padding: 0;
    padding-right: 25px;
}

.sidebar .heading{
    color: #08C;
    font-size: 1.225em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0px
}

.sidebar ul{
    margin-top: 10px;
    padding: 0;
    box-sizing: border-box;
}

.sidebar ul li{
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
    line-height: 24px;
    box-sizing: border-box;
    list-style: outside none none;

    font-weight: 400;
}

.sidebar ul li a{
    color: #666;
    font-size: 0.9em;
    transition: background 0.1s ease 0s;
    border-bottom: 1px solid #eeeeee;
    padding: 8px 10px;
    display: block;
    text-decoration: none;
}

.sidebar ul li a:hover{
    background-color:  #eeeeee;
}

.sidebar ul ul{
    margin: 0 0 0 25px;
}

.sidebar ul li a.active{
    background-color:  #eeeeee;
}

.fixed-sidebar{
    position:fixed;
    top:120px;
    width: inherit;
}
 .anchor{
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/*=============================================
	Memberarea nice buttons
  ========================================== */
  .member-button{
    width: 200px;
    background-color: #FFF;
    border: 0px solid #08c;
    text-align: center;
    padding: 20px 10px;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 20px;
    color: #08C;
    border-radius: 5px;
    text-decoration: none;
    vertical-align: top;
    color: #FFF;
    font-size: 20px;
  }

  .member-button.disabled{
    background-color: grey !important;
    cursor: default;
  }

  .member-button.red{
    background-color: #f26a44;
  }

  .member-button.yellow{
    background-color: #fcb316;
  }

  .member-button.green{
    background-color: #b0c17a;
  }

  .member-button.blue{
    background-color: #149DCC;
  }

  .member-button img{
    height: 70px;
    margin-bottom: 10px;
  }

  .member-button:hover{
    background-color: #08c;
    color: #FFF;
  }

  .member-button span{
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    font-size: 1em;
    font-weight: 700;
  }

  .wrap-inline-elements{
    margin: auto;
  }


/* ====================================================
   Memberlist
   ==================================================== */

ul.member-list{
    margin: 0;
    padding: 0;
    margin-bottom:22px;
}

ul.member-list li{
    list-style-type: none;
    float: left;
    box-sizing: border-box;
    margin: 5px 5px 0 0;
}

ul.member-list li a{

    text-decoration: none;
    padding: 20px;
    margin: 0;
    display:block;
    color: #FFF;
    background-color: #08c;
    font-weight: 600;
    /* min-height: 60px; */
}

ul.member-list li a:hover{
    background-color: #F4C046;
}

ul.member-list .subtitle{
    font-size: 0.7em;
    display: block;
}


/* ==========================================================================
    Profile Page
    ========================================================================= */

.profile-name{
    font-size: 2em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1em;
    margin:0;
    padding:0px;
    display: block;
}


.profile-title{
    font-size: 1em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1em;
    color: #555;
    margin-left: 0px;
}

.profile-title i{
    padding:0 5px;
    color: #F4C046;
}

.profile-list{
    padding-left: 0;
    list-style:  outside none none;
    margin: 0;
}


ul.address{
    margin-bottom: 50px;
}





.profile-list li {
    /* float: left; */
    width: 50%;
    width: 33.33%;
    /* width: 100%; Mobile Version! */
    float: left;
    margin-left: 0px;
    font-size: 1em;
    margin: 5px 0;
    padding: 0;
    line-height: inherit;
    box-sizing: border-box;
    white-space:nowrap;
}

.profile-list li span{

    background-color: #FFF;
     background-color: #F4F4F4;
    /* border-right: 1px solid #F4C046; */
    color: #000;
    margin: 0;
    padding-right: 20px;
    box-sizing: border-box;
    display: inline-block;

    /* border-bottom: 2px solid #08c;
     border: 2px solid #08c; */
}

.profile-list li span i{
    color: #F4F4F4 ;
    color: #FFF ;
    width: 35px;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    background-color: #F4C046;
    background-color: #08C;
}

.left li{
    float: left;
    margin: 20px 20px 0 0;
}

.address li{
    float: left;
}


/* =========================================================================
   Thumbnail Gallery
   ========================================================================== */




.profile-info{
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
}
.profile-subinfo, .profile-link{
    font-size: 0.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.2em;
    margin-top: 5px;
    padding: 0;
}

.profile-link{
    margin-top: 30px;
}

.thumb-info{
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    overflow: hidden;
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    box-sizing:border-box;
}

.thumb-info-wrapper{
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    border-radius: 4px;
    margin: 4px;
    overflow: hidden;
    display: block;
    position: relative;
    box-sizing: border-box;
}

.thumb-info-title{
    transition: all 0.3s ease 0s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    background: rgba(36, 27, 28, 0.9) none repeat scroll 0% 0%;
    bottom: 10%;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    left: 0px;
    letter-spacing: -1px;
    padding: 9px 11px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    z-index: 2;
    max-width: 90%;
}

.thumb-info-inner{
    transition: all 0.3s ease 0s;
    display: block;
    box-sizing: border-box;
}

.thumb-info-type{
    background-color: #08C;
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 8px -2px -15px;
    padding: 2px 9px;
    text-transform: none;
    z-index: 2;
}

/* ==========================================================================
   FAQ
   ========================================================================== */


/* ==========================================================================
    Forms
   ========================================================================== */

   .textfield input, .textfield textarea{
     padding: 6px 12px;
     display: block;
     margin: 0;
     width: 100%;
     font-size: 1em;
     appearance: none;
     box-shadow: none;
     border-radius: none;
     transition: box-shadow 0.3s, border 0.3s;
     border: 1px solid  #707070;
   }

   .presidents-internal-form .textfield{
    border:1px solid #08C;
    margin: 15px 0 15px 0;
    background-color: #08C;
   }
   .presidents-internal-form .textfield label{
     color: #FFF;
     padding: 20px;

   }

   .textfield input:focus, .textfield textarea:focus,.textfield input[type='button']:hover   {
     outline: none;
     border: 1px solid #08C;
     box-shadow: 0 0 5px 1px #08C;
   }
/*
   .textfield, .checkbox{
     padding-bottom: 20px;
   }
*/
   .quantity-seals input[type='button']:active, .quantity-seals input.clicked{
     background-color: #FFF;
   }

   .quantity-seals .minus{
     width: 35px;
     background: #F4F4F4 none repeat scroll 0% 0%;
     border: 1px solid #C8BFC6;
     border-radius: 2px;
     box-shadow: none;
     color: #5E5E5E;
     cursor: pointer;
     display: block;
     font-size: 12px;
     font-weight: bold;
     height: 35px;
     line-height: 13px;
     margin: 0px;
     overflow: visible;
     outline: 0px none;
     padding: 0px;
     text-align: center;
     text-decoration: none;
     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
     vertical-align: text-top;
     width: 35px;
     float: left;
   }

   .quantity-seals .plus{
     background: #F4F4F4 none repeat scroll 0% 0%;
     border: 1px solid #C8BFC6;
     border-radius: 2px;
     box-shadow: none;
     color: #5E5E5E;
     cursor: pointer;
     display: block;
     font-size: 12px;
     font-weight: bold;
     height: 35px;
     line-height: 13px;
     margin: 0px;
     overflow: visible;
     outline: 0px none;
     padding: 0px;
     text-align: center;
     text-decoration: none;
     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
     vertical-align: text-top;
     width: 35px;
     float: left;

     box-sizing: border-box;
   }

   .quantity-seals{
     display: inline-block;
     margin:auto;
   }

   .costseal{
     width: 200px;

     text-align: center;
   }

   .costseal h1{
     text-align: left;
   }

   .costseal span{
     font-size: 2em;
     font-weight: 700;
   }



   input[type='text'].sealorder{
     border: 1px solid #CCC;
     box-shadow: none;
     height: 35px;
     padding: 0px 39px;
     text-align: center;
     width: 125px;
     font-size: 1em;
     float: left;
   }

   table#sealTable span{
     display: block;
   }

   table#sealTable{
     margin: auto;
     width: 100%
   }
   #sealTable td, #sealTable th{
     text-align: left;
       padding:20px;
   }
   #sealTable  tr:nth-child(even) {
     background-color: #FFF9DD;
   }
   #sealTable  tr:nth-child(odd) {

       background-color: #FFEB91
   }
   #sealTable th{
     font-weight: 600;
     vertical-align: top;
   }

   /* ========================================
      APPLICATION form
      ======================================*/

      /* HTML5 Boilerplate accessible hidden styles */

      .formHead{
        background-color: #F4C046;
        border-bottom: 4px solid #9ea7af;
        padding: 15px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
      }

      .formHead label{
        cursor: pointer;
      }

      .formHead h1{
        font-size: 1.25em;
        font-weight: 700;
        line-height: 1.4em;
        padding: 0;
        margin: 0;
      }

      .formBody{
        background-color: rgba(0, 136, 204, 0.2);
        padding: 10px;
      }

      .formBody .clearfix{
        //padding-bottom: 40px;
      }

      .formBody ol li{
        font-weight: 600;
        padding: 10px 0;
      }


      .table-fill {
        background: white;
        border-radius:3px;
        border-collapse: collapse;
        margin: auto;
        max-width: 600px;
        padding:5px;
        width: 100%;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        animation: float 5s infinite;
        margin-bottom: 20px;
      }

      .table-fill th {
        color:#000;
        font-weight: 700;
        background:#F4C046;
        border-bottom:4px solid #9ea7af;
        border-right: 1px solid #343a45;
        font-size: 1.25em;
        padding:15px;
        text-align:left;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        vertical-align:middle;
      }

      .table-fill th:first-child {
        border-top-left-radius:3px;
      }

      .table-fill th:last-child {
        border-top-right-radius:3px;
        border-right:none;
      }

      .table-fill tr {
        border-top: 1px solid #C1C3D1;
        border-bottom-: 1px solid #C1C3D1;
        color:#000;
        font-size: 1em;
        font-weight:normal;
      }

      .table-fill tr:hover td {
        background:#4E5066;
        color:#FFFFFF;
      }

      .table-fill tr:hover td input{
        color:#000;
      }

      .table-fill tr:first-child {
        border-top:none;
      }

      .table-fill td:first-child {
        font-weight: 600;
      }

      .table-fill tr:last-child {
        border-bottom:none;
      }

      .table-fill tr:nth-child(odd) td {
        background: rgba(0, 136, 204, 0.2);
      }

      .table-fill tr:nth-child(odd):hover td {
        background:#4E5066;
      }

      .table-fill tr:last-child td:first-child {
        border-bottom-left-radius:3px;
      }

      .table-fill tr:last-child td:last-child {
        border-bottom-right-radius:3px;
      }

      .table-fill td {
        background:#FFFFFF;
        padding:10px;
        text-align:left;
        vertical-align:middle;
        font-weight:400;
        font-size:1em;
      }

      label.error{
        color: #800000;
      }

      .noPad{
        padding: 0 !important;
      }


      .appFormBeginn [type="radio"] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px; margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }

      /* One radio button per line */
      .appFormBeginn label {
        display: block;
        cursor: pointer;
        line-height: 1.4em;
        font-size: 1em;
        padding: 15px 0;
        font-weight: 700;
        color: #3b444b;
      }

      .appFormBeginn [type="radio"] + span {
        display: inline-block;
        position: relative;
        margin-left: 60px;
      }

      /* the basic, unchecked style */
      .appFormBeginn [type="radio"] + span:before {
        position: absolute;
        top:4px;
        left: -40px;
        content: '';
        display: inline-block;
        width: 1em;
        height: 1em;
        vertical-align: -0.25em;
        border-radius: 1em;
        border: 0.125em solid #FFF;
        background-color: #FFF;
        box-shadow: 0 0 0 0.15em #F4C046;
        transition: 0.5s ease all;
      }

      /* the checked style using the :checked pseudo class */
      .appFormBeginn [type="radio"]:checked + span:before {
        background-color: #F4C046;
        box-shadow: 0 0 0 0.25em #000;
      }

      /* never forget focus styling *//*
      .appForm [type="radio"]:focus + span:after {
        content: '\0020\2190';
        font-weight: 700;
        line-height: 0.5;
        vertical-align: -0.125em;

        font-size: 1.8em;
      }*/

      /* Nothing to see here. */


      .appFormBeginn select{
        width: 100%;
      }

      .appFormBeginn .col-6.item.radioButtons label{
        display: inline-block;
        padding: 8px;
        padding-right: 40px;
        font-weight: 700;
        width: auto;
        color: #000;
      }

      .appFormBeginn .col-6.item.radioButtons fieldset{
        border:1px solid #707070;
        border: none;
        background-color: #FFF;
        background-color: #f4f4f4;
        margin:0;
        border-radius: 0;
        padding: 3px;
      }

      .appFormBeginn .col-6.item.radioButtons  legend, .appFormBeginn .col-6.item.radioButtons label, .appFormBeginn .col-6.item.radioButtons p{
        line-height: 1.4em;
        font-size: 1em;
        padding:  0;
        font-weight: 600;
        color: #000;
      }

      .appFormBeginn .col-6.item.radioButtons p{
        padding: 15px 0;
        margin:0;
        margin-bottom: 5px;
      }

      .appFormBeginn .col-6.item.radioButtons label + label{
        margin-right: 20px;
      }



      .appFormBeginn fieldset {
        border: 2px solid #F4C046;
        border-radius: 0.5em;
        background-color: #08c;
        color: #FFF;
      }

      .appFormBeginn .containButtons{
        margin-top: 30px;
      }

      .appFormBeginn .radioButtons label{
          margin-left: 1px;
          background-color: inherit;
      }

      .appFormBeginn legend{
        color: #fff;
        background: #F4C046;
        padding: 0.25em 1em;
        border-radius: 0.5em;
        font-size: 1em;
      }


       .savebutton.back{
        float: left!important;
      }

      .appFormBeginn .radioButtons span{
        font-weight: 400;
        background-color: inherit;

      }

      .appFormBeginn .subSpan {
        display: table;
        text-align: left;
      }

      @media only screen and (max-width:1000px){

          .appFormBeginn .col-6{
              width: 100%;
              padding: 20px;
          }
      }

      .appForm{
        padding: 20px;
        margin: 0;
        margin-top: 50px;
        box-sizing: border-box;
        background-color: #D6F1FF;
      }

      .appForm .textfield textarea{
        height: 100px;
      }

      .appForm h2{
        margin: 0;
      }

      .appForm h1{
        margin: 0 0 10px;
        text-align: center;
      }

      .appForm > span{
        display: block;
        margin: 5px;
        margin-bottom: 20px;
        text-align: center;
      }

   /* ================
   WHY????
   =================*/

   .textfield label{
     cursor: pointer;
     font-size: 1em;
     display: block;
   }

   .textfield textarea{
     height: 200px;
   }

   .textfield input, .textfield textarea{
     padding: 6px 12px;
     display: block;
     margin: 0;
     width: 100%;
     font-size: 1em;
     appearance: none;
     box-shadow: none;
     border-radius: none;
     transition: box-shadow 0.3s, border 0.3s;
     border: 1px solid  #707070;
   }







   .textfield input:focus, .textfield textarea:focus, .textfield input[type='button']:hover {
     outline: none;
     border: 1px solid #08C;
     box-shadow: 0 0 5px 1px #08C;
   }

   .quantity-seals input[type='button']:active, .quantity-seals input.clicked{
     background-color: #FFF;
   }

   .textfield select.error, .textfield  input.error, .textfield input.error:focus, .textfield  textarea.error, .beauty  select.error:hover{
     outline: none;
     border: 1px solid #800000;
     box-shadow: 0 0 5px 1px #800000;

   }


   button, input, .beauty  select, textarea {
      font-family : inherit;
      font-size   : 100%;
    }

    textarea{
      width: 100%;
    }

    input, textarea, .beauty select, button {
      margin: 0;

      -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
         -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
              box-sizing: border-box;
    }



      /* remove standard-styles */
      .beauty  select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border:none;
          border-radius: 0;
          font-size: 1em;
        }


        /* styling */
      .beauty  select {
            display: inline-block;
          border: 1px solid #bbb;
          padding:0.2em 53px 0.2em 0.2em;
          box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
          background-color:white;
          background-image:url('https://www.nlp-institutes.net/resources/images/elements/select-arrow.png');
          background-position: right;
          background-repeat: no-repeat;
        }

        .beauty  select.large
        {
          display: block;
          width: 100%;
        }

        .beauty  select:hover {
          box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
        }


        /* hide browser-styling (arrow) in IE10 */
        .beauty  select::-ms-expand {
          display:none;
        }

        .lt-ie10 select {
            background-image: none;
        }

    a.savebutton{
            background-color: #00A3F4;
            color: white;
            display: inline-block;
            padding: 6px 12px;
            transition: background-color 0.15s linear 0s;
            float: right;
            text-decoration: none;
            font-size: 1rem;
            line-height: 1.5;
            letter-spacing: normal;

        }



        .respect-margin{
          margin-right: 15px;
        }

        /*
            Formular
        */

        .radioContainer{
          box-sizing: border-box;
          display: inline-block;
          padding: 5px;
          vertical-align: top;
        }
        label{
            display: inline-block;
            margin-bottom: 5px;
        }

        input[type='text'],
        input[type='email'],
        input[type='password']{
            width:100%;
        }

        .form-contact .col-6{
            padding-bottom: 20px;
        }

        .addNew{
            background-color: #FFF;
            display: block;
            margin-top: 20px;
            padding: 20px;
            color: #08c;
            border:none;
            cursor: pointer;
            width: 100%;
            box-sizing: border-box;
        }

        .addNew:hover{
            background-color: #08C;
            border-color: #FFF;
        }



        .addNew:hover h2{
            color: #FFF;
        }

        .addNew:active h2{
          font-style: italic;
        }

        .addNew h2{
            margin: 0;
            padding: 0;
            color: #08C;
        }

        .editProfileTitle{
          border-bottom:3px solid #dadada;
        }

        .editProfileBox{
          background-color: #FFF;
          padding: 20px;
          margin-top: 20px;
          overflow: hidden;
        }


        .editProfileBox h2{
          margin: 0;
        }

        .editProfileBox > h2{
          border-bottom: 1px solid #dadada;
          margin: 0px 0px 30px;
          padding: 0px 0px 20px;
        }

        .aboutSec{
          border-bottom: 1px solid #dadada;
          margin-bottom: 10px;
          padding-bottom: 10px
        }

        .aboutSec .tooltip{
          text-decoration: none;
          display: inline-block;
        }

        .editProfileBox textarea{
          width: 100%;
          height: 300px;
        }


/* =====================================
    CROP IMAGE form-contact=
======================================*/

.crop_image{
     display: none;
     background-color: #FFF;
     min-width: 450px;
     border-radius: 10px;
     box-shadow: 0px 0px 25px 5px #999;
     padding: 25px;
     width: 300px;
 }



 /*
     Formular
 */
 label{
     display: inline-block;
     margin-bottom: 5px;
     cursor: pointer;
 }

label.formHead{
  display: block;
  margin: 0;
}
 input[type='text']{
     width:100%;
 }

 .form-contact .col-6{
     padding-bottom: 20px;
 }

 .editImageFrame{
     background-color: #FFF;
     border: 3px dashed #dadada;
     padding: 15px;
     display: inline-box;
     box-sizing: border-box;
     cursor: pointer;
 }

 .editProfileLabel{
   display:block;
   margin-bottom: 0;
 }

 .editProfileLabel  .editImageFrame{
   border-bottom: 0;
 }

 .editInstInfo  .editProfileLabel  .editImageFrame{
    border: 3px dashed #dadada;
  }

 .editAvatarFrame{
     background-color: #FFF;
     border: 3px dashed #dadada;
     padding: 15px;
     display: inline-box;
     box-sizing: border-box;
     border-bottom: 0;
 }

 .editImageFrame:hover{
     background-color:  #F4C046;
 }

 .cropImagePlaceholder, .editImagePlaceholder, .editAvatarPlaceholder{
     background-color: #08c;
     width: 200px;
     margin: auto;
     vertical-align: middle;
     box-sizing: border-box;
 }

 .editImagePlaceholder{
     height: 300px;
     position: relative;
     overflow:hidden;
     width: 250px;
 }
 .editAvatarPlaceholder{
   height: 200px;
   width: 200px;
   position: relative;
   overflow:hidden;
 }

 .editInstInfo .editAvatarPlaceholder{
   height: 100px;
 }

 .cropImageInfobox, .editImageInfobox{
     text-align: center;
     line-height: 2em;
     box-sizing: border-box;
     padding: 10px;
     background-color: rgba(255, 255, 255, 0.85);
 }

 .editImageInfobox{
     position: absolute;
     bottom: -40px;
     transition: bottom 1s;
 }

 .editImageFrame:hover .editImageInfobox{
   bottom: 0;
 }


 .marginTop{
     margin-top: 15px;
 }

.beauty select.marginTop{
  margin-top: 10px;
}

.beauty .textfield{
  margin: 15px 0px;
}

 #crop_image{
     display: none;
     background-color: #FFF;
     min-width: 400px;
     border-radius: 10px;
     box-shadow: 0px 0px 25px 5px #999;
     padding: 25px;
 }


 /* ===========================================
     Crop Selection Box
 =========================================== */

.overflowContainer{
 display: inline-block;
 padding: 100px 75px;
 overflow: hidden;
 position: relative;
 background-color: #F2F2F2 ;
}

.overflowContainer.avatar{
  padding: 100px;
}

.imageBox{
 display: block;
 width: 250px;
 height: 300px;
 background-color: rgba(255,255,255,0.7);
}

.avatar .imageBox {
  height: 200px;
  width: 200px;
}

.imageBox img, .imageBoxAvatar img{
 cursor: pointer;
}

.imageBox:before,.imageBox:after,.opacityBordertop,.opacityBorderbot{
 content:"";
 display:block;
 position:absolute;
 z-index:150;
 background:#F2F2F2 ;
 opacity:0.9;
}

.imageBox:before{
 width: 75px;
 height: 300px;
 left: 0px;
 top: 100px;
}

.avatar .imageBox:before{
  width: 100px;
  height: 200px;
}

.imageBox:after{
 width: 75px;
 height: 300px;
 right: 0px;
 top: 100px;
}

.avatar .imageBox:after{
  width: 100px;
  height: 200px;
}

.opacityBorder{
 font-size: 1px;
 letter-spacing: -1px;
 color: transparent;
 line-height: 0;
 display: none;
}

.opacityBordertop{
 top: 0px;
 left: 0px;
 width: 400px;
 height: 100px;
 display: block;
}

.opacityBorderbot{
 bottom: 0px;
 left: 0;
 width: 400px;
 height: 100px;
}

.fullWidth{
 width: 100%;
 height: auto;
}
.fullHeight{
 height: 100%;
 width: auto;
}





/* ==========================================================================
    Messages
   ========================================================================== */


   .alert-success{
        color: #3C763D;
        background-color: #DFF0D8;
        border-color: #D6E9C6;
   }

   .alert-danger{
        color: #A94442;
        background-color: #F2DEDE;
        border-color: #EBCCD1;
   }

   .alert-danger-plain{
        background-color: #E36159;
        border-color: #E1554C;
        color: #FFF;
   }

   .alert-success-plain{
        background-color: #08C;
        border-color: #007EBD;
        color: #FFF;
   }

   .alert-success-plain a:hover{
     color: #F4C046;
   }

   .alert-success-plain a{
     color: #FFF;
   }

   .alert{
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
        box-sizing:border-box;
   }

   .label{
        padding: 0.2em 0.6em 0.3em;
        font-size: 0.9em;
        line-height: 1;
        color: #FFF;
        text-align: center;
        vertical-align: baseline;
        border-radius: 0.25em;
        background-color:  #08c;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        margin-right:10px;
   }

   .label:hover{
        background-color: #800000;
   }



 .checkRow{
    margin: 20px 0;
}

.checkRow.choice{
  padding: 10px;
  margin: 0;
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
}

.checkRow.choice img{
  width: 100%;
}

.checkRow span{
    margin-left: 5px;
}

.checkRow label{
    margin-right: 10px;
}

/* =============================
    Tooltip
    ==========================*/

.tooltipster-noir {
  border-radius: 0px;
  border: 3px solid #08C;
  background: #fff;
  color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
  /*font-family: 'Georgia', serif;*/
  font-size: 16px;
  line-height: 16px;
  padding: 8px 10px;
}

.tooltip{
  cursor: pointer;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

   .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

 .full-width{
        width: 100%;
    }

/* =====================================================
   Gallery
   ===================================================== */

.gallery {
  background: #FAFAFA;
}

.gallery img {
  display: block;
  height: 300px;
}

.flickity-page-dots {
    visibility: hidden;
}




/* ===================================================
  Progress Bar
  ===================================================*/
  @-webkit-keyframes myanimation {
    from {
      left: 0%;
    }
    to {
      left: 50%;
    }
  }
  .checkout-wrap {
    color: #444;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
  }

  ul.checkout-bar li {
    color: #ccc;
    color: #FFF;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
  }
  ul.checkout-bar li:before {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background: #ddd;
    border: 2px solid #FFF;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    left: 20px;
    line-height: 37px;
    height: 35px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    top: 4px;
    width: 35px;
    z-index: 1;
  }


  ul.checkout-bar li.active {
    color: #8bc53f;
    color: #F4C046;
    font-weight: bold;
  }
  ul.checkout-bar li.active:before {
    background: #8bc53f;
    background: #F4C046;
    z-index: 2;
  }
  ul.checkout-bar li.visited {
    background: #ECECEC;
    color: #57aed1;
    color: #08C;
    z-index: 2;
  }

  ul.checkout-bar li.visited:before {
    background: #57aed1;
    background: #08C;
    z-index: 2;
  }
  ul.checkout-bar li:nth-child(1):before {
    content: "1";
  }
  ul.checkout-bar li:nth-child(2):before {
    content: "2";
  }
  ul.checkout-bar li:nth-child(3):before {
    content: "3";
  }
  ul.checkout-bar li:nth-child(4):before {
    content: "4";
  }
  ul.checkout-bar li:nth-child(5):before {
    content: "5";
  }
  ul.checkout-bar li:nth-child(6):before {
    content: "6";
  }
  ul.checkout-bar a {
    color: #57aed1;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
  }

  @media all and (min-width: 800px) {
    .checkout-bar li.active:after {
      -webkit-animation: myanimation 3s 0;
      background-size: 35px 35px;
      background-color: #8bc53f;
      background-color: #F4C046;
      background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      content: "";
      height: 10px;
      width: 100%;
      left: 50%;
      position: absolute;
      top: -25px;
      z-index: 0;
    }

    /* make progressbar complete */
    .checkout-bar li.visited:last-child:after{
      width: 50%;
      border-radius: 15px;
    }

    .checkout-wrap {
      margin: 30px auto 70px;
      display: inline-block;
      width:100%;
    }

    ul.checkout-bar {
      -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      background-size: 35px 35px;
      background-color: #EcEcEc;
      background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
      border-radius: 10px;
      height: 10px;
      margin: 0 auto;
      padding: 0;
      position: absolute;
      width: 100%;
    }
    ul.checkout-bar:before {
      background-size: 35px 35px;
      background-color: #57aed1;
      background-color: #08C;
      background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      content: " ";
      height: 10px;
      left: 0;
      position: absolute;
      width: 30%;
    }

    ul.checkout-bar.start:before {
      background-color: #F4C046;
    }
    ul.checkout-bar li {
      display: inline-block;
      margin: 25px 0 0;
      padding: 0;
      text-align: center;
      /* make 20% and kill whitespace */
      width: 20%;
      /* Make all labels on
      same height */
      vertical-align: top;
      /*border: solid; */
      box-sizing: border-box;
      padding: 0px 20px;
    }
    ul.checkout-bar li:before {
      height: 35px;
      line-height: 35px;
      position: absolute;
      top: -43.5px;
      width: 35px;
      z-index: 99;
      /* CENTER BULLET CORRECTLY*/
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;

    }
    ul.checkout-bar li.visited {
      background: none;
    }
    ul.checkout-bar li.visited:after {
      background-size: 35px 35px;
      background-color: #57aed1;
      background-color: #08C;
      background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      content: "";
      height: 10px;
      left: 50%;
      position: absolute;
      top: -25px;
      width: 100%;
      z-index: 1;
    }
  }


/* ===================================================
   Basic Styles
   =================================================== */

h1{
    font-size: 1.75em;
    font-weight: 700;
    line-height: 2.1em;
    margin: 0 0 20px;
    color: #1D2127;
    /*letter-spacing: -1px;*/
    letter-spacing: normal;
}

h2{
    font-size: 1.75em;
    font-weight: 700;
    line-height: 42px;
    margin: 0px 0px 15px;
    color: #1D2127;
    letter-spacing: -1px;
}


@media only screen and (max-width:800px){
  h2{
    font-size: 1.3em;
  }
  h1{
    font-size: 1.4em;
  }
}

p{
    font-size: 1em;
    line-height: 1.5em;

}

h3{
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0px 0px 10px;
}

a{
    color: #2AAFEA;;
}

a:not([href]), a:not([href]):hover {
  color: rgb(34, 34, 34);
}

a:hover{
  color: #08C;
}

a:hover h1{
  color: #08C;
}

a .mainPoints{
  color: #000;
}

a:hover .mainPoints{
  color: #08C;
}



a:hover .mainPoints h1{
  color: #08C;
}

.pseudoLink{
  text-decoration: underline;
}

strong{
    font-weight: 700;
}

.strong{
  font-weight: 700;
}


 /*   ======================================
      Media Queries
      ====================================== */
      #page-wrapper{
          margin: 0 auto;
          padding:0 ;
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
          position: relative;
          /*border: 1px solid #000;*/
      }

@media only screen and (min-width:1250px){
    #page-wrapper{
        margin-top:20px;
        border-radius: 0;
        border-top: 0;
    }

}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        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) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]: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;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}