/***** Fonts *****/
@font-face{
	font-family: PT-Sans;
	src: url(../fonts/PT-Sans.ttf);		
}

@font-face{
	font-family:Angel-face;
    src: url('../fonts/angelface.eot');
    src: url('../fonts/angelface.eot?#iefix') format('embedded-opentype'),
         url('../fonts/angelface.woff2') format('woff2'),
         url('../fonts/angelface.woff') format('woff');
	src: url('../fonts/angelface.otf');
    font-weight: normal;
    font-style: normal;

}	

/***** CSS Document *****/

html, body{
	margin:0;
	padding:0;	
	font-family:"PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;	
}

/***** Header *****/
#header{
	background-color: #01b0f1;
	width: 100%;
	height:200px;
}

#logo{
	margin: 30px 0 0 10px;
}

#info p{
	font-size:25px;
}
#info{
	margin: 70px 30px 0;
}

#info p{
	font-family:"PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;	
	text-align:right;
	margin:0;
	color:white;
}

#info span{
	background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    margin: 0 0 0 10px;
    position: relative;
    top: 3px;
    width: 40px;	
}

#info a{
	text-decoration:none;
	color:white;	
}
#info a:hover{
	text-decoration: underline;	
}

.phone{
	background:url(../img/telephone.png);	
}

.location{
	background:url(../img/location.png);
}

.mail{
	background:url(../img/mail.png);
}

/***** Menu *****/

#menu{
	width:100%;
	background-color: #01b0f1;
	height:120px;	
}

#menu .grid_12, #menu .grid_12 ul{
	height:100px;	
	margin-top: 5px;
}

#menu ul li { 
	display : inline-block;
	margin-left: 8px;
    padding: 0 20px;
	font-size:1em;
	float:left;
	height:100px;
	line-height:100px;
	border: 1px solid black;
}

#menu ul {
	list-style-type : none;
	margin:0;
	text-align:center;
	padding-left: 25px;
}

#menu ul li span{
	width:100px; 
 	vertical-align:middle;
  	display:inline-block;
  	line-height:normal;
  	text-align:center;	
	font-size: 15px;
}

#menu ul a { 
	text-decoration:none;
	color:black;
}

#menu ul li{
	transition: background-color 1s ease;	
	background-color:#01B0F1;
}

#menu ul li:hover{
	color:#01B0F1;
	background-color:white;	
}

#menu ul a:hover{
	color:#01B0F1;	
}

/***** Breadcrumb *****/

.container-breadcrumb{
	width:1272px;
	margin:0 auto;	
	color: #858585;	
}

.breadcrumb ul{
	list-style:none;
	margin-top:0;
}

.breadcrumb li{
	display: inline-block;	
}

.breadcrumb li:nth-child(3){
	display:none;
}

.breadcrumb a{
	color: #01B0F1;
    text-decoration: none;
}

.breadcrumb a:hover{
	text-decoration:underline;
}

.breadcrumb > li > .divider {
    color: #ccc;
    padding: 0 5px;
}


/***** Content *****/

#content{
	padding: 70px 0 0 0;
	text-align:justify;
}

#content .grid_12{
 	width:828px;
	margin:0 auto;
	float:none;
	display:block;	
	text-align:center;
}

#content p{
	font-size: 24px;
    font-weight: 100;
	color:black;
	line-height:40px;
	
}

#content h1{
	margin:0;
	color:black;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:56px;
}

#content .underline{
	text-decoration:underline;	
}

/***** Achievements *****/
#achievements{
	padding: 50px 0;	
}

/***** Text*****/

h1{
	font-family:"PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align:center;
	color:#404040;
	margin:50px;	
}

#achievements h1{
	color:#01b0f1;	
}

/***** Button *****/
.btn-style{
	text-align: center;
	margin-top:40px;
	margin-bottom:40px;
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

.btn-style ul{
	list-style-type:none;	
}

.btn-style ul li a{
	color:#01b0f1;	
}

.btn-style ul li a:hover{
	color: #404040;
}

.btn-all{
    border: 2px solid #01b0f1;
    color: #6d7a8b;
    border-radius: 3px;
    color: #6d7a8b;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 40px;
    line-height: 36px;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;	
}

.btn-all:hover{
	border: 2px solid #404040;	
}

/***** Footer *****/
#footer{
	background-color:#404040;
	padding:20px;	
}

#footer p{
    font-family:"PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:white;
    font-size: 15px;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 23px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: none;
    text-transform: none;	
}

#footer a{
	text-decoration:none;
	color: #969696;	
}

#footer a:hover{
	text-decoration:underline;	
}

/***** CSS Tricks *****/
.left{
	float:left;	
}

.right{
	float:right;	
}

.border-left{
	border-left: 1px solid black;
		
}

.border-right{
	border-right: 1px solid #161616;	
}