@charset "utf-8";
/* CSS Document */

* {
	outline:none;
	padding:0px;
	margin:0px;
}

html{
	padding:0px;
	margin:0px;
}

body{
	background-color:#FFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#5a5a5a;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:20px;
	padding:0px;
	margin:0px;
}

/* FONTS */
@font-face{
	font-family:'AvantGarde';
	src:url('Fonts/avantgarde.eot');
	src:url('Fonts/avantgarde.eot?#iefix') format('embedded-opentype'),
		url('Fonts/avantgarde.woff') format('woff'),
		url('Fonts/avantgarde.ttf') format('truetype'),
		url('Fonts/avantgarde.svg#AvantGardeNormalBook') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* ALL */
.clear{height:0px; display:block; clear:left; font-size:0px; line-height:0px;}
.clean{height:0px; display:block; clear:right; font-size:0px; line-height:0px;}
.cleall{height:0px; display:block; clear:both; font-size:0px; line-height:0px;}

img{height:auto; border:none;}

a{color:#f4c306; text-decoration:none; cursor:pointer;}
a:hover{color:#f4c306z; text-decoration:underline;}

a.button{display:inline-block; position:relative; border:4px solid #f4c307; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#FFF; text-decoration:none; text-transform:uppercase; line-height:14px; padding:20px 40px; margin:0px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.button:hover{background-color:#f4c307; color:#333; text-decoration:none;}

span.count{width:96%; max-width:1185px; display:block; position:relative; padding:0% 2%; margin:0px auto;}

/* STATUS */
small{display:none; font-size:11px; text-decoration:none; padding:5px 10px; margin:0px 0px 15px 0px;}
small.error{display:block; color:#ff0000;}
small.success{display:block; color:#009933;}
small.loading{display:block; color:#969696;}
small img{vertical-align:text-bottom; padding:0px; margin:0px 7px 0px 0px;}

/* HEADER */
header{width:100%; max-width:1185px; min-height:110px; display:block; position:fixed; top:0px; left:50%; background-color:#FFF; padding:0px; margin:0px 0px 0px -593px; z-index:9999; box-shadow:0px 1px 2px rgba(0,0,0,0.15);}

/* --- LOGO --- */
header h1{height:110px; display:block; float:left; position:relative; padding:0px; margin:0px;}
header h1 a{width:242px; height:110px; display:block; background-image:url(../Images/Buttons/logo.png); background-position:center right; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px;}
header h1 a big{width:100px; height:110px; display:block; float:left; background-color:#f4c306; padding:0px; margin:0px 25px 0px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header h1 a big p{width:60px; height:62px; display:block; background-image:url(../Images/Icons/all.png); background-position:0px 0px; background-repeat:no-repeat; padding:0px; margin:24px 0px 0px 18px;}

header h1 a:hover big{background-color:#333; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* --- MENU --- */
header a.show{width:33px; height:28px; display:none; position:relative; float:right; background-image:url(../Images/Icons/all.png); background-position:0px -170px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:26px 20px 0px 0px;}
header a.show:hover{background-position:-33px -170px;}

header nav{display:block; position:relative; float:right; padding:0px; margin:0px;}
header nav ul{min-height:110px; display:block; position:relative; list-style:none; padding:0px; margin:0px;}
header nav ul li{min-height:110px; display:block; float:left; list-style:none; padding:0px; margin:0px;}
header nav ul li a{min-height:110px; display:block; font-size:14px; color:#8e8e8e; text-decoration:none; text-transform:uppercase; line-height:110px; padding:0px 20px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header nav ul li a:hover{background-color:#f7f7f7; color:#f4c307; text-decoration:none;}
header nav ul li.select a{background-color:#f4c307; color:#FFF; text-decoration:none;}

/* SLIDER */
section.slider{display:block; position:relative; background-color:#EEE; padding:0px; margin:0px; z-index:1;}

/* --- WELCOME --- */
section.slider span.count{max-width:none; position:absolute; bottom:200px; font-family:'AvantGarde'; font-size:22px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:22px; text-align:center; margin:0px; z-index:999;}
section.slider span.count h2{font-family:'AvantGarde'; font-size:80px; color:#FFF; text-decoration:none; text-transform:none; font-weight:normal; font-style:normal; line-height:80px; padding:0px; margin:0px 0px 25px 0px;}

/* --- CONTROLS --- */
section.slider div.controls{width:100%; position:absolute; text-align:center; bottom:100px; z-index:999;}
section.slider div.controls .bx-pager-item{width:16px; height:16px; display:inline-block; vertical-align:middle; padding:0px; margin:0px 5px;}
section.slider div.controls .bx-pager-item a{width:16px; height:16px; display:block; position:relative; border:2px solid #FFF; text-indent:-9999px; padding:0px; margin:0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.slider div.controls .bx-pager-item a:hover{border:2px solid #f4c307;}
section.slider div.controls .bx-pager-item a.active{background-color:#f4c307; border:2px solid #f4c307;}

/* --- CONTENT --- */
section.slider div.bx-wrapper{position:relative; padding:0px; margin:0px auto; z-index:1; *zoom:1;}
section.slider div.bx-wrapper .bx-viewport{-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
section.slider div.bx-wrapper .bx-loading{width:100%; height:100%; min-height:250px; position:absolute; top:0; left:0; background-image:url(../Images/Icons/loader.gif); background-position:center; background-repeat:no-repeat; z-index:2000;}

section.slider div.bx-wrapper ul{width:100%; height:620px; display:block; padding:0px; margin:0px;}
section.slider div.bx-wrapper ul li{width:100%; height:620px; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center; padding:0px; margin:0px;}
section.slider div.bx-wrapper ul li.one{background-image:url(../Images/Slider/1.jpg);}
section.slider div.bx-wrapper ul li.two{background-image:url(../Images/Slider/2.jpg);}

/* ABOOUT */
section.about{display:block; position:relative; font-size:18px; color:#000; text-decoration:none; font-style:normal; font-weight:normal; text-align:center; text-transform:uppercase; line-height:30px; padding:0px 0px 140px 0px; margin:0px; z-index:99;}
section.about h2{display:block; font-family:'AvantGarde'; font-size:72px; color:#5a5a5b; text-decoration:none; font-weight:normal; font-style:normal; line-height:72px; padding:0px; margin:0px 0px 50px 0px;}
section.about a.button{color:#333; text-decoration:none;}
section.about a.button:hover{color:#FFF; text-decoration:none;}

/* --- OFFERT --- */
section.about a.offert{display:block; position:relative; background-color:#f4c307; font-size:22px; color:#FFF; text-decoration:none; line-height:50px; padding:32px; margin:-57px 0px 140px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.about a.offert p{width:31px; height:31px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:0px -62px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:9px 0px 10px 0px;}
section.about a.offert hr{width:2px; height:50px; display:inline-block; background-color:#FFF; border:none; color:#FFF; vertical-align:middle; padding:0px; margin:0px 35px 0px 25px;}

section.about a.offert:hover{background-color:#333; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* --- PAGE --- */
section.abouts{display:block; position:relative; font-size:14px; color:#5a5a5b; text-decoration:none; font-style:normal; font-weight:normal; line-height:20px; padding:70px 0px; margin:0px; z-index:99;}
section.abouts h2{display:block; font-family:'AvantGarde'; font-size:72px; color:#5a5a5b; text-decoration:none; font-weight:normal; font-style:normal; line-height:72px; padding:0px; margin:0px 0px 50px 0px;}
section.abouts h3{display:block; font-size:16px; color:#f4c306; text-decoration:none; text-transform:uppercase; font-weight:normal; line-height:23px; padding:0px; margin:0px 0px 30px 0px;}
section.abouts h3 strong{color:#f4c306; text-decoration:none; font-weight:bold;}
section.abouts h4{display:block; font-size:14px; color:#333; text-decoration:none; text-transform:uppercase;  line-height:20px; padding:0px; margin:0px 0px 15px 0px;}
section.abouts em{color:#f4c307; text-decoration:none;}
section.abouts img{max-width:100%; display:block; float:right; padding:0px; margin:0px 0px 30px 30px;}
section.abouts strong{color:#111; text-decoration:none; font-weight:normal;}

/* SERVICES */
section.services{display:block; position:relative; background-color:#363636; font-size:18px; color:#000; text-decoration:none; font-style:normal; font-weight:normal; text-align:center; text-transform:uppercase; line-height:30px; padding:70px 0px 120px 0px; margin:0px; z-index:99;}
section.services h2{display:block; font-family:'AvantGarde'; font-size:50px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:50px; text-align:center; padding:0px 0px 20px 0px; margin:0px;}

section.services a{width:50%; width:-moz-calc(50% - 80px); width:-webkit-calc(50% - 80px); width:-o-calc(50% - 80px); width:calc(50% - 80px); display:block; float:left; font-size:12px; text-align:left; padding:0px; margin:70px 40px 0px 40px;}

section.services a big{width:150px; height:150px; display:inline-block; background-color:#f4c307; vertical-align:middle; padding:0px; margin:0px 25px 0px 0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.services a big.icon1 p{width:70px; height:95px; background-image:url(../Images/Icons/all.png); background-position:-60px 0px; background-repeat:no-repeat; padding:0px; margin:27px auto 0px;}
section.services a big.icon2 p{width:95px; height:75px; background-image:url(../Images/Icons/all.png); background-position:-130px 0px; background-repeat:no-repeat; padding:0px; margin:37px auto 0px;}
section.services a big.icon3 p{width:95px; height:47px; background-image:url(../Images/Icons/all.png); background-position:-130px -75px; background-repeat:no-repeat; padding:0px; margin:51px auto 0px;}
section.services a big.icon4 p{width:68px; height:75px; background-image:url(../Images/Icons/all.png); background-position:0px -95px; background-repeat:no-repeat; padding:0px; margin:37px auto 0px;}
section.services a big.icon5 p{width:62px; height:68px; background-image:url(../Images/Icons/all.png); background-position:-68px -95px; background-repeat:no-repeat; padding:0px; margin:40px auto 0px;}
section.services a big.icon6 p{width:57px; height:83px; background-image:url(../Images/Icons/all.png); background-position:-225px 0px; background-repeat:no-repeat; padding:0px; margin:33px auto 0px;}

section.services a span{width:-moz-calc(100% - 180px); width:-webkit-calc(100% - 180px); width:-o-calc(100% - 180px); width:calc(100% - 180px); display:inline-block; vertical-align:middle; padding:0px; margin:0px;}
section.services a span p{display:block; font-size:12px; color:#FFF; text-decoration:none; font-style:normal; font-weight:normal; text-transform:none; line-height:20px; padding:0px; margin:0px;}
section.services a span h4{display:block; font-family:'AvantGarde'; font-size:22px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:22px; padding:0px; margin:0px;}

section.services a:hover{text-decoration:none;}
section.services a:hover big{background-color:#FFF; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.services a:hover h4{color:#CCC; text-decoration:none;}

/* --- PAGE --- */
section.service{display:block; position:relative; font-size:14px; color:#5a5a5b; text-decoration:none; font-style:normal; font-weight:normal; line-height:20px; padding:70px 0px 40px 0px; margin:0px;}
section.service h2{display:block; font-family:'AvantGarde'; font-size:72px; color:#5a5a5b; text-decoration:none; font-weight:normal; font-style:normal; line-height:72px; padding:0; margin:0px 0px 50px;}
section.service h3{display:block; font-size:16px; color:#f4c306; text-decoration:none; text-transform:uppercase; font-weight:normal; line-height:23px; padding:0px; margin:0px 0px 30px 0px;}

section.service article{display:block; position:relative; font-size:14px; color:#5a5a5b; text-decoration:none; line-height:20px; padding:35px 0px; margin:0px;}
section.service article.gray{background-color:#f2f2f2;}

section.service article h4{display:block; font-family:'AvantGarde'; font-size:30px; color:#5a5a5b; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:30px; padding:15px 0px 30px 0px; margin:0px;}
section.service article em{color:#f4c307; text-decoration:none;}
section.service article.gray em{color:#E99A04; text-decoration:none;}

section.service article img{width:340px; max-width:100%; display:block; float:left; padding:0px; margin:0px 30px 0px 0px; z-index:1;}

section.service article div.info{width:-moz-calc(100% - 370px); width:-webkit-calc(100% - 370px); width:-o-calc(100% - 370px); width:calc(100% - 370px); display:block; float:left;}
section.service article div.info ul{display: block; margin:10px 0px 20px 20px;}
section.service article div.info ul li.red{color:#F00;}

/* NEWSLETTER */
section.newsletter{display:block; position:relative; background-image:url(../Images/Backgrounds/newsletter.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; font-size:12px; color:#FFF; text-decoration:none; font-style:normal; font-weight:normal; text-align:center; text-transform:uppercase; line-height:20px; padding:175px 0px; margin:0px; z-index:99;}

section.newsletter article{width:-moz-calc(50% - 100px); width:-webkit-calc(50% - 100px); width:-o-calc(50% - 100px); width:calc(50% - 100px); display:block; float:left; font-size:12px; text-align:left; padding:0px; margin:0px 40px;}
section.newsletter article h3{display:block; font-family:'AvantGarde'; font-size:36px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:36px; padding:0px; margin:0px;}
section.newsletter article h3 big{width:85px; height:67px; display:block; float:left; background-image:url(../Images/Icons/all.png); background-position:-225px -83px; background-repeat:no-repeat; padding:0px; margin:0px 35px 0px 0px;}

section.newsletter article strong{display:block; font-family:'AvantGarde'; font-size:18px; color:#f4c307; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:22px; padding:0px; margin:30px 0px 15px 0px;}
section.newsletter article input{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); max-width:400px; height:60px; display:block; background-color:#FFF; border:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#666; text-decoration:none; font-style:normal; font-weight:normal; line-height:60px; padding:0px 20px; margin:0px 0px 30px 0px;}

/* NEWSLETTER */
section.map{display:block; position:relative; background-color:#ececec; padding:0px; margin:0px; z-index:99;}
section.map div.map{width:100%; height:540px; display:none; position:relative; padding:0px; margin:0px;}
section.map div.show{display:block;}

section.map a.open{width:96%; display:block; background-color:#D9D9D9; font-family:'AvantGarde'; font-size:16px; color:#333; text-decoration:none; text-transform:uppercase; font-style:normal; font-weight:normal; text-align:center; line-height:16px; padding:15px 2% 10px 2%; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.map a.open.active{background-color:#363636; color:#FFF;}
section.map a.open:hover{background-color:#f4c307; color:#FFF; text-decoration:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* CONTACT */
section.contacts{display:block; position:relative; background-color:#363636; font-size:12px; color:#FFF; text-decoration:none; font-style:normal; font-weight:normal; line-height:20px; padding:60px 0px; margin:0px; z-index:99;}
section.contacts h5{display:inline-block; border-top:5px solid #f4c307; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color:#979595; text-decoration:none; text-transform:uppercase; line-height:16px; padding:15px 0px 0px 0px; margin:0px;}

/* --- ADDRESS --- */
section.contacts aside{width:30%; display:block; float:left; padding:0px; margin:0px;}
section.contacts aside big{width:127px; height:33px; display:block; position:relative; background-image:url(../Images/Buttons/logotype.png); background-position:center; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px 0px 50px 0px;}
section.contacts aside strong{display:block; float:left; color:#f4c307; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:0px; margin:0px;}
section.contacts aside p{display:inline-block; padding:0px; margin:0px 0px 0px 10px;}
section.contacts aside p a{color:#FFF; text-decoration:none;}
section.contacts aside p a:hover{text-decoration:underline;}

section.contacts aside a.facebook,
section.contacts aside a.twitter,
section.contacts aside a.google,
section.contacts aside a.linkedin{width:65px; height:65px; display:inline-block; background-color:#4e4e4e; vertical-align:top; text-align:center; padding:0px; margin:100px 5px 0px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.contacts aside a.facebook p{width:18px; height:37px; display:block; position:relative; background-image:url(../Images/Icons/all.png); background-position:-68px -163px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:14px auto 0px auto;}
section.contacts aside a.twitter p{width:25px; height:37px; display:block; position:relative; background-image:url(../Images/Icons/all.png); background-position:-104px -163px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:14px auto 0px auto;}
section.contacts aside a.google p{width:34px; height:34px; display:block; position:relative; background-image:url(../Images/Icons/all.png); background-position:-154px -166px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:16px auto 0px auto;}
section.contacts aside a.linkedin p{width:33px; height:34px; display:block; position:relative; background-image:url(../Images/Icons/all.png); background-position:-222px -166px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:16px auto 0px auto;}

section.contacts aside a.facebook:hover,
section.contacts aside a.twitter:hover,
section.contacts aside a.google:hover,
section.contacts aside a.linkedin:hover{background-color:#7A7A7A;}
section.contacts aside a.facebook:hover p{background-position:-86px -163px;}
section.contacts aside a.twitter:hover p{background-position:-129px -163px;}
section.contacts aside a.google:hover p{background-position:-188px -166px;}
section.contacts aside a.linkedin:hover p{background-position:-255px -166px;}

/* --- MENU --- */
section.contacts div.menu{width:15%; display:block; float:left; padding:0px; margin:0px;}
section.contacts div.menu ul{display:block; position:relative; list-style:none; padding:0px; margin:30px 0px 0px 0px;}
section.contacts div.menu ul li{display:block; position:relative; list-style:none; padding:0px; margin:0px 0px 5px 0px;}
section.contacts div.menu ul li a{display:block; font-size:14px; color:#FFF; text-decoration:none; text-transform:uppercase; padding:0px; margin:0px;}
section.contacts div.menu ul li a:hover{color:#999; text-decoration:none;}
section.contacts div.menu ul li.select a{color:#f4c307; text-decoration:none;}

/* --- FORM --- */
section.contacts  article{width:55%; display:block; float:left; padding:0px; margin:0px;}

section.contacts  article input{width:50%; width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); height:40px; display:block; float:left; background-color:#d7d7d7; border:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#222; text-decoration:none; font-style:normal; font-weight:normal; line-height:40px; padding:0px 10px; margin:30px 0px 20px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.contacts  article input:hover,
section.contacts  article input:focus{background-color:#FFF;}
section.contacts  article input.first{margin:30px 20px 20px 0px;}

section.contacts  article textarea{width:100%; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); height:200px; display:block; background-color:#d7d7d7; border:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#222; text-decoration:none; font-style:normal; font-weight:normal; line-height:16px; padding:10px; margin:0px 0px 20px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.contacts  article textarea:hover,
section.contacts  article textarea:focus{background-color:#FFF;}

/* HEAD */
section.head{height:330px; display:block; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; padding:0px; margin:0px; z-index:1;}
section.head.about{background-image:url(../Images/Backgrounds/about.jpg);}
section.head.services{background-image:url(../Images/Backgrounds/services.jpg);}
section.head.galleries{background-image:url(../Images/Backgrounds/gallery.jpg);}
section.head.cookies{background-image:url(../Images/Backgrounds/cookies.jpg);}

/* WORKS */
section.works{display:block; position:relative; font-size:14px; color:#5a5a5b; text-decoration:none; font-style:normal; font-weight:normal; line-height:20px; text-align:center; padding:70px 0px 40px 0px; margin:0px;}
section.works h2{display:block; font-family:'AvantGarde'; font-size:72px; color:#5a5a5b; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; line-height:72px; padding:0; margin:0px 0px 50px;}
section.works h3{display:block; font-size:16px; color:#f4c306; text-decoration:none; text-transform:uppercase; font-weight:normal; text-align:left; line-height:23px; padding:0px; margin:0px 0px 30px 0px;}

section.works a{width:25%; width:-moz-calc(25% - 20px); width:-webkit-calc(25% - 20px); width:-o-calc(25% - 20px); width:calc(25% - 20px); max-width:280px; display:block; position:relative; float:left; padding:0px; margin:10px;}
section.works a div{position:relative; padding:0px; margin:0px;}
section.works a div span{width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; background-image:url(../Images/Backgrounds/hover.png); background-position:center; background-repeat:no-repeat; z-index:999; opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.works a div img{max-width:100%; display:block; position:relative; padding:0px; margin:0px; z-index:1;}
section.works a h3{background-color:#363434; font-size:12px; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; padding:10px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.works a:hover{text-decoration:none;}
section.works a:hover div span{opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.works a:hover h3{background-color:#f4c306; color:#363434; text-decoration:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* GALLERY */
section.gallery{display:block; position:relative; font-size:14px; color:#5a5a5b; text-decoration:none; font-style:normal; font-weight:normal; line-height:20px; text-align:center; padding:70px 0px 40px 0px; margin:0px;}
section.gallery h2{display:block; font-family:'AvantGarde'; font-size:48px; color:#5a5a5b; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; line-height:48px; padding:0; margin:0px 0px 50px;}
section.gallery a.button{display:block; float:right; color:#333; margin:-10px 0px 0px 0px;}
section.gallery a.button:hover{color:#FFF; text-decoration:none;}

/* --- GALLERY ---  */
section.gallery article{width:68%; display:block; float:left; position:relative; padding:0px; margin:0px;}

section.gallery article div.bx-wrapper{position:relative; padding:0px; margin:0px auto; z-index:1; *zoom:1;}
section.gallery article div.bx-wrapper .bx-viewport{-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
section.gallery article div.bx-wrapper .bx-loading{width:100%; height:100%; min-height:250px; position:absolute; top:0; left:0; background-image:url(../Images/Icons/loader.gif); background-position:center; background-repeat:no-repeat; z-index:2000;}

section.gallery article div.bx-wrapper ul{width:100%; display:block; list-style:none; padding:0px; margin:0px;}
section.gallery article div.bx-wrapper ul li{width:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center; list-style:none; padding:0px; margin:0px;}
section.gallery article div.bx-wrapper ul li img{max-width:100%; display:block; padding:0px; margin:0px;}

/* === CONTROLS === */
section.gallery article span.prev{display:block; position:absolute; left:50%; padding:0px; margin:-17px 0px 0px -51px; z-index:99;}
section.gallery article span.prev a{width:4px; height:7px; display:block; position:relative; background-color:#f4c307; background-image:url(../Images/Icons/all.png); background-position:-45px -62px; background-repeat:no-repeat; border-top:12px solid #f4c307; border-bottom:11px solid #f4c307; border-left:15px solid #f4c307; border-right:15px solid #f4c307; text-indent:-9999px; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.gallery article span.prev a:hover{background-color:#363434; background-position:-45px -69px; border-top:12px solid #363434; border-bottom:11px solid #363434; border-left:15px solid #363434; border-right:15px solid #363434;}

section.gallery article span.auto{display:block; position:absolute; left:50%; padding:0px; margin:-17px 0px 0px -17px; z-index:99;}
section.gallery article span.auto a.bx-start{width:14px; height:14px; display:block; position:relative; background-color:#f4c307; background-image:url(../Images/Icons/all.png); background-position:-31px -62px; background-repeat:no-repeat; border-top:8px solid #f4c307; border-bottom:8px solid #f4c307; border-left:10px solid #f4c307; border-right:10px solid #f4c307; text-indent:-9999px; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.gallery article span.auto a.bx-stop{width:14px; height:14px; display:block; position:relative; background-color:#f4c307; background-image:url(../Images/Icons/all.png); background-position:-31px -76px; background-repeat:no-repeat; border-top:8px solid #f4c307; border-bottom:8px solid #f4c307; border-left:10px solid #f4c307; border-right:10px solid #f4c307; text-indent:-9999px; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.gallery article span.auto a:hover{background-color:#363434; background-position:-31px -76px; border-top:8px solid #363434; border-bottom:8px solid #363434; border-left:10px solid #363434; border-right:10px solid #363434;}

section.gallery article span.next{display:block; position:absolute; left:50%; padding:0px; margin:-17px 0px 0px 17px; z-index:99;}
section.gallery article span.next a{width:4px; height:7px; display:block; position:relative; background-color:#f4c307; background-image:url(../Images/Icons/all.png); background-position:-48px -62px; background-repeat:no-repeat; border-top:12px solid #f4c307; border-bottom:11px solid #f4c307; border-left:15px solid #f4c307; border-right:15px solid #f4c307; text-indent:-9999px; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.gallery article span.next a:hover{background-color:#363434; background-position:-48px -69px; border-top:12px solid #363434; border-bottom:11px solid #363434; border-left:15px solid #363434; border-right:15px solid #363434;}

/* --- THUMBS --- */
section.gallery aside{width:32%; display:block; float:left; position:relative; padding:0px; margin:0px;}
section.gallery aside a{width:50%; width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:-o-calc(50% - 12px); width:calc(50% - 12px); max-width:175px; display:block; float:left; position:relative; border:2px solid #FFF; padding:0px; margin:0px 0px 10px 10px; opacity:0.5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.gallery aside a img{max-width:100%; display:block; padding:0px; margin:0px;}
section.gallery aside a:hover{border:2px solid #363434; opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.gallery aside a.active{border:2px solid #f4c307; opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* --- MORE --- */
section.gallery .scroll-pane a{width:280px; display:block; position:relative; float:left; padding:0px; margin:10px;}
section.gallery .scroll-pane a span{display:block; position:relative; padding:0px; margin:0px;}
section.gallery .scroll-pane a span big{width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; background-image:url(../Images/Backgrounds/hover.png); background-position:center; background-repeat:no-repeat; z-index:999; opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.gallery .scroll-pane a span img{max-width:100%; display:block; position:relative; padding:0px; margin:0px; z-index:1;}
section.gallery .scroll-pane a h3{background-color:#363434; font-size:12px; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; padding:10px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.gallery .scroll-pane a:hover{text-decoration:none;}
section.gallery .scroll-pane a:hover span big{opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.gallery .scroll-pane a:hover h3{background-color:#f4c306; color:#363434; text-decoration:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* FOOTER */
footer{width:100%; display:block; position:relative; background-color:#535151; font-size:12px; color:#f1ebeb; text-decoration:none; padding:30px 0px; margin:0px;}
footer strong{color:#8f8d8d; text-decoration:none; font-weight:normal;}

/* --- COPYRIGHT --- */
footer div{float:right; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#8f8d8d; text-decoration:none; padding:0px; margin:-1px 0px 0px 0px;}
footer div a{color:#F60; text-decoration:none;}
footer div a:hover{text-decoration:underline;}

/* COOKIES */
div.coockiebanner{width:96%; position:fixed; left:0px; bottom:0px; background-color:rgba(255,224,36,0.80); color:#333; text-decoration:none; text-align:center; padding:10px 2%; margin:0px; opacity:0; z-index:999999;}
div.coockiebanner a{color:#529383; text-decoration:underline;}
div.coockiebanner a:hover{color:#245246; text-decoration:underline;}
div.coockiebanner a.boxclose{display:inline-block; background-color:#605F61; font-size:18px; color:#fff; text-decoration:none
; font-weight:bold; line-height:0px; vertical-align:middle; padding:10px 6px 9px 6px; margin:0px 0px 0px 15px; cursor:pointer;}
div.coockiebanner a.boxclose:hover{background-color:#333; text-decoration:none;}
div.coockiebanner a.boxclose:before{content:"×";}

/* SCROLL */
.jspContainer{overflow:hidden; position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{width:16px; height:100%; position:absolute; top:0; right:0;}
.jspHorizontalBar{width:100%; height:10px; position:absolute; bottom:0; left:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{position:relative; background-image:url(../Images/Backgrounds/line.png); background-position:center; background-repeat:repeat-x;}
.jspDrag{position:relative; top:0; left:0; background-color:#363434; cursor:pointer;}
.jspHorizontalBar .jspTrack{height:100%; float:left;}
.jspHorizontalBar .jspDrag{max-width:90%; height:100%; float:left;}
.jspArrow{display:block; background-color:#50506d; text-indent:-20000px; padding:0; margin:0; cursor:pointer;}
.jspArrow.jspDisabled{background-color:#80808d; cursor:default;}
.jspVerticalBar .jspArrow{height:10px;}
.jspHorizontalBar .jspArrow{width:10px; height:100%; float:left;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{height:100%; float:left; background-color:#eeeef4;}

.scroll-pane{width:100%; height:280px; overflow:auto; padding:0px; margin:50px 0px 0px 0px;}
.horizontal-only{width:100% !important; height:auto; max-height:280px;}