/*Makes bootstrap menu drop on hover*/
@media (min-width: 992px) {
	ul.nav li.dropdown > ul.dropdown-menu {
		display: block;  
		margin-top:40px;	
		opacity:0;
		max-width:0;
		max-height:0;
		transition: all .3s ease-in-out;  
		overflow:hidden;
	}

	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;  
		margin-top:0px;	
		opacity:1;
		max-width:900px;
		max-height:500px;

	}
}


/*TYPOGRAPHY CUSTOMISATION*/
.xslim{font-weight:100;}
.slim{font-weight:300;}
.normal{font-weight:400;}


.bold{font-weight:700;}


.lh1{line-height:7px !important;}
.lh2{line-height:15px;}
.lh3{line-height:60px;}
.lh4{line-height:17px;}

.lato{font-family:"Lato";}
.opensans{font-family:"Open Sans";}
.size8{font-size:8px;}
.size10{font-size:10px;}
.size11{font-size:11px;}
.size12{font-size:12px;}
.size13{font-size:13px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24{font-size:24px;}
.size28{font-size:28px;}
.size26{font-size:26px;}
.size30{font-size:30px;}
.size40{font-size:40px;}
.size48{font-size:48px;}
.size60{font-size:60px;}
.size65{font-size:65px;}
.size100{font-size:100px;}



/*COLORS*/
.white{color:#fff;}
.dark{color:#333;}
.lgrey{color:#ccc;}
.lightgrey{color:#ccc;}
.grey{color:#999;}
.grey2{color:#666;}
.green{color:#72bf66;}
.green2{color:#339933;}
.lblue{color:#0099cc;}
.yellow{color:#ffff00;}
.red{color:#ff3300;}
.lred{color:#ff9966;}
.lred2{color:#ff5a00;}

.orange{color:#ff9900;}
a.orange{color:#ff6633;text-decoration:none;}
a:hover.orange{color:#72bf66;text-decoration:none;}

/*anchors*/
a.dark{color:#333;text-decoration:none;}
a:hover.dark{color:#ff9900;text-decoration:none;}

a.grey{color:#999; font-weight:normal;}


a.whitelink{color:#fff;}

a.greylink{color:#666;}

a.clblue{color:#0099cc;}
a:hover.clblue{color:#72bf66;}

a.green2{color:#72bf66; font-weight:normal; text-decoration:none; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
a:hover.green2{color:#339933; font-weight:normal; text-decoration:none;}