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

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

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

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

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


@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue_medium-webfont.eot');
    src: url('../fonts/helveticaneue_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_medium-webfont.woff') format('woff'),
         url('../fonts/helveticaneue_medium-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue_medium-webfont.svg#helveticaneuemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'helveticaneueregular';
    src: url('../fonts/helveticaneue-webfont.eot');
    src: url('../fonts/helveticaneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-webfont.svg#helveticaneueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img{
	max-width: 100%;
}
html, body{
	height: 100%
}
/*NAVBAR*/
.bg-light {

    background-color: transparent!important;

}
.navbar{
	padding: 0!important
}
.buttonContact{
	display: block;
	border: 2px solid #ff9933;
	font-size: 16px;
	color: #666666!important;
	padding-left: 27px!important;
	padding-right: 27px!important;
	cursor: pointer;
	letter-spacing: 2px;
}
.buttonContact:hover {
    border: 2px solid #ff9933;
    background-color: #ff9933;
    color: #fff !important;
    
}
.wrapperNav{
	padding: 15px 0;
}
.wrapperNav i{
	margin-right: 10px;
}
.navbar-brand img {
    max-width: 300px;

}
.angleButtom img {
    width: 95px;
}



/*NAVBAR*/

/*SLIDE*/
.wrapperSlide{
	height: calc(100% - 63px);
}
.slide {
    height: 100%;
    background-color: antiquewhite;
    position: relative;
    text-align: center;
}

/*.wrapperSlide i{
	text-align: center;
	font-size: 50px;
	color: #003366; 
	position: absolute;
	bottom: 0;
	

}*/
.angleButtom {
    display: block;
    width: 64px;
    height:32px;
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translatex(-50%);
    font-size: 95px;
    color: #fff;
    background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position-y: center;
	background-size: 100%;
}
.angleButtom:hover{
	 background-image: url(../images/arrowhover.png)
}
.angleButtom:hover i{
	color: #ff9933;
}
.itemSlide{
	/*background-image: url(../images/item1.jpg);*/
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	/*padding: 90px 150px;*/

}
.boxTitle{
	max-width: 1110px;
	margin: auto;
	font-size: 49px;
	color: #003366;
	font-family: 'AGaramondPro-Regular';
	text-align: left;
	margin-top: 90px;
}
.boxTitle h2{
	font-size: 49px;
	max-width: 680px;
}
.boxTitle span{
	font-size: 80px;
	border-bottom: 2px solid #ff9933;
	margin-left: 15px;

}
.white{
	/*background-image: url(../images/item2.jpg);*/
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	/*padding: 90px 150px;*/
	color: #fff;

}
.white .boxTitle h2 {
    color: #fff;
}
.slick-list.draggable{
	height: 100%!important;
}
.slick-track{
	height: 100%!important;
}
/*SLIDE*/

/*CONTENT*/
.wrapperContent{
	padding-top: 48px;	
	padding-bottom:48px;
}
.wrapperContent h2{
	font-family: 'AGaramondPro-Regular';
	font-size: 31px;
	color: #666;
	margin: 0;
    padding: 25px 0 38px 25px;
    border-left: 2px solid #ff9933;
    margin-top: -25px;
}
.wrapperContent h2::before {
    content: "";
    border: 1px solid #ff9933;
    width: 100px;
    display: block;
    position: absolute;
    top: -25px;
    left: 15px;
}
.wrapperContent p{
	font-family: 'HelveticaNeue-Roman';
	font-size: 16px;
	color: #666;
	padding-bottom:33px ;
	margin: 0;
}
.highlighted{
	font-family: 'helveticaneuemedium'!important;
}
.boxContent{
	padding-top: 32px;
	padding-bottom: 32px;
	text-align: justify;
}
.boxContent ul{
	padding-left: 15px !important;
	font-family: 'HelveticaNeue-Roman';
	font-size: 16px;
	color: #666;
}
.boxContent li{
	padding-left: 32px;
}
.address p{
	margin: 0;
	padding: 0;
}
.telephone p{
	margin: 0;
	padding: 0;
}
.telephone p:first-child {
    margin-bottom: 29px;
}
/*CONTENT*/
.footer{
	background-color: #f2f2f2;
	height: 90px;
	position: relative;
}
.footer h3{
	font-family: 'HelveticaNeue-Roman';
	font-size: 14px;
	color: #666;
	margin-bottom: 0;
}
.boxFooter{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 1199px){
	.boxTitle {
	    margin-top: 45px;
	    max-width: 930px;
	}

	
}
@media screen and (max-width: 991px){
	.itemSlide{
		position: relative;

	}
	/*.boxTitle{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		padding: 90px 0px 0px;
	}*/
	.boxTitle {
	    max-width: 690px;
	}
	.collapse {
    	display: contents;
	}
	.boxFooter{
		left: 0;
		transform: translateX(0%) translateY(-50%);
		width: 100%;
    	text-align: center;
	}
}
@media screen and (max-width: 767px){
	/*.itemSlide{
		padding: 0;
	}
	.boxTitle {
    	width: 100%;
    	padding: 25px 0px 0px 0px;
	}*/
	.boxTitle{
		max-width: 510px;
	}
	.boxTitle h2 {
	    font-size: 42px;
	    
	}
	.wrapperContent h2{
		margin-bottom: 33px;
	}
}
@media screen and (max-width: 575px){
	/*.boxTitle {
	    width: 100%;
	    padding: 25px 0px 0px 0px;
	}
	.boxTitle h2 {
	    font-size: 30px;
	}*/
	.boxTitle span {
		margin-left: 0;
		font-size: 50px;
	}
	.boxTitle {
	    max-width: 330px;
	}
	.boxTitle h2 {
	    font-size: 30px;
	    
	}
	.wrapperContent h2{
		padding: 25px 0 38px 18px;
	}
	.navbar {
		display: unset!important;
		flex-wrap: unset!important;
		text-align: center!important;
	}
	.buttonContact {
		display: inline-block;
	}
	ul.navbar-nav{
		margin-bottom:15px; 
	}
	.navbar-brand{
		margin: 0;
	}
}
@media screen and (max-width: 360px){
	ul.navbar-nav{
		margin-bottom:15px; 
	}
	.boxTitle {
	    max-width: 290px;
	}
}

