/*
 -----------------------------------------------------
 * Debug reporting
 -----------------------------------------------------
 */
#panel-debug {
    display:none;
    width:100px;
    height:80px;

    top:40%;
    right:0px;
    position:fixed;

    z-index:9999;

    border:1px solid black;
    border-right:none;

    cursor:pointer;

    color:#ffffff;
    border-color:#ffffff;
    background-color:#91a8d0;
}

#panel-debug #debug-title {
    padding:20px;
    display:block;
}

#panel-debug #debug-content {
    display:none;
}

#panel-debug.opened {
    width:500px;
    height:100%;
    max-height:100%;

    overflow: auto;

    padding:5px;

    top:0px;

    border-top:none;
    border-bottom:none;
}

/*
 -----------------------------------------------------
 * Font style
 -----------------------------------------------------
 */
@font-face {
    font-family: 'roboto_monobold';
    src: url('fonts/roboto/robotomono-bold-webfont.eot');
    src: url('fonts/roboto/robotomono-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-bold-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-bold-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-bold-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-bold-webfont.svg#roboto_monobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_monobold_italic';
    src: url('fonts/roboto/robotomono-bolditalic-webfont.eot');
    src: url('fonts/roboto/robotomono-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-bolditalic-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-bolditalic-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-bolditalic-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-bolditalic-webfont.svg#roboto_monobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_monoitalic';
    src: url('fonts/roboto/robotomono-italic-webfont.eot');
    src: url('fonts/roboto/robotomono-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-italic-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-italic-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-italic-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-italic-webfont.svg#roboto_monoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_monolight';
    src: url('fonts/roboto/robotomono-light-webfont.eot');
    src: url('fonts/roboto/robotomono-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-light-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-light-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-light-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-light-webfont.svg#roboto_monolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_monolight_italic';
    src: url('fonts/roboto/robotomono-lightitalic-webfont.eot');
    src: url('fonts/roboto/robotomono-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-lightitalic-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-lightitalic-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-lightitalic-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-lightitalic-webfont.svg#roboto_monolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_monomedium';
    src: url('fonts/roboto/robotomono-medium-webfont.eot');
    src: url('fonts/roboto/robotomono-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-medium-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-medium-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-medium-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-medium-webfont.svg#roboto_monomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_monomedium_italic';
    src: url('fonts/roboto/robotomono-mediumitalic-webfont.eot');
    src: url('fonts/roboto/robotomono-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-mediumitalic-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-mediumitalic-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-mediumitalic-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-mediumitalic-webfont.svg#roboto_monomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_monoregular';
    src: url('fonts/roboto/robotomono-regular-webfont.eot');
    src: url('fonts/roboto/robotomono-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-regular-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-regular-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-regular-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-regular-webfont.svg#roboto_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_monothin';
    src: url('fonts/roboto/robotomono-thin-webfont.eot');
    src: url('fonts/roboto/robotomono-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-thin-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-thin-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-thin-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-thin-webfont.svg#roboto_monothin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_monothin_italic';
    src: url('fonts/roboto/robotomono-thinitalic-webfont.eot');
    src: url('fonts/roboto/robotomono-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto/robotomono-thinitalic-webfont.woff2') format('woff2'),
    url('fonts/roboto/robotomono-thinitalic-webfont.woff') format('woff'),
    url('fonts/roboto/robotomono-thinitalic-webfont.ttf') format('truetype'),
    url('fonts/roboto/robotomono-thinitalic-webfont.svg#roboto_monothin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Oswald-Bold';
    src: url('fonts/oswald/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/oswald/Oswald-Bold.woff') format('woff'),
    url('fonts/oswald/Oswald-Bold.ttf')  format('truetype'),
    url('fonts/oswald/Oswald-Bold.svg#Oswald-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('fonts/oswald/Oswald-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/oswald/Oswald-Light.woff') format('woff'),
    url('fonts/oswald/Oswald-Light.ttf')  format('truetype'),
    url('fonts/oswald/Oswald-Light.svg#Oswald-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Regular';
    src: url('fonts/oswald/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/oswald/Oswald-Regular.woff') format('woff'),
    url('fonts/oswald/Oswald-Regular.ttf')  format('truetype'),
    url('fonts/oswald/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*
 -----------------------------------------------------
 * Color
 -----------------------------------------------------
 */
/* Dark / DarkLight */
.r-major-bck {
    background-color:#91a8d0;
}
.r-major-brd {
    border-color:#91a8d0 !important;
}
.r-major-fnt {
    color:#91a8d0;
}
/* ------------------------------ */
/* Or / OrLight */
.r-or-bck {
    background-color:#ffffff;
}
.r-or-brd {
    border-color:#ffffff !important;
}
.r-or-fnt {
    color:#ffffff;
}
/* ------------------------------ */
/* Gray / GrayLight */
.r-gray-bck {
    background-color:#B5B5B5;
}
.r-graylight-bck {
    background-color:#D3D3D3;
}
.r-gray-brd {
    border-color:#7F7F7F !important;
}
.r-graylight-brd {
    border-color:#D3D3D3 !important;
}
.r-gray-fnt {
    color:#7F7F7F;
}
.r-graylight-fnt {
    color:#D3D3D3;
}
/* ------------------------------ */

/*
 -----------------------------------------------------
 * Border
 -----------------------------------------------------
 */
/* Solid */
.r-border-xs-sld {
    border:1px solid;
}
.r-border-s-sld {
    border:2px solid;
}
.r-border-m-sld {
    border:3px solid;
}
.r-border-l-sld {
    border:4px solid;
}
.r-border-xl-sld {
    border:5px solid;
}
/* ------------------------------ */
/* Dashed */
.r-border-xs-dsh {
    border:1px dashed;
}
.r-border-s-dsh {
    border:2px dashed;
}
.r-border-m-dsh {
    border:3px dashed;
}
.r-border-l-dsh {
    border:4px dashed;
}
.r-border-xl-dsh {
    border:5px dashed;
}
/* ------------------------------ */
/* Dotted */
.r-border-xs-dtd {
    border:1px dotted;
}
.r-border-s-dtd {
    border:2px dotted;
}
.r-border-m-dtd {
    border:3px dotted;
}
.r-border-l-dtd {
    border:4px dotted;
}
.r-border-xl-dtd {
    border:5px dotted;
}
/* ------------------------------ */
/* Right */
.r-border-xxxR {
    border-top:none;
    border-bottom:none;
    border-left:none;
}
/* ------------------------------ */
/* Left */
.r-border-xxLx {
    border-top:none;
    border-bottom:none;
    border-right:none;
}
/* ------------------------------ */
/* Left/Right */
.r-border-xxLR {
    border-top:none;
    border-bottom:none;
}
/* ------------------------------ */
/* Bottom */
.r-border-xBxx {
    border-top:none;
    border-left:none;
    border-right:none;
}
/* ------------------------------ */
/* Bottom/Right */
.r-border-xBxR {
    border-top:none;
    border-left:none;
}
/* ------------------------------ */
/* Bottom/Left */
.r-border-xBLx {
    border-top:none;
    border-right:none;
}
/* ------------------------------ */
/* Bottom/Left/Right */
.r-border-xBLR {
    border-top:none;
}
/* ------------------------------ */
/* Top */
.r-border-Txxx {
    border-bottom:none;
    border-left:none;
    border-right:none;
}
/* ------------------------------ */
/* Top/Right */
.r-border-TxxR {
    border-bottom:none;
    border-left:none;
}
/* ------------------------------ */
/* Top/Left */
.r-border-TxLx {
    border-bottom:none;
    border-right:none;
}
/* ------------------------------ */
/* Top/Right/Left */
.r-border-TxLR {
    border-bottom:none;
}
/* ------------------------------ */
/* Top/Bottom */
.r-border-TBxx {
    border-left:none;
    border-right:none;
}
/* ------------------------------ */
/* Top/Bottom/Right */
.r-border-TBxR {
    border-left:none;
}
/* ------------------------------ */
/* Top/Bottom/Left */
.r-border-TBLx {
    border-right:none;
}
/* ------------------------------ */

.r-box-inset-light {
    -moz-box-shadow: inset 0px 0px 15px -5px #000000;
    -webkit-box-shadow: inset 0px 0px 15px -5px #000000;
    -o-box-shadow: inset 0px 0px 15px -5px #000000;
    box-shadow: inset 0px 0px 15px -5px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=15);
}
.r-box-inset-hard {
    -moz-box-shadow: inset 0px 0px 15px -2px #000000;
    -webkit-box-shadow: inset 0px 0px 15px -2px #000000;
    -o-box-shadow: inset 0px 0px 15px -2px #000000;
    box-shadow: inset 0px 0px 15px -2px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=15);
}
.r-box-inset-down {
    -moz-box-shadow: inset 0px -4px 15px -2px #000000;
    -webkit-box-shadow: inset 0px -4px 15px -2px #000000;
    -o-box-shadow: inset 0px -4px 15px -2px #000000;
    box-shadow: inset 0px -4px 15px -2px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=90, Strength=15);
}
.r-box-light {
    -moz-box-shadow: 0px 0px 10px 0px #000000;
    -webkit-box-shadow: 0px 0px 10px 0px #000000;
    -o-box-shadow: 0px 0px 10px 0px #000000;
    box-shadow: 0px 0px 10px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);
}

/*
 -----------------------------------------------------
 * Body
 -----------------------------------------------------
 */
body {

}

/*
 -----------------------------------------------------
 * Flags
 -----------------------------------------------------
 */
.r-mask-flags {
    background-image:url('/locales/ln.png');
    width:42px;
    height:28px;
}

.clearfix:after {
    clear:both;
    display:block;
    content: "";
}

/*
 ----------------------------------------------------------
 Modal
 ----------------------------------------------------------
 */
.modal-content {
    border: 7px solid #C09A5D;
    border-radius: 0;
}

.modal-body {
    font-family: 'slaboregular';
    font-size: 18px;
}

.modal-content h1 {
    font-family: 'loraregular';
    color: #C09A5D;
    margin-bottom: 30px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.modal-body .logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 50%;
    margin-bottom: 30px;
    margin-top: 15px;

}

.modal-body .logo2 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 70%;
    margin-bottom: 30px;
    margin-top: 15px;
}

.modal-body .logo3 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 20%;
    margin-bottom: 30px;
    margin-top: 15px;
}

.modal-body .img-icone {
    margin-left: 15px;
    margin-top: 15px;
}

.modal-body .btn-primary {
    font-family: 'loraregular';
    font-size: 20px;
    background: #C09A5D;
    color:black;
    border: 0;
    margin-top: 30px;
    margin-bottom: 15px;
    display:inline-block;
    text-align:center;
    vertical-align:top;
    width: 255px;
    border-radius: 0;
}

.modal-body .btn-primary2 {
    width: 70%;
    color:white;
}

.modal-body .btn-primary3 {
    width: 100%;
    color:white;
}

.modal-body .btn-primary:hover, .modal-body a:hover {
    color: #fff;
    background-color: #C09A5D;
    border:0;
}

.modal {
    text-align: center;
}

@media screen and (max-width: 768px) {
	.modal-body .logo3 {
		width:35%;
		margin-bottom:50px;
	}
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

    .modal-content h1 {
        width: 50%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.no-padding {
    padding:0;
    padding-bottom: 15px;
}

.center-cropped {
    width: 100%;
    min-height: 180px !important;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

.modal-content button.close {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    right: 15px;
    text-align: center;
    top: 0;
    color: black;
    font-weight: normal;
    opacity: 1;
    font-size: 44px;
    z-index: 999;
}

.padding-lr {
    padding-left: 15px;
    padding-right: 15px;
}