/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

@font-face {
    font-family: "Montserrat-Bold";
    src:url(/inc/css/fonts/Montserrat-Bold.otf) format("opentype");
    font-weight:500;
}
@font-face {
    font-family: "Montserrat-Italic";
    src:url(/inc/css/fonts/Montserrat-Italic.otf) format("opentype");
    font-weight: 100;
}
@font-face {
    font-family: "Montserrat-Medium";
    src:url(/inc/css/fonts/Montserrat-Medium.otf) format("opentype");
    font-weight: 300;
}
@font-face {
    font-family: "Montserrat-Regular";
    src:url(/inc/css/fonts/Montserrat-Regular.otf) format("opentype");
    font-weight: 100;
}


html, body{
    font-size: 16px;
    font-family: 'Montserrat-Regular', sans-serif;
    color: #000000;
    margin: 0;
    padding: 0;
    font-weight:100;
}

h1{
    text-align: center;
    font: normal normal medium 20px/24px Montserrat;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
}

h2{
    font-size:2.3em;
    font-weight: 300;
    color:#000000;
    margin: 0.1em 0 0.1em 0;
    letter-spacing: 0.05em;
    line-height: 1.1em;
}

h3{
    font-size:2.2em;
    font-weight: 100;
    color:#000000;
    margin: 0.1em 0 0.1em 0;
    letter-spacing: 0.05em;
}

h4{
    font-size:1.6em;
    font-weight: 300;
    color:#000000;
    margin: 0.1em 0 0.1em 0;
    letter-spacing: 0.05em;
}
h5{
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: 300;
    margin:0;
    letter-spacing: 0.05em;
}
h6{
    font-size: 1.2em;
    font-weight: 300;
    color: #7c95a9;
    margin:0;
    letter-spacing: 0.05em;
}
table.multi-column tbody tr td { vertical-align: middle;padding-left: 5%; }

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

section{
    padding: 5em 0 2em 0;
}

ol { list-style: none; }

table { border-collapse: collapse;border-spacing: 0;font-weight: 100; }

table.multi-columns { width: 100%; margin: 0px; padding:0px; letter-spacing: 0.05em; }
table.multi-columns thead { font-weight: 300; }
table.multi-columns tr { padding:0.5em; background-color: transparent; border-bottom: 1px solid #ffab37; }
table.multi-columns th { padding:0.5em; font-weight: 300; text-align:left; border-bottom: solid 1px; text-transform: uppercase; font-size:1em; vertical-align: bottom; line-height:1.1em; color: #ffab37; }
table.multi-columns td { padding:0.5em; font-weight: 100; font-size: 1em; line-height:1.1em; }
table.multi-columns a { font-size:1em; line-height: 1.1em;}
table.multi-columns p { font-size:1em; }
table.multi-columns div { font-size:1em; }
table.multi-columns span { font-size: 1em; }
table.multi-columns strong { font-size: 1em; }
table.multi-columns h5 { margin: 0em; }

/* #Basic Styles
================================================== */
/*
body {
    background-color: #ededed;
}
/* #Typography
================================================== */

em { font-style: italic; }

strong { font-weight: 300;color: #000000; }

small { font-size: 0.8em; }

p { font-size: 1em; margin:0; line-height:1.4em; margin-bottom: 1em; }

/*line-height: inherit;*/
/* #Lists
================================================== */
/* #Images
================================================== */
img.scale-with-grid { max-width: 100%;height: auto;border-radius: 50%; }

/* #Forms
================================================== */
#cwebsite, #cwebsiteinfo{ display:none; }

form { font-size: 1em; line-height:1.6em; }

fieldset { margin-bottom: 1px; }

input[readonly] { background: #e4e4e4 !important; font-size:1em; }

input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[readonly="readonly"], textarea, input[type="number"] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 27px;
    opacity: 1;
    width: 390px;
    height: 54px;
    padding: 0 25px;
}

#btnLogin {
    width: 255px;height: 40px;
    background: #FDF7EC;border-radius: 20px;opacity: 1;
    text-align: center;font-size:15px;
    font-family: 'Montserrat-Medium';
    letter-spacing: 0.75px;
    color: #180A02;line-height: 19px;border-style: none;
}

.quantity, .quantity-basket {
 position: relative;
}


input[type="number"]
{
 -moz-appearance: textfield; font-weight: 300; color: #ffab37;
}


select {
    margin: 0 0 5px 0;
    border: 1px solid #c3c3c3;
    border-radius: 1px;
    padding: 12px 8px 12px 8px;
    font-weight: 300;
    outline: none;
    color: #000000;
    width: 47.8%;
    display: block;
    background: #fff;
    font-size:1em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

span.arrow { position: relative;top: -25px;right: 60px;float: right;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }


select.minimal { -webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;background-size: 11px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { border: 1px solid #c3c3c3;color: #000000;-moz-box-shadow: 1px 1px 3px #c3c3c3;-webkit-box-shadow: 1px 1px 3px #c3c3c3;box-shadow: 1px 1px 3px #c3c3c3; }

input:read-only{ color:#a9a9a9; }

textarea { font-weight: 300 !important; min-height: 60px; line-height:1.6em;  }

label, legend { display: block;width: 50%;float: left;margin-top: 14px; }

input[type="checkbox"] { display: inline; }

input[type="submit"], input[type="button"], .button {
    text-align: center;
    font: normal normal bold 15px/19px Montserrat;
    letter-spacing: 0.75px;
    color: #180A02;
    opacity: 1;
    top: 614px;
    left: 569px;
    width: 255px;
    height: 40px;
}

.button.orange { border: 1px solid #ffab37; color:#ffffff; background-color: #ffab37;  }

.button.orangeborder { border: 1px solid #ffab37; color:#000000; background-color: transparent; }

.button.grey { border: 1px solid #7c95a9; color:#ffffff; background-color: #7c95a9; }

.button.white { border: 1px solid #ffffff; color:#000000; background-color: #ffffff; }

label span, legend span { font-weight: 300;color: #000000; }

.inputLogin { max-width: 330px;width: 330px; }

/* #Misc
================================================== */
.backgroundDots{
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.orangeText { color: #ffab37; }

.greyText { color: #7c95a9; }

.greenText { color: #9ba152; }

.bold { font-weight: 700; }

.underline{ text-decoration: underline !important; }

.increaseSize{ font-size:1.2em; }

.infoField { color: #ffab37;margin-top: 0.1em;margin-bottom: 0.5em;margin-left: 2%;margin-right: 0%;width: 86%;padding: 0px;display: none;font-size: 1em;line-height: 1.3em; }

.cntCookie{ background: #ffab37;bottom: 0px;color: #fff;text-align: center;font-size: 13px;left: 0;padding: 15px 0 0;position: fixed;right: 0;z-index: 99;display: none; }

main{ background-color: transparent; }

main a { text-decoration: none;color: #FDF7EC;letter-spacing: 0; }

main a:link{ color: #FDF7EC; }

main a:visited{ color: #FDF7EC; }

main a:hover{ text-decoration: underline; }

footer { background: #FDF7EC 0% 0% no-repeat padding-box;width: 100%;position:absolute; }

footer h1,footer div,footer p,footer a { margin:0;text-align: left;font: normal normal medium 10px/48px Montserrat;letter-spacing: 0px;color: #180A02;opacity: 1; }

header h1 { color: #000000; text-decoration: none; margin:0; }

header { background: #180A02 0% 0% no-repeat padding-box;opacity: 1;margin:0; }

main #cntBottom{ text-transform: uppercase; }

.menuActive { color: #ffab37 !important; }

main #cntBottom nav li a { color: #000000;font-weight: 300;font-size: 16px; }

main #cntBottom li{ float:left;margin-right:16px;margin-left:0;text-transform: uppercase; }

#infodiv{ width:100%;background-color:#ffab37;color:#ffffff;padding:2em;margin-bottom:1em;text-align: center; }

#errordiv{
    width: 100%;padding: 1em;margin-bottom: 1em;text-align: center;border-radius: 27px;
    color: #180A02;font-size: 12px;font-family: Montserrat-Medium;background: #FA8072;
}

#error{ display: none; }

.errordiv{ width:100%;background-color:#ffab37;color:#ffffff;padding:2em;margin-bottom:1em;text-align: center; }

.threeCols{ width:31.33%;margin: 1%;min-width:230px;float:left; }

.threeColsZero{ width:33.33%;margin: 0;min-width:230px;float:left; }

.smallTextGrey{ font-size:0.8em;color: #cecac1;letter-spacing: 0; }

.smallText{ font-size:0.8em;color: #000000;letter-spacing: 0; }


.smallTextGrey a{ letter-spacing: 0; }

.greyTextColor{ color: #cecac1; }

.orangeBackground{
    background-color:#ffab37;
    color:#ffffff;
    background-image: url("/graphik/bk/background-orange.jpg");
    background-position-y: center;
    background-position-x: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.orangeDot{
    background-color:#ffab37;
    width:90px;
    height:90px;
    border-radius: 90px;
}
.plainDot{
    background-color:transparent;
    width:90px;
    height:90px;
    border-radius: 90px;
}
.greyIconBack{
    background-image: url('/graphik/logo/point-blue.png');
    background-size: 100% 100%;
}
.greenIconBack{
    background-image: url('/graphik/logo/point-green.png');
    background-size: 100% 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.orangeIconBack{
    background-image: url('/graphik/logo/point-orange.png');
    background-size: 100% 100%;
}
.glowDiv{
    font-size: 2.5em;
    height:90px;
    width:90px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
    font-weight:300;
    color: #ffab37;
}
.breaker{
    width:100%;
    color: #ffffff !important;
    min-height:220px;
}
.breaker h2{
    color:#ffffff;
}
.floatLeft{
 float:left;
}

.controlr {
 display: block;
 position: relative;
 padding-left: 30px;
 margin-bottom: 5px;
 cursor: pointer;
 font-size: 16px;
}
.controlr input {
 position: absolute;
 z-index: -1;
 opacity: 0;
}
.controlr_indicator {
 position: absolute;
 top: -1px;
 left: 0;
 height: 25px;
 width: 25px;
 background: #ffffff;
 border: 2px solid #000000;
}
.controlr:hover input ~ .controlr_indicator,
.controlr input:focus ~ .controlr_indicator {
 background: #cccccc;
}

.controlr input:checked ~ .controlr_indicator {
 background: #ffffff;
 background-image: url('/graphik/btn/check-solid.svg');
 background-size: 100% 100%;
}
.controlr:hover input:not([disabled]):checked ~ .controlr_indicator,
.controlr input:checked:focus ~ .controlr_indicator {
 background: rgba(1, 79, 112, 0.5);
 background-image: url('/graphik/btn/check-solid.svg');
 background-size: 100% 100%;
}
.controlr input:disabled ~ .controlr_indicator {
 background: #e6e6e6;
 opacity: 0.6;
 pointer-events: none;
}
.controlr_indicator:after {
 box-sizing: unset;
 content: '';
 position: absolute;
 display: none;
}
.controlr input:checked ~ .controlr_indicator:after {
 display: block;
}
.controlr-radio .controlr_indicator {
 border-radius: 50%;
}

.controlr-radio .controlr_indicator:after {
 left: 7px;
 top: 7px;
 height: 6px;
 width: 6px;
 border-radius: 50%;
 background: #ffffff;
 transition: background 250ms;
}
.controlr-radio input:disabled ~ .controlr_indicator:after {
 background: #7b7b7b;
}.controlr-radio .controlr_indicator::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 4.5rem;
  height: 4.5rem;
  margin-left: -1.3rem;
  margin-top: -1.3rem;
  background: #2aa1c0;
  border-radius: 3rem;
  opacity: 0.6;
  z-index: 99999;
  transform: scale(0);
 }
@keyframes s-ripple {
 0% {
  opacity: 0;
  transform: scale(0);
 }
 20% {
  transform: scale(1);
 }
 100% {
  opacity: 0.01;
  transform: scale(1);
 }
}
@keyframes s-ripple-dup {
 0% {
  transform: scale(0);
 }
 30% {
  transform: scale(1);
 }
 60% {
  transform: scale(1);
 }
 100% {
  opacity: 0;
  transform: scale(1);
 }
}
.controlr-radio input + .controlr_indicator::before {
 animation: s-ripple 250ms ease-out;
}
.controlr-radio input:checked + .controlr_indicator::before {
 animation-name: s-ripple-dup;
}

.shaddowGeneral{
 -moz-box-shadow: 4px 4px 4px -2px #999;
 -webkit-box-shadow: 4px 4px 4px -2px #999;
 box-shadow: 4px 4px 4px -2px #999;
}

.roundPic{
    width: 200px;
    height: 200px;
    border-radius: 200px;
    filter: grayscale(100%);
}
.greyscale{
    filter: grayscale(100%);
}
#ipbCapture{
    display:none;
}
.center{
    text-align: center !important;
}
.active h3{
    font-size: 1.5em;
    color: #ffab37;
}
.infoDataDiv{
    display:none;border-radius: 27px;color: #180A02;font-size: 12px;padding: 0.2em;
    font-family: Montserrat-Medium;background: #FA8072;width: 390px;margin: -5px 0 5px 0;
}