body{
	
	font-family: 'Open Sans', sans-serif!important;
	background:#111a32;
	color:#4e443a;
	line-height:24px;
	}
	
h1, h2, h3, h4{
	font-family: 'Raleway', sans-serif;
	font-weight:200;
	padding:0;
	margin:0 0 20px 0;
	}
	
h1{
	text-transform:uppercase;
	font-size:27px;
	font-weight:300
	}	

	
a{
	color:#005dab
	}
	
a:hover{
	color:#ffa200
	}
	
ul, ol{
	padding:0;
	margin:0;
	list-style:none;
	}
	
a:hover{
	text-decoration:none
	}


.navbar{
	z-index:1000!important;
	}


.navbar-default {
    background:#fff;
	
}


.header{
	overflow:hidden
	}

.top-section{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	z-index:100;
	border-bottom:5px solid #f5c658
	}

.top{
	height:auto;
	position:relative;
	display:block;
	padding:0 0 14px 0;
	}

	
a.meridian-trans{
	width:178px;
	height:73px;
	background:url(../images/meridian-trans.png) no-repeat;
	position:absolute;
	left:15px;
	top:10px;
	text-indent:-9999px;
	display:block;
	}
	
.nav-section{
	
	background:#262626;
	}
	
.navbar-toggle{
	z-index:1001
	}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffc600;
}

.navbar-default .navbar-toggle {
    border-color: #ffc600;
}
	
	
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ffc600;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}
	
ul.main-nav{
	font-family: 'Raleway', sans-serif;
	margin-top:40px;
	position:relative;
	z-index:1000!important;
	padding:0 0 20px 0;

	}
	
ul.main-nav li{
	margin:0 0 0 20px;
	}
	
ul.main-nav li a{
	padding:6px 10px;
	display:block;
	color:#fff;
	font-size:16px;
	text-transform:uppercase
	}
	
.navbar-default .navbar-nav > li > a {
    color: #575757;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #333;
}

.navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}
	
ul.main-nav li a:hover{
	color:#eaeaea;
	text-decoration:none;
	-webkit-transition: background 400ms ease;
	-moz-transition: background 400ms ease;
	-ms-transition: background 400ms ease;
	-o-transition: background 400ms ease;
	transition: background 400ms ease; 
	}
	
ul.main-nav li.selected a, ul.main-nav li.selected a:hover{
	color:#fff;
	text-decoration:none;
	background:#eabc4f
	}
	
ul.main-nav li ul{
	width:100%;
	position:absolute;
	left:0;
	top:38px;
	background:#303030;
	padding:20px 0 0 0;
	display:none
	}
	
ul.main-nav li:hover ul{
	display:block;
	} 
	
ul.main-nav li ul li{
	margin:0 0 20px 0;
	min-height:50px;
	}
	
ul.main-nav li ul li a{
	padding:0;
	overflow:hidden;
	display:block;
	}
	
ul.main-nav li ul li a span.ico{
	margin:0 10px 0 0;
	float:left
	}
	
ul.main-nav li ul li a span.lnk{
	width:75%;
	float:left;
	} 
	


	
.navbar-default {
	border:none;
	margin:0;
	
	}
	

.hero{
	display:block;
	margin:0;
	background:#111a32 url(../images/hero-meridian-trans.jpg) no-repeat center top;
	min-height:400px;
	background-size:cover;
	}
	
.intro{
	color:#fff
	}
	
	
.tel{
	color:#fff;
	padding:10px;
	font-size:20px;
	background:#eabc4f;
	text-align:center
	}
	
.tel a{
	color:#fff
	}
	
.tel span{
	display:inline-block;
	vertical-align:top
	}
	
.tel span.ico{
	width:38px;
	height:27px;
	background:url(../images/ico-phone.png) no-repeat;
	display:inline-block;

	}

a.more{
	font-size:14px;
	color:#eabc4f;
	font-weight:200;
	padding:4px 20px;
	border:1px solid #eabc4f;
	display:inline-block;
	margin:10px 0 0 0;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase
	}
	
a.more:hover{
	border:1px solid #fff;
	color:#fff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	}

.intro-txt{
	padding:0 0 10px 0;
	}

ul.products li{
	
	
	}

ul.products li a{
	display:block;
	color:#000;
	background:#fff;
	overflow:hidden
	}
	
ul.products li a:hover{
	color:#fff;
	background:#072752;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	}

ul.products li a span.pic{
	background:#fff;
	display:block;
	margin:0 0 10px 0;
	overflow:hidden
	}	
	
	
ul.products li a span.pic img{
	max-width:100%;
	max-height:100%;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	}
	
	
ul.products li a:hover span.pic img{
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	}

	

ul.products li h2.name{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	text-transform:uppercase;
	display:block;
	font-size:17px;
	color:#fff;
	font-weight:600
	}
	
ul.products li a span.description{
	clear:left;
	padding:0 20px 20px 20px;
	}
	
ul.products li a span.plus{
	font-size:14px;
	color:#eabc4f;
	font-weight:200;
	padding:4px 20px;
	margin:15px;
	border:1px solid #eabc4f;
	display:inline-block;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase
	}

	
.no-padding{
	padding:0!important
	}
	

.footer{
	padding:20px 0;
	display:block;
	color:#c3b18b;
	font-size:13px;
	}
	

.bottom-nav ul{
	display:block;
	}
	
.bottom-nav ul li{
	display:inline-block;
	margin:0 20px 0 0;
	}
.bottom-nav ul li a{
	color:#c0c6cf;
	font-size:13px;
	text-transform:uppercase
	}
	
.bottom-nav ul li a:hover{
	color:#fff;
	}
	
.copyright{
	text-align:right;
	color:#c0c6cf;
	}
	
	
	
.grey-row{
	background:#045686;
	padding:30px 0;
	color:#000
	}


	
.white-row{
	background:#fff;
	padding:30px 0;
	color:#000
	}		
			
			


			
			
.imgs{
	float:right
	}
	
.description{
	float:left
	}
	
	
.grey{
	background:#f1f1f1;
	padding:30px 0 0 0;
	}


.about, .partners{
	padding:0;
	}

.about h2, .partners h2{
    border-bottom: 4px solid #fed53b;
    display: inline-block;
    font-size: 17px;
    margin: 0 0 10px 0;
	padding:0 0 4px 0;
    text-transform: uppercase;
	font-weight:400;
	}
	
.about .txt{
	clear:left;
	padding:0 0 40px 0;
	display:block;
	font-weight:400;
	}
	
.about a.more{
	font-size:56px;
	line-height:20px;
	color:#ffc600;
	font-weight:200;
	position:absolute;
	right:20px;
	bottom:10px;
	font-family: 'Raleway', sans-serif;
	}
	
.partners .logos{
	text-align:center
	}
	
	
a.otto-chemie{
	width:113px;
	height:50px;
	margin:0 10px 0 0;
	display:inline-block
	}
	
a.graco{
	width:149px;
	height:50px;
	margin:0 10px 0 0;
	display:inline-block
	}
	
	
a.uniones-adhesivas{
	width:250px;
	height:50px;
	margin:0 10px 0 0;
	display:inline-block
	}
	
	
h1.h-otto{
	height:39px;
	font-size:27px;
	padding:5px 0 0 120px;
	display:block;
	background:url(../images/logo-otto.png) no-repeat;
	font-weight:300;
	}
	
.first-p{
	line-height:24px;
	}
	
	
.blue-arrow{
	width:38px;
	height:19px;
	background:url(../images/arrow-blue.png) no-repeat;
	margin:0 auto;
	display:block;
	}

.blue-row{
	background:#006bb3;
	padding:30px 0;
	color:#000
	}	
	
.otto-box{
	background:#f2f2f2;
	display:block;
	overflow:hidden
	}
	
.first-box{
	background:#fff;
	display:block;
	overflow:hidden
	}	
	
.pic-contruction{
	background:url(../images/silicon-constructii.jpg) no-repeat center center;
	background-size:cover;
	display:block
	}
	
.pic-industry{
	background:url(../images/silicon-industrie.jpg) no-repeat center center;
	background-size:cover;
	display:block
	}
	
.content-list{
	padding:20px;
	}
	
.content-list h2{
	font-size:20px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	font-weight:400;
	}
		
ul.prod-list{
	padding:0;
	margin:0;
	}
ul.prod-list li{
	margin:0 0 6px 0;
	}


ul.prod-list li a{
	padding:0 0 0 10px;
	background:url(../images/arrow-list.png) no-repeat left 5px;
	display:block;
	color:#333;
	}

ul.prod-list li a:hover{
	color:#ffa200
	}
	
.second-box{
	padding:20px;
	border-bottom:1px solid #c7c7c7
	}
	
.second-box a{
	color:#333
	}
	
.third-box{
	padding:20px;
	}
	
a.pdf{
	height:46px;
	line-height:46px;
	padding:0 0 0 60px;
	font-size:20px;
	text-transform:uppercase;
	color:#000;
	background:url(../images/ico-pdf.png) no-repeat left top;
	display:block
	}	
	
a.pdf-w{
	height:46px;
	line-height:46px;
	padding:0 0 0 60px;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	background:url(../images/ico-pdf.png) no-repeat left top;
	display:block
	}	

a.video{
	height:46px;
	line-height:46px;
	padding:0 0 0 60px;
	font-size:20px;
	text-transform:uppercase;
	color:#000;
	background:url(../images/ico-video.png) no-repeat left top;
	display:block
	}	
	
	
h1.h-graco{
	height:42px;
	font-size:27px;
	padding:5px 0 0 60px;
	display:block;
	background:url(../images/graco.png) no-repeat;
	font-weight:300;
	}
	
	
.grey-box{
	background:#f1f1f1;
	padding:30px;
	}
	
.white-box{
	background:#fff;
	padding:30px;
	}

.blue-box{
	background:#86b1d5;
	padding:30px;
	color:#fff
	}	
	
.blue-box h2{
	font-size:20px;
	text-transform:uppercase;
	font-weight:400
	}
	
	
.white-box a{
	color:#005dab
	}
	
ul.list{
	padding:0 0 0 20px
	}
	
ul.list li{
	padding:0 0 0 14px;
	margin:0 0 6px 0;
	background:url(../images/arrow-list.png) no-repeat left 5px;
	}
	
ul.list-w{
	padding:0 0 0 20px
	}
	
ul.list-w li{
	padding:0 0 0 14px;
	margin:0 0 6px 0;
	background:url(../images/arrow-list-w.png) no-repeat left 5px;
	}
		
.yellow-arrow{
	width:38px;
	height:19px;
	background:url(../images/arrow-yellow.png) no-repeat;
	margin:0 auto;
	display:block;
	}

.yellow-row{
	background:#ffb811;
	padding:30px 0;
	color:#000
	}	

	
.adezivi{
	display:block
	}

.adezivi img{
	width:100%;
	display:block
	}
	
.description-ad{
	padding:40px 20px;
	}
	
.description-ad a.lnk{
	font-size:14px;
	color:#000;
	border:1px solid #ffb811;
	display:inline-block;
	padding:10px 30px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	}
	
.description-ad a.lnk:hover{
	font-size:14px;
	background:#ffb811;
	border:1px solid #ffb811;
	color:#fff;
	display:inline-block;
	padding:10px 30px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	}
	
h1.h-uniones-adhesivas{
	height:55px;
	font-size:27px;
	padding:13px 0 0 100px;
	display:block;
	background:url(../images/un-adhesivas.png) no-repeat;
	font-weight:300;
	}
	
.container.contact-page a{
	color:#ffa200
	}

.group{
	display:block;
	margin:0 0 20px 0;
	}

.group img{
	width:100%;
	}
	
	
.white-box a.pdf{
	height:46px;
	line-height:46px;
	padding:0 40px 0 60px;
	font-size:20px;
	text-transform:uppercase;
	color:#333;
	background:url(../images/ico-pdf.png) no-repeat left top;
	display:inline-block
	}
	
.white-box a.video{
	height:46px;
	line-height:46px;
	padding:0 0 0 60px;
	font-size:20px;
	text-transform:uppercase;
	color:#333;
	background:url(../images/ico-video.png) no-repeat left top;
	display:inline-block;
	margin:10px 0 0 0;
	}	


ul.imgs-bg li{
	width:30%;
	margin:30px 1.5%;
	float:left;
	}
	
ul.imgs-bg li a{
	width:100%;
	height:300px;
	display:block;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden
	}	
	
	
ul.imgs-bg li a span{
	width:100%;
	height:50px;
	background:#efefef;
	font-size:20px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	display:block;
	text-align:center;
	

	}
	
ul.imgs-bg li a span span{
	width:100%;
	height:auto;
	display:block;
	top:auto;
	left:auto;
	position:relative;
	line-height:18px;
	/*height:50px;
	display:table-cell;
	vertical-align:middle;*/
	}
	

form.dates input{
	border:1px solid red;
	width:200px;
	height:30px;
	display:block;
	}

.content-date{
	margin:200px 0 0 0;
	width:200px;
	background:#cc0033;
	color:#fff;
	display:block;
	position:relative
	}

#ui-datepicker-div.move{
	position:relative!important;
	left:auto!important;
	top:auto!important;
	}


.main{
	background:#fff;
	padding:20px;
	}	

a.fancybox{
	background-size:cover!important;
	background-position:center center; 
	display:block;
	}

a.fancybox .pic{
	overflow:hidden
	}
	
a.fancybox .pic img{
	width:100%;
	display:block;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	}
	
a.fancybox:hover .pic img{
	display:block;
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	}
	

a.fancybox .name{
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#eabc4f;
	color:#fff;
	display:block;
	}
	
a.fancybox:hover .name{
	background-color:#f7c754;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	}

.imgSquareWrapper {
    margin-bottom: 30px;
}	

	

iframe{
	width:100%;
	height:400px;
	}	

.wide-pic{
	margin:0 0 20px 0;
	}
	
.wide-pic img{
	max-width:100%
	}



	
@media (max-width:994px){
	ul.main-nav {
		font-family: "Raleway",sans-serif;
		margin-top: 40px;
		position: relative;
		z-index: 1000 !important;
	}
	}


@media (max-width:768px){
	
		
	ul.main-nav li {
		margin: 0;
		padding: 0 10px;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border:none
	}
		
		
	ul.main-nav {
		font-family: "Raleway",sans-serif;
		margin-top: 0;
		position: relative;
		width: 100%;
		z-index: 1000 !important;
	}
		
	.container > .navbar-collapse{
		padding:0;
		width:100%;
		}
		
	.navbar-toggle{
		margin-top:45px;
		position:relative
		}
		
	.navbar-default {
		border: none;
		margin: 0;
		padding: 0;
	}
	
	
	 .container > .navbar-collapse, .container-fluid > .navbar-collapse{
		 padding:0;
		 }
		
	 
		
	.bottom-nav ul{
		margin:0 0 20px 0;
		text-align:center;
		display:block;
		}
		
	.bottom-nav ul li{
		margin:0 6px;
		}
		
	.copyright{
		text-align:center
		}
		
	a.h-box{
		margin:0 0 20px 0;
		}
		
	a.h-box span.txt{
		padding:20px 0;
		}
		
	ul.news-list li{
		margin:0 0 20px 0;
		}


		
	.slideshow-wrapper ul.rslides li a.txt{
		width:50%;
		padding:10px;
		background:url(../images/bg-txt.png);
		position:absolute;
		left:50%;
		margin-left:-25%;
		bottom:20px;
		display:block;
		z-index:2
		}
		
		ul.products li a span.pic img {
		width: 100%;
	}
	
	.about{
		margin:0 0 20px 0;
		}
		
		
		a.macaloumi {
			left: 15px;
			top: 60px;
		}
		
		ul.main-nav {
		 margin-top:10px!important;
		 padding:0!important
		 }
		 
		.container > .navbar-collapse, .container-fluid > .navbar-collapse {
		overflow:hidden
	}
	
	a.macaloumi{
			width:220px;
			height:47px;
			background:url(../images/macaloumi.png) no-repeat;
			background-size:100%;
			position:absolute;
			left:10px;
			top:10px;
			text-indent:-9999px;
			display:block;
			}
			
			
		ul.contact-top {
			display: block;
			font-size: 16px;
			height: 46px;
			line-height: 46px;
			position: absolute;
			right: auto;
			left:0;
			top: 70px;
		}


		ul.contact-top li.phone {
			text-indent: 0;
			width: 160px;
			font-size:13px;
		}
		
		.otto-ch{
			margin:0 0 20px 0;
			}

		
}


	
		
@media (max-width:640px){
	.partners .logos a{
		width:100%;
		margin:0 0 20px 0;
		display:block;
		text-align:center
	}
	
	ul.contact-top{
		right:15px;
		}
	
	ul.contact-top li.phone{
		width:190px;
		text-indent:0
		}
		
	ul.contact-top li.phone a{
		text-indent:0
		}
		
	ul.contact-top li.facebook a{
		padding:0;
		}
		
	a.macaloumi{
			width:220px;
			height:47px;
			background:url(../images/macaloumi.png) no-repeat;
			background-size:100%;
			position:absolute;
			left:10px;
			top:10px;
			text-indent:-9999px;
			display:block;
			}
			
			
		ul.contact-top {
			display: block;
			font-size: 16px;
			height: 46px;
			line-height: 46px;
			position: absolute;
			right: auto;
			left:0;
			top: 70px;
		}


		ul.contact-top li.phone {
			text-indent: 0;
			width: 160px;
			font-size:13px;
		}
		
		
		ul.products li{
			margin:0 0 20px 0;
			}
			
		.hero {
		min-height: 200px;
		margin:0;
	}
			
	}


@media (max-width:480px){
	h1{
		font-size:20px;
		}
	
	a.bois-du-soleil{
		width:250px;
		background-size:100%;
		left:1px;
		top:40px;
		}
		
		
	.imgs{
		float:left;
		padding:0!important
		}
		
	.description{
		float:left
		}
		
	.slideshow-wrapper ul.rslides li a.txt{
		width:70%;
		padding:10px;
		background:url(../images/bg-txt.png);
		position:absolute;
		left:50%;
		margin-left:-35%;
		bottom:10px;
		display:block;
		z-index:2;
		font-size:13px;
		}
		
		
		a.macaloumi{
			width:220px;
			height:47px;
			background:url(../images/macaloumi.png) no-repeat;
			background-size:100%;
			position:absolute;
			left:10px;
			top:10px;
			text-indent:-9999px;
			display:block;
			}
			
			
		ul.contact-top {
			display: block;
			font-size: 16px;
			height: 46px;
			line-height: 46px;
			position: absolute;
			right: auto;
			left:0;
			top: 70px;
		}


		ul.contact-top li.phone {
			text-indent: 0;
			width: 160px;
			font-size:13px;
		}
		
		.hero {
			min-height: 140px;
		}
		
		.tel {

		font-size: 16px;
	}
	
	}
	
	
@media (max-width:360px){
	.slideshow-wrapper ul.rslides li a.txt{
		width:60%;
		padding:10px;
		background:url(../images/bg-txt.png);
		position:absolute;
		left:20%;
		bottom:20px;
		display:block;
		z-index:2;
		font-size:12px;
		display:none
		}
		/*
		a.macaloumi{
		width:220px;
		height:47px;
		background:url(../images/macaloumi.png) no-repeat;
		background-size:100%;
		position:absolute;
		left:10px;
		top:60px;
		text-indent:-9999px;
		display:block;
		}*/
		
		.callbacks_nav.prev, .callbacks_nav.next {
			display:none
		}
		
		
		h1.h-otto{
			font-size:21px;
			}
			
		h1.h-uniones-adhesivas{
			font-size:18px;
			}
			
		ul.products li{
			margin:0 0 20px 0;
			}
			
		ul.products li a span.plus{
			bottom:20px;
			font-weight:600!important
			}
	}