/* ==========================================================================
   OVERALL STYLING AND TYPOGRAPHY
   ========================================================================== */

/* Remarks
   ========================================================================== */
/**
 * use for initial styling of all valid HTML5 elements
 * author: rudy montoya rodriguez / @_moretaste
 * url: http://www.moretaste.nl
 */


/* ==========================================================================
   ROOT ELEMENT
   ========================================================================== */
html
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
*,
*:before,
*:after
{
    -webkit-box-sizing: inherit;
       -moz-box-sizing: inherit;
            box-sizing: inherit;
}

.wf-loading
{
    visibility: hidden;
}

.wf-active,
.wf-inactive
{
    visibility: visible;
}

/* DEFAULT MARGINS
   ========================================================================== */
br,
ul + ul,
ol + li,
li + *,
li a + *,
hr + *,
.container,
.form-item,
.cta-item,
header + *,
section + *,
div,
h1 + .subtitle,
section[role='main'] p:first-child,
ul ul,
ol ul
{
    margin: 0;
}

* + *
{
    margin: 1.5em 0 0 0;
}
* + p,
div p:first-child
{
    margin: 1.5em 0 0 0;
}
aside * + p,
aside div p:first-child
{
    margin: .5em 0 0 0;
}

/* BASIC FONT AND SIZING
   ========================================================================== */
html.oldIE
{
    font-family: sans-serif;
    font-size: 87.5%; font-weight: normal; font-style: normal;
    line-height: 1.4;width: 100%;
    height: 100%;

    -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}

html
{
    font-family: 'pt-sans', sans-serif;
    font-size: 87.5%; font-weight: normal; font-style: normal;
    line-height: 1.4;width: 100%;
    height: 100%;

    -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}

@media only screen and (min-width: 48em)
{
    html
    {
        font-size: 100%;
    }
}

/* ==========================================================================
   DOCUMENT SECTIONS
   ========================================================================== */
body,
header,
section,
article,
footer,
aside,
nav,
address
{
    color: #191919;
}

body
{
    background-color: #edeff0;
}

/* HEADINGS
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
    line-height: 1;

    word-spacing: normal;
}
/* pseudo class for headings to apply without affecting the documents outline */

h1
{
    position: relative;
}

p + h3,
ul + h3,
table + h3
{
    margin: 1.5em 0 0 0;
}
h3 + p
{
    margin: .25em 0 0 0;
}
h3 + br
{
    display: none;
}
h1,
.h1
{
    font-size: 2em; font-weight: 700; margin-top: 0;

    color: #a70251;
}
h2,
.h2,
.folders-wrapper h3
{
    font-size: 1.3em; font-weight: 700;

    color: #333c44;
}
h3,
.h3
{
    font-size: 1.1em; font-weight: 700;

    color: #65717e;
}
h4,
.h4
{
    font-size: 1.00em; font-weight: 700;

    color: #a70251;
}
h5,
.h5
{
    font-size: .87em; font-weight: 700; margin: .5em 0;

    color: #a70251;
}
h6,
.h6
{
    font-size: .75em; font-weight: 700;

    color: #333c44;
}

h1 a,
.h1 a
{
    color: #a70251; border-color: rgba(0,0,0,0);
}
h2 a,
.h2 a
{
    font-weight: 400;

    color: #333c44; border-color: rgba(0,0,0,0);
}
h3 a,
.h3 a
{
    color: #65717e; border-color: rgba(0,0,0,0);
}
h4 a,
.h4 a
{
    color: #333c44; border-color: rgba(0,0,0,0);
}
h5 a,
.h5 a
{
    color: #a70251; border-color: rgba(0,0,0,0);
}
h6 a,
.h6 a
{
    color: #333c44; border-color: rgba(0,0,0,0);
}

h1 a:hover,
.h1 a:hover,
a:hover h1,
a:hover .h1
{
    color: #333c44; border-color: rgba(0,0,0,0);
}
h2 a:hover,
.h2 a:hover,
a:hover h2,
a:hover .h2
{
    color: #a70251; border-color: rgba(0,0,0,.3);
}
h3 a:hover,
.h3 a:hover,
a:hover h3,
a:hover .h3
{
    color: #a70251; border-color: rgba(0,0,0,.3);
}
h4 a:hover,
.h4 a:hover,
a:hover h4,
a:hover .h4
{
    color: #a70251; border-color: rgba(0,0,0,.001);
}
h5 a:hover,
.h5 a:hover,
a:hover h5,
a:hover .h5
{
    color: #333c44; border-color: rgba(0,0,0,.3);
}
h6 a:hover,
.h6 a:hover,
a:hover h6,
a:hover .h6
{
    color: #a70251; border-color: rgba(0,0,0,.3);
}

h4 small
{
    font-size: .8em; display: block;

    color: #a70251;
}

/* ==========================================================================
      GROUPING CONTENT
   ========================================================================== */
p,
pre,
blockquote,
ul,
ol,
dl,
figure
{
    word-spacing: normal;
}
hr
{
    display: block;

    height: 1.5em;
    padding: 0;

    border: 0;
    border-top: 1px solid #efeff0;
}

blockquote
{
    font-size: 1.75em; line-height: 1.2;position: relative;
    z-index: 1;

    display: block;

    padding: 1em 0;

    text-align: center;

    color: #65717e;border-width: 1px 0;
    border-style: solid; border-color: #edeff0;
}
blockquote p
{
    margin: 0;
}

/* ==========================================================================
   LISTS
   ========================================================================== */
/* BASIC UL OL
   ========================================================================== */
ul
{
    padding: 0 0 0 2em;
}
ul li
{
    word-spacing: normal;
}


ul.no-list
{
    margin: 0;padding: 0;

    list-style: none;
}

li.expanded,
li.collapsed,
li.leaf
{
    margin: 0;
    padding: 0;
}





ol.lo-lat
{
    list-style-type: lower-latin;
}
ol.up-lat
{
    list-style-type: upper-latin;
}


dt
{
    font-weight: bold; color: #65717e;
}
dt:after
{
    content: ':';
}
dd
{
    margin: 0;
}

/*nav ul {
  list-style: none;
  margin: 0; padding: 0;
}*/
nav .active a,
li.active a
{
    color: #333c44;
}

@media only screen and (min-width: 48em)
{
    nav .inline li
    {
        float: left;
    }
}

/* PAGINATION LINKS
   ========================================================================== */
.pagination.inline
{
    padding: 0;
}
.pagination a
{
    padding: 8px; border: none;
}
.pagination .selected a
{
    font-weight: 700;
}

/* ==========================================================================
   INLINE LIST
   ========================================================================== */
.inline ul
{
    display: inline-block; margin: 0;
    padding: 0;
}
.inline li
{
    position: relative;

    display: inline-block;

    margin: 0;vertical-align: middle;
}
.inline li.first
{
    margin-left: 0;
}
.inline li.last
{
    margin-right: 0;
}
.inline li a
{
    display: block;
}
.inline .sub
{
    position: absolute;
    z-index: 99;top: 100%;
    left: 0;

    display: none;

    min-width: 100%;margin: 0;
    padding: 0;

    text-align: left;
    white-space: nowrap;
}
.inline .sub li
{
    display: block;
}
.inline li:hover > .sub
{
    display: block;
}
.inline .sub li:hover > .sub
{
    top: -1px;
    left: 100%; margin: 0;
}
/* ==========================================================================
   LIST LIST
   ========================================================================== */


/* ==========================================================================
   FIGURE
   ========================================================================== */
figure
{
    overflow: hidden; margin: 0 0 0 0;
}
.img--full figure
{
    width: 100%;
}

/* IMAGES
   ========================================================================== */
img
{
    max-width: 100%; height: auto;

    vertical-align: middle;
}
.img--full img
{
    width: 100%;
    max-width: none; height: auto;
}
a img
{
    vertical-align: top;
}
/* DIV
   ========================================================================== */

/* ==========================================================================
   TEXT-LEVEL SEMANTICS
   ========================================================================== */
/* LINKS AND ANCHORS
   ========================================================================== */
a,
a:hover
{
    text-decoration: none;

    border-width: 0 0 1px 0;
    border-style: dotted;
    outline-color: rgba(0,0,0,.001);
}
a
{
    font-weight: 700;

    color: #65717e; border-color: #efefef; border-color: rgba(0,0,0,.1);
}
a:hover
{
    color: #333c44; border-color: #efefef; border-color: rgba(0,0,0,.3);
}

* a.more
{
    color: #a70251;
}
* a.more:hover
{
    color: #333c44;
}


article p a
{
    font-weight: 300;

    color: #a70251; border-color: rgba(0,0,0,.1);
}
article p a:hover
{
    color: #1f8dd6; border-color: rgba(0,0,0,.3);
}
aside .content a
{
    border-color: transparent;
}
a img
{
    vertical-align: top;
}


.no-border,
nav a,
nav a:hover
{
    border-width: 0;
}

/* SHARE LINKS
   ========================================================================== */
.share
{
    font-size: 14px;

    display: table; width: 100%;
    margin: 8px 0 0 0; padding: 4px 0;text-align: right;border-width: 1px 0;
    border-style: solid; border-color: #cdd;
}
.share span
{
    margin: 0 4px;
}

.share a
{
    font-size: 12px;

    display: table-cell;

    width: 20px; height: 20px;
    padding: 2px;text-align: center;vertical-align: middle;border-width: 0 0 0 1px;
    border-style: solid; border-color: #fff;
    background-color: #cdd;
}
/* TEXT-LEVEL
   ========================================================================== */










small
{
    font-size: 70%; font-weight: normal;
}
u
{
    text-decoration: underline;
}
s
{
    text-decoration: line-through;
}




cite
{
    font-size: 16px;
    font-style: normal;

    display: block;color: #999;
}
cite span
{
    font-weight: 700;

    display: block; margin: 4px 0 0 0;
}
cite span + span
{
    font-weight: 400; text-transform: uppercase;
}

/*cite::before { content: "—"; }*/












/* ==========================================================================
   EMBEDDED CONTENT
   ========================================================================== */
/* IFRAME, OBJECT
   ========================================================================== */
iframe,
object,
embed
{
    max-width: 100%; border: none;
}

/* MAPS
   ========================================================================== */
.google-maps
{
    position: relative;

    overflow: hidden;width: 100%;
    height: 0;
    margin: 0 0 0 0;
    padding-bottom: 60%;
}
.google-maps iframe
{
    position: absolute;
    top: -46px; left: 0;

    width: 100% !important;
    height: 100% !important;
    margin: 0;

    pointer-events: none;
}

@media only screen and (min-width: 48em)
{
    .google-maps
    {
        margin: 0;
        padding-bottom: 25%;
    }
}

/* VIDEO
   ========================================================================== */
.vid-yt,
.vid
{
    position: relative;

    overflow: hidden;

    height: 0;
    margin-top: 1em;
    padding-bottom: 56.25%; /* 16:9 */
}

.vid-vi
{
    position: relative;

    overflow: hidden;

    height: 0;
    margin-top: 1em;
    padding-bottom: 56.25%;
}
.vid-yt iframe,
.vid-vi iframe,
.vid span
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

/* ==========================================================================
   TABULAR DATA
   ========================================================================== */
table
{
    width: 100%; table-layout: fixed;
}



tbody
{
    border-width: 0;
}



td,
th
{
    line-height: 1.2;display: inline-block;

    width: 50%;
    margin: 0;  padding: 4px 8px;

    text-align: left;
    vertical-align: top;border-width: 1px 0;
    border-style: solid; border-color: #efefef;
}
th
{
    text-align: left;
}
td + td,
th + td
{
    text-align: right;
}

@media screen and (min-width: 48em)
{
    td,
    th
    {
        display: table-cell;
    }
    td
    {
        width: 25%;
    }
    th
    {
        width: 75%;
    }
}

/* ==========================================================================
   FORMS
   ========================================================================== */
form
{
    position: relative; color: #65717e;
}
fieldset
{
    margin: 0 0 1em 0;padding: 1em;

    border-color: #d0d1d2;
}
fieldset fieldset
{
    padding: 0;

    border: none;
}
legend
{
    font-size: 18px;

    color: #81a7a4;
}
label
{
    font-size: .875em;
    font-weight: 700;

    display: block;

    padding: .25em 0;
}
.form-item
{
    padding: 0 1em .25em 0;
}
.submit-button
{
    float: right; margin: 0;
}
input[type='text'],
textarea,
select
{
    font-size: 1.2em;
    font-weight: 400;

    width: 100%;
    margin: 0 .5em .5em 0;
    padding: 3px 8px;
    /*line-height: normal !important;
  vertical-align: top;
  margin: .5em 0 0 0;
  background-color: #ffffff; color: rgba(0, 0, 0, 0.75);
  border-style: solid; border-width: 1px; border-color: #ccdddd;
  font-size: 14px; font-weight: 400;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
          border-radius: 0;
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
     -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
          transition: box-shadow 0.45s, border-color 0.45s ease-in-out;*/
}

input[type='file']
{
    height: auto; padding: .3125em .5em;
}
input[type='checkbox'],
input[type='checkbox'] + label,
input[type='radio'],
input[type='radio'] + label
{
    font-weight: 400;

    display: inline;

    width: auto;
    margin: 0 4px 0 0;vertical-align: middle;
}
input[type='radio'] + label
{
    margin: 0 16px 0 0;
}

input.expand
{
    text-align: left;
}

select option
{
    margin: 0; padding: .25em;border-width: 0 0 1px 0;
    border-style: solid; border-color: #eaeaec;
}
select option[disabled]
{
    color: #ababab;
}
select[disabled]
{
    color: #ababab;
}

/* BUTTONS
   ========================================================================== */
.btn a,
.more-btn .more a,
.submit-button
{
    font-size: 14px; font-weight: 700;

    display: inline-block;

    width: auto;
    margin: 0 .5em .5em 0 ; padding: .5em 2em;text-align: center;vertical-align: top;
    text-transform: uppercase;color: #fff;border-width: 1px;
    border-style: solid; border-color: #65717e; border-radius: 3px;
    background-color: #65717e;
}

@media only screen and (min-width: 48em)
{
    .btn,
    .more-btn .more a
    {
        width: auto;
    }
}

.btn.tiny a,
input.tiny,
.more-btn.tiny .more a
{
    font-size: .65em;
}
.btn.small a,
input.smal,
.more-btn.small .more a
{
    font-size: .75em;
}
.btn.big a,
input.big,
.more-btn.big .more a
{
    font-size: 1em;
}
.btn.expand a,
input.expand,
.more-btn.expand .more a
{
    width: 100%; text-align: center;
}
input.expand
{
    text-align: left;
}

.btn.white a,
.more-btn.white .more a
{
    color: #65717e; border-color: #fff;
    background-color: #fff;
}
.btn.red a,
.more-btn.red .more a
{
    color: #fff; border-color: #a70251;
    background-color: #a70251;
}
.btn.blue a,
.more-btn.blue .more a
{
    color: #fff; border-color: #1f8dd6;
    background-color: #1f8dd6;
}

.btn.light a
{
    color: #65717e; border-color: #d8dee3;
    background-color: #d8dee3;
}
.btn.light a:hover
{
    color: #fff;border-color: #65717e;
    background-color: #65717e;
}
.btn a:hover,
.more-btn .more a:hover,
.submit-button:hover
{
    color: #fff;border-width: 1px;
    border-style: solid; border-color: #a70251;
    background-color: #a70251;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .1);
}
.btn.white a:hover,
.more-btn.white .more a:hover
{
    color: #fff; border-color: #65717e;
    background-color: #65717e;
}
.btn.blue a:hover,
.more-btn.blue .more a:hover
{
    color: #fff; border-color: #65717e;
    background-color: #65717e;
}
.btn.red a:hover,
.more-btn.red .more a:hover
{
    color: #fff; border-color: #65717e;
    background-color: #65717e;
}

/* html5 specific */





/* FORM SPECIFIC
   ========================================================================== */


/* ==========================================================================
   INTERACTIVE ELEMENTS ( HTML5 app related, compatibility unkown(?))
   ========================================================================== */





/* ==========================================================================
   DEFAULTS / OVERRIDES / SPECIFICS
   ========================================================================== */
/* HIDE THINGS
   ========================================================================== */
.hideme,
.section-tag,
.type-tag,
.no-title > h2
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);width: 0;height: 0;
    margin: 0;
}
.ir
{
    display: inline-block;
    overflow: hidden;

    white-space: nowrap;
    text-indent: 100%;
}

.hyphen
{
    word-wrap: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;

        -ms-hyphens: auto;
         -o-hyphens: auto;
    overflow-wrap: break-word;
}

/* OWL CONTROLS
   ========================================================================== */
.owl-theme div.owl-controls .owl-buttons div
{
    font-size: 16px; font-weight: 300;line-height: 34px;

    width: 36px; height: 36px;
    margin: 0; padding: 0;

    -webkit-transition: all .7s ease-out ;
    -moz-transition: all .7s ease-out ;
    -ms-transition: all .7s ease-out ;
    -o-transition: all .7s ease-out ;
    transition: all .7s ease-out ;text-align: center;
    vertical-align: middle;

    opacity: .5;color: #000;border-width: 1px;
    border-style: solid; border-color: #fff;
    border-radius: 100%;
    background-color: #fff;
}

.owl-theme .owl-controls .owl-buttons div:hover
{
    opacity: .6;
    background: none;
}
.owl-theme .owl-controls .owl-buttons div.disabled
{
    opacity: .2;
}

.owl-theme .owl-controls .owl-next
{
    position: absolute; top: 50%; right: 1%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.owl-theme .owl-controls .owl-prev
{
    position: absolute; top: 50%; left: 1%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.owl-pagination
{
    position: absolute; right: 1%;bottom: 1%;
}
.owl-theme div.owl-controls .owl-page span
{
    margin: 4px;
}
.owl-theme div.owl-controls
{
    margin: 0;
}

/* GRAYSCALE
   ========================================================================== */
/*! Gray v1.4.1 (https://github.com/karlhorky/gray) | MIT */
.grayscale
{
    /* Firefox 10+, Firefox on Android */
            filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');
    /* IE 6-9 */
            filter: gray;
    /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
    -webkit-filter: grayscale(100%);
}
.grayscale.grayscale-fade,
a:hover .grayscale.grayscale-fade
{
    -webkit-transition: -webkit-filter 1s;
}
.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover,
a:hover .grayscale.grayscale-fade
{
    -webkit-filter: grayscale(0%);
            filter: none;
}
.grayscale.grayscale-replaced
{
            filter: none;
    -webkit-filter: none;
}
.grayscale.grayscale-replaced > svg
{
    -webkit-transition: opacity .5s ease;
            transition: opacity .5s ease;

    opacity: 1;
}
.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg
{
    opacity: 0;
}
/* FONTELLO ICONS
   ========================================================================== */
@font-face
{
    font-family: 'fontello';
    font-weight: normal;
    font-style: normal;

    src: url('f/fontello.eot?18320710');
    src: url('f/fontello.eot?18320710#iefix') format('embedded-opentype'),
    url('f/fontello.woff?18320710') format('woff'),
    url('f/fontello.ttf?18320710') format('truetype'),
    url('f/fontello.svg?18320710#fontello') format('svg');
}
[class^='icon-']:before,
[class*=' icon-']:before
{
    font-family: 'fontello';
    font-weight: normal;
    font-style: normal;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1;

    display: inline-block;

    width: auto;
    /*  margin-right: 4px;
*/  text-align: center;
    text-decoration: inherit;
    text-transform: none;

    speak: none;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    /* margin-left: .2em;*/

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-menu:before
{
    content: '\e800';
} /* '' */
.icon-search:before
{
    content: '\e818';
} /* '' */
.icon-mail:before
{
    content: '\e819';
} /* '' */
.icon-th-list:before
{
    content: '\e81a';
} /* '' */
.icon-phone:before
{
    content: '\e81b';
} /* '' */
.icon-angle-left:before
{
    content: '\e81c';
} /* '' */
.icon-angle-right:before
{
    content: '\e81d';
} /* '' */
.icon-angle-up:before
{
    content: '\e81e';
} /* '' */
.icon-angle-down:before
{
    content: '\e81f';
} /* '' */
.icon-angle-double-right:before
{
    content: '\e820';
} /* '' */
.icon-angle-double-left:before
{
    content: '\e821';
} /* '' */
.icon-angle-double-up:before
{
    content: '\e822';
} /* '' */
.icon-angle-double-down:before
{
    content: '\e823';
} /* '' */
.icon-twitter:before
{
    content: '\e824';
} /* '' */
.icon-gplus:before
{
    content: '\e825';
} /* '' */
.icon-facebook:before
{
    content: '\e826';
} /* '' */
.icon-linkedin:before
{
    content: '\e827';
} /* '' */
.icon-pinterest-circled:before
{
    content: '\e828';
} /* '' */
.icon-youtube:before
{
    content: '\e829';
} /* '' */


/* ANIM
   ========================================================================== */
button[type='submit']:hover,
a:hover,
.anim
{
    -webkit-transition: all .3s ease-out ;
       -moz-transition: all .3s ease-out ;
        -ms-transition: all .3s ease-out ;
         -o-transition: all .3s ease-out ;
            transition: all .3s ease-out ;
}
/* MESSAGES
   ========================================================================== */
div.messages
{
    position: relative;
    z-index: 225;

    display: block;

    margin: 8px 0;
    margin-bottom: 1.4em;padding: 4px 8px;

    word-spacing: normal;

    color: #97600d;
    border: 1px solid #fabf67;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fabf67;
}
div.error,
.error
{
    color: #fff; border-color: #d13c38;background-color: #d13c38;
}
div.status,
.status
{
    color: #668391; border-color: #d1ebee;background-color: #d1ebee;
}
div.succes,
.succes
{
    color: #fff; border-color: #53b44f;background-color: #53b44f;
}

/* ==========================================================================
   HELPERS
   ========================================================================== */
/* ALIGNEMENT
   ========================================================================== */
.center
{
    display: block;

    margin: 0 auto; text-align: center;
}
.text-right
{
    text-align: right;
}
.text-left
{
    text-align: right;
}
.center-vertical
{
    position: relative;
    top: 50%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.right
{
    float: right;
}
.left
{
    float: left;
}

/* MISC
   ========================================================================== */
.browserupgrade
{
    text-align: center;
}

/* SYSTEM
   ========================================================================== */
.edit
{
    line-height: 16px;

    position: absolute; top: 0; right: 0;

    margin: 0 0 0 8px;
}
.edit a
{
    font-size: 9px;

    display: inline-block;

    margin: 0; padding: 0 8px;vertical-align: middle;color: #fff!important;
    border-width: 0!important; border-radius: 0;
    background-color: rgba(0,0,0,.3)!important;
}
.edit a:hover
{
    color: #fff!important;
    background-color: rgba(0,0,0,.9)!important;
}
.edit.absolute
{
    position: absolute;
    z-index: 66;
    top: 0; right: 0;

    text-transform: uppercase;
}
.edit.absolute a
{
    margin: 0;

    border-radius: 0;
}

.section-tag,
.type-tag
{
    font-family: 'Roboto', sans-serif;
    font-size: 9px; font-weight: 300;line-height: 16px;

    position: absolute; z-index: 66;
    top: 0; right: 0;

    display: inline-block;

    margin: 0; padding: 0 8px; vertical-align: top;
    text-transform: uppercase;color: #fff;
    background-color: #789789;
}

span.type-tag
{
    line-height: 16px;right: inherit;
    left: 0;

    margin: 0; padding: 0 4px;color: #fff;
    background-color: #cdd;
}


/* LOADING SPINNER
   ========================================================================== */
.loader
{
    position: absolute; z-index: 999;
    top: 0;
    right: 0;
    bottom: 60px;
    left: 0;

    display: none;

    width: 60px;
    height: 60px;
    margin: auto auto;
}

.spinner
{
    position: relative;

    width: 40px;
    height: 40px;
    margin: 100px auto;

    -webkit-animation: rotate 2.0s infinite linear;
            animation: rotate 2.0s infinite linear;
    text-align: center;
}

.dot1,
.dot2
{
    position: absolute;
    top: 0;

    display: inline-block;

    width: 60%;
    height: 60%;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
            animation: bounce 2.0s infinite ease-in-out;

    border-radius: 100%;
    background-color: #a70251;
}

.dot2
{
    top: auto;
    bottom: 0;

    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;

    background-color: #65717e;
}

@-webkit-keyframes rotate
{
    100%
    {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate
{
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-webkit-keyframes bounce
{
    0%,
    100%
    {
        -webkit-transform: scale(.0);
    }
    50%
    {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bounce
{
    0%,
    100%
    {
        -webkit-transform: scale(.0);
                transform: scale(.0);
    } 50%
    {
        -webkit-transform: scale(1.0);
                transform: scale(1.0);
    }
}

@media print {
    header, aside, .overlay-sesame, .bigmenu {
        display: none;
    }
}