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

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Content Elements
9. Icons
10. Image Hover
11. Compatibility Rules
12. Footer
13. Lists
14. Google Maps
15. Page 404
16. Post pager
17. Gallery
-------------------------------------------------------------------*/


/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'fontello';
 src: url('../fonts/fontello.eot?3837060');
 src: url('../fonts/fontello.eot?3837060#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?3837060') format('woff'), url('../fonts/fontello.ttf?3837060') format('truetype'), url('../fonts/fontello.svg?3837060#fontello') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'DINNextRoundedLTProBold';
    src: url('../fonts/DINNextRoundedLTProBold.eot');
    src: url('../fonts/DINNextRoundedLTProBold.eot') format('embedded-opentype'),
         url('../fonts/DINNextRoundedLTProBold.woff2') format('woff2'),
         url('../fonts/DINNextRoundedLTProBold.woff') format('woff'),
         url('../fonts/DINNextRoundedLTProBold.ttf') format('truetype'),
         url('../fonts/DINNextRoundedLTProBold.svg#DINNextRoundedLTProBold') format('svg');
}

@font-face {
    font-family: 'DINNextRoundedLTProMedium';
    src: url('../fonts/DINNextRoundedLTProMedium.eot');
    src: url('../fonts/DINNextRoundedLTProMedium.eot') format('embedded-opentype'),
         url('../fonts/DINNextRoundedLTProMedium.woff2') format('woff2'),
         url('../fonts/DINNextRoundedLTProMedium.woff') format('woff'),
         url('../fonts/DINNextRoundedLTProMedium.ttf') format('truetype'),
         url('../fonts/DINNextRoundedLTProMedium.svg#DINNextRoundedLTProMedium') format('svg');
}

@font-face {
    font-family: 'DINNextRoundedLTProLight';
    src: url('../fonts/DINNextRoundedLTProLight.eot');
    src: url('../fonts/DINNextRoundedLTProLight.eot') format('embedded-opentype'),
         url('../fonts/DINNextRoundedLTProLight.woff2') format('woff2'),
         url('../fonts/DINNextRoundedLTProLight.woff') format('woff'),
         url('../fonts/DINNextRoundedLTProLight.ttf') format('truetype'),
         url('../fonts/DINNextRoundedLTProLight.svg#DINNextRoundedLTProLight') format('svg');
}

/* Chrome hack: SVG is rendered more smooth in Windows. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?43886684#fontello') format('svg');
  }
}






*/
/* End Fonts
--------------------------------------------------------------------------------------------------------*/


/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; }
.centered { text-align:center; }
.hidden { display: none; visibility: hidden; }
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after { -webkit-font-smoothing: antialiased; }
.flexslider { -webkit-transform: translateZ(0px); }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:9999; }
#status { z-index:28; position:absolute; color:#555 !important; top:50%; height:220px; width:100%; margin-top:-115px; }
/* horizontal centering */
.parent { width:230px; margin:0px auto; position:relative; height:220px; z-index:11 }
.child { text-align:center; }
/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0; }
.child span { text-transform:uppercase; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
.content-wrapper { padding-bottom: 91px;clear:both; }
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; height:100%; -webkit-text-size-adjust: 100%; }
body { font-size: 16px; font-family: 'DINNextRoundedLTProMedium', Georgia, "Times New Roman", Times, serif; color:#555; background:#1D1D1D; height:100% }
strong { font-weight:600; }
a, a > * { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { word-break: break-word; line-height:1.5; padding:0 0px 13px 0px; }
.centered p { padding:5px 0 5px 0 }
a { text-decoration:none; }
.element a, p a { color:#555; text-decoration:underline; }
.element a.whole-tile { text-decoration:none; }
.element a:hover, p a:hover { color:#2b2b2b; }
a p { color:#555; }
p.small { font-size:11px; text-transform:uppercase; font-weight:700; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#555; padding:0 0 22px 0; letter-spacing:2px; }
a p.small { color:#2b2b2b }
.col2-3.half p.small { padding:0 0 17px 0; }
.col1-3 p.small { padding:0 0 12px 0 !important; }
#preloader p.small { color:#555 !important; padding:0 !important }
code { font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal; line-height:1.5; display:block; }
pre { padding:13px 40px 0 40px; }
span.arrow { font:22px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; float:right; padding-bottom:13px; padding-right:15px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-top:-4px; display:inline-block; opacity:0 }
.background span.arrow {z-index:2; position:relative; color:#fff }
.back-button span.arrow { opacity:1 !important }
a span.arrow { color:#555; }
a:hover .bottom span.arrow { padding-right:0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; opacity:1 }
blockquote { padding:0px 0px 2px 35px; color:#555; font-size:18px; font-style:italic; }
blockquote:before { content:"“"; float:left; display:block; margin-left:-44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:72px; margin-top:-3px; font-weight:400; color:#2b2b2b }
blockquote p {  font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:8px }
blockquote p.small { font-style:normal; color:#999; letter-spacing:0; font-weight:600; text-transform:none; font-size:13px }
em { font-style:italic; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; }
code { font:13px "Courier New", Courier, monospace; font-style:normal; line-height:1.5; display:block; padding-top:4px; }
pre { padding:25px; border:1px dotted #3e3e3e; margin-top:10px; margin-bottom:10px; display:inline-block }
.uppercase {text-transform:uppercase !important }
h1 {font-size: 52px;color: #2B2B2B; font-weight: 300; line-height: 100%;}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; position:relative; float:left }

.tagline { float:left; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; padding:0 0 0 16px; margin:0px auto; position:relative; display:table; height:52px; margin-top:-1px; color:#888; font-style:italic }
.tagline span { vertical-align:middle; display:table-cell }
.hentry h1, h2, h3, h4, h5 { line-height:1.3; color:#2b2b2b; display:block; position:relative; padding-bottom:13px; }
h2 { font-size:48px; font-weight:300; line-height:60px; letter-spacing:-2px; margin-top:-5px; }
h2 strong { font-weight:600; letter-spacing:-1px; }
h3 { font-size:24px; font-weight:400; line-height:31px; }
h4 { font-size:20px; font-weight:400; line-height:27px; }
h5 { font-size:18px; font-weight:400; }
.col2-3.white h3, .col2-3.white-bottom h3, .col2-3.grey h3 { font-size:30px; line-height:40px; }
a h3 span { text-decoration:none !important }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button {
    float: right;
    font-size: 18px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: table;
    height: 52px;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #FFF;
}
.lt-ie10 #menu-button { position:relative; float:right; right:auto }
#menu-button .centralizer { display: table-cell; vertical-align: middle; }
#menu-button .centralizer .cursor { display:block; height:auto; cursor:pointer; }
#nav-button { display:inline-block; width:16px; margin:0; margin-left:5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align:middle }
.nav-bar { background-color:#555; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; }
#menu-close-button { cursor: pointer; padding: 6px; text-align: center; position: absolute; top: 31px; right: 36px; font-size: 26px; color: #8E8E8E; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#main-nav { background-color: #1D1D1D; position: absolute; top: 0; right: 0; padding: 34px 44px 20px 44px; width: 200px; }
#main-nav a { text-decoration: none; color: #8E8E8E; font-size: 14px; font-family: 'DINNextRoundedLTProMedium', Arial, Helvetica, sans-serif; }
#main-nav > ul a { text-transform: uppercase; }
#main-nav > ul .active > a, #main-nav > ul a.active, a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #main-nav li a:hover, #options li a.current, #options li a.selected { color: #fff !important; }
#main-nav > ul li { padding: 7px 0; }
#main-nav > ul > li > .sub-nav { padding: 9px 0 3px 15px; }
#main-nav > ul > li > .sub-nav > li { padding: 4px 0px; }
#main-nav > ul > li > .sub-nav > li:last-child { padding-bottom: 0px; }
#main-nav > ul > li > .sub-nav > li > a { font-size: 12px; }
#main-nav > ul > li.menu-item-has-children ul.sub-menu ul.sub-menu, #main-nav > ul > li.menu-item-has-children ul.sub-menu { opacity: 1; }
/*---------------------------------------------------------------------------------*/
.additional-links { padding: 25px 0; }
.additional-links > ul > li { padding: 0 0 14px; }
.additional-links > ul > li:last-child { padding: 0; }
.social-links { padding: 10px 0; }
.social-list > li { float: left; margin: 0 15px 0 0; }
.social-list > li > a:before { content: ""; font-family: fontello; font-size: 16px; }
#main-nav .social-list li a:before { padding:3px; }
#main-nav .social-list li { margin-top:-3px; margin-right:9px; }
#main-nav .social-list { margin-left:-3px; }
.social-list > li > a.facebook:before { content: '\e800'; }
.social-list > li > a.dribbble:before { content: '\e801'; }
.social-list > li > a.behance:before { content: '\e802'; }
.social-list > li > a.git:before { content: '\e803'; }
.social-list > li > a.gplus:before { content: '\e804'; }
.social-list > li > a.xing:before { content: '\e805'; }
.social-list > li > a.instagram:before { content: '\e806'; }
.social-list > li > a.twitter:before { content: '\e807'; }
.social-list > li > a.youtube:before { content: '\e808'; }
.social-list > li > a.slack:before { content: '\e809'; }
.social-list > li > a.pinterest:before { content: '\e80a'; }
.social-list > li > a.tumblr:before { content: '\e80b'; }
.social-list > li > a.soundcloud:before { content: '\e80c'; }
.social-list > li > a.skype:before { content: '\e80d'; }
.social-list > li > a.linkedin:before { content: '\e80e'; }
.social-list > li > a.vimeo:before { content: '\e80f'; }
.social-list > li > a.flickr:before { content: '\e810'; }
.social-list > li > a.email:before { content: '\e811'; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#header { position:relative; z-index:155; width:100%; min-height:100px; padding:28px 45px;/* border-bottom:1px solid #d8d8d8;*/ -webkit-transform: translateZ(0); }
#content { width:100%; position:relative; z-index:55; height:auto; }
.container { padding:0px; width:1280px; position:relative; margin:0 auto;/* padding-top:23px;*/ }
#background-color { background:#000; height:100%; width:100%; position:fixed; z-index:1; -webkit-overflow-scrolling: touch; top:0; left:0 }
.oldie #background-color { display:none }
#header, #content { background:#000; }
.pushed-left #content, .pushed-left #header, .pushed-left #footer, .pushed-left #background-color { -webkit-transform: translate3d(-200px, 0px, 0px); transform: translate3d(-200px, 0px, 0px); }
.pushed-left-alt #content, .pushed-left-alt #header, .pushed-left-alt #footer, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #content, .no-csstransforms3d .pushed-left #header, .no-csstransforms3d .pushed-left #footer { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
#content, #header, #footer, .logo-wrapper, #background-color { -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col3-3 { width:940px; height:auto; margin:10px; float:left; position:relative }
.col4-3 { width:1260px; height:auto; margin:10px; position:relative }
.col1-3 { width:300px; height:280px; margin:10px; float:left; position:relative }
.col2-3 { width:620px; height:580px; margin:10px; float:left; position:relative }
.col1-3.auto, .col2-3.auto, .col3-3.auto { height:auto; }
.col2-3.half { height:280px; }
.col3-3.half { height:280px; }
.col1-3.double { height:580px; }
.col1-3.grey { padding:30px 35px 17px 35px; background:#fff; width:300px; }
.col2-3.grey, .col3-3.grey, .col4-3.grey { padding:45px 60px 44px 50px; background:#fff; }
.col1-3.white { padding:30px 35px 17px 35px; background:#fff }
.col2-3.white, .col3-3.white, .col4-3.white { padding:45px 50px 34px 50px; background:#fff; }
.col1-3.white-bottom { padding:30px 35px 19px 35px; background:#fff; z-index:33; }
.col2-3.white-bottom { padding:45px 50px 34px 50px; background:#fff; }
.element .col1-3, .element .col2-3, .element .col3-3 { margin:0 }
.bottom { position:absolute; bottom:30px; padding:0 50px; left:0; width:100% }
.col1-3 .bottom { padding:3px 35px; bottom:13px; }
a .bottom p { width:190px; }
.back-button { height:85px; }
.overlay { background:rgba(0,0,0,.7); position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 }
.background01 {background:url(../images/image01.jpg) no-repeat; background-size:100% 100%; }
.background02 {background:url(../images/image08.jpg) no-repeat; background-size:300px 280px; }
.background03 {background:url(../images/image06.jpg) no-repeat; background-size:300px 280px; }
.background04 {background:url(../images/paris.jpg) no-repeat; background-size:300px 280px; }
.background05 {background:url(../images/image15.jpg) no-repeat; background-size:300px 280px; }
.background06 {background:url(../images/image03.jpg) no-repeat; background-size:300px 280px; }
.background07 {background:url(../images/image16.jpg) no-repeat; background-size:620px 580px; }
.background08 {background:url(../images/image07.jpg) no-repeat; background-size:300px 280px; }
.col2-3.background { padding:69px 65px; }
.col1-3.background { padding:30px 35px 17px 35px; }
.background h2 {color:#fff; z-index:2 }
.background p.small, .background p, .background h3, .background h4, .background h5 {color:#fff; z-index:2; display:block; position:relative }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element { overflow:hidden; }
.break { display:block; position:relative; height:20px; width:100%; }
.whole-tile { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:55; padding:30px 35px; }
.element.hybrid .images, .element.hybrid .service-item { position: absolute; top: 0; right: -0%; z-index: 22; -webkit-transition: right ease-in-out 0.33s; transition: right ease-in-out 0.33s; }
.element.hybrid:hover .images, .element.hybrid:hover .service-item { right: -100%; -webkit-transition: right ease-in-out 0.33s; transition: right ease-in-out 0.33s; }
.element > .elem-content { padding:30px 35px; background:#fff; width: 300px; height:100%; }
.ct-part { padding:25px 0px 0px 0px; border-top:1px solid #d8d8d8; height: auto; margin-top:9px; }
.ft-part { padding:29px 0px 31px 0px; border-top:1px solid #d8d8d8; height: auto; margin-top:10px; }
.bottom .ft-part { padding:26px 0 14px }
/*.ct-part > p.indented { padding-left:20px; }*/
.children .ct-part { border-top: 0; padding:  0 0 0 20px; }
.ct-part { padding-top: 10px; }
.ct-part p { padding:  0; }
li { list-style-type: none; line-height: 24px;}
ul.unordered-list li {list-style: outside none circle;}
.unordered-list li { list-style: circle; }
ol li { list-style: decimal; }
.unordered-list li a { text-decoration: none; }
/*--------------------------------------------*/
.ct-part sub { display: inline-block; font-size: 12px; padding-left: 10px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
.centered .ft-part .social-list { display:inline-block; }
.bottom .social-list { padding-bottom:19px; }
.element .social-list > li { margin: 0 11px 0 1px; }
.element .social-list > li > i { color: #555; font-size: 12px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding-right: 4px; }
.element .social-list > li > a {
    color: #555;
    /* position: relative; */
    /* top: 1px; */
    width: 100%;
    height: 100%;
    display: block;
}
.element .social-list > li > a:before { font-size: 18px; display:block; margin-top:-2px; }
.element .tag { text-transform: none; display: inline-block; padding:0 8px 0 0; color:#fff; }
.element .tag:hover { color:rgba(255,255,255,0.5); }
.element .tag > .tag-count { text-transform: none; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; color:rgba(255,255,255,0.5) }
/*.element img { max-width: 100%; }*/
.element img, .element pre { max-width: 100%; height: auto;}
.element th, .element td, .element dd, .element dt { padding: 5px; line-height: 22px;}
.element address, .element pre { line-height: 22px; }
.element pre { white-space: pre-wrap; }

/*.element img { max-width: 100%; }*/

p.small.descriptive { padding:0 0 17px !important }
.description p.small span, p.small.descriptive span { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:none; color:#888; padding-right:5px; font-weight:400 }

.background p.small.descriptive {color:rgba(255,255,255,1) }
.background p.small.descriptive span {color:rgba(255,255,255,0.5) }
p.customer {
    font-size: 14px;
}
p.customer strong {
    font-size: 17px;
}
.arrow-wrapper {position:relative; padding:34px 0 0 0; margin-bottom:0px; }
.arrow-wrapper span.arrow { opacity:1; font-size:22px; padding:0px; line-height:1; margin-top:-2px; }
.arrow-wrapper p {float:left; padding:0px; }

.description {margin-bottom:-57px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.element:hover .description,.element:focus .description {margin-bottom:0px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }

.element .no-img {margin-bottom: 0px; height: 100%; }
.element .no-img .arrow-wrapper {position: absolute; bottom: 20px;}
.element .no-img .arrow-wrapper span.arrow {margin-left: 10px;}
.element.sticky .description {background-color: #F3F3F3;}
/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.icons { position:relative; height:48px; width:48px; /*float:left;*/ margin-bottom:16px; margin-top:5px; border:1px solid #555; border-radius:51%; display:block; z-index:2 }
.background .icons { border:1px solid #fff; }
.icon-holder { position:relative; float:left; height:48px; width:48px; border:1px solid #555; border-radius:51%; margin-top:5px; }
.col1-3 .icon-holder {  margin-right:20px; }
.centered .icons, .centered .icon-holder { float:none; display:inline-block; margin-right:0px; }
.map { background:url(../images/icons-white/bg-map.png) no-repeat center left; background-size:48px 48px; }
.winner { background:url(../images/icons-white/bg-winner.png) no-repeat center; background-size:48px 48px; }
.time { background:url(../images/icons-white/bg-time.png) no-repeat center; background-size:48px 48px; }
.pig { background:url(../images/icons-white/bg-pig.png) no-repeat center; background-size:48px 48px; }
.adjust { background:url(../images/icons-white/bg-adjust.png) no-repeat center; background-size:48px 48px; }
.team { background:url(../images/icons-white/bg-team.png) no-repeat center; background-size:48px 48px; }
.works { background:url(../images/icons-white/bg-works.png) no-repeat center; background-size:48px 48px; }
.chat { background:url(../images/icons-white/bg-chat.png) no-repeat center; background-size:48px 48px; }
.notes { background:url(../images/icons-white/bg-notes.png) no-repeat center; background-size:48px 48px; }
.camera { background:url(../images/icons-white/bg-camera.png) no-repeat center; background-size:48px 48px; }
.illustration { background:url(../images/icons-white/bg-illustration.png) no-repeat center; background-size:48px 48px; }
.social { background:url(../images/icons-white/bg-social.png) no-repeat center; background-size:48px 48px; }
.vector { background:url(../images/icons-white/bg-vector.png) no-repeat center; background-size:48px 48px; }
.commerce { background:url(../images/icons-white/bg-commerce.png) no-repeat center; background-size:48px 48px; }
.search { background:url(../images/icons-white/bg-search.png) no-repeat center; background-size:48px 48px; }
.like { background:url(../images/icons-white/bg-like.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons-white/bg-share.png) center no-repeat; background-size:48px 48px; }
.document { background:url(../images/icons-white/bg-document.png) center no-repeat; background-size:48px 48px; }
.apple { background:url(../images/icons-white/bg-apple.png) center no-repeat; background-size:48px 48px; }
.balance { background:url(../images/icons-white/bg-balance.png) center no-repeat; background-size:48px 48px; }
.beaker { background:url(../images/icons-white/bg-beaker.png) center no-repeat; background-size:48px 48px; }
.beer { background:url(../images/icons-white/bg-beer.png) center no-repeat; background-size:48px 48px; }
.books { background:url(../images/icons-white/bg-books.png) center no-repeat; background-size:48px 48px; }
.box { background:url(../images/icons-white/bg-box.png) center no-repeat; background-size:48px 48px; }
.cake { background:url(../images/icons-white/bg-cake.png) center no-repeat; background-size:48px 48px; }
.calculator { background:url(../images/icons-white/bg-calculator.png) center no-repeat; background-size:48px 48px; }
.cd { background:url(../images/icons-white/bg-cd.png) center no-repeat; background-size:48px 48px; }
.champagne { background:url(../images/icons-white/bg-champagne.png) center no-repeat; background-size:48px 48px; }
.chart { background:url(../images/icons-white/bg-chart.png) center no-repeat; background-size:48px 48px; }
.cheese { background:url(../images/icons-white/bg-cheese.png) center no-repeat; background-size:48px 48px; }
.court { background:url(../images/icons-white/bg-court.png) center no-repeat; background-size:48px 48px; }
.delivery { background:url(../images/icons-white/bg-delivery.png) center no-repeat; background-size:48px 48px; }
.dvd { background:url(../images/icons-white/bg-dvd.png) center no-repeat; background-size:48px 48px; }
.eco { background:url(../images/icons-white/bg-eco.png) center no-repeat; background-size:48px 48px; }
.film { background:url(../images/icons-white/bg-film.png) center no-repeat; background-size:48px 48px; }
.grape { background:url(../images/icons-white/bg-grape.png) center no-repeat; background-size:48px 48px; }
.hot { background:url(../images/icons-white/bg-hot.png) center no-repeat; background-size:48px 48px; }
.house { background:url(../images/icons-white/bg-house.png) center no-repeat; background-size:48px 48px; }
.icecream { background:url(../images/icons-white/bg-icecream.png) center no-repeat; background-size:48px 48px; }
.joystick { background:url(../images/icons-white/bg-joystick.png) center no-repeat; background-size:48px 48px; }
.keynote { background:url(../images/icons-white/bg-keynote.png) center no-repeat; background-size:48px 48px; }
.link { background:url(../images/icons-white/bg-link.png) center no-repeat; background-size:48px 48px; }
.magic { background:url(../images/icons-white/bg-magic.png) center no-repeat; background-size:48px 48px; }
.mail { background:url(../images/icons-white/bg-mail.png) center no-repeat; background-size:48px 48px; }
.microphone { background:url(../images/icons-white/bg-microphone.png) center no-repeat; background-size:48px 48px; }
.network { background:url(../images/icons-white/bg-network.png) center no-repeat; background-size:48px 48px; }
.palette { background:url(../images/icons-white/bg-palette.png) center no-repeat; background-size:48px 48px; }
.plaster { background:url(../images/icons-white/bg-plaster.png) center no-repeat; background-size:48px 48px; }
.player { background:url(../images/icons-white/bg-player.png) center no-repeat; background-size:48px 48px; }
.polaroid { background:url(../images/icons-white/bg-polaroid.png) center no-repeat; background-size:48px 48px; }
.printer { background:url(../images/icons-white/bg-printer.png) center no-repeat; background-size:48px 48px; }
.pulse { background:url(../images/icons-white/bg-pulse.png) center no-repeat; background-size:48px 48px; }
.quote { background:url(../images/icons-white/bg-quote.png) center no-repeat; background-size:48px 48px; }
.radio { background:url(../images/icons-white/bg-radio.png) center no-repeat; background-size:48px 48px; }
.recorder { background:url(../images/icons-white/bg-recorder.png) center no-repeat; background-size:48px 48px; }
.scissors { background:url(../images/icons-white/bg-scissors.png) center no-repeat; background-size:48px 48px; }
.select { background:url(../images/icons-white/bg-select.png) center no-repeat; background-size:48px 48px; }
.serving { background:url(../images/icons-white/bg-serving.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons-white/bg-share.png) center no-repeat; background-size:48px 48px; }
.shop { background:url(../images/icons-white/bg-shop.png) center no-repeat; background-size:48px 48px; }
.shopping { background:url(../images/icons-white/bg-shopping.png) center no-repeat; background-size:48px 48px; }
.smartphone { background:url(../images/icons-white/bg-smartphone.png) center no-repeat; background-size:48px 48px; }
.sofa { background:url(../images/icons-white/bg-sofa.png) center no-repeat; background-size:48px 48px; }
.syringe { background:url(../images/icons-white/bg-syringe.png) center no-repeat; background-size:48px 48px; }
.tape { background:url(../images/icons-white/bg-tape.png) center no-repeat; background-size:48px 48px; }
.target { background:url(../images/icons-white/bg-target.png) center no-repeat; background-size:48px 48px; }
.television { background:url(../images/icons-white/bg-television.png) center no-repeat; background-size:48px 48px; }
.video { background:url(../images/icons-white/bg-video.png) center no-repeat; background-size:48px 48px; }
.walkman { background:url(../images/icons-white/bg-walkman.png) center no-repeat; background-size:48px 48px; }
.zoom { background:url(../images/icons-white/bg-zoom.png) center no-repeat; background-size:48px 48px; }
.tags { background:url(../images/icons-white/bg-tags.png) center no-repeat; background-size:48px 48px; }
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images { display:block; position:relative; background:#000; }
.images img { width:100%; display: block; max-width: 100% !important; z-index:9 }
.images.dark img { opacity:0.3; background:#000; }
img { box-shadow: #000 0 0 0;max-width:100%; }
.videos { width:940px; height:538px; }

/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Compatibility Rules
--------------------------------------------------------------------------------------------------------*/
.lt-ie9 .pushed-left #content, .lt-ie9 .pushed-left #header, .lt-ie9 .pushed-left #footer, .lt-ie9 .pushed-left #background-color { position: relative; margin-left: -200px; }
.lt-ie9 .pushed-left .logo-wrapper, .lt-ie9 .pushed-left #footer .alignleft { position: relative; margin-left: 200px; }
.lt-ie9 #header { min-width: 960px; padding-left: 10px; padding-right: 10px; }
.lt-ie9 body, .lt-ie9 .content-wrapper { min-width: 960px; }
.lt-ie9 .pushed-left #main-nav { z-index: 200; }
/* =End Compatibility Rules
--------------------------------------------------------------------------------------------------------*/


/* =12. Footer
--------------------------------------------------------------------------------------------------------*/
#footer { background:#000; min-height:91px; margin:0px; padding:28px 45px; width:100%; z-index:55; position:relative; webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); }
#footer { margin-top: -91px; }
footer { z-index:1000 !important; }
footer p, footer p a { color:#888; line-height:32px; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:italic; font-size:13px; padding:0; border:0; text-decoration:none }
footer p a:hover { color:#555; }
span.padding { padding:0 3px; }
footer .social-list { float:left; margin-left:20px; background:#e9e9e9; padding-left:15px; }
footer .social-list li a { text-decoration: none; color: #8E8E8E; line-height:32px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =13. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: circle; line-height:1.5; padding:0px 0px 13px 30px; text-align:left !important; font-size: 16px; font-family: 'Raleway', Georgia, "Times New Roman", Times, serif; }
ol { list-style: decimal; line-height:1.5; padding:0px 0px 13px 30px; font-size: 16px; font-family: 'Raleway', Georgia, "Times New Roman", Times, serif; }
.child ul.unordered-list, .child .hentry ul, .child ol { padding:10px 30px 0 50px; }
ul.unordered-list li a, .hentry ul li a, ol li a { color:#555; }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; }

.background ul.unordered-list, .background ol, .background ul.unordered-list li a {color:#fff; z-index:2; position:relative }
.background ul.unordered-list li a:hover { color:rgba(255,255,255,0.5); }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =14. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map { width:620px; height:395px; margin:0; border:0 }
#map:before, #map:after { background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }
#map:after { bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/

/* =15. Page 404
--------------------------------------------------------------------------------------------------------*/
.bottom p.alignleft {
    margin: auto;
}
/* End Page 404
--------------------------------------------------------------------------------------------------------*/

/* =16. Pager
--------------------------------------------------------------------------------------------------------*/
#pager { display: block; clear: both; margin: auto; text-align: center; height: 40px; line-height: 40px; z-index: 10; width: 100%; }
#pager a { text-decoration: none; position: relative; color: #8E8E8E; font-size: 16px; font-family: "Open Sans",Arial,Helvetica,sans-serif; transition: all 0.3s ease 0s; z-index: 11; display: inline-block; }
#pager a:hover { color: #fff; }
/* End Pager
--------------------------------------------------------------------------------------------------------*/

/* =17. Gallery
--------------------------------------------------------------------------------------------------------*/
.gallery-item { margin: 0 !important; padding: 0 !important; }
.gallery-item .gallery-icon img { border: 0 !important; height: auto !important; }
/* End Gallery
--------------------------------------------------------------------------------------------------------*/

#reply-title { font-size: 24px !important; letter-spacing: 0 !important; float: none !important; padding: 0 0 13px !important; }
a#cancel-comment-reply-link { font-size: 14px; }
body.white-content #container { background-color: #FFF !important; height: auto !important; padding: 35px; margin-top: 20px; }
body.white-content #container h3.no-vc { border-bottom: 1px solid #D8D8D8; margin-bottom: 12px; }
.home #container img, .home #container pre { max-width: 150%!important;overflow:hidden;width:150%; }
.page-id-2926 #container img, .page-id-2926 #container pre {
    max-width: 150%!important;
    overflow: hidden;
    width: 150%;
}

.page-template-default #container th, .page-template-default #container td, .page-template-default #container dd, .page-template-default #container dt { padding: 5px; line-height: 22px;}
.page-template-default #container address, .page-template-default #container pre { line-height: 22px; }
.page-template-default #container pre { white-space: pre-wrap; padding: 25px;}
.wp-video { width: 100% !important; }
.search-form input { display: inline-block; }
.search-form input.search-field { padding-left: 7px; border: 1px solid #D8D8D8; width: 60%; vertical-align: top; height: 30px; }
.search-form input.search-submit { width: 35%; font-size: 14px; padding: 3px; vertical-align: top; height: 30px; }
.social-list a { text-decoration: none; }
.ct-part blockquote { padding: 30px 0px 2px 35px; }
.white-font { color: #fff; }
.vc_col-sm-12 { float: none !important; }

.no-menu { float: left; line-height: 34px; }
.widget-wrapper li > ul.children { padding-left: 10px; }
.widget-wrapper select { border: 1px solid #D8D8D8; max-width: 100%; }
.gallery figure.gallery-item,
.gallery figure.gallery-item img {width: auto;}
div.wpcf7-response-output { position: absolute; top: 0; z-index: 10; background-color: white; left: 0; padding: 10px; }
span.wpcf7-not-valid-tip { margin-top: -25px; display: block; z-index: 999999; }
.single input[type=password] { border: 1px solid #D8D8D8; margin: 5px 0; }
figure.wp-caption {max-width: 100%;}
figure.alignnone {font-size: inherit;line-height: inherit;}
#main-nav ul ul ul ul { display: none !important; }



/* =18. custom styles
--------------------------------------------------------------------------------------------------------*/



#header {
    min-height: 200px;background:transparent!important;}
#content {background:transparent;}

p {
    word-break: break-word;
    line-height: 1.5;
    padding: 0 0px 13px 0px;
}

.arrow-wrapper p {
    float: left;
    padding: 0px;
    color: #FFF;
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
}



#menu-close-button {color:#fff;}

@media only screen and (max-width: 767px){
.welcome h2 {
    padding-top: 20px;
    padding-left: 20px;
}
.col1-3.grey  {background-color:transparent;padding-left:0px;padding-top:0px!important;}

.logo-wrapper h1#logo a {margin-top:50px;}
	#background-color {background:#000;background-image:none!important;}
}

@media (min-width: 980px){ 

#main-nav {top:-81px;}

}
.welcome h2 {color:white;font-weight:300;   font-family: 'DINNextRoundedLTProLight';}
.welcome h2 strong {font-family:'DINNextRoundedLTProMedium';font-weight:normal;}
.element a:hover > figure {
    opacity: 0.5;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.element a:hover > figure:hover,
.element a:hover > figure:hover * {
    opacity: 1;
    background-color: #ffa;

    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.col1-3.grey  {background-color:transparent;padding-left:0px;padding-top:150px;}

.col1-3.grey h3, .col1-3.grey p {color: #837C52;}

.col1-3.grey h3 {
    padding-bottom: 10px;
    line-height: 22px;
	font-family:'DINNextRoundedLTProBold';
	text-transform:uppercase;
}

.col1-3.grey p.customer {color:#837C52;font-family:'DINNextRoundedLTProMedium';text-transform:uppercase;}

.col1-3.grey p.small {display:none;font-family:'DINNextRoundedLTProLight';text-transform:uppercase;}

.flexslider .slides img {border:5px solid #837C52;}

.background01 {background:transparent;}

.background01 .overlay {display:none;}

.ft-part {
    padding: 0px 0px 31px 0px;
     border-top: 0px solid #d8d8d8; 
    height: auto;
    margin-top: 0px; 
}

.arrow-wrapper {padding-top:60px;}

.margin-bottom{margin-bottom:25px!important;}

.nav-bar {color:white;}


@media only screen and (max-width: 767px) {
#main-nav{background-color: #837C52;}
.logo-wrapper h1#logo a {
    margin-top: -10px;
    max-width: 250px;
    background-size: cover!important;
    background-repeat: no-repeat;
    height: 215px;
    margin-left: 12px;
}

#logo {
    width: 100%!important;
}
.welcome h2 {
    color: #FFF;
	text-align:left;
	padding-left:12px;
}

}

.vc_separator h4 {color:#fff;}
.vc_separator h4 {
    line-height: 1em;
    font-size: 100%;
    display: table-cell;
    white-space: normal!important;
}
.vc_separator.vc_separator_align_center h4 {
    padding: 0 0.8em;
    text-align: center;
}

.vc_separator .vc_sep_holder {
    display: table-cell;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    display: none!important;
}

a[rel=prev] {
 margin-top:20px;
float:left;
text-decoration:none;
}

a[rel=next] {
float:right;
 margin-top:20px;
text-decoration:none;
}


button.outline {
    padding: 10px 16px !important;
    font-size: 18px;
    line-height: 19px!important;

    border-radius: 0;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
	margin-top:20px;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid;
	text-transform:uppercase;font-family:'DINNextRoundedLTProMedium';    
	transition: all 0.3s ease 0s;
}

button.outline:hover {background-color:#837C52;color:#000;}





.container {
  margin-right: auto;
  margin-left: auto;

}
@media (min-width: 768px) {
 
}
@media (min-width: 992px) {
  
}
@media (min-width: 1200px) {
 
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}



.logo-wrapper h1#logo a.logo-link {
    background:url(http://prixarchitecture.lu/wp-content/uploads/2015/09/luca-logo.png) center top;
    display: block;
    width: auto;
    height: 200px;
    text-indent: -9999px;
    background-repeat: no-repeat;
} 


#logo {
    width: 100%;
}

.well h4 {
    margin-top: 25px;
    color: #87845E;
	padding-bottom:0px;
}

.well p {color:#fff;margin-bottom:5px;}

.well p {
    color: #fff;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.well {margin-bottom:25px;}

a.luca-logo {
       display: block;
    background: url('http://prixarchitecture.lu/wp-content/uploads/2015/09/luca-only-hover.png') no-repeat;
    height: 95px;
    background-size: contain;
    margin-left: -10px;}

a.luca-logo:hover {
      display: block;
    background: url('http://prixarchitecture.lu/wp-content/uploads/2015/09/luca-only-hover.png') no-repeat;
    height: 95px;
    background-size: contain;
    margin-left: -10px;}

.description {position:absolute; bottom:0; left:0; background:#fff; width:300px; padding:28px 35px; }
.description h4, h4.descriptive { font-size:18px; font-weight:700; padding-bottom:0px; text-transform:uppercase; overflow: hidden; }
.description p.small, .hybrid p.small, p.small.descriptive { color:#fff; letter-spacing:0; font-size:13px; font-weight:400; font-family:'DINNextRoundedLTProBold'; text-transform:none; padding:0 0 2px !important; line-height:15px;margin-top:5px; }



.description {background:rgba(0, 0, 0,0.8); margin-bottom: -175px;    height: 100%;}


.description h4, h4.descriptive {
    color:rgba(137, 135, 92,1);
    font-size: 14px;
    line-height: 14px;
    font-family: 'DINNextRoundedLTProBold';
}


.laureat .description {background:rgba(137, 135, 92,0.8);}
.laureat .description h4 {color:#fff;}

.laureat .description p.small, .laureat  .hybrid p.small, .laureat  p.small.descriptive {color:white;}

.laureat.Jury .description {background:rgba(0, 0, 0,0.8); border-top:2px solid rgba(137, 135, 92,1);}
.laureat.Jury .description h4 {color:rgba(137, 135, 92,1);}