/****************************************************************************************************
	By ALS / 2016
****************************************************************************************************/



html{margin: 0;}

body{
	background: #000;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	padding: 0;
	font-size: 16px;
}
@media(max-width:768px){body{margin: 40px 10px 0px 10px;}}
@media(min-width:769px){body{margin: 0px 0px 0px 0px;}}

/* ====================================================================================================================== */
/* Classes for images  */
/* ====================================================================================================================== */
	.fullimg{width: 100%;}
	.refimg{border: 1px solid #ccc;}


	@media(max-width:768px){.floatingimage{width: 100%;}}
	@media(min-width:769px){.floatingimage{float:left; width: 300px; margin: 5px 20px 20px 0px;}}
	
	.imgtitle{text-align: left; width: 100%; font-size: 14px;}
	
	
	

	
	
	
	
	
/* ====================================================================================================================== */
/* BX SLIDER */
/* ====================================================================================================================== */
	.bxslider li {margin-left: -40px;}


/* ====================================================================================================================== */
/* Controller Mobile */
/* ====================================================================================================================== */
	@media(max-width:768px){.mobile_navi{display: block;}}
	@media(min-width:769px){.mobile_navi{display: none;}}
	@media(max-width:768px){.desktop{display: none;}}
	@media(min-width:769px){.desktop{display: block;}}
	@media(max-width:768px){.mobile{display: block;}}
	@media(min-width:769px){.mobile{display: none;}}

/* ====================================================================================================================== */
/* MENU */
/* ====================================================================================================================== */
	.menu a {display: block; margin-bottom: 25px; color: #626262; font-family: "Oswald", sans-serif!important;}
	.menu a:hover{color: #891222;}
	.active {text-decoration: underline;}

/* ==================================================================================================================== */
/* CONTAINER */
/* ==================================================================================================================== */
	.container{border: 0px solid red;}

	/* @media (min-width: 768px) {
	  .container {
		width: 90%;
	  }
	}
	@media (min-width: 992px) {
	  .container {
	   width: 1000px;
	  }
	}
	@media (min-width: 1200px) {
	  .container {
		width: 1180px;
	  }
	} */


/* ==================================================================================================================== */
/* content */
/* ==================================================================================================================== */

	.thecontent{border-left: 1px solid #626262; padding-left: 20px; text-align: justify;}

	@media (min-width: 100px){.thecontent{border-left: 0px solid #626262; padding-left: 0px;}}
	@media (min-width: 992px){.thecontent{border-left: 1px solid #626262; padding-left: 20px;}}

	.thecontent li{list-style-type: square; margin-left: -20px;}


/* ==================================================================================================================== */
/* TYPO */
/* ==================================================================================================================== */

	.slogan{ font-family: 'Shadows Into Light', cursive;}
	@media (min-width: 992px) {.slogan{font-size: 22px;}}
	@media (min-width: 1500px) {.slogan{font-size: 28px;}}


	h2{font-size: 16px; font-weight: bold; font-family: "Oswald", sans-serif!important;}

	.maillink{color: #ffffff;}
	.maillink:hover{color: #fff;}
	

/* ==================================================================================================================== */
/* INDEX */
/* ==================================================================================================================== */
	
	/* H1 Class */
	.titlepage{ padding-right: 0px; font-family: "Oswald", sans-serif!important; margin-top: 0px;}

	@media (min-width: 100px) {.titlepage {font-size: 18px; font-weight: normal; border-bottom: 1px solid #626262; margin-bottom: 20px; margin-top: 0px; text-align: left;}}
	@media (min-width: 768px) {.titlepage {font-size: 18px; font-weight: normal; border-bottom: 1px solid #626262; margin-bottom: 20px;margin-top: 0px; text-align: left;}}
	@media (min-width: 992px) {.titlepage {font-size: 18px; font-weight: normal; border-bottom: 0px solid #626262; margin-bottom: 20px; margin-top: 0px;text-align: right;}}
	@media (min-width: 1500px){.titlepage {font-size: 26px; font-weight: normal; border-bottom: 0px solid #626262;}}

/* ==================================================================================================================== */
/* Google Maps Responsive */
/* ==================================================================================================================== */
	
	.responsiveContainer {
	  position: relative;
	  /* padding-bottom: 56%; */
	  padding-bottom: 56%;
	  height: 0;
	  overflow: hidden;
	}

	.responsiveContainer iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}


/* ==================================================================================================================== */
/* NAVBAR CLASS MOBILE */
/* ==================================================================================================================== */
	
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #85001a;
	}

	.navbar-default .nav li a:hover,
	.navbar-default .nav li a:focus {
		outline: 0;
		color: #ffffff;
		background-color: #85001a;
	}


/* ==================================================================================================================== */
/* DEFAULT CLASS */
/* ==================================================================================================================== */

	.nopadding{padding: 0px;}
	.my_padding_trbl_10 {padding: 10px;}
	.my_padding_trbl_15 {padding: 15px;}
	.clear{clear:both;}


	
	
	@media (min-width: 100px) {.logo{width: 100%;}}
	@media (min-width: 768px) {.logo{width: 75%;}}
	
	
	
	
	
	.textcenter{text-align: center;}

	.implink{color: #999;}
	.implink:hover{color: #999;}

	.h1title{font-size: 22px; margin-top: 50px;}
	.smalltext{font-size: 12px;}