@charset "utf-8";
/* CSS Document */

/* font */
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('fonts/Roboto_Slab/RobotoSlab-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url('fonts/Roboto_Slab/RobotoSlab-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Thin';
  src: url('fonts/Roboto_Slab/RobotoSlab-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Light';
  src: url('fonts/Roboto_Slab/RobotoSlab-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Cyberella_Unicode';
  src: url('fonts/Cyberella_Unicode/AC-Cyberella_Unicode.otf') format('truetype'); 
}
@font-face {
  font-family: 'Fifindrel_Unicode';
  src: url('fonts/Fifindrel_Unicode/AC-Fifindrel_Unicode.otf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src:url('fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBoldItalic';
  src: url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url('fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('fonts/Open_Sans/OpenSans-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-LightItalic';
  src: url('fonts/Open_Sans/OpenSans-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-SemiboldItalic';
  src: url('fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-ThinItalic';
  src: url('fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('fonts/Roboto/Roboto-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-MediumItalic';
  src: url('fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-LightItalic';
  src: url('fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto/Roboto-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Italic';
  src: url('fonts/Roboto/Roboto-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BoldItalic';
  src: url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BlackItalic';
  src: url('fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('fonts/Roboto/Roboto-Black.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Black';
  src: url('fonts/Raleway/Raleway-Black.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url('fonts/Raleway/Raleway-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url('fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraLigh';
  src: url('fonts/Raleway/Raleway-ExtraLigh.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Light';
  src: url('fonts/Raleway/Raleway-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Medium';
  src: url('fonts/Raleway/Raleway-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Regular';
  src: url('fonts/Raleway/Raleway-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('fonts/Raleway/Raleway-SemiBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Thin';
  src: url('fonts/Raleway/Raleway-Thin.ttf') format('truetype'); 
}




/*promo*/
.promo {
	z-index:101;
	width:100%;
	display:block;
	#max-width:1400px;
	margin:auto;
	background-color:#fff;
	
}
.promo .promo_item {
	overflow: hidden;
	text-align:center;
	cursor:pointer;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: relative;
	vertical-align:bottom;
}
.promo .promo_item .imgLiquid {
	width:100%;
	margin:auto;
}
.promo .promo_item .img-title h2 {
	font-family: 'OpenSans-Regular', sans-serif;
	position: absolute;
	color: #FFF;
	text-align: center;
	left:0;right:0;bottom:0;
	margin: auto;
	font-weight:normal;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.promo .promo_item:hover .img-title {
    opacity: 1;
	bottom: 0%;
	background-color: rgba(33, 33, 33, 0.7);
}
.promo .promo_item:hover .img-title h2{
	color: #fff;
	font-family: 'OpenSans-Light', sans-serif;
}
.promo .promo_item .img-title {
	position: absolute;
	width: 100%;
	text-align: center;
	opacity: 1;
	background-color: rgba(33, 33, 33, 0.15);
	transition: all 0.7s ease;
}
.promo .promo_item .img-title img{
	margin:auto;
	z-index:3001;
	position:absolute;
	bottom:0;
	top:0;
	right:0;
	left:0;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
/*promo*/


@media all and (min-width: 1400px) {
/*promo*/
.promo {
	display: flex;
    #table-layout: fixed;
    position:absolute;
	bottom:175px;
}
.promo .promo_item {
	display: inline-block;
    width: 100%;
}
.promo .promo_item .imgLiquid {
	height:700px;
}
.promo .promo_item .img-title h2 {
	top: 4%;
	width: 90%;
	font-size: 2em;
}
.promo .promo_item .img-title img{
	width: 150px;
}
.promo .promo_item .img-title {
	bottom: -80%;
	height: 100%;
}
.promo .promo_item:hover .img-title h2 {
   top: 75%;
}
/*promo*/
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
/*promo*/
.promo {
	display: flex;
    #table-layout: fixed;
    position:absolute;
	bottom:150px;
}
.promo .promo_item {
	display: inline-block;
    width: 100%;
}
.promo .promo_item .imgLiquid {
	height:500px;
}
.promo .promo_item .img-title h2 {
	top: 4%;
	width: 90%;
	font-size: 2em;
}
.promo .promo_item .img-title img{
	width: 150px;
}
.promo .promo_item .img-title {
	bottom: -80%;
	height: 100%;
}
.promo .promo_item:hover .img-title h2 {
   top: 75%;
}
/*promo*/

}
@media all and (min-width: 1024px) and (max-width: 1199px) {
/*promo*/
.promo {
	display: table;
    table-layout: fixed;
    position:absolute;
	bottom:150px;
}
.promo .promo_item {
	display: table-cell;
    width: 100%;
}
.promo .promo_item .imgLiquid {
	height:600px;
}
.promo .promo_item .img-title h2 {
	top: 4%;
	width: 90%;
	font-size: 1.75em;
}
.promo .promo_item .img-title img{
	width: 120px;
}
.promo .promo_item .img-title {
	bottom: -80%;
	height: 100%;
}
.promo .promo_item:hover .img-title h2 {
   top: 75%;
}
/*promo*/
}
@media all and (min-width: 768px) and (max-width: 1023px) {
/*promo*/
.promo {
	display: table;
    table-layout: fixed;
    #position:absolute;
	#bottom:200px;
}
.promo .promo_item {
	display: table-cell;
    width: 100%;
}
.promo .promo_item .imgLiquid {
	height:700px;
}
.promo .promo_item .img-title h2 {
	top: 4%;
	width: 90%;
	font-size: 1.5em;
}
.promo .promo_item .img-title img{
	width: 100px;
}
.promo .promo_item .img-title {
	bottom: -80%;
	height: 100%;
}
.promo .promo_item:hover .img-title h2 {
   top: 75%;
}
/*promo*/
}
@media all and (min-width: 600px) and (max-width: 767px) {
/*promo*/
.promo {
	display: table;
    table-layout: fixed;
    #position:absolute;
	#bottom:200px;
}
.promo .promo_item {
	display: table-cell;
    width: 100%;
}
.promo .promo_item .imgLiquid {
	height:400px;
}
.promo .promo_item .img-title h2 {
	top: 4%;
	width: 90%;
	font-size: 1.25em;
}
.promo .promo_item .img-title img{
	width: 85px;
}
.promo .promo_item .img-title {
	bottom: -80%;
	height: 100%;
}
.promo .promo_item:hover .img-title h2 {
   top: 75%;
}
/*promo*/
}
@media all and (min-width: 450px) and (max-width: 599px) {
/*promo*/
.promo {
	display: inline-block;
    #table-layout: fixed;
    #position:absolute;
	#bottom:200px;
	#margin-top:80px;
}
.promo .promo_item {
	display: block;
    width: 100%;
}
.promo .promo_item .imgLiquid {
	height:200px;
}
.promo .promo_item .img-title h2 {
	top: 5%;
	width: 90%;
	font-size: 1.5em;
}
.promo .promo_item .img-title img{
	width: 85px;
}
.promo .promo_item .img-title {
	bottom: -70%;
	height: 100%;
}
.promo .promo_item:hover .img-title h2 {
   top: 75%;
}
/*promo*/
}
@media all and (max-width: 449px) {
/*promo*/
.promo {
	display: inline-block;
    #table-layout: fixed;
    #position:absolute;
	#bottom:200px;
	#margin-top:80px;
}
.promo .promo_item {
	display: block;
    width: 100%;
}
.promo .promo_item .imgLiquid {
	height:150px;
}
.promo .promo_item .img-title h2 {
	top: 5%;
	width: 90%;
	font-size: 1.5em;
}
.promo .promo_item .img-title img{
	width: 85px;
}
.promo .promo_item .img-title {
	bottom: -70%;
	height: 100%;
}
.promo .promo_item:hover .img-title h2 {
   top: 75%;
}
/*promo*/
}