/* CSS Mini Reset */
/******************/
html{color:#000;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

.clear{ clear:both; }
.nopadl{ padding-left:0px !important;	}
.nopadr{ padding-right:0px !important; }
.nopad{padding-left:0px !important; padding-right:0px !important; }
.input_wrongdiv { display: none; color:#ff0000; }
.after_send { display: none; }
/* STYLES */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
input:focus, select:focus, textarea:focus {
    outline:none !important;
}
/*input, select, textarea {
	-moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}*/

:root{

    --m-tiny:15px;
    --m-sml:30px;
    --m-med:60px;
    --m-big:100px;
    --m-huge:150px;

    --m-gutter: 18px;

    --green: #9C9561;
    --lightgreen:#DEDBC9;
    --lightestgreen: #F5F5EF;

    --fs-big:30px;
    --lh-big:40px;

    --fs-med:24px;
    --lh-med:34px;

    --fs-reg:20px;
    --lh-reg:30px;

    --fs-sml: 16px;
    --lh-sml: 26px;

    --bs-gutter-x: 36px;
    --bs-gutter-y: 36px;

}
.row{
    --bs-gutter-x: 36px;
    --bs-gutter-y: 36px;
}
strong{
    font-weight: bold;
}

body{
    font-weight: normal;
    overflow-x:hidden !important;
    overflow-y:unset !important;
    font-size:var(--fs-reg);
    line-height:var(--lh-reg);
}
a:link, a:visited {

}
a:hover{

}

.container-fluid a, footer a {
  color: var(--green);
  text-decoration: none;
  border-bottom: 3px solid var(--green);

  background-image: linear-gradient(var(--green), var(--green));
  background-repeat: no-repeat;
  background-position: left bottom -3px;
  background-size: 0% 3px;
  transition: background-size 0.3s ease 0.15s,
             border-bottom-color 0.15s ease;
}

.container-fluid a:hover {
  border-bottom-color: transparent;
  background-size: 100% 3px;
}
li{
    text-indent: -18px;
    padding-left:20px;
}
li:before{
    content:"-";
    margin-right:11px;
}

.input_wrongdiv{
	color: red;
}
.input_wrongdiv, .after_send{
	display: none;
}

h1{
    font-size:var(--fs-big);
    line-height:var(--lh-big);
    padding-bottom:var(--m-sml);
    font-weight:bold;
}

h2{
    font-size:var(--fs-med);
    line-height:var(--lh-med);
    font-weight:bold;
}

/* CONTENT */
#btn_nav{
    display:none;
}
#logo{
    margin-left:var(--bs-gutter-x);
    margin-top:40px;
}
#header_nav{
    position:absolute;
    right:var(--bs-gutter-x);
    top:var(--m-med);
}
#header_nav li::before{
    content:"";
}
#header_nav a{
    color:#000;
    text-decoration:none;
    padding-left:50px;
}
#header_nav a:hover{
    color:var(--green) !important;
}
.nav{
    font-weight:bold;
}
.nav a.act{
    color:var(--green) !important;
}
.navinfo{
    display:none;
}
.nav li{

}
.actnav a{

}


/*HOME*/

.homegal{
    position:relative;
    margin-top:var(--m-sml);
}
.gallery_line{
    height:100vh;
    width:20px;
    background:#fff;
    z-index: 1;
    position: absolute;
    right: calc(50% - 20px);
    padding:0;
}
.homegal img{
    width:100%;

}
.homegal h1{
    color:#fff;
    position: absolute;
    bottom: var(--m-sml);
    left: var(--bs-gutter-x);
    font-size:var(--fs-reg);
    line-height:var(--lh-reg);
    padding-bottom:0;
    font-weight:inherit;
}
.hometeaser{
    background: var(--green);
    color:#fff;
    text-align:center;
    padding:var(--m-huge) 0;
    margin-left: calc(var(--bs-gutter-x) * -1);
    width:calc(100% + var(--bs-gutter-x) * 2);
}
.hometeaser a{
    color:#fff;
    text-decoration: none;
    border-bottom: 3px solid #fff;

    background-image: linear-gradient(#fff, #fff);
    background-repeat: no-repeat;
    background-position: left bottom -3px;
    background-size: 0% 3px;
    transition: background-size 0.3s ease 0.15s,
               border-bottom-color 0.15s ease;

    padding-top:20px;
    display:inline-block;
}
.hometeaser a:hover {
  border-bottom-color: transparent;
  background-size: 100% 3px;
}
.homenewswrapper{
    padding-bottom:var(--m-big);
}
.more{
    display:block;
}

.newsimg img, .teamboxes img, .exmodels img, .exdetimgblock img, .projectblock img, .contactblock img, .newscontent img{
    aspect-ratio: 1;
    object-fit: cover;
}


/*TEAM*/

.team{
    padding-bottom:var(--m-big);
}
.team img{
    width:100%;
    padding-bottom:var(--m-tiny);
}
.team h1{
    padding-top:var(--m-big);
}
.teamboxes{
    margin-bottom:var(--m-big);
}
.teamtxt img{
    width:100%;
    padding-bottom:var(--m-med);
}
.textblock{
    padding-bottom:var(--m-huge);
}


#pagenav{
    padding-top:20px;
    position: fixed;
    top: 323px;
    width:calc(2 * 8.334%);
    padding-right:20px;
    z-index: 1;

}
#pagenav a{
    color:#000;
    text-decoration:none;
    font-weight:700;
    border-bottom:none;
}
#pagenav a.act {
  color: var(--green);
}
#pagenav:not(.hidden)::before {
    content:'';
    height:5px;
    width:140px;
    background:var(--green);
    position:absolute;
    top:0;
    left:0;
}
#pagenav.hidden{
    display:block;
}
#pagenav li {
    text-indent:0px;
    padding-left:0px;
}
#pagenav li::before{
    content:'';
    display: none;

}




/*CONTACT*/

.contact{
    padding-bottom:var(--m-huge);
    padding-top:var(--m-huge);
}
.contact img{
    width:100%;
}


/*NEWS*/


.newsbox{
    padding-bottom:var(--m-big);
    margin-top:0;
}
.more, footer h1, .teamboxes, .textblock, .exblock, .modelswrapper h2{
    margin-top:0 !important;
}
.homenews .newsbox a{
    color:#000;
    text-decoration:none;
    border:none;
    width:100%;
}
.newsbox a{
    color:#000;
}
.greenoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: inherit;
    right: inherit;
    height: 100%;
    width: calc(100% - var(--bs-gutter-x));
    opacity: 0;
    background-color: var(--green);
}
.greenhover:hover .greenoverlay {
    opacity: 1;
}
.newsimg {
  position: relative;
}
.newsimg img{
    width:100%;
}
.newstxt, .loctxt, .exblocktxt{
    align-content: center;
}
.newstxt h2{
    padding-bottom:var(--m-tiny);
}
.toptitle{
    padding-top:var(--m-huge);
    padding-bottom:var(--m-big);
}
.toptitle h1{
    padding-bottom:0;
}

.newscontent {
    padding-bottom:var(--m-big);
}
.newscontent img{
    width:100%;
}
.newscontent h2, .exdettxtblock h2{
    padding-bottom:var(--m-tiny);
}
.btnback{
    margin-bottom:var(--m-sml);
}
.btnback a{
    border:none;
}





/*EXPERTISE*/
.exdettext{
    margin-top:var(--m-huge);
}
.extext {
    padding-top:var(--m-huge);
    padding-bottom:var(--m-big);
}
.exmodels img, .exdetimgblock img, .exdetsnippet img{
    width:100%;
}
.cattitle{
    margin-bottom:var(--m-sml);
}
.exblock{
    margin-bottom:var(--m-big);
}
.exblocktxt h2{
    padding-bottom:var(--m-tiny);
}
.exblocktxt a{
    padding-top:var(--m-tiny);
    display:inline-block;
}
.exdetsnippet{
    background:var(--lightgreen);
    margin-top:var(--m-huge);
    margin-left: calc(var(--bs-gutter-x) * -1);
    width:calc(100% + var(--bs-gutter-x) * 2);
}
.modelswrapper{
    padding-top:var(--m-big);
    padding-bottom: var(--m-big);
}
.modelswrapper h2{
    padding-bottom:var(--m-sml);
}
.exdettxtblock{
    margin-top:0;
}

/*PROJECTS*/


.projectblock{
    padding-bottom:var(--m-big);
    font-size:var(--fs-sml);
    line-height:var(--lh-sml);
}
.projectblock td:first-child{
    padding-right:var(--m-sml);
}
.projectblock img{
    width:100%;
    padding-bottom:var(--m-tiny);
}
.projecttitle .toptitle{
    padding-bottom: var(--m-med);
}

.projectfilter{
    font-size:var(--fs-sml);
    line-height:var(--lh-sml);
    margin-bottom:var(--m-med);

}
.pftitle{
    font-weight:bold;
    width:100%;
    display:block;
    padding-bottom:var(--m-tiny);
}
.pfname{
    background:var(--lightestgreen);
    padding:3px 12px;
    margin-right:15px;
    cursor:pointer;
    margin-bottom:var(--m-tiny);
    display:inline-block;
    border:none;
}
.pfname:hover, .pfname.act{
    background:var(--lightgreen);
}
.delete{
    padding-top:10px;
    background: url(/img/deletefilter.svg) no-repeat left 18px bottom 5px;
    padding-left: 40px;
    margin-top:0;
}








/*FOOTER*/

footer{
    padding-top:100px;
    padding-bottom:var(--m-med);
}
.flinks a{
    border-bottom: 3px solid #fff;
}
footer .text_box a{
    color:#000;
    border-bottom: 3px solid #fff;
}
footer .email a{
    color:var(--green);
    border-bottom: 3px solid var(--green);
}

/* FORM */
#fcontent{
    margin-top:100px;
    margin-bottom: 50px;
    position: relative;
    float: left;
}
.frow{
    position: relative;
    float: left;
    width:100%;
}
.fval{
    display: inline-block;
    width:calc(100% - 400px);
    float: left;
}
.flabel{
    display: inline-block;
    width:400px;
    float: left;
    font-weight:700;
}
.formeo.formeo-render .formeo-row{
    width:100%;
}
.formeo-column{
  width: 100% !important;
}
.formeo-row-wrap > .f-field-group > label{
	display: none !important;
}
.formeo-row > .f-field-group > label{
	display: none !important;
}
label.showlabel {
    display:block !important;
    opacity:1 !important;
}
.f-field-group li{
    list-style: none;
}
.f-checkbox input{
	float: left;
    clear:left;
}
.f-radio label {
display: inline-block !important;
  font-size: 18px !important;
  opacity: 1 !important;
  width: calc(100% - 30px) !important;
  font-weight: 400 !important;
  padding-left: 10px;
}

.f-checkbox label{
    display: inline-block !important;
    font-size:18px !important;
    width:auto !important;
    font-weight:400 !important;
	float: left;
	max-width: calc(100% - 30px);
    padding-left: 10px;
	margin-top: -5px;
}
.formeo input[type="date"]{
    color:#9CAF4D;
}

/* ETC */
.embed-container{
	position: relative;
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.embed-container iframe, .embed-container video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cookie_wrapper{
	position:fixed;
	left:0;
	bottom:0px;
	color:#fff;
	background:#000;
	min-height:48px;
	text-align:center;
	font-size:17px;
	line-height:22px;
	padding:15px;
	width:100%;
	z-index:9999999;
}
#cookie_wrapper a{
	color:#fff !important;
	text-decoration:underline !important;
}
#cookie_accept,#cookie_deny{
	cursor:pointer;
	background:#fff;
	color:#000;
	display:inline-block;
	padding:5px 8px;
	margin-left:8px;
}
#cookie_accept:hover,#cookie_deny:hover,#cookie_wrapper a:hover{
	opacity: 0.7;
}
#cookie_accept_black{
	position:absolute;
	right:15px;
	top:5px;
	cursor:pointer;
}
#policylogo {
	width: 200px;
	margin-top: 25px;
}
#cptitle {
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 15px;
}
.darker {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(0,0,0,0.7);
	z-index: 9999;
}

#simpliscreensplash {
    color: #fff;
    background: #0D777F;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: "Source Sans Pro";
    transition: padding 0.5s;
}
#simpliscreensplash h1 {
    font-family: "Leckerli One";
    font-size: 56px;
    color:#fff;
    text-align: center;
    padding-top:40vh;
}
.e404 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    width:100%;
    font-weight:bold;
    font-size:2em;
    min-height:calc(100vh - 300px);
    color:#000;

}