/*---------------------------    CUSTOM CSS   ---------------------------------*/

/* * {     background-color: rgba(0,255,0,0.1); } */
body {
   -webkit-backface-visibility: hidden;
    max-width: 100%;
  	overflow-wrap: break-word;
  	word-wrap: break-word;
  		-webkit-hyphens: auto;
  		-ms-hyphens: auto;
  		-moz-hyphens: auto;
  		hyphens: auto;
}

h1, h2, h3, h4 {
	hyphens:none !important;
	-webkit-hyphens:none !important;
	-ms-hyphens:none !important;
	-moz-hyphens:none !important;
	hyphens:none !important;
}
.container
{
    margin: 0 auto;
    text-align: center;
}


[class^='col-sm'] {
	text-align:left;
}
[class^='col-md'] {
	text-align:left;
}
html {
  overflow-y: scroll !important;
}

.icon-list li{
  hyphens: none !important;
	-webkit-hyphens:none;
}


.btn-responsive {
    white-space: nowrap !important;
	-webkit-hyphens:manual;
	   -moz-hyphens:manual;
		    hyphens:manual;
}

.white {
	color:#FFFFFF;
}
.red {
	color:#EE0000;
}

.font-serif {
	font-family: "FeniceBTRegular", serif;
	font-style: normal;
}

.font-alt {
	font-family: "FuturaLight", sans-serif !important;
	text-transform: uppercase;
}
.font-rotate {
	font-family: "FuturaLight", sans-serif;
	text-transform: none;
	letter-spacing: 0px;
	padding: 0 150px;
    text-align: left !important;
	}
.font-left {
	font-family: "FuturaLight", sans-serif;
    text-align: left !important;
	}
.main {
	background: #111111 url(../images/kessler57.jpg);
	background-repeat: no-repeat;
    background-size:100% auto;
    background-attachment: fixed;
    background-position: 100px 0 0 0px;
}
.home-container {
	background: transparent; /* url(../images/kessler57.jpg);

	background-repeat: no-repeat;
    background-size:100% auto;
    background-attachment: fixed;
    background-position: 0px 0 0 0px;
    */
}

/*
.chrome #main {
	background: #111111 url(../images/kessler57.jpg);
	background-repeat: no-repeat;
    background-size:100% auto;
	background-attachment:fixed;
	position: inherit !important;
}
*/
.navbar-custom + .main {
	margin-top: 0px;
}

navbar li {
	min-width:130px !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}


.work-item:hover .work-image > img {
	-webkit-transform: scale(1.03);
	   -moz-transform: scale(1.03);
	    -ms-transform: scale(1.03);
	     -o-transform: scale(1.03);
	        transform: scale(1.03);
}

.work-item:hover .work-caption {
	bottom: 50%;
	z-index: 3;
	-webkit-transform: translateY(70%);
	   -moz-transform: translateY(70%);
	        transform: translateY(70%);
	-webkit-transition-duration: .5s;
	   -moz-transition-duration: .5s;
    		transition-duration: .5s;

}


/* Work item white background*/



.works-grid.works-grid-gut .work-item {
	padding: 0 0 10px 0px;
}


.work-title-big {
	font-size:200% !important;
	color:#FFFFFF;
  	hyphens: none !important;
		-webkit-hyphens:none;
}


.navbar-custom {
	font-family: "FuturaBook", sans-serif !important;
	background: rgba(0, 0, 0, 0.7);
	box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25);
	letter-spacing: 1px;
	min-height:60px;
	max-height:60px;
}

/*
.navbar-custom:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	-webkit-filter: blur(10px) saturate(2);
		    filter: blur(10px) saturate(2);
}
*/

#index.navbar-transparent .nav a {
	display:none !important;
}



.navbar a {
-webkit-transition: color 1s ease-in-out 0s;
   -moz-transition: color 1s ease-in-out 0s;
	-ms-transition: color 1s ease-in-out 0s;
	 -o-transition: color 1s ease-in-out 0s;
		transition: color 1s ease-in-out 0s;
}

.ks-nav {
	margin: 7.5px -15px;
}

.ks-nav > li {
	float: left;
}

.ks-nav > li > a {
	padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
}

.nav > li.last {
	float: right;
}

.navbar-brand {
	/*position:fixed;*/
	top:0px;
  /* height: 70px; */
}

.home-transparent {
	background: transparent;
}

.logo {
	height:35px;
	float:left;
}

/* Sections dividers */

.divider-w {
	border-top: 1px dotted #696969;
	margin: 0;
}

.divider-d {
	border-top: 1px solid #202020;
	margin: 0;
}

/*  Drop Caps  */

.first-letter {
  float       : left;
  font-size   : 3em;
  line-height : 0.5;
  margin      : 0.33em 0.153em 0 0;
  color:#FFFFFF;
}

.first-letter + span {
  margin-left : -0.5em;
}

.kessler_button {
	background:url(../images/kessler_button_1826_2.png);
	background-size: 100px 100px;
	background-repeat:no-repeat;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999;
	min-width:100px;
	min-height:100px;
	border:0px solid #00EE00;
}

.filter {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}

.filter > li {
	display: inline-block;
	padding: 0 0 10px;
	margin: 0 15px;
}

.scroll-up {
	left:7px;
	width:30px;
}
.scroll-up a {
	background:rgba(255,255,255,.2);
    color:#FFFFFF;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
		 -o-border-radius: 0px;
			border-radius: 0px;
	width:40px;
	height:80px;
	padding-top:30px;
}
.claim {
	margin-top:10px;
	font-size:10px;
}

.side-image-text {
	background: rgba(0,0,0,0);
	color:#FFFFFF;
	border-left: 0px dotted #888888 !important;
	border: 0px dotted #888888 !important;
	font-size:14px;
	padding: 10px 10px 0 10px;
	min-height:580px;
	text-align:left;
}

.side-image-text p.header {
	font-size:18px;
}


.text-cover {
 	position:absolute;
 	top:0;
 	z-index:15;
 }
.navbar-brand-right {
 	float:right;
 }

 .font-book {
 	font-family: "FuturaBook", sans-serif;
 }

.modal-title, .module-title, .module-subtitle, .alt-module-subtitle h5, .features-title, .alt-features-title, .content-box-title, .menu-title, .menu-price, .works-grid.works-hover-w .work-title, .work-details-title, .post-title, .sidebar .comments .comment-title, .comment-form .comment-form-title.widget-title, .navbar-cart .cart-item-number, .shop-item-title, .product-title, .amount {
 	color:#FFFFFF;
 		 hyphens:none !important;
 -webkit-hyphens:none !important;
 }

.module-subtitle {
	font-size:20px;
}

.post {
	margin: 0 10px 30px;
}

.post-title {
	font-size: 20px !important;
	text-transform:none;
	line-height:1.3 !important;
	letter-spacing:0px;
}
.post-title > a{
	color:#FFFFFF !important;
}
.post-meta {
	border-top: 1px dotted #c2c2c2;
	font-size: 10px;
	color:#FFFFFF;
	text-transform:uppercase;
}
.post-entry {
	border:0;
	font-size: 14px;
	color:#FFFFFF !important;
	text-transform:none;
}

.post-entry  a{
	color:#FFFFFF !important;
}
/* Forms */

.form-control {
	font-family: "FuturaLight", sans-serif !important;
	text-transform: none;
	letter-spacing: 1px;
	font-size: 12px;
	color:#000000 !important;
	height: 33px;
		background: rgba(255,255,255,0.4);

	border: 0px solid #EAEAEA;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;
}

.form-control:focus {
	border: 0px solid #EE0000;
	background: rgba(255,255,255,0.2);
	color:#FFFFFF !important;
}

.form-control::-moz-placeholder {
  	color: #000000;
  	opacity: 1;
}
.form-control:-ms-input-placeholder {
  	color: #000000;
}
.form-control::-webkit-input-placeholder {
  	color: #000000;
}

select {
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    white-space: nowrap;
}

.text-danger {
  	color: #EE0000;
}

.fa-angle-down {
	color:#FFFFFF;
}

.breadcrumb {
	background:rgba(0,0,0,0);
	margin-left:-15px;
	border-radius:0;
	border-top:0px solid #444444;
	border-bottom:0px solid #444444;
	text-align:left !important;
}

.breadcrumb a{
	color:#999999;
	text-transform: uppercase;
}
.breadcrumb a:hover{
	color:#FFFFFF;
}
.breadcrumb > li + li:before {
  	padding: 0px 0px 0 0px;
  	color: #999999;
  	content: "";

}
.breadcrumb .active {
  color: #FFFFFF !important;
}
.breadcrumb .center {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.product-item {
	padding-left: 0px;
	margin: 0px 0 0 0;
	text-align:left;
	font-size:150%;
}

.product-image > img{
	width:100%;
}

.prod-image {
	margin-left:auto;
	margin-right:auto;
}

.checkout-table {
	border:0px !important;
}

.list-table {
    border: 0px solid # !important;
	text-align:left;
}

.list-table > tbody > tr > td,
.list-table > tbody > tr > th,
.list-table > tfoot > tr > td,
.list-table > tfoot > tr > th,
.list-table > thead > tr > td,
.list-table > thead > tr > th {
    padding: 2px;
}

.list-table tr td,
.list-table tr th {
    border-top: 1px solid #636363;
    border-bottom: 0px solid #00EE00;
    border-right: 0px solid #00EE00;
    border-left: 0px solid #00EE00;
    vertical-align:top;
}

.list-table tbody tr td:first-child,
.list-table tbody tr th:first-child {
      vertical-align:top;
}

.intro {
	font-size:20px;
}

.sekt-slider {
	margin: 0!important;
}

.sekt-slider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.sekt-slider,
.sekt-slider .flex-viewport {
	height: 100% !important;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color:#000000;
}

.sekt-slider .slides {
	height: 100% !important;
	-webkit-transition-delay: 1s;
	   -moz-transition-delay: 1s;
	        transition-delay: 1s;
}

.sekt-slider .flex-direction-nav a {
	width: 15%;
}

.sekt-slider .slides li {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100% !important;
	width: 100%;
	padding: 0;
	margin: 0;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	color:#FFFFFF;
}

.history-slider {
	margin: 0!important;
}

.history-slider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.history-slider,
.history-slider .flex-viewport {
	height: 100% !important;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color:#000000;
}

.history-slider .slides {
	height: 100% !important;
	-webkit-transition-delay: 1s;
	   -moz-transition-delay: 1s;
	        transition-delay: 1s;
}

.history-slider .flex-direction-nav a {
	width: 15%;
}

.history-slider .slides li {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100% !important;
	width: 100%;
	padding: 0;
	margin: 0;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	color:#FFFFFF;
}

.hover-item {
	background:rgba(0,0,0,0);
	height:100%;
	width:100%;
	z-index:2;
	padding-top:40%;
}



.btn.btn-border-w {
	background: transparent;
	border-top: 0px solid rgba(255, 255, 255, 0);
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	color: #FFFFFF;
}

.btn.btn-border-w:hover,
.btn.btn-border-w:focus {
	background: rgba(255,255,255,.2);
	border-top: 0px solid rgba(255, 255, 255, 1);
	color: #FFFFFF;
}

/* Caption */
.hs-caption  {
	position:absolute;
	top:0px;
	z-index:1000;
}

.hs-caption-sekt  {
	position:absolute;
	bottom:5%;
	left: 50%;
  	transform: translate(-50%, -50%);
	z-index:21;
}


.caption-content {
	color:#FFFFFF !important;
	-webkit-hyphens:manual;
	   -moz-hyphens:manual;
		    hyphens:manual;
}

#pano-container {
	margin-top:30px;
	height:90%;
	width:100%;
	margin-left: auto;
    margin-right: auto;
}


.history-intro {
	font-size:24px !important;
	text-transform:none;
	text-align:left;
	line-height:1.4;
	margin:-20px 0 -40px 0;
}

.hs-title-size-1 {
	letter-spacing: 1px;
	text-transform: uppercase!important;
	-webkit-hyphens:manual;
	   -moz-hyphens:manual;
		    hyphens:manual;
}

.hs-title-size-3 {
	letter-spacing: 1px;
	text-transform: uppercase !important;
	-webkit-hyphens:manual;
	   -moz-hyphens:manual;
		    hyphens:manual;

}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0px;
  margin-bottom: 0px !important;
	-webkit-hyphens:manual;
	   -moz-hyphens:manual;
		    hyphens:manual;
}



@media (max-width: 991px) {

	.logo {
		height:25px;
	}
	.module-title {
		font-size: 22px;
	-webkit-hyphens:none !important;
	   -moz-hyphens:none !important;
		    hyphens:none !important;
	}
	.main {
		background: #111111 url(../images/kessler57.jpg);
		background-size:100% auto;
		background-repeat: no-repeat;
    	background-attachment: fixed;
    	background-position: 0px 0 0 0px;

	}
	.side-image-text {
		background: transparent;
	}
	.kessler_button {
		right:-20px;
		bottom:-20px;
		background-size:70px 70px;
	}

	.hs-title-size-3 {
		font-size:90%;
	}
	.last {
	padding-left:80px;
	}
 }

@media (max-width: 767px) {
	.main {
		background-image:none;
		background:#212121;
	}
	.navbar-collapse {
  		border-top: 0px solid transparent;
       	background:rgba(0, 0, 0, 0.9);
    	min-height:900px !important;
	}
    .navbar-toggle {
	  border: none;
	  background: transparent !important;
	}

	.navbar-toggle:hover {
	  background: transparent !important;
	}

	.navbar-toggle .icon-bar {
	    width: 22px;
		          transition: all 0.2s;
		     -moz-transition: all 0.2s;
          -webkit-transition: all 0.2s;
	}

	.navbar-toggle.collapsed .top-bar {
		       transform: rotate(0);
		  -moz-transform: rotate(0);
       -webkit-transform: rotate(0);
	}
	.navbar-toggle.collapsed .middle-bar {
	  opacity: 1;
	}
	.navbar-toggle.collapsed .bottom-bar {
		       transform: rotate(0);
		  -moz-transform: rotate(0);
       -webkit-transform: rotate(0);
	}

	.navbar-toggle .top-bar {
		       transform: rotate(45deg);
        transform-origin: 10% 10%;
		  -moz-transform: rotate(45deg);
    -moz-transform-origin: 10% 10%;
       -webkit-transform: rotate(45deg);
-webkit-transform-origin: 10% 10%;
	}
	.navbar-toggle .middle-bar {
	  opacity: 0;
	}
	.navbar-toggle .bottom-bar {
		       transform: rotate(-45deg);
        transform-origin: 10% 90%;
		  -moz-transform: rotate(-45deg);
    -moz-transform-origin: 10% 90%;
       -webkit-transform: rotate(-45deg);
 -webkit-transform-origin: 10% 90%;
	}

	.navbar-fixed-top .navbar-collapse {
		max-height: 900px;
		min-height: 900px;

	}


	.navbar-custom .navbar-nav {
		letter-spacing: 1px;
		margin-top: 200px;
		margin-bottom: 0;
		text-align:center;
		font-size:200%;
		color:#FFFFFF !important;
		z-index:-1;
	}

	.navbar-custom .dropdown-menu {
		position: absolute;
		display: block;
		visibility: hidden;
		opacity: 0;
	}

	.navbar-custom .open > .dropdown-menu {
		visibility: visible;
		opacity: 1;
	}

	.navbar-right .dropdown-menu {
		right: auto;
		left: 0;
	}
	.flowplayer {
		margin-top:60px;
		width:250%;
   	 	overflow:hidden;
    	display:block;
	}
	.logo {
		height:25px;
	}
	.side-image-text {
		background: transparent;
		color:#FFFFFF;
		border-left: 0px solid #e5e5e5;
		border-bottom: 0px solid #e5e5e5;
		font-size:100%;
	}
	.module-title {
		font-size: 22px;
 		 hyphens:none !important;
 -webkit-hyphens:none !important;
	}
	.modal-wide .modal-dialog {
  		width: 100% !important;
	}

	.work-title-big {
		font-size:100% !important;
  		hyphens: none !important;
		-webkit-hyphens:none;
	}
	.work-item:hover .work-caption {
		bottom: 80%
	}
	.kessler_button {
		right:-20px;
		bottom:-20px;
		background-size:70px 70px;
		border: 0px solid #00EE00;
	}
	.intro {
		font-size:17px !important;
	}
	side-image-text {
		padding:20px 0;
	}
	.history-intro {
		margin-top:-20px;
		font-size:17px !important;
	}
	.prod-image {
	  	width:100% !important;
	}
	.breadcrumb {
		font-size:80%;
	}
	.module-subtitle {
		font-size:90%;
	}
}

/* ----------- iPhone 4 and 4S ----------- */
@media (max-width: 320px) {
	.navbar-custom .navbar-nav {
		font-size:150% !important;
		margin-top: 20px;
	}
	.product-item {
		font-size:100%;
	}


	.work-title-big {
		font-size:100% !important;
  		hyphens: none !important;
		-webkit-hyphens:none;
	}
	.work-item:hover .work-caption {
		bottom: 80%
	}
	.modal-title {
		font-size:50%;
	}
	.breadcrumb {
		font-size:80%;
	}
	.module-subtitle {
		font-size:90%;
	}
}

@media (max-width: 480px)
	and (orientation : landscape) {
	.navbar-custom .navbar-nav {
		font-size:140% !important;
		margin-top: 20px;
	}
	.product-item {
		font-size:100%;
	}
	.module-title {
 		 hyphens:none !important;
 		-webkit-hyphens:none !important;
	}

	.work-title-big {
		font-size:90% !important;
  		hyphens: none !important;
		-webkit-hyphens:none;
	}
	.work-item:hover .work-caption {
		bottom: 80%
	}
}

/* iPhone in landscape */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 736px)
and (orientation : landscape) {
	.prod-image {
		width:100% !important;
	}
	.work-title-big {
		font-size:100% !important;
  		hyphens: none !important;
		-webkit-hyphens:none;
	}
	.work-item:hover .work-caption {
		bottom: 80%
	}
	.navbar-right {
  		border-top: 1px solid transparent;
       	background:rgba(0, 0, 0, 0.9);
    	max-height:400px !important;
	}
}

@media only screen
and (max-width: 667px)
@media (max-height: 375px)
and (orientation : landscape) {
	.navbar-custom .navbar-nav {
		font-size:140% !important;
		margin-top: 20px;
	}
	.product-item {
		font-size:100%;
	}
	.module-title {
 		 hyphens:none !important;
 		-webkit-hyphens:none !important;
	}

	.work-title-big {
		font-size:100% !important;
  		hyphens: none !important;
		-webkit-hyphens:none;
	}
	.work-item:hover .work-caption {
		bottom: 80%
	}
	.prod-image {
	  	min-width:100% !important;
	}
	.breadcrumb {
		font-size:80%;
	}
	.module-subtitle {
		font-size:90%;
	}
}



/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */

}

/* iPad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	section {
	 	background: none;
    	}
	.main {
	 	background: #111111 url(../images/kessler57.jpg);
		background-repeat: no-repeat;
    	background-size:100% auto;
    	background-attachment: fixed;
    	background-position: 0px 0 0 0px;

	}
	.prod-image {
		max-width:100% !important;
		margin-left:auto;
		margin-right:auto;
	}
	.work-item:hover .work-caption {
		bottom: 80%
	}
}

.text-center {
	text-align:center;
}


/*  -------------------------------------------- MODAL EXCEPTIONS ---------------------------------------  */

.modal {
	margin-top:60px;
	padding-top:40px;
}

.modal-open {
  	padding-right: 0 !important;
  	overflow:auto;
}
.chrome .modal { /*------ CHROME EXCEPTION -----------*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.modal-backdrop {
	background-color: rgba(0,0,0,.4);
}

.modal-backdrop.in {
  z-index:0 !important;
  background-color: transparent !important;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal .close {
	color:#FFFFFF;
}
.modal .close:hover {
	opacity: 1;
}

/*
.modal > .btn {
	background:#EE0000;
	border:0px;
	color:#FFFFFF;
	border-radius:0;
}
.modal-footer.btn:hover {
	background:rgba(0,0,0,.6);
	border:0px;
	border-radius:0;
}
*/
.modal .divtable {
	width: 100%;
}

.modal-content {
	border-radius:0px !important;
	background:#000000;
	opacity:.9;
	font-size:16px;
	z-index:1051;

        /*max-height: calc(100vh - 152px);
    	overflow-y: auto;
    	*/
}

.modal-footer {
	border-top:0;
}
.modal-header {
	border-bottom:0;
}
.modal-title {
	text-align:center;
	color:#FFFFFF !important;
}
.modal-body {
	color:#FFFFFF;
}

.animated {
  -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
  		  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
          animation-fill-mode: both;
}

.main-display {

	display:none;
}



.continue-btn {
	position:absolute;
	bottom:15% !important;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

hr.divider-l {
	border-top:1px solid #696969;
	margin:0;
}

.work-descr {
	color: #FFFFFF;
	background:rgba(0,0,0,0);
	width:20%;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
}

.widget .icon-list li {
	margin-left:-10px;
	padding: 0px !important;
 		 hyphens:none !important;
 -webkit-hyphens:none !important;
}

.widget .icon-list li a:before {
	content: "\00BB";
	color: #FFFFFF;
	padding-right: 5px;
}

.work-item .work-image:after {
	background: rgba(0, 0, 0, .6);
}
.work-item:hover .work-image:after {
	background: transparent;
}
.work-item:hover .work-image > img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}

.work-item .work-caption {
	bottom: 50%;
	opacity: 1;
	z-index: 3;
	-webkit-transform: translateY(50%);
	   -moz-transform: translateY(50%);
	        transform: translateY(50%);
}
.work-title-big {
  	hyphens: none !important;
		-webkit-hyphens:none;
}
.modal-dialog {
	background:transparent;
	border:0;
	box-shadow: none;
}
.close {
    color: #FFFFFF !important;
    opacity: 1;
}
.close:hover {
    color: #999999 !important;
    opacity: 1;
}
/* ------------------------------------------------------------------
Preloader NEU
------------------------------------------------------------------- */

#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: 8%;
  min-height: 8%;
}


#news .active {
  z-index: 2;
  cursor: default;
  color: #EE0000;
}

.no-gutter > [class*='col-'] {
    padding-right:0 !important;
    padding-left:0 !important;
}

.stop-btn {
	background:transparent !important;
	width:100%;
	position:absolute;
	bottom:0px;
	text-align:center;
	padding:5px;
}

.ion {
	font-size:200%;
}
/* ----------- ALERT ----------- */
.alert-right {
	width:31%;
	float:right;
	text-align:left;
	background-color:#66FF00;
	margin:-70px 0px 0 0px;
}
.alert-right h3{
	font-size:16px !important;
}
.alert-right img{
	padding-right:10px;
}
.alert-right a {
	color:#000000;
}

.alert-right a:hover{
	color:#FFFFFF;
}
@media (max-width: 768px) {
	.alert-right
		{
		width:100% !important;
		}

	.btn-black {
  		padding: 10px !important;
		}
}
/* ----------- ALERT ----------- */


.btn-black {
  color: #fff;
  background-color: #000000 !important;
  border-color: #000000;
}
.btn-black:focus,
.btn-black.focus {
  color: #fff;
  background-color: #000000 !important;
  border-color: #000000;
}
.btn-black:hover {
  color: #fff;
  background-color: #444444 !important;
  border-color: #444444;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #000000 !important;
  border-color: #000000;
}
.btn-black:active:hover,
.btn-black.active:hover,
.open > .dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open > .dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open > .dropdown-toggle.btn-black.focus {
  color: #fff;
  background-color: #222222 !important;
  border-color: #222222;
}
.btn-gold {
	color:white;
	background-color:#BE9B60 !important;
}
.btn-forbidden {
	color:white;
	background-color:#000000 !important;
	border: 1px solid #BE9B60 !important;
}
.btn-gold:hover {
	background-color:#999999 !important;
}
.btn-forbidden:hover {
	background-color:#999999 !important;
	border: 1px solid #999999 !important;

}
.gold {
	color:#BE9B60 !important;
}
.red {
	color:#FF0000 !important;
}