/** ---------------------------------- MALVO * Nancy Bullmann * v.0.1 * 9.06.14 ---------------------------------- **/
/* ---------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------- CSS RESET ---------------------------------- */
/* ------------------------------------------------------------------------------- */

*,*:after,*:before {margin: 0;padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family: 'OpSaReg', Arial, sans-serif; font-size: 15px; line-height: 20px; background: #fff; color: #352820;margin: 0; padding: 0;}
a {text-decoration: none;  transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/*a {text-decoration: none;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clear {clear: both;}


/* ------------------------------------ COMMON ----------------------------------- */
/* ------------------------------------------------------------------------------- */

/* SELECTION */
::selection {background: #27B4BA; color: #352820;}
::-moz-selection {background: #27B4BA; color: #352820;}

/* SECTION */
section {padding: 40px 0; border-bottom: 1px solid #ddd !important;}

/* FLOAT */
.fl {float: left !important;}
.fr {float: right !important;}

/* MARGIN */
.m5    {margin: 5px !important;}
.m10   {margin: 10px !important;}
.m20   {margin: 20px !important;}
.m30   {margin: 30px !important;}
.m40   {margin: 40px !important;}
.m50   {margin: 50px !important;}
.m60   {margin: 60px !important;}
.m70   {margin: 70px !important;}
.m80   {margin: 80px !important;}
.-mt60 {margin-top: -60px !important;}
.mt5   {margin-top: 5px !important;}
.mt10  {margin-top: 10px !important;}
.mt20  {margin-top: 20px !important;}
.mt30  {margin-top: 30px !important;}
.mt40  {margin-top: 40px !important;}
.mt50  {margin-top: 50px !important;}
.mt60  {margin-top: 60px !important;}
.mt70  {margin-top: 70px !important;}
.mt80  {margin-top: 80px !important;}
.mr5   {margin-right: 5px !important;}
.mr10  {margin-right: 10px !important;}
.mr20  {margin-right: 20px !important;}
.mr30  {margin-right: 30px !important;}
.mr40  {margin-right: 40px !important;}
.mr50  {margin-right: 50px !important;}
.mr60  {margin-right: 60px !important;}
.mr70  {margin-right: 70px !important;}
.mr80  {margin-right: 80px !important;}
.mb5   {margin-bottom: 5px !important;}
.mb10  {margin-bottom: 10px !important;}
.mb20  {margin-bottom: 20px !important;}
.mb30  {margin-bottom: 30px !important;}
.mb40  {margin-bottom: 40px !important;}
.mb50  {margin-bottom: 50px !important;}
.mb60  {margin-bottom: 60px !important;}
.mb70  {margin-bottom: 70px !important;}
.mb80  {margin-bottom: 80px !important;}
.ml5   {margin-left: 5px !important;}
.ml10  {margin-left: 10px !important;}
.ml20  {margin-left: 20px !important;}
.ml30  {margin-left: 30px !important;}
.ml40  {margin-left: 40px !important;}
.ml50  {margin-left: 50px !important;}
.ml60  {margin-left: 60px !important;}
.ml70  {margin-left: 70px !important;}
.ml80  {margin-left: 80px !important;}
.mtb5  {margin-top: 5px !important; margin-bottom: 5px !important;}
.mtb10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.mtb20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.mtb30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.mtb40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.mtb50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.mtb60 {margin-top: 60px !important; margin-bottom: 60px !important;}
.mtb70 {margin-top: 70px !important; margin-bottom: 70px !important;}
.mtb80 {margin-top: 80px !important; margin-bottom: 80px !important;}
.mlr5  {margin-left: 5px !important; margin-right: 5px !important;}
.mlr10 {margin-left: 10px !important; margin-right: 10px !important;}
.mlr20 {margin-left: 20px !important; margin-right: 20px !important;}
.mlr30 {margin-left: 30px !important; margin-right: 30px !important;}
.mlr40 {margin-left: 40px !important; margin-right: 40px !important;}
.mlr50 {margin-left: 50px !important; margin-right: 50px !important;}
.mlr60 {margin-left: 60px !important; margin-right: 60px !important;}
.mlr70 {margin-left: 70px !important; margin-right: 70px !important;}
.mlr80 {margin-left: 80px !important; margin-right: 80px !important;}

/* PADDING */
.p5    {padding: 5px !important;}
.p10   {padding: 10px !important;}
.p20   {padding: 20px !important;}
.p30   {padding: 30px !important;}
.p40   {padding: 40px !important;}
.p50   {padding: 50px !important;}
.p60   {padding: 60px !important;}
.p70   {padding: 70px !important;}
.p80   {padding: 80px !important;}
.pt5   {padding-top: 5px !important;}
.pt10  {padding-top: 10px !important;}
.pt20  {padding-top: 20px !important;}
.pt30  {padding-top: 30px !important;}
.pt40  {padding-top: 40px !important;}
.pt50  {padding-top: 50px !important;}
.pt60  {padding-top: 60px !important;}
.pt70  {padding-top: 70px !important;}
.pt80  {padding-top: 80px !important;}
.pr5   {padding-right: 5px !important;}
.pr10  {padding-right: 10px !important;}
.pr20  {padding-right: 20px !important;}
.pr30  {padding-right: 30px !important;}
.pr40  {padding-right: 40px !important;}
.pr50  {padding-right: 50px !important;}
.pr60  {padding-right: 60px !important;}
.pr70  {padding-right: 70px !important;}
.pr80  {padding-right: 80px !important;}
.pb5   {padding-bottom: 5px !important;}
.pb10  {padding-bottom: 10px !important;}
.pb20  {padding-bottom: 20px !important;}
.pb30  {padding-bottom: 30px !important;}
.pb40  {padding-bottom: 40px !important;}
.pb50  {padding-bottom: 50px !important;}
.pb60  {padding-bottom: 60px !important;}
.pb70  {padding-bottom: 70px !important;}
.pb80  {padding-bottom: 80px !important;}
.pl5   {padding-left: 5px !important;}
.pl10  {padding-left: 10px !important;}
.pl20  {padding-left: 20px !important;}
.pl30  {padding-left: 30px !important;}
.pl40  {padding-left: 40px !important;}
.pl50  {padding-left: 50px !important;}
.pl60  {padding-left: 60px !important;}
.pl70  {padding-left: 70px !important;}
.pl80  {padding-left: 80px !important;}
.ptb5  {padding-top: 5px !important; padding-bottom: 5px !important;}
.ptb10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.ptb20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.ptb30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.ptb40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.ptb50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.ptb60 {padding-top: 60px !important; padding-bottom: 60px !important;}
.ptb70 {padding-top: 70px !important; padding-bottom: 70px !important;}
.ptb80 {padding-top: 80px !important; padding-bottom: 80px !important;}
.plr5  {padding-left: 5px !important; padding-right: 5px !important;}
.plr10 {padding-left: 10px !important; padding-right: 10px !important;}
.plr20 {padding-left: 20px !important; padding-right: 20px !important;}
.plr30 {padding-left: 30px !important; padding-right: 30px !important;}
.plr40 {padding-left: 40px !important; padding-right: 40px !important;}
.plr50 {padding-left: 50px !important; padding-right: 50px !important;}
.plr60 {padding-left: 60px !important; padding-right: 60px !important;}
.plr70 {padding-left: 70px !important; padding-right: 70px !important;}
.plr80 {padding-left: 80px !important; padding-right: 80px !important;}

/* BORDER */
.border-1 {border: 1px solid #fff;}
.border-2 {border: 1px solid #ddd;}
.border-3 {border-bottom: 1px solid #ddd;}
.border-4 {border: 1px solid #567}
.border-5 {border: 1px solid #777;}
.border-6 {border-bottom: 1px solid #777;}
.border-7 {border-left: 4px solid #00d8ff; padding: 5px 10px;}
.border-radius {border-radius: 50px;}

/* RESPONSIVE */
.dont-show-on-mobile {display: none !important;}
	@media only screen and (min-width: 768px) {.dont-show-on-mobile {display: block !important;}}
.dont-show-on-desktop {display: none !important;}
	@media only screen and (max-width: 767px){.dont-show-on-desktop {display: block !important;}}


/* ------------------------------------- GRID ------------------------------------ */
/* ------------------------------------------------------------------------------- */

/* MAX WIDTH */
.grid {margin: 0 4%;width: 1000px; margin: 0 auto;}

/* ROWS */
.row {width: 100%; position: relative;}
.row:after {content: ""; display: table; clear: both;}

/* COLUMNS DESKTOP */
.col-1-1 {width: 100%;}
.col-1-2 {width: 50%;} .col-2-2 {width: 100%;}
.col-1-3 {width: 33.333333%;} .col-2-3 {width: 66.666667%;} .col-3-3 {width: 100%;}
.col-1-4 {width: 25%;} .col-2-4 {width: 50%;} .col-3-4 {width: 75%;} .col-4-4 {width: 100%;}
.col-1-5 {width: 20%;} .col-2-5 {width: 40%;} .col-3-5 {width: 60%;} .col-4-5 {width: 80%;} .col-5-5 {width: 100%;}
.col-1-6 {width: 16.666667%;} .col-2-6 {width: 33.333333%;} .col-3-6 {width: 50%;} .col-4-6 {width: 66.666667%;} .col-5-6 {width: 83.333333%;} .col-6-6 {width: 100%;}
.col-1-7 {width: 14.28%;} .col-2-7 {width: 28.6%;} .col-3-7 {width: 42.8%;} .col-4-7 {width: 57.2%;} .col-5-7 {width: 71.4%;} .col-6-7 {width: 85.7%;} .col-7-7 {width: 100%;}
.col-1-8 {width: 12.5%;} .col-2-8 {width: 25%;} .col-3-8 {width: 37.5%;} .col-4-8 {width: 50%;} .col-5-8 {width: 62.5%;} .col-6-8 {width: 75%;} .col-7-8 {width: 87.5%;} .col-8-8 {width: 100%;}
.col-1-9 {width: 11.11%;} .col-2-9 {width: 22.22%;} .col-3-9 {width: 33.3333%;} .col-4-9 {width: 44.44%;} .col-5-9 {width: 55.55%;} .col-6-9 {width: 66.66%;} .col-7-9 {width: 77.77%;} .col-8-9 {width: 88.88%;} .col-9-9 {width: 100%;}
.col-1-10 {width: 10%;} .col-2-10 {width: 20%;} .col-3-10 {width: 30%;} .col-4-10 {width: 40%;} .col-5-10 {width: 50%;} .col-6-10 {width: 60%;} .col-7-10 {width: 0%;} .col-8-10 {width: 80%;} .col-9-10 {width: 90%;} .col-10-10 {width: 100%;}
.col-1-11 {width: 9.09%;} .col-2-11 {width: 18.15%;} .col-3-11 {width: 27.25%;} .col-4-11 {width :36.3333%;} .col-5-11 {width: 45.45%;} .col-6-11 {width: 54.55%;} .col-7-11 {width: 63.6%;} .col-8-11 {width: 72.7%;} .col-9-11 {width: 81.8%;} .col-10-11 {width: 90.9%;} .col-11-11 {width: 100%;}
.col-1-12 {width: 8.33%;} .col-2-12 {width: 16.7%;} .col-3-12 {width: 24.99%;} .col-4-12 {width: 33.3333%;} .col-5-12 {width: 41.6667%;} .col-6-12 {width: 50%;} .col-7-12 {width: 58.3333%;} .col-8-12 {width: 66.6667%;} .col-9-12 {width: 75%;} .col-10-12 {width: 83.3333%;} .col-11-12 {width: 91.6667%;} .col-12-12 {width: 100%;}

/* OFFSET DESKTOP */
.offset-1-2 {margin-left: 50%;} .offset-2-2 {margin-left: 100%;}
.offset-1-3 {margin-left: 33.333333%;} .offset-2-3 {margin-left: 66.666667%;}
.offset-1-4 {margin-left: 25%;} .offset-2-4 {margin-left: 50%;} .offset-3-4 {margin-left: 75%;}
.offset-1-5 {margin-left: 20%;} .offset-2-5 {margin-left: 40%;} .offset-3-5 {margin-left: 60%;} .offset-4-5 {margin-left: 80%;}
.offset-1-6 {margin-left: 16.666667%;} .offset-2-6 {margin-left: 33.333333%;} .offset-3-6 {margin-left: 50%;} .offset-4-6 {margin-left: 66.666667%;} .offset-5-6 {margin-left: 83.333333%;}
.offset-1-7 {margin-left: 14.28%;} .offset-2-7 {margin-left: 28.6%;} .offset-3-7 {margin-left: 42.8%;} .offset-4-7 {margin-left: 57.2%;} .offset-5-7 {margin-left: 71.4%;} .offset-6-7 {margin-left: 85.7%;}
.offset-1-8 {margin-left: 12.5%;} .offset-2-8 {margin-left: 25%;} .offset-3-8 {margin-left: 37.5%;} .offset-4-8 {margin-left: 50%;} .offset-5-8 {margin-left: 62.5%;} .offset-6-8 {margin-left: 75%;} .offset-7-8 {margin-left: 87.5%;}
.offset-1-9 {margin-left: 11.11%;} .offset-2-9 {margin-left: 22.22%;} .offset-3-9 {margin-left: 33.3333%;} .offset-4-9 {margin-left: 44.44%;} .offset-5-9 {margin-left: 55.55%;} .offset-6-9 {margin-left: 66.66%;} .offset-7-9 {margin-left: 77.77%;} .offset-8-9 {margin-left: 88.88%;}
.offset-1-10 {margin-left: 10%;} .offset-2-10 {margin-left: 20%;} .offset-3-10 {margin-left: 30%;} .offset-4-10 {margin-left: 40%;} .offset-5-10 {margin-left: 50%;} .offset-6-10 {margin-left: 60%;} .offset-7-10 {margin-left: 70%;} .offset-8-10 {margin-left: 80%;} .offset-9-10 {margin-left: 90%;}
.offset-1-11 {margin-left: 9.09%;} .offset-2-11 {margin-left: 18.15%;} .offset-3-11 {margin-left: 27.25%;} .offset-4-11 {margin-left: 36.3333%;} .offset-5-11 {margin-left: 45.45%;} .offset-6-11 {margin-left: 54.55%;} .offset-7-11 {margin-left: 63.6%;} .offset-8-11 {margin-left: 72.7%;} .offset-9-11 {margin-left: 81.8%;} .offset-10-11 {margin-left: 90.9%;}
.offset-1-12 {margin-left: 8.33%;} .offset-2-12 {margin-left: 16.7%;} .offset-3-12 {margin-left: 24.99%;} .offset-4-12 {margin-left: 33.3333%;} .offset-5-12 {margin-left: 41.6667%;} .offset-6-12 {margin-left: 50%;} .offset-7-12 {margin-left: 58.3333%;} .offset-8-12 {margin-left: 66.6667%;} .offset-9-12 {margin-left: 75%;} .offset-10-12 {margin-left: 83.3333%;} .offset-11-12 {margin-left: 91.6667%;}

/* ALIGNMENT */
.center {margin: 0 auto;}
.col-ver-top    {vertical-align: top;}
.col-ver-center {vertical-align: middle;}
.col-ver-bottom {vertical-align: bottom;}


/* ---------------------------------- TYPOGRAPHY --------------------------------- */
/* ------------------------------------------------------------------------------- */

/* HEADLINES */
h1, .headline-h1 {font-family: 'AlBo', Arial, sans-serif; font-size: 30px; line-height: 35px;text-shadow: 1px 1px 3px #000; background-color: rgba(255, 71, 0, 0.8); padding: 15px; width: 80%;}
h2, .headline-h2 {font-family: 'AlReg', Arial, sans-serif;font-size: 30px; line-height: 35px;}
h3, .headline-h3 {font-family: 'AlReg', Arial, sans-serif;font-size: 18px; line-height: 23px; margin-bottom: 10px;}
h4, .headline-h4 {font-family: 'AlReg', Arial, sans-serif;font-size: 20px; line-height: 25px; margin-bottom: 10px;}
h5, .headline-h5 {font-size: 23px; line-height: 29px;}
h6, .headline-h6 {font-size: 20px; line-height: 26px;}
.text-shadow {text-shadow: 1px 1px 3px #000;}

/* SUBHEADLINES */
.subheadline-h1 {font-size: 26px; line-height: 34px;}
.subheadline-h2 {font-size: 24px; line-height: 32px;}
.subheadline-h3 {font-size: 22px; line-height: 30px;}
.subheadline-h4 {font-size: 20px; line-height: 28px;}
.subheadline-h5 {font-size: 18px; line-height: 26px;}
.subheadline-h6 {font-size: 16px; line-height: 24px;}

/* PARAGRAPH */
p {line-height: 20px;}

/* FONTFACES */
.text-light {font-family: 'OpSaLi', Arial, sans-serif;}
.text-regular {font-family: 'OpSaReg', Arial, sans-serif;}
.text-bold {font-family: 'OpSaBo', Arial, sans-serif;}

/* TEXT SIZES */
.text-small {font-size: 13px;}
.text-medium {font-size: 15px;}
.text-large {font-size: 17px;}

/* TEXT COLORS */
.text-white {color: #fff;}
.text-orange {color: rgba(255, 71, 0, 1);}
.text-green {color: rgba(91, 168, 31, 1);}

/* BLOCKQUOTES */
blockquote {border-left: 4px solid #ddd; padding: .4% 1.5%;}

/* TEXT-LEVEL SEMANTICS */
.link-orange {color: #fff; background: rgba(255, 71, 0, 0.6);padding: 20px;}
.wooden a {color: #fff;}
.wooden a:hover, .active {color: #fff; background: rgba(255, 71, 0, 0.6); text-decoration: none;}
a {color: rgba(255, 71, 0, 1);}
a:hover {color: #fff; background: rgba(3, 158, 158, 0.6); text-decoration: none;}
.underline {text-decoration: underline;}
em {font-style: italic;}
strong {font-family: 'OpSaReg', Arial, sans-serif;}
code {font-family: Consolas,monospace,serif; color: #d05; background: #eee; border: 1px solid #c5c5c5; border-radius: 3px; font-size: 13px; padding: 2px 3px; white-space: nowrap;}
del {text-decoration: line-through;}
mark {background: #00d8ff; color: #567; padding: 0 4px;}
small {font-size: 13px;}
.maju {text-transform: uppercase;}
.small-caps {font-variant: small-caps;}

/* TEXT ALIGN */
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-top {vertical-align: top !important;}
.text-middle {vertical-align: middle !important;}
.text-bottom {vertical-align: bottom !important;}


/* ------------------------------- BUTTONS & LINKS ------------------------------- */
/* ------------------------------------------------------------------------------- */

/* BUTTONS */
.button-small {padding: 5px 0; display: block;}
.button-medium {padding: 7px 0; display: block;}
.button-large {padding: 10px 0; display: block;}
.button-disabled {padding: 7px 0; display: block;}
.button-small:hover, .button-medium:hover, .button-large:hover {background: #567; color: #fff; text-decoration: none;}
.button-disabled:hover {text-decoration: none;}

.button-width-small {max-width: 150px !important;}
.button-width-medium {max-width: 200px !important;}
.button-width-large {max-width: 350px !important;}


/* ---------------------------------- BACKGROUND --------------------------------- */
/* ------------------------------------------------------------------------------- */

/* BACKGROUND COLORS */
.back-white {background: #fff; box-shadow: 0 0 3px #494949;}
.back-blue {background: rgba(3, 158, 158, 0.6)}
.back-orange {background: rgba(255, 71, 0, 1);}
.shadow {box-shadow: 0 0 3px #494949;}

.pattern-blue {background: url('../gfx/back.jpg');}


/* ------------------------------------ LISTS ------------------------------------ */
/* ------------------------------------------------------------------------------- */

/* LIST */
.nobullet {list-style-type: none;}


/* ------------------------------------ FORMS ------------------------------------ */
/* ------------------------------------------------------------------------------- */


input {border-radius: 2px; width: 300px; font-size: 16px; height: 60px; padding: 10px; border: 2px solid #d7d7d7; color: #352820;}
textarea {border-radius: 2px; width: 300px; font-size: 16px; padding: 10px; border: 2px solid #d7d7d7; color: #352820;}