/* 
* @Author: jaumebonet
* @Date:   2015-05-19 14:13:04
* @Last Modified by:   jaume.bonet
* @Last Modified time: 2016-06-12 11:45:33
*/
html, body {
    min-height: 100% !important;
    height:     100%;
}
body {
  background-color: #cfced0;
  overflow:         hidden;
}
body:before {
    content:    "";
    display:    block;
    height:     5px;
    background: black;
    position:   fixed;
    width:      100%;
    z-index:    1000;
}

.main {
    padding-top:    35px;
    width:          100%;
    height:         100%;
    overflow:       auto;
}
.main:after {
    content: "";
    display: block;
    height: 42px;
}

#content-wrapper {
    padding-top: 3%;
    min-width:   1000px;
}

#bullseye {
    font-family:         'Nunito';
    font-weight:         700;
    -webkit-user-select: none;
    -khtml-user-select:  none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    -o-user-select:      none;
    user-select:         none;
}
#bullseye svg {
    cursor: pointer;
    height: 100%;
    width:  auto;
    max-height: 600px;
}

.box {
    border-radius:         8px;
    -webkit-border-radius: 8px;
    -moz-border-radius:    8px;
    -ms-border-radius:     8px;
    -o-border-radius:      8px;
    -webkit-box-shadow:    0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:       0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow:            0 2px 3px rgba(0, 0, 0, 0.1);
    display:              -moz-inline-box;
    -moz-box-orient:      vertical;
    display:              inline-block;
    width:                100%;
    max-width:            600px;
    background:           #EBEBEB;
    border:               1px solid black;
    margin-top:           6px;
    position:             relative;
    padding-top:          60px;
    padding-left:         10px;
    padding-right:        10px;
    padding-bottom:       60px;
    font-family:          'Nunito';
    font-weight:          400;
}
/*.intro-box {
    padding-bottom:       10px;
}*/
.inner-content {
    display:    inline-block;
    position:   relative;
    overflow:   auto;
    height:     100%;
    width:      100%;
    text-align: justify;
}
.minititle {
    font-weight:         bold;
    text-decoration:     underline;
    font-size:           110%;
    -webkit-user-select: none;
    -khtml-user-select:  none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    -o-user-select:      none;
    user-select:         none;
}
.section {
    margin-top: 5px;
}
.ball {
    -webkit-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:       0px 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow:            0px 1px 1px rgba(0, 0, 0, 0.35);
    display:               -moz-inline-box;
    -moz-box-orient:       vertical;
    display:               inline-block;
    vertical-align:        middle;
    -moz-border-radius:    50%; 
    -webkit-border-radius: 50%; 
    border-radius:         50%;
    height:                40px;
    width:                 40px;
    line-height:           40px;
    position:              absolute;
    text-align:            center;
    color:                 white;
    font-weight:           700;
    font-size:             25px;
    left:                  -22px;
    top:                   15px;
    cursor:                pointer;
    background-image:      -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FACEB3), color-stop(100%, #EB9032));
    background-image:      -webkit-linear-gradient(#FACEB3, #EB9032);
    background-image:      -moz-linear-gradient(#FACEB3, #EB9032);
    background-image:      -o-linear-gradient(#FACEB3, #EB9032);
    background-image:      -ms-linear-gradient(#FACEB3, #EB9032);
    background-image:      linear-gradient(#FACEB3, #EB9032);
}

.horiz-flag {
    -webkit-box-shadow:  0px 1px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:     0px 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow:          0px 1px 1px rgba(0, 0, 0, 0.35);
    -webkit-user-select: none;
    -khtml-user-select:  none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    -o-user-select:      none;
    user-select:         none;
    display:             -moz-inline-box;
    -moz-box-orient:     vertical;
    display:             inline-block;
    vertical-align:      middle;
    height:              40px;
    line-height:         40px;
    position:            absolute;
    text-align:          center;
    color:               white;
    font-weight:         700;
    font-size:           25px;
    width:               101%;
    left:                -2px;
    text-transform:      uppercase;
}
.flag-top {
    top:                15px;
    background-image:   -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9FBFDC), color-stop(100%, #3C74A6));
    background-image:   -webkit-linear-gradient(#9FBFDC, #3C74A6);
    background-image:   -moz-linear-gradient(#9FBFDC, #3C74A6);
    background-image:   -o-linear-gradient(#9FBFDC, #3C74A6);
    background-image:   -ms-linear-gradient(#9FBFDC, #3C74A6);
    background-image:   linear-gradient(#9FBFDC, #3C74A6);
}
.flag-bottom {
    bottom:      15px;
    font-family: "Share Tech Mono";
    background-image:   -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7C9F5E), color-stop(100%, #355E3B));
    background-image:   -webkit-linear-gradient(#7C9F5E, #355E3B);
    background-image:   -moz-linear-gradient(#7C9F5E, #355E3B);
    background-image:   -o-linear-gradient(#7C9F5E, #355E3B);
    background-image:   -ms-linear-gradient(#7C9F5E, #355E3B);
    background-image:   linear-gradient(#7C9F5E, #355E3B);
}
.flag-bottom a{
    color: white;
}
.flag-bottom a:hover{
    color: #cfced0;
    text-decoration: none;
}
.flag-half-left {
    width: 50%;
    float: left;
    background-image:   -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #E0725F), color-stop(100%, #E1293B));
    background-image:   -webkit-linear-gradient(#E0725F, #E1293B);
    background-image:   -moz-linear-gradient(#E0725F, #E1293B);
    background-image:   -o-linear-gradient(#E0725F, #E1293B);
    background-image:   -ms-linear-gradient(#E0725F, #E1293B);
    background-image:   linear-gradient(#E0725F, #E1293B);

}
.flag-half-right {
    width: 50%;
    float: right;
}
.command {
    text-align: center;
    font-weight: 700;
}

.inactive {
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter:         grayscale(100%);
}
.active {
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0%);
    filter:         grayscale(0%);
    filter:         none;
}

.cookie_foot {
    font-family:      'Nunito';
    font-weight:      400;
    z-index:          1000;
    width:            100%;
    padding-top:      5px;
    padding-bottom:   5px;
    font-size:        90%;
    color:            black;
    text-align:       center;
    position:         absolute;
    left:             0;
    bottom:           42px;
    min-width:        1000px;
    border-top:       1px dashed black;
    background-color: #fffff5;
}
.cookie_foot a {
    font-weight: 700;
}
.cookie_foot a:hover {
    color: #cfced0;
}
.cookie_foor button {
    float: right;
}

.footer {
    font-family:      'Nunito';
    font-weight:      400;
    background-color: black;
    width:            100%;
    padding-top:      10px;
    padding-bottom:   10px;
    font-size:        110%;
    height:           42px;
    color:            white;
    text-align:       center;
    position:         absolute;
    left:             0;
    bottom:           0;
    z-index:          1100; 
    min-width:        1000px;
}
.footer a{
    font-weight: 700;
}
.footer a:hover {
    color: #cfced0;
}

.corner-ribbon{
    font-family:       'Nunito';
    font-weight:       400;
    font-size:         85%;
    width:             200px;
    background:        #fffff5;
    position:          absolute;
    top:               25px;
    left:              -50px;
    text-align:        center;
    line-height:       50px;
    letter-spacing:    1px;
    color:             black;
    transform:         rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index:           1100;
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}