﻿/*  COLORS  */
#BarFooterTerms, #BarFooterTerms #ButtonTerms{
	background:#282222;
	color:#615d5d;
	font-weight:600;
	font-size:13px;
}

#BarFooterTerms footer p{
		color:#999999;		
		font-size:12px;
		line-height:18px;
	}
	
#BarFooterTerms #ButtonTerms{
	border-radius:4px;
	}	



/* CSS NEW TERMS AMM*/
#BarFooterTerms{
	text-align:center;
	display:block;width:100%;height:auto;min-height:3px;position:fixed;bottom:0;left:0;z-index:9999999;}
#BarFooterTerms #BoxButtonTerms {
    display:block;
    width:100%;
    position:absolute;
    left:0;
    z-index:0;
    text-align:center;
	height:40px;
	top:-25px;}


#BarFooterTerms #ButtonTerms{
    display:block;
    margin:1% auto;
    padding:0px 0;
-webkit-user-select: none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    overflow:hidden;
	width:190px;
    /*height:40px;*/
	text-transform:uppercase;}
#BarFooterTerms footer{display:block;width:100%;height:auto; position:relative;z-index:1;overflow:hidden;

	}
#BarFooterTerms footer p{display:block;letter-spacing:0;
	text-align:left;
	padding-bottom: 15px;
	}
	
.footer-container{
		max-width:1200px;
		margin:1% auto;	
	}	


/*media queries for small devices*/

@media screen and (max-width: 1000px) {
#BarFooterTerms footer{	max-width:100%; width:100%;}
.footer-container{width:96%;}
}

@media screen and (max-width: 678px) {

.footer-container{
		margin:3% 2% 2% 2%;	
		width:96%;
	}
  
  #BarFooterTerms #ButtonTerms{
	  font-size:16px;
	  padding:10px 0;
	  }
	  
#BarFooterTerms #BoxButtonTerms{
	height:40px;
	top:-30px;
	}	  
}