body { position:relative; }

* { box-sizing: border-box;}
.row { margin:0;}

header { overflow-y: auto; overflow-x: hidden; height:87px;}
header > span.fa { display:none;}
header > div { overflow: auto; width:1200px; margin:0 auto; }
header > div > a > img { width:220px; cursor:pointer; position:absolute; top:0; left:calc(50% - 110px);}
header > div > div { position:absolute; top:0; }
header > div > div:first-child { right:calc(50% + 110px);}
header > div > div:last-child { left:calc(50% + 110px);}
header > div > div > div { float:left; padding:30px 20px; font-size:11px; text-transform: uppercase;}

footer { background-color: #6E2C30;}
footer > div { margin:0 auto; text-align: center; color:white; padding:40px 0;}
footer > div > p { margin:0;}
footer > div > p + p { font-size:0.8em; margin-top:5px;}
footer > div > a > img { width:130px;}

#langDropdownButton { cursor:pointer; }
#langDropdownButton > .fa { margin:0 5px; }
#langDropdownBody { position:absolute; z-index:1050; display: none; background-color: white; }
#langDropdownBody > div > a { cursor:pointer; width: 100%; display: block; }

#home {
    position:relative;
    width:100%;
    height:100%;
    overflow: hidden;
}
#home > img { width:100%; top:0; left:0; z-index:0; transition:transform 5s ease, opacity 2s ease; opacity:1; position: absolute; visibility:hidden;}
#home > img.active { transform: scale(1.1); z-index:90; visibility: visible;}
#home > img.next { opacity:0; z-index:91; }

.osection { padding: 100px 0;}
.olegend { text-transform: uppercase; text-align: center; }

.otext-small { font-size:0.8em; }
.oerror { color:#972B2B; }
.osuccess { color:#b1af6a; }

.ocolor2 { color:#b1af6a; }

.sly-popup { display: none; position: fixed; top:0; left:0; width:100%; height: 100%; background: rgba(0,0,0,0.6); z-index:20000; }
.sly-popup-center { height:100%; width:100%; max-width:900px; display: table; margin:0 auto; }
.sly-popup-content { display:table-cell; vertical-align: middle;}

.opopup { opacity:0; transition:opacity 0.5s ease; position: fixed; height:0; width:100%; top:-100%; left:0; z-index:-100; background:rgba(0,0,0,0.6);}
.opopup.active { opacity:1; z-index:100; height: 100%; top:0;}
.opopup .opopup-body { width: 70%; margin: 0 auto; position: relative;}
.opopup .opopup-body { width: 70%; margin: 0 auto; position: relative; display:none; }
/*.opopup.active .opopup-body { display:initial; }*/
.opopup .opopup-body img { width:100%;}
.opopup .opopup-body .ocarousel { height:100%;}
.opopup .opopup-body .ocarousel > .owl-stage-outer { height:100%;}

input, textarea { width:100%; border:1px solid #ddd; padding:10px 28px; outline-color: #b1af6a;}
button,
.fc-button { border:1px solid #b1af6a; background-color: white; background:white; transition:all 0.3s ease; padding:8px 28px; font-size: 1.1em; color:#b1af6a; text-transform: uppercase; outline:none; }
button:hover:not(.fc-state-disabled),
.fc-button:hover:not(.fc-state-disabled) { background-color: #b1af6a; background: #b1af6a; color:white; }
.fc-button.fc-state-active { background: #ccc; color:#333; color:#333}
button.ored { border:1px solid #9F291E; color:#9F291E; margin-bottom: 30px;}
button.ored:hover { background-color: #9F291E; background: #9F291E; }
.fc-state-default.fc-corner-right, .fc-state-default.fc-corner-left { border-radius:0; }

.datepicker .day.today, .datepicker .day.today:hover { background-color:#b1af6a !important; background-image: none;}
.datepicker .day.active, .datepicker .day.active:hover { background-color:#9F291E !important; background-image: none;}

.eltdf-message-box-holder { display:none; }
.eltdf-message-box-holder a { text-decoration: none !important; }
.eltdf-row-grid-section .eltdf-st-subtitle { font-family: Catamaran, sans-serif; font-size: 1.3em;}
.eltdf-back-to-top .eltdf-icon-stack { position: absolute; left: 15px; top: 10px; }

#banner .owl-controls { position:relative; margin-top:-45px; }
#banner2 > img { width:100%;}

#services .eltdf-workflow-item h3 { text-transform: uppercase;}
#services .eltdf-workflow-item { padding-bottom:0; }
#services .eltdf-workflow-item .eltdf-wfi-title { color: #9F291E; }
#services .eltdf-workflow-item .eltdf-workflow-text-left { width:34%; padding-left:0; cursor: pointer;}
#services .eltdf-workflow-item .eltdf-workflow-text-right { width:34%; padding-right:0; cursor: pointer;}
#services .eltdf-workflow-item .eltdf-workflow-image { padding:0; width:32%; position:relative; min-height: 255px;}
#services .eltdf-workflow-item .eltdf-workflow-image > img { display:block; position:absolute; cursor: pointer;}
#services .eltdf-workflow-item .eltdf-workflow-image > img:first-child { left: 70px; top:0;}
#services .eltdf-workflow-item .eltdf-workflow-image > img:last-child { right:70px; top:100px;}

#magazine { padding: 0 30px;}
#magazine .col-md-4 { text-align: right;}
#magazine .col-md-4 h3 { margin:10px 0 5px; color: #9F291E; line-height: 1.1em; font-size: 1.4em;}
#magazine .col-md-4 img { margin-top:40px; width:90px; }

#casestudy .owl-controls { position:absolute; width:100%; top:43%; }
#casestudy .owl-controls .owl-prev,
#casestudy .owl-controls .owl-next { padding:5px 10px 2px; }
#casestudy .owl-controls .owl-prev:hover,
#casestudy .owl-controls .owl-next:hover { background-color:#b1af6a; }
#casestudy .owl-controls .owl-prev { float:left;}
#casestudy .owl-controls .owl-next { float:right; }

#testimonials .eltdf-testimonials { padding:0; }
#testimonials .eltdf-testimonials .owl-controls { margin-top:20px; }
#testimonials .eltdf-testimonial-content { border:1px solid #b1af6a; padding-bottom:50px; margin-bottom:2px;}
#testimonials .eltdf-testimonial-content img { width: 40% !important; }
#testimonials .eltdf-testimonials-content-holder > * { float:left; }
#testimonials .eltdf-testimonials-content-holder > div { width:60%; text-align:left; }
#testimonials .eltdf-testimonials-content-holder > div > h4 { font-size:1.1em; color:#9F291E; margin: 10px 0 0; }
#testimonials .eltdf-testimonials-content-holder > div > p { margin:0; }
#testimonials .eltdf-testimonials-holder.eltdf-testimonials-boxed .owl-item { padding:0 24px; margin-bottom:2px;}

#portfolio .opopup .owl-nav > * { position:absolute;top:0; margin:0; border-radius:0; background: white; padding:2px 10px; top:45%;}
#portfolio .opopup .owl-nav > * > span { color:black;}
#portfolio .opopup .owl-nav > .owl-prev { left:0; }
#portfolio .opopup .owl-nav > .owl-next { right:0; }

#cportfolio { text-align:left; }
#cportfolio img { width:100%; }
#cportfolio a { color:#9F291E; text-transform: uppercase; font-family:Cinzel,serif; }
#cportfolio .oimage-box { position: relative; }
#cportfolio .oimage-box .ooverlay { position:absolute; width:100%; height: 100%; top:0; background-color: rgba(177,175,106,0); transition: all 500ms; cursor: pointer;}
#cportfolio .oimage-box .ooverlay:hover { position:absolute; width:100%; height: 100%; top:0; background-color: rgba(177,175,106,0.6);}
#cportfolio .otext-container { padding: 0 80px; }
#cportfolio .otext-container:last-child { padding-right:20px; }
#cportfolio .otext-container .otitle { color:#9F291E; font-size:1.5em; letter-spacing: .05em; margin:70px 0 18px;}
#cportfolio .otext-container .osubtitle { color:#b1af6a;font-size: 1em; letter-spacing: initial; margin:0 0 5px; }
#cportfolio .otext-container .otext { font-size: 0.9em; line-height: 25px; }
#cportfolio .otext-container a { display:block; margin-top:15px; }
#cportfolio .otext-container a + a { margin-top:0px; }

#actions .eltdf-pl-filter-holder ul li { padding:0 10px; }
#actions .eltdf-pl-filter-holder ul li > span { color:#9F291E; text-decoration: underline;}
#actions .eltdf-pl-filter-holder ul li:hover > span { color:#333;}
#actions .eltdf-pl-filter.eltdf-pl-current > span { color:#b1af6a !important; }

#clients .eltdf-cc-image { height:200px; width:200px; vertical-align:middle; display:table-cell;}
#clients .eltdf-cc-image > img { height:100px; margin:auto; width:auto; }
#clients .eltdf-cc-hover-image { height:200px; width:200px; }
#clients .eltdf-cc-hover-image > div { height:200px; width:200px; vertical-align:middle; display:table-cell;}
#clients .eltdf-cc-hover-image > div > img { height:100px; margin:auto; width:auto; }

#contact .row { margin-left: -15px; margin-right: -15px; }
#contact .eltdf-elements-holder { text-align: left; padding:0 30px;}
#contact .otext-container { padding:0; }
#contact .otext-container + .otext-container { padding-left: 20px; }
#contact .otext-container > * { display: inline-block; margin-left:17px; position:relative; font-size: 1em;}
#contact .otext-container > *:before { content:'.'; font-size: 3em; font-family: serif; position: absolute; top:-12px; left:-17px; }
#contact .otext-container > *:first-child:before { content:''; }
#contact .otext-container > h6 { color:#9F291E; font-style: normal; font-size:1.4em; margin:10px 0 10px 0px; }
#contact .otext-container > a { color:#ababab;}
#contact .otext-container.nodots > *:before { content:''; }
#contact .otext-container.nodots > a { margin:0; }
#contact .otext-container > a > img { margin:10px 0 0 5px; }
#contact .otext-container > a:first-child > img { cursor:pointer;}

form .col-xs-12 { padding:8px; text-align:left; }
#mail .col-xs-12:last-child { padding-top:0; }
#mail .osection { padding-top:84px; }

.owl-controls .owl-dot > span { border:1px solid #777; background-color: transparent !important;}
.owl-controls .owl-dot.active > span { background-color:#555 !important; }

.oevent { margin-bottom:50px; }
.oevent .odate { background-color: #972B2B; width:100px; margin:0 auto; color:white; font-size: 1.3em; padding:10px 0; margin-bottom:5px; text-align: center;}
.oevent .odate > div:first-child { text-transform: uppercase; font-size:0.75em; }
.oevent .odate > div:nth-child(2) { font-size:2.5em; line-height: 1em; font-weight: bold; }
.oevent .odate + img { width:100px; margin-top:5px;}
.oevent .otext-container { text-align: left; margin:10px 0;}
.oevent .otext-container > * { display: inline-block; margin-left:17px; position:relative; font-size: 1.2em;}
.oevent .otext-container > *:before { content:'.'; font-size: 3em; font-family: serif; position: absolute; top:-14px; left:-17px; }
.oevent .otext-container > a:before { color:#ababab; }
.oevent .otext-container > a:hover:before { color:#ababab; }
.oevent .otext-container > *:first-child { color:#972B2B; text-transform: uppercase; font-family:'Cizel, serif'; margin-left:0; letter-spacing: inherit;}
.oevent .otext-container > *:first-child:before { content:'';}

#moreEvents a { text-transform: uppercase; font-family:'Cizel, serif'; text-align:left; display:block; font-size: 1.2em;}
#agenda a { color:#b1af6a; text-decoration:underline; text-align:center; font-size:1.5em; }
#agenda a:hover { color:#333; }
#agenda .oevent .otext-container > a { font-size: 1.2em; }

.sly-popup .osection { padding:50px; background:white; max-height:100%; overflow-y:auto;}
.sly-popup .otext-container + p { text-align:left; line-height:1.2em; margin-top:15px;}
.sly-popup .otext-container + * + p{ text-align:left;}
.sly-popup .otext-container + p + .row-fluid { text-align:left; color:#9F291E; overflow:auto; margin-top:20px;}
.sly-popup .otext-container + p + .row-fluid > .col-xs-12 { padding:0; font-family: Cizel, serif; font-size: 1.3em;}
.sly-popup .otext-container + p + .row-fluid + a { text-align:left; display:block; margin-top:20px; text-transform: uppercase;}

#calendar table td { text-align: left; }
.fc-icon-left-single-arrow:after,
.fc-icon-right-single-arrow:after { top:0; }

.oimage { width:100%; padding:12.5%; background-size:100% auto; background-position: center; background-repeat:no-repeat; }
/* other way of doing the same than right above */
.ocrop { position:relative; width:100%; padding:12.5%; overflow: hidden; }
.ocrop img { position:absolute; width:100%; top:0; left:0; margin-top:-25%;}

@media (max-width:1400px) {
    header > div > div > div { padding:30px 16px; }
    #cportfolio .otext-container { padding: 0 40px; }
    #cportfolio .otext-container .otitle { margin-top:35px;}
    #contact { width:1300px;}
}
@media (max-width:1200px) {
    #contact { width:1000px;}
    #contact .otext-container + .otext-container { padding-left: 0px; }
}
@media (max-width:1170px) {
    header { height:auto;}
    header > span.fa { position:absolute; top:15px; right:15px; font-size:2em; cursor:pointer; display:block;}
    header > div { padding-left: 0; width:auto; margin:65px 0 0; }
    header > div > a > img { top:0; left:0; width:auto; height:65px;}
    header > div > div { right:-100%; top:initial; transition:right 0.3s ease;}
    header > div > div:first-child { right:-100%; }
    header > div > div:last-child { left:initial;}
    header > div > div > div { float:none; padding:5px 20px;}
    header.open > div > div { right:0; z-index:1010; background:white; width:300px;}
    header.open > div > div:last-child { top:208px; }
}
@media (max-width:1024px) {
    #services .eltdf-workflow-item .eltdf-workflow-text-left { padding-right:50px; width:40%;}
    #services .eltdf-workflow-item .eltdf-workflow-text-right { padding-left:50px; width:40%;}
    #services .eltdf-workflow-item .eltdf-workflow-image {  width:20%; }
    #services .eltdf-workflow-item .eltdf-workflow-image > img:first-child { left: 0; top:0;}
    #services .eltdf-workflow-item .eltdf-workflow-image > img:last-child { right:0; top:100px;}
    
    #casestudy { width:900px;}
    #portfolio { width:900px;}
    #cportfolio .otext-container .otitle { margin-top:15px;}
    
    #contact { width:100%;}
    
    #calendar .fc-center { margin-top:15px; }
}
@media (max-width:991px) {
    #cportfolio .col-xs-12 { padding:0 }
    #cportfolio .col-xs-12 .oimage-box { width:70%; margin:0 auto;}
    #cportfolio .col-xs-12.otext-container > div { width:70%; margin:0 auto; }
    #cportfolio .otext-container .otitle { margin-top:50px;}
    #cportfolio .row-fluid:nth-child(2) .otext-container { margin-bottom:40px;}
    #cportfolio .row-fluid:nth-child(2) { margin-bottom:20px;}
    
    .osection { padding: 50px 0;}
    
    #services .eltdf-workflow-item .eltdf-workflow-text-left { width:50%;}
    #services .eltdf-workflow-item .eltdf-workflow-text-right { width:50%;}
    #services .eltdf-workflow-item .eltdf-workflow-image { display: none; }
    
    #casestudy { width:800px;}
    #portfolio { width:800px;}
    #casestudy .vc_empty_space { height:50px !important;}
    #portfolio .vc_empty_space { height:50px !important;}
    #contact .vc_empty_space { height:50px !important;}
    #agenda .vc_empty_space { height:50px !important;}
    #agenda #moreEvents { margin-bottom:20px;}
}

@media (max-width:820px) {
    .sly-popup .osection { padding:10px; }
    #casestudy { width:100%;}
    #portfolio { width:100%;}
}

@media (max-width:768px) {
    #services .vc_empty_space { height:30px !important;}
    #services .eltdf-workflow-item .eltdf-workflow-text-left { width:100%; padding:15px 0 !important; text-align:center;}
    #services .eltdf-workflow-item .eltdf-workflow-text-right { width:100%; padding:15px 0 !important; text-align:center;}
    
    #contact .otext-container > h6 { margin-left:17px; }
    #contact .otext-container > * { display: block; }
    #contact .otext-container > *:before { content:''; }
    #contact .otext-container.nodots { padding-top:20px; padding-left:10px;}
    #contact .otext-container.nodots > * { display: inline; }
    
    #contact .vc_empty_space { height:20px !important;}
    #agenda .vc_empty_space { height:30px !important;}
    #agenda .oevent .odate { float:left;}
    #agenda .oevent .odate + img { float:right;}
    #agenda .otext-container > * { display:block; }
    #agenda .otext-container > *:before { content:''; }
}
@media (max-width:680px) {
    #agenda { width:100%; padding:0 10px;}
    #calendar .fc-right { margin-top:10px; }
}

/* SLY */

.sly-map { width:100%; height:500px; background-position:center; background-size: cover; }