/* ======== GENERAL SETTINGS ======== */

body, html {
    height: 100%;
}
@font-face {
    font-family: Raleway;
    src: url("../fonts/Raleway-ExtraLight.ttf");
}

@font-face{ 
            font-family: "FutuMd";
            src: url('../fonts/FutoMd/FutuMd.ttf');

}
		
@font-face {
    font-family: Monsieur;
    src: url("../fonts/MonsieurLaDoulaise-Regular.ttf");
}

h1,h2,h3,h4,h5,h6 { 
    font-family: FutuMd;
	font-size:13px;
	font-weight:lighter;
}

h3

{
/*	font-weight:100;*/
	/*font-weight:normal;*/
	font-weight:lighter;
	padding-top:0px;
	font-size:10px;
	font-family: FutuMd;
	
}


h5

{
/*	font-weight:100;*/
	/*font-weight:normal;*/
	font-weight:lighter;
	padding-top:3px;
	font-size:12px;
	font-family: FutuMd;
	
}

h6

{
/*	font-weight:100;*/
	/*font-weight:normal;*/


	font-size:11px;
	font-family: FutuMd;
	font-weight:bold;
}
h5:hover
{
	text-decoration:none;
}

a:hover
{
	text-decoration:none;
}
/* ======== MENU ======== */
.menu {
    position: relative;
    z-index: 25;
    width: 190px;
    height: 100%;
    /*background: #222222;
    opacity: 0.5;
    filter: alpha(opacity=50);*/
    background: rgba(34, 34, 34, 0.5);
}
.menu-block
{
    width: 190px;
    height: 25px;

}
.menu-block:hover,
.menu-block:focus{
    background: #222222;
    opacity: 0.9;
    filter: alpha(opacity=90);
    cursor: pointer;

}
.menu-block2
{
    width: 190px;
    height: 25px;

}
.menu-block2:hover,
.menu-block2:focus{
    background: #98012e;
    opacity: 0.9;
    filter: alpha(opacity=90);
    cursor: pointer;

}
#logo {
    max-width: 70%;
    margin: 57px 80px 20px 65px;
}
/* ======== BODY ======== */
.main-colum {
    position: relative;
    z-index: 15;
    width: 414px;
    height: 100%;
}


.main-content {
    width: 278px;
    height: 100%;
    background: rgba(34, 34, 34, 0.5);
    padding: 0px 40px 0px 40px;
    text-align: left;
	z-index:5;
}
.main-content-barra {
    width: 278px;
    height: 35px;
    background: rgba(251, 175, 23, 0.5);
    padding: 5px 25px 30px 55px;
    z-index:5;
	position: absolute;
    bottom: 0;
}

.main-content1 {
    width: 278px;
    height: 100%;
    background: rgba(34, 34, 34, 0.5);
    padding: 0px 40px 0px 40px;
    text-align: justify;
}
.main-content-inside {
    width: 318px;
height: 75%;
margin-top: 75px;
overflow: auto;
}
.main-content-inside::-webkit-scrollbar {
    width: 12px;
}

.main-content-inside::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.main-content-inside::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/* ======== FOOTER ======== */
.footer {
    background: black;
    height: 30px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 60;
}
.footer-terms {
    margin-left: 30px;
	padding-top: 3px;
}
.footer-social {
    text-align: right;
    margin-right: 70px;
    font-family: Monsieur, Verdana, Tahoma !important;
    font-size: 16px;
    padding-top: 1px;
}
.social:hover,
.social:focus {
    -webkit-filter: invert(100%);
}
/* ======== MAIN CAROUSEL ======== */
#bg {
    position:fixed; 
    top:-50%; 
    left:-50%; 
    width:200%; 
    height:200%;

}
#bg img {
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0;

    margin:auto; 
    min-width:50%;
    min-height:50%;
}
.carousel-control{
    padding: 0px 21px 0px 21px;
    position: relative;

}

.back-control {
    height: 100%;
    margin-left: 2px;
}
.center-control
{
    top: 45%;
    position: relative;
}
.center-control2
{
    top: 45%;
    position: relative;
}

#close {
    position: relative;
    font-weight: 200;
    text-align: center;
    background: #222222;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 8px 10px 8px 10px;
    z-index: 2;

}
#close:hover,
#close:focus {
    background: #222222;
    opacity: 0.9;
    filter: alpha(opacity=90);
    cursor: pointer;  
}