/*@font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family: 'VerdanaRegular'; src: url('fonts/verdana.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/

@font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Regular.eot') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Regular.otf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'VerdanaRegular'; src: url('fonts/Verdana.eot') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'VerdanaRegular'; src: url('fonts/Verdana.otf') format('truetype'); font-weight: normal; font-style: normal; }

html { padding:0; margin:0; }
body { background-color:#747474; margin:0; padding:0; width:100%; overflow-y:scroll; overflow-x:hidden; }


/*******************************************BEGIN MENU AREA***************************/

.black-BG { background:rgba(0, 0, 0, 0.5); width:100%; height:420px; margin-top:100px; position:relative; }
.black-BG .logo-GG-KG { opacity:0.7; background:url(../img/logo-golden-koub-glass-GG-KG.png) no-repeat top left; width:408px; height:350px; margin-top:35px; margin-left:50px; float:left; }    
.black-BG span { float:left; margin-top:326px; margin-left:70px; }
.black-BG .p1 { text-align:left; }
.black-BG .p1 a { 
	margin-right:100px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:100;
	font-size:11px;
	font-family:LatoRegular,Calibri;
	line-height:11px;
	letter-spacing:1px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}                                 
.black-BG .p1 a:hover { 
	color:#94181b;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.copyTxt { width:100%; position:absolute; bottom:10px; text-align:right; }
.copyTxt span { margin-right:10px; }
.copyTxt .p1 { color:#fff; text-decoration:none; text-transform:none; font-weight:100; font-size:10px; font-family:VerdanaRegular,Calibri; line-height:9px; letter-spacing:0; }                                 
.copyTxt .p1 a { color:#000; text-decoration:none; text-transform:none; font-weight:100; font-size:10px; font-family: VerdanaRegular,Calibri; line-height:14px; letter-spacing:0; 
-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.copyTxt a:hover { color:#94181b;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/*******************************************END MENU AREA*****************************/


/*Styles for screen 1170px and lower*/
@media only screen and (max-width: 1170px) {
	.black-BG span { margin-left:40px; }
	.black-BG .p1 a { margin-right:70px; }
}

/*Styles for screen 1024px and lower*/
@media only screen and (max-width: 1024px) {
	.black-BG { margin-top:50px; }
	.black-BG span { margin-left:25px; }
	.black-BG .p1 a { margin-right:55px; }
}

/*Styles for screen 950px and lower*/
@media only screen and (max-width: 950px) {
	.black-BG span { position:absolute; margin-top:272px; }
	.black-BG .p1 a { margin-right:200px; font-size:21px; line-height:28px; }
}

/*Styles for screen 768px and lower*/
@media only screen and (max-width: 768px) {
	
}

/*Styles for screen 667px and lower*/
@media only screen and (max-width: 667px) {
	.black-BG { height:100%; margin-top:0; position:fixed; overflow-y:auto; }
	.black-BG .logo-GG-KG { background:url(../img/logo-golden-koub-glass-GG-KG-med.png) no-repeat top left; width:230px; height:175px; margin-left:auto; margin-right:auto; float:none; }    
	.black-BG span { float:none; margin-top:35px; margin-left:auto; margin-right:auto; }
	.black-BG .p1 { text-align:center; width:100%; display:inherit; }
	.black-BG .p1 a { margin-right:0; display:inherit; line-height:34px; } 
	.copyTxt .p1 { font-size:9px; }
}

/*Styles for screen 420px and lower*/
@media only screen and (max-width: 420px) {
	
}