/* GENERAL - UTILS*/

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea{
	height:2.2rem;
	padding:0.5rem;
}
html{
    overflow: hidden;
    height: 100%;
}
body{
    overflow: auto;
    height: 100%;
	background-color: #DDDDDD;
}
h1, h2, h3, h4, h5, body{
	font-family:'Ubuntu';
}
p{
	font-family:'Ubuntu';
	font-style:italic;
}
burron.close-button{
	top:0.3rem!important;
}
.callout{
	color:#333;
}
textarea{
	height:6rem;
}
h1{
	background-color:#db323e;
	color:#fff;
	
}
h2{
	background-color:#db323e;
	color:#fff;
	font-weight:bold;
	font-size:2.2rem;
}
h3{
	color:#db323e;
}
}
h4{
	color:#db323e;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after{
	border-color: #db323e transparent transparent;
}
a {
	color:#000;
	font-size:1.2rem;
}
a:hover{
	color:#c92c37;
}
a.selected{
	font-weight:bold;
	color:#db323e!important;
}
.title-h2-border-radius{
    border-radius: 0 0 50px 50px;
	padding-left:1rem;
	padding-right:1rem;
	border-bottom:4px solid white;
}
.title-h1-border-radius{
    border-radius: 0 0 80px 80px;
	border-bottom: 5px solid white;
	font-weight:bold;
}
.separateur{
	border-bottom: 1px solid #999;
}
.margin-top-1rem{
	margin-top:1rem;
}
.margin-top-1-half-rem{
	margin-top:0.5rem;
}
.margin-top-3rem{
	margin-top:2rem!important;
}
.margin-top-3-5rem{
	margin-top:2.5rem;
}
.margin-top-5rem{
	margin-top:5rem;
}
.margin-top-4rem{
	margin-top:4rem;
}
.margin-top-6rem{
	margin-top:6rem;
}
.margin-top-bottom{
	margin:6% 0 20% 0;
}
.margin-top-bottom-login{
	margin:3% 0 10% 0;
}
.margin-bottom-0{
	margin-bottom:0rem;
}
.margin-bottom-5rem{
	margin-bottom:5rem;
}
.margin-left-right-1rem{
	margin: 0 1rem 0 1rem;
}
.paddingLR1rem{
	padding-left:1rem;
	padding-right:1rem;
}
.text-align-left{
	text-align:left;
}
.text-align-right{
	text-align:right;
}
.main-text-color{
	color:#db323e;
}
.white-bg-transparent{
	padding:2rem;
	background-color: rgba(255, 255, 255, 0.45);
	border-radius:30px;
}
.white-bg-transparent-popup{
	padding:2rem;
	background-color: rgba(255, 255, 255, 0.80)!important;
	border-radius:5px;
}
.box-shadow-grey{
    box-shadow: 0 0 3px 1px rgba(10, 10, 10, 0.3);
}

.main-bg-color{
	background-color:#DDDDDD!important;
}
.second-bg-color{
	background-color:#fff!important;
	border:1px solid rgba(10, 10, 10, 0.25);
	margin-bottom:1rem;
}
.selected{
	font-weight:bold;
	color#db323e;
}

.button{
	background-color:#db323e!important;
	color:#fff;
	font-weight:bold;
	border: 4px solid white;
	border-radius:35px;
}
.button:hover{
	background-color:#292c2f!important;
	color:#fff;
}

/*  FOUNDATION */

.orbit{
	margin-bottom:0.5rem;
}

.orbit-container{
	
}

.alert-box {	
	margin: 2rem; 	
	background-position: 2% 7px;	
	background-repeat: no-repeat;	
	background-size: auto 2rem;	
	background-color: #fff;	
	border: 0;	
	text-align: left;	
	padding:0.6rem;	
	padding-left: 3rem; 
	padding-right: 3rem; 
	position:fixed!important;	
	top:10%;
	left:0%;
	z-index:10000;
}
.alert-box-member {	
	margin: 0;
	
	background-position: 2% 7px;	
	background-repeat: no-repeat;	
	background-size: auto 2rem;	
	background-color: #db323e;	
	border-radius: 0 0 0 5rem;
	border: 0;	
	border-bottom:3px solid white;
	text-align: left;	
	padding:0.6rem;	
	padding-left: 3rem; 
	padding-right: 3rem; 
	position:fixed!important;	
	top:4.7rem;
	right:0%;
	z-index:10000;
}
.alert-box-member strong{
	color:#fff;
	font-size:2rem;
}

.alert-box p{	
	padding:1rem;
	margin:0;
	}
.alert-box .close {	
	background: none;
 	font-size:2rem;
	position:absolute;
	float:right;
	top:0;
	right:0;
}
.alert-box  .close-button{
	color:#db323e;
}
.alert-box.alert {	background-color: #fff;	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEX////7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0NAQECdhUHYsUKGdEG1l0JLSEBuYkHkukPKU8NPAAAADnRSTlMA4EDAoCAQ8IBgkDDQUFItelQAAAC0SURBVHherZBLDsMwCAVD7Nj5gvPr/Y/a0FpGLTibdnbozQJN829agPZu7/CiuxE8C76+T/hiqgruLbjqh5ip/TljZrb3AQuDKYAIYO09L3TBRq/3EHk4shCDEkZkTqITmdGMLIIO7r8FbzfaiDappSNjIkpZcCqyCDo4WAJYkR8prTp4ADSBUCIX9uPY5epL5AJdyBWDRDYFHCWyCiXBObKwrh+nl4g2TiLVhSXW97g0v/MEHIQbCYeFmYAAAAAASUVORK5CYII=);	border-top: 1px solid #f22613;	border-bottom: 1px solid #f22613;	color: #333; }.alert-box.info {	position:relative;	background-color: #fff;	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADBklEQVR42u3YyWsTURwHcP8aQUWtWlu7JEbtpngQvIqXevDWm1fXehO12BTErdQiVMFQ8ODBusWkmSa1lVrTxdrG0FA9WJtkljfL19/LTDKMibl0EorkwReSCQ8+fN+bl2G2AdhSqYH+P1CpAS0DfXUI+ufzUCfaoQptYMIxsMhRsE/d0L4/BNR0qcnug4y159CmTkOLdkKNdnBQAaNEjkAZ90EOH4YcOQ51dQQVBRnLN6DHuqDFOqGZGEpbaVDICynkAVvoRUVAxuqQE8PjXC7C/AX64KG0gq3ch6sgQ1zkEBtTph2FY8JeApkYKdgCMdgMPTMP10D64kUOsTDtDsw/27FAIge9b4Y8e8EdELS0jTAh5TF2Ow5Q9l0TDDWNTYOMjSkLQREcEAdGCRfvHdFcLgI1EegQtPXY5kFactAE2JDyGHvvONrhILZ81w3QIxNQCEfw2JvYxpRYKrMdSqNLoNSzPMBGTJwEmz4HuSSGMnkWYrgjv1Rm3jZATQ5vHqT//sgRVhtmI8p0NwADbOF6EUaOX4GiZCHGzhAkD2ogUD20XxNw5baXhRN2G2EvR+QwhqFDme91YJgiQfpyCTamkTAHaQm97p1DauIBR1jxWI14CHMNuqZCmbsKmcKYBLkYQzkA9m3APRA/P6TxrvztbCfYkoOoqgKVydTQ5ZIYMdgKQ91wD8SHvj7JAYXb2T5jmqEkhiEnHnNIESb7po72joCK/Ntray8sRD7UBkVeGoBEIQilwYFRUwFU9HmIrdzjCHtpKNJXP48FqSfIfspe2jf+Sj4P2UOMnOKQfCOE6Ye0eMdqZR+yr/fwc8icXA2QmnzCD7pCI+JiH8SFPt4KYXYjO7YTLDFYPZCensu3QakjzC2I8zcJsguZsR3IvNoOfWO2eiA+tJ9jfI9Q+qEkn1JGoCz1UW5D+/HSnFhNUCqVQjwezyUajSIUChW+02/VB42OjqJMaqCtB5qZmUEgEIDf73eEXxMEofogPtLpNHp6euDz+Xhyn+lauUm1tx81UMXzBw5wT9JYWi53AAAAAElFTkSuQmCC);	border: 1px solid #89c4f4;	color: #333; }.alert-box.success {	background-color: #fff;	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAqFBMVEX////w8PDw8PDw8PDw8PDw8PDw8PDw8PDW1tbn5+ff398PnVjd3d3i4uIPnVjk5OQPnVjg4OAPnVgzqW8PnVgPnVjT09Pw8PDG4NOp1sBjvJHu7u4PmVYqp2ri6+YcomFHsn4bmlzHzsoPnFeuxbl9tJk0n2t/xqSVvqqNzK1ZqYKJuaJVt4c4rHQnnWPl5eXj4+MPm1fe3t6b0bfc3NxBo3TY2NjX19eKj23kAAAAFXRSTlMA8BCwcFCgkP4f3NDnrzCHoM8Qc/Avz3otAAAA9klEQVR4Xq2T2XKDMAwAMRACNGdbyUDus/d9/f+f1VHEiFamfcm+7qIZGTs4IWEcGeswURz6dGIbJCrp0MeC6QTBCADO2Hetokv+vNXbyvnLAc9v8cA+NH4/veAFEr/f7HIe0OJvETMKYhLlLw8fiNinICKxnHHCfr92QY8CcwwAloX41cFjSoElCnBU89pvkeCAeAPH4or89Bp1YG+g5uUOPQEP5wWbgZzjPRDiU1mTmD/wggyvGVspZgCP4rGvjrpYuAWFTP+sounzwPO7n8SnNEBdmGesGZLUV+6V/ZilLt7F+6/95BMxHf71cCZfefbf0zsl3w3QOjVy6QFpAAAAAElFTkSuQmCC);	border-top: 1px solid #87d37c;	border-bottom: 1px solid #87d37c;	color: #333; }
/*FOOTER*/.hero {  background: url("http://www.banksy-wallpaper.com/wallpapers/800x600/10-i-am-father.jpg") no-repeat center center;  background-size: cover;  height: 50vh;  overflow: hidden; }  .hero h1, .hero h2 {    color: #fff;    text-shadow: 1px 1px 1px #000;    padding: 1rem 0 0 1rem;    margin: 0; }
.row {  max-width: 1366px; }

/*TEMPLATE*/

#wrap{
    background-color: #fff;
	background: url('../media/images/layout/bg3.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}

#main_content{
	width:75%;
	background-color: none;
	margin:auto;
}

.log-in-form {
	border: 1px solid #cacaca;
	padding: 1rem!important;
	border-radius: 3px;
	margin-top:2rem!important;	margin-bottom:2rem!important;
}

/* HEADER */
.title-bar{
	background-color:#DDDDDD;
	color:#000;
}
.title-bar-title{
	font-weight:normal;	
}
.menu-icon::after{
    box-shadow: 0 7px 0 #db323e, 0 14px 0 #db323e;
	background: #db323e;
}
.menu-icon:hover::after{
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
	background: #000;
}

.icon-menu{
	color:#444;
	margin-left:0.3rem;
}
a:hover .icon-menu{
	color:#fff;
	margin-left:0.3rem;
}
a.selected .icon-menu{
	color:#db323e;
	margin-left:0.3rem;
}
.top-bar{
	z-index:10000;
	padding-bottom:0;
	padding-top:0.4rem;
}
.sticky.is-stuck{
	z-index:10000;
}
.top-bar, .top-bar ul{
	background-color:#DDDDDD;
	/*padding-left:150px;*/
}
.top-bar-left{
	padding-bottom:0.5rem;
	padding-top:0.3rem;
	padding-left:14rem;
	
}
.top-bar-right{
	padding-top:0.5rem;
	
}

.menu-text{
	font-size:1.5rem;
}
.menu-logo{
	position:absolute;
	top:0.55rem;
	left:2rem;
	width:140px;
}
.menu-logo2{
    position: absolute;
    top: -0.75rem;
    left: 0rem;
    width: 210px;
}

.menu ul li a {
	font-size:1rem;
	padding: 0.7rem 0.8rem;
}

.logo-header{
	position:absolute;
	left:1rem;
	top:0;
	z-index:10000;
}
.mobile-logo-holder{
	display:none;
}
.top-bar-title a{
	display:none;
}
.menu-icon{
	top: 0.4rem;
	float:left;
}
.responsive-menu{

}
#welcome_message i{
	background-color:#db323e;
	color:#fff;
	font-size:1.5rem;
	border-radius:50%;
    line-height: 1;
	margin-left:1rem;
    padding: .20em .40em;	
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
#welcome_message a i:hover{
	background-color:#fff;
	color:#db323e;
}
#welcome_message a:hover i{
	background-color:#fff;
	color:#db323e;
}
#welcome_message a{
	font-size:1.2rem;
}
#welcome_message{
	font-size:1rem;
}
.banner-link{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

/* CONTACT */

.contact a{
	color:#333;
}
.contact a:hover{
	color:#db323e;
}
.contact {
	list-style-type: none;
	margin: 0;
	margin-top: 4rem;
	margin-left:3rem;
	text-align: left;
	color: #333; 
	position:relative;
}
.contact li {
	margin-bottom: 2rem; 
}
.contact li p {
	font-size:1.2rem;
}
.contacte .contact li p{
	padding-left:5rem;
}

.contact i {
	position: absolute;
	background-color: #db323e;
	color: #fff;
	font-size: 2rem;
	border-radius: 50%;
	line-height: 1;
	margin: 0.5rem 0 0 -5rem;
	vertical-align: middle;
	padding: .25em .45em; 
}
.contact i.line {
	margin: -0.5rem 0 0 -5rem;
}

label.error .contact_form{
	border: 1px solid #db323e;
}

/*OFFICERS*/

.table-members{
	text-transform:capitalize;
}

.officers i{
	background-color:#db323e;
	color:#fff;
	font-size:2rem;
	border-radius:50%;
    line-height: 1;
	margin-left:1rem;
    padding: .20em .40em;	
	position:absolute;
	top:35%;
	left:3%;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.officers i:hover{
	background-color:#000;
	color:#db323e;
	
}

.vcard a{
	font-size:0.9rem;
}
.vcard{
	list-style-type:none;
	padding-left:6rem;
	position:relative;
	margin-left:0rem;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.vcard li.fn{
	font-size:1rem;
}
.vcard li.email{
}
.vcard li.title{
	font-style:italic;
	font-size:0.8rem;
}
.vcard i:hover{
	color:#fff;
	background-color:#000;
}
.accordion-title{
	text-align:center;
	font-size:1.5rem;
}
.list_members{
	list-style-type:none;
	text-transform:capitalize;
}

/* Products */

.products-icon{
	font-size:1.5rem;
	color:#db323e;
	
}
.products-title a{
	font-weight:bold;
	color:#db323e;
}

.products-table tbody tr{	
	cursor:pointer;
}
.products-table tbody tr:hover a{
	color:#000;
}
.shopping-container{
	background-color: rgba(255, 255, 255, 0.80)!important;
	height:92%;
	width:200px;
	position:absolute;
    bottom: 160px;
    left: 65px;
	overflow:hidden;
}
.shopping-container-table{
	overflow-y:auto;
	overflow-x:hidden;
	height:410px;
}
.shopping-cart{
	top:10rem;
	position:fixed;
	height:100%;
	z-index:100;
}
.shopping-cart.open{
	right:14rem;
}
.shopping-cart.close{
	right:0%;
}
.shopping-cart span {	
	margin: 0; 	
	background-position: 2% 7px;	
	background-repeat: no-repeat;	
	background-size: auto 2rem;	
	background-color: rgba(255, 255, 255, 0.80)!important;
	color:#db323e;
	border-radius: 40px 0 0 40px;
	border: 0;	
	text-align: left;
	z-index:10000;
}

.shopping-cart a:focus{
	color:#db323e;
}

.shopping-container-mobile{
	background-color: rgba(255, 255, 255, 1)!important;
	height:100%;
	width:200px;
	position:absolute;
    bottom: 125px;
    left: 65px;
	overflow:hidden;
}

.shopping-cart-mobile{
	top:10rem;
	position:fixed;
	height:100%;
	z-index:100;
}
.shopping-cart-mobile.open{
	right:12rem;
}
.shopping-cart-mobile.close{
	right:0rem;
}
.shopping-cart-mobile span {	
	margin: 0; 	
	background-position: 2% 7px;	
	background-repeat: no-repeat;	
	background-size: auto 2rem;	
	background-color: rgba(255, 255, 255, 1)!important;
	color:#db323e;
	border-radius: 40px 0 0 40px;
	border: 0;	
	text-align: left;
	z-index:10000;
}

.shopping-cart-mobile a:focus{
	color:#db323e;
}
.shopping-price-mobile{
	position: absolute;
	bottom: 5%;
	color:#db323e;
	font-weight:bold;
	font-size:2rem;
	width:100%;
}
.shopping-price-mobile span{
	text-align:right;
	font-size:1.5rem;
	position:absolute;
	bottom:150px;
	right:35px;
	color:black;
	font-style:italic;
	background-color:transparent!important;
}


.shopping-table{
	margin-top:0.5rem;
}
.shopping-table tr{
	background-color:rgba(255, 255, 255, 0.00);
	border-color:none;
}
.shopping-table tbody tr a{
	font-size:1rem;
	font-weight:bold;
	color:#db323e;
}
.shopping-table tbody tr{	
	cursor:pointer;
}
.shopping-table tbody tr:hover a{
	color:#000;
}
.shopping-price{
	position: absolute;
	bottom: 5%;
	color:#db323e;
	font-weight:bold;
	font-size:2rem;
	width:100%;
}
.shopping-price span{
	text-align:right;
	font-size:1.5rem;
	position:absolute;
	bottom:150px;
	right:35px;
	color:black;
	font-style:italic;
	background-color:transparent!important;
}
/*HEALTH*/

.health{
	font-size:2rem;
	position:absolute;
	margin-left: 1rem;
}
.health-download{
    margin-right: 1rem;
}
.health-download:hover .health {
	color:#db323e;
}

/*NEWS*/

.h5-border-radius{
	background-color:#db323e;
	border-radius: 0 0 50px 0;
	/*margin-left: 2rem;*/
	padding-left: 2rem;
	color:#fff;
	font-weight:bold;
	font-size:1.8rem;
	border-bottom: 4px solid white;
}
.news-list{
	margin-left:4rem;
	font-style:italic;
	margin-top:1.5rem;
	font-size:1rem;
}

.sponsors-firstletter{
	font-size:1.8rem;
	position:relative;
}
.sponsors i{
position: absolute;
    top: 0.3rem;
    left: -2.2rem;
	font-size:1.6rem;
	color:#db323e;
}
.sponsors a{
	font-size:1.2rem;
}
.sponsors{
	padding:1.5rem;
	position:relative;
}
.sponsors-container{
	padding-left:1.5rem;
}

/*PAYMENT*/

.payment-price{
	color:#db323e;
	font-size:1.5rem;	
}
.checkbox-terms{
	margin-right:1rem;
	margin-left:1rem;
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 10px;	
}

.pay-button{
	font-size:1.5rem;
	font-weight:bold;
}

.read-terms.error{
	color:#db323e;
}

/*CLIENT AREA*/

.icon-download2{
	font-size:1.5rem;	
}
.icon-download2:hover{
	color:#db323e;
}
/* FOOTER */
	
footer{
	margin-top:2rem;
}

.footer p{
	font-family:'Ubuntu';
	font-style:normal;
}  
  .footer {  background-color: #DDDDDD;  text-align: center;  font-size: 1.2rem;  padding: 2rem; padding-bottom:2rem;}  
  .footer .inline-list a {    display: inline-block;    width: 2rem;    height: 2rem;    background-color: #fff;    border-radius: 2px;    font-size: 1.5rem;    color: #fff;    text-align: center;    line-height: 35px;    margin: 0 3px 0 0; }  
  .footer .contact {    list-style-type: none;    margin: 0;    text-align: left;    color: #000; }   
  .footer .contact li {      margin-bottom: 2rem; }      
  .footer .contact li p {        padding-left: 5rem; }    
  .footer .contact i {      position: absolute;      background-color: #db323e;      color: #fff;      font-size: 2rem;      border-radius: 50%;      line-height: 1;      margin:-0.5rem 0px 0px -4rem;      vertical-align: middle;      padding: .25em .45em; }
.footer .contact i.street{
	margin:0.4rem 0px 0px -4rem;
}    .footer .copywrite {    color: #000;    font-size: 0.875rem;    margin: 0 0 1rem 0; }  
.footer .about {    color: #000;    font-size: 0.875rem;    margin: 0 0 1rem 0; }
 .footer .contact a {
	color:#000;
 }
 .footer .contact a:hover {
	color:#db323e;
 }   .footer .footer-links a {    list-style: none;    font-weight: normal;    color: #000;    margin: 0;    font-size: 0.875rem; }
  .footer .footer-links a:hover {
	color:#db323e;
  }	    .footer .footer-links a::after {      content: "•";
	  color:#db323e!important;      padding: 0 0.2rem 0 0.4rem; }    
	  .footer .footer-links a:last-child::after {      content: "";      padding: 0 0.4rem 0 0.8rem; } 
	  @media only screen and (min-width: 40.063em) { .footer p {      text-align: left; }    .footer .social {      text-align: left;      margin: 0; }    .footer .contact {      text-align: left; }      .footer .contact > i {        margin-right: 1rem; } }
	  .logo {  color: #000;  font-size: 1.5rem; }  .logo i {    margin-right: 0.5rem; }

/*CSS HOVER IMG*/

.image-wrapper {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.04);
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 4px; }

.image-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.overlay-fade-in p {
  letter-spacing: 0.15em;
  color: #f4f4f4;
  font-size: 28px;
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in img {
  transition: all 0.2s linear; }
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in h2 {
  color: #f2f2f2;
  font-size: 1.8rem;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(0, 0, 0, 0.7); }
.overlay-fade-in .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #FFF;
  color: #222;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
  position: relative;
  border: 1px solid #999;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in .button:hover {
    box-shadow: 0 0 5px #000; }
.overlay-fade-in:hover img {
  transform: scale(1.05); }
.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }

.overlay-slide-in-left img {
  transition: all 0.3s ease-in-out; }
.overlay-slide-in-left .image-overlay-content {
  background-image: url(http://www.awwwards.com/awards/images/2015/04/pattern.jpg);
  background-color: rgba(0, 0, 0, 0.3);
  transform: translateX(-110%);
  opacity: 1;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0 7px #ccc; }
.overlay-slide-in-left h2 {
  font-size: 1.8rem;
  background: rgba(255, 255, 255, 0.7);
  margin-top: 40%;
  color: #000;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
.overlay-slide-in-left p {
  opacity: 0;
  color: #333;
  transition: all 0.2s linear; }
.overlay-slide-in-left .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
  position: relative;
  border-radius: 7px; }
  .overlay-slide-in-left .button:hover {
    background-color: #444; }
.overlay-slide-in-left:hover .image-overlay-content {
  transform: translateX(0px); }
.overlay-slide-in-left:hover img {
  transform: translateX(80%);
  transition-delay: 0.1s; }
.overlay-slide-in-left:hover p {
  opacity: 1;
  transition-delay: 0.4s; }

.overlay-fade-in-new-background .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  box-shadow: 0 0 1px #000;
  position: relative;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in-new-background .button:hover {
    box-shadow: 0 0 5px #fff;
    background-color: #222; }
.overlay-fade-in-new-background p {
  font-size: 28px; }
.overlay-fade-in-new-background .image-overlay-content {
  opacity: 0;
  background-image: url(http://subtlepatterns.com/patterns/gplaypattern.png);
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in-new-background h2 {
  color: #000;
  font-size: 1.6rem;
  margin-top: 30%;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
.overlay-fade-in-new-background p {
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in-new-background img {
  transition: all 0.2s ease-in-out; }
.overlay-fade-in-new-background:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  transform: scale(1.5); }
.overlay-fade-in-new-background:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in-new-background:hover h2, .overlay-fade-in-new-background p, .overlay-fade-in-new-background .button {
  opacity: 1; }
.overlay-fade-in-new-background:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in-new-background:hover .button {
  transition-delay: 0.2s; }	  
	  
	  
@media all and (min-width: 0px) and (max-width: 639px) {
	.logo-header {
		position: absolute;
		left:45%;
		top: 0;
		z-index: 10000;
	}
	.top-bar-left{
		padding-left:1rem;
	}
	.top-bar-left ul{
		padding-left:2rem;
	}
	.top-bar-left ul li a{
		text-align:left;	
	}
	.top-bar-left ul li{
		display:table;
			
	}
	.top-bar-left ul li.menu-text{
		display:none;
	}	
	.top-bar{
		padding-left:2rem;
	}
	.top-bar-title a{
		display:block;
		float:right;
		padding-left:1rem;
	}	
	.mobile-logo-holder{
		display:block;
	}	
	.mobile-logo-holder img{
		width:100%;
		padding:0 2.5rem 0 2.5rem;
	}	
	.margin-top-6rem{
		margin-top:1rem;
	}	
	.margin-top-5rem{
		margin-top:1rem;
	}		
	
}	  
	  
@media all and (min-width: 0px) and (max-width: 320px) {
	.footer .contact li p{
		padding-left:1rem;
		font-size:0.9rem;
		text-align:center;
	}
	.footer .contact li a{
		font-size:0.9rem;
	}	
	.logo {
		font-size: 1.2rem;
	}	
	.contacte .contact li p{
		padding-left:3rem;
		font-size:0.8rem;
	}	
	.contacte .contact li a{
		font-size:0.8rem;
	}		
	#main_content{
		width:100%;
		overflow:hidden;
	}
	a {
		font-size:1rem;
	}
	
	.products-table tr th{
		font-size:70%;
	}
	.products-table a{
		font-size:80%;
	}
	.products-table{
		font-size:70%;
		overflow:hidden;
	}
	.clientarea-table tr th{
		font-size:70%;
	}
	.clientarea-table a{
		font-size:80%;
	}
	.clientarea-table{
		font-size:70%;
		overflow:hidden;
	}
	
	.payment-table tr th{
		font-size:70%;
	}
	.payment-table a{
		font-size:80%;
	}
	.payment-table{
		font-size:70%;
		overflow:hidden;
	}
	
	
	.callout.large{
		padding:1rem 1rem 1rem 1rem;
	}
	h2{
		font-size:1.2rem;
	}
}
	  
@media all and  (min-width: 321px) and (max-width: 640px) {
	.footer{
		padding:2rem;
	}
	.footer .contact li p{
		padding-left:3rem;
		font-size:1rem;
		text-align:left;
	}
	.footer .contact li a{
		font-size:1rem;
	}	
	.contacte .contact li p{
		padding-left:3.5rem;
		font-size:1rem;
	}	
	.contacte .contact li a{
		font-size:1rem;
	}		
	a {
		font-size:1rem;
	}	
	#main_content{
		width:98%;
	}
	.products-table{
		font-size:80%;
	}
	.payment-table{
		font-size:80%;
	}
	.clientarea-table{
		font-size:80%;
	}	
	.callout.large{
		padding:1rem 1rem 1rem 1rem;
	}
	h2{
		font-size:1.3rem;
	}
}


@media all and (min-width: 641px) and (max-width: 1020px) {
	a {
		font-size:1rem;
	}
	.footer .contact li p{
		padding-left:4rem;
		font-size:1.1rem;
	}
	.footer .contact li a{
		font-size:1.1rem;
	}
	#welcome_message a{
		font-size:0.7rem;
	}
	#welcome_message i{
		font-size:0.9rem;
	}
	.menu ul li a{
		font-size:0.6rem;
	}
	h2{
		font-size:1.6rem;
	}
	h1{
		font-size:2.5rem;
	}	

}

@media all and (min-width: 1021px) and (max-width: 1280px) {
	.footer .contact li p{
		padding-left:3rem;
	}
	#welcome_message a{
		font-size:0.8rem;
	}
	#welcome_message i{
		font-size:1rem;
	}
	.menu ul li a{
		font-size:0.7rem;
	}
	h2{
		font-size:1.7rem;
	}	
}

@media all and (min-width: 1280px) and (max-width: 1366px) {
	.footer .contact li p{
		padding-left:4rem;
	}
	#welcome_message a{
		font-size:1rem;
	}
	#welcome_message i{
		font-size:1.3rem;
	}
	.menu ul li a{
		font-size:0.9rem;
	}
	h2{
		font-size:1.8rem;
	}
}

@media all and (min-width: 1365px) and (max-width: 1450px) {
	#welcome_message a{
		font-size:1rem;
	}
	#welcome_message i{
		font-size:1.3rem;
	}
	.menu ul li a{
		font-size:0.9rem;
	}
}

@media all and (min-width: 1365px) and (max-width: 1600px) {


}

@media all and (min-width: 1600px) and (max-width: 1750px) {

}

@media all and (min-width: 1601px) and (max-width: 1920px) {


}

@media all and (min-width: 1921px) {

}

/*ICON FONTS*/

@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?5yfqdp');
    src:    url('fonts/icomoon.eot?5yfqdp#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?5yfqdp') format('truetype'),
        url('fonts/icomoon.woff?5yfqdp') format('woff'),
        url('fonts/icomoon.svg?5yfqdp#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home3:before {
    content: "\e900";
}
.icon-image:before {
    content: "\e901";
}
.icon-file-text:before {
    content: "\e902";
}
.icon-profile:before {
    content: "\e903";
}
.icon-file-empty:before {
    content: "\e904";
}
.icon-files-empty:before {
    content: "\e905";
}
.icon-file-text2:before {
    content: "\e906";
}
.icon-file-picture:before {
    content: "\e907";
}
.icon-file-music:before {
    content: "\e908";
}
.icon-file-play:before {
    content: "\e909";
}
.icon-file-video:before {
    content: "\e90a";
}
.icon-file-zip:before {
    content: "\e90b";
}
.icon-copy:before {
    content: "\e90c";
}
.icon-paste:before {
    content: "\e90d";
}
.icon-stack:before {
    content: "\e90e";
}
.icon-folder:before {
    content: "\e90f";
}
.icon-folder-open:before {
    content: "\e910";
}
.icon-folder-plus:before {
    content: "\e911";
}
.icon-folder-minus:before {
    content: "\e912";
}
.icon-folder-download:before {
    content: "\e913";
}
.icon-folder-upload:before {
    content: "\e914";
}
.icon-cart:before {
    content: "\e915";
}
.icon-credit-card:before {
    content: "\e916";
}
.icon-bubble:before {
    content: "\e917";
}
.icon-bubbles:before {
    content: "\e918";
}
.icon-bubbles2:before {
    content: "\e919";
}
.icon-users:before {
    content: "\e91a";
}
.icon-user-plus:before {
    content: "\e91b";
}
.icon-user-minus:before {
    content: "\e91c";
}
.icon-user-check:before {
    content: "\e91d";
}
.icon-user-tie:before {
    content: "\e91e";
}
.icon-key:before {
    content: "\e91f";
}
.icon-key2:before {
    content: "\e920";
}
.icon-lock:before {
    content: "\e921";
}
.icon-unlocked:before {
    content: "\e922";
}
.icon-wrench:before {
    content: "\e923";
}
.icon-cog:before {
    content: "\e924";
}
.icon-cogs:before {
    content: "\e925";
}
.icon-aid-kit:before {
    content: "\e926";
}
.icon-stats-dots:before {
    content: "\e927";
}
.icon-stats-bars:before {
    content: "\e928";
}
.icon-stats-bars2:before {
    content: "\e929";
}
.icon-fire:before {
    content: "\e92a";
}
.icon-lab:before {
    content: "\e92b";
}
.icon-switch:before {
    content: "\e92c";
}
.icon-cloud-upload:before {
    content: "\e92d";
}
.icon-cloud-check:before {
    content: "\e92e";
}
.icon-download2:before {
    content: "\e92f";
}
.icon-upload2:before {
    content: "\e930";
}
.icon-plus:before {
    content: "\e931";
}
.icon-minus:before {
    content: "\e932";
}
.icon-cancel-circle:before {
    content: "\e933";
}
.icon-blocked:before {
    content: "\e934";
}
.icon-cross:before {
    content: "\e935";
}
.icon-checkmark:before {
    content: "\e936";
}
.icon-checkmark2:before {
    content: "\e937";
}
.icon-spell-check:before {
    content: "\e938";
}
.icon-play3:before {
    content: "\e939";
}
.icon-pause2:before {
    content: "\e93a";
}
.icon-stop2:before {
    content: "\e93b";
}
.icon-backward2:before {
    content: "\e93c";
}
.icon-forward3:before {
    content: "\e93d";
}
.icon-first:before {
    content: "\e93e";
}
.icon-last:before {
    content: "\e93f";
}
.icon-previous2:before {
    content: "\e940";
}
.icon-next2:before {
    content: "\e941";
}
.icon-eject:before {
    content: "\e942";
}
.icon-volume-high:before {
    content: "\e943";
}
.icon-volume-medium:before {
    content: "\e944";
}
.icon-volume-low:before {
    content: "\e945";
}
.icon-volume-mute:before {
    content: "\e946";
}
.icon-volume-mute2:before {
    content: "\e947";
}
.icon-arrow-up-left:before {
    content: "\e948";
}
.icon-arrow-up:before {
    content: "\e949";
}
.icon-arrow-up-right:before {
    content: "\e94a";
}
.icon-arrow-right:before {
    content: "\e94b";
}
.icon-arrow-down-right:before {
    content: "\e94c";
}
.icon-arrow-down:before {
    content: "\e94d";
}
.icon-arrow-down-left:before {
    content: "\e94e";
}
.icon-arrow-left:before {
    content: "\e94f";
}
.icon-arrow-up-left2:before {
    content: "\e950";
}
.icon-arrow-up2:before {
    content: "\e951";
}
.icon-arrow-up-right2:before {
    content: "\e952";
}
.icon-arrow-right2:before {
    content: "\e953";
}
.icon-arrow-down-right2:before {
    content: "\e954";
}
.icon-arrow-down2:before {
    content: "\e955";
}
.icon-arrow-down-left2:before {
    content: "\e956";
}
.icon-arrow-left2:before {
    content: "\e957";
}
.icon-circle-up:before {
    content: "\e958";
}
.icon-circle-right:before {
    content: "\e959";
}
.icon-circle-down:before {
    content: "\e95a";
}
.icon-circle-left:before {
    content: "\e95b";
}
.icon-radio-checked2:before {
    content: "\e966";
}
.icon-share:before {
    content: "\e95c";
}
.icon-terminal:before {
    content: "\e95d";
}
.icon-mail4:before {
    content: "\e95e";
}
.icon-google-drive:before {
    content: "\e95f";
}
.icon-telegram:before {
    content: "\e960";
}
.icon-youtube2:before {
    content: "\e961";
}
.icon-file-pdf:before {
    content: "\e962";
}
.icon-file-word:before {
    content: "\e963";
}
.icon-file-excel:before {
    content: "\e964";
}
.icon-libreoffice:before {
    content: "\e965";
}