/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input[type=text],input[type=button],input[type=submit],input[type=password],select{vertical-align:middle}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

html.mx_logged_in {
    margin-top: 0 !important;
}

body {
margin:0;
padding:0;
color: #000000;
line-height: 1.350;
}

body, p, td, td p {
font-family: 'Raleway', sans-serif;
font-weight:400;
font-size: 16px;
}

h1, h2, h3, h4, h5, h6, p, ul {
margin-top:0;
margin-bottom:20px;
}

h1, h6, h4 {
font-family: "Anton", sans-serif;
font-style:normal !important;
letter-spacing: -1px;
font-weight:normal;
font-size:40px;
color:#2B3B48;
text-align:center;
margin-bottom:60px;
}

h1:before, h4:before {
content:"";
width:230px;
height:9px;
background-color:#02005A;
display:block;
margin:0 auto;
margin-bottom:40px;
}

#aside h4:before {
background-color:#DDDDDD;
}

h1, h1:before {
margin-bottom:20px;
}

h2 {
font-family: "Anton", sans-serif;
color:#2448DA;
font-size:28px;
font-weight:normal;
}

h3 {
color: #02005A;
font-size:22px;
font-weight: bold;
margin-bottom:10px;
}



h5 {
color:#2B3B48;
font-family: 'Playfair Display', serif;
font-style:italic;
font-weight:normal;
font-size:20px;
}

#nav > ul > li.mx_first {
display:none;
}

p.quote{
font-family: "Roboto", sans-serif;
letter-spacing: -1px;
margin-top:15px;
font-size:16px;
}

p.small{
font-size:14px;
}

#content p[style*="padding-left"] {
font-family: 'Courgette', cursive;
font-size:19px;
letter-spacing: -1px;
padding:15px 25px !important;
background-color:#EEEEEE;
line-height:27px;
quotes: "“" "”" "‘" "’";
}

#content p[style*="padding-left"]:before {
    content: open-quote;
	font-size:42px;
	display: block;
	float:left;
	padding-right:12px;
	line-height:42px;
	height:25px;
}

#content p[style*="padding-left"]:after {
    content: close-quote;
	font-size:42px;
	display: block;
	float:right;
	line-height:42px;
}

a {
color:#D94E25;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:active, a:focus { 
outline: 0; 
} 


a.button {
width:auto;
background-color:#D94E25;
display:inline-block;
height:45px;
padding:10px 20px;
font-weight:400;
color:#FFFFFF;
font-family: 'Raleway', sans-serif;text-transform:uppercase;
text-decoration:none;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
font-size:16px;
}

a.button:before {
content:"\f105";
font-family:"FontAwesome";
color: #FFFFFF;
padding-right: 15px;
margin-right: 15px;
font-weight:bold;
font-size:22px;
line-height:22px;
display:inline-block;
border-right: solid 2px #FFFFFF;
transition: all 0.5s ease;
}

a.button:hover:before {
padding-left:5px;
padding-right:10px;
}


#footerwrapper a {
  color: #ffffff !important;
}

@media (max-width: 847px) {
  #footerwrapper a {
    font-size: 13px !important;
  }
}

ul.check, ul.check li {
margin-left:0;
list-style-type:none;
padding-left:0;
}

ul.check li:before {
content:"\f00c";
font-family:"FontAwesome";
padding-right:10px;
color:#2448DA;
}

input[type=text], input[type=email],input[type=password], textarea {
-webkit-appearance: none;
font-family: 'Raleway', sans-serif;font-weight:400;
font-style:italic;
font-size:16px;
height:36px;
width:100%;
border: solid 1px #2B3B48;
padding:0 8px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}

.mx_form_input_option {
font-family: 'Raleway', sans-serif;font-weight:400;
font-style:italic;
font-size:16px;
padding:2px 0;
}

textarea {
padding:8px 8px;
height:200px;
}

.jfilestyle{display:inline-block;margin:0 0 10px;padding:0;position:relative;border-collapse:separate;}
div.jfilestyle input,div.jfilestyle label{line-height:normal;vertical-align:middle;

font-size: 16px;}
div.jfilestyle input{position:absolute;border:1px solid #FFFFFF;
height: auto;background:#FFFFFF;margin:0;border-radius:0;color:#8d8d8d;cursor:default;padding:10px 15px}
div.jfilestyle label{
float:left;
display:inline-block!important;
width:150px!important;
border: solid 1px #FFFFFF;
padding:10px 15px;
background-color: #2B3B48;
color:#FFFFFF;
text-align:center;margin:0;
}
div.jfilestyle label[disabled]{pointer-events:none;opacity:.6;filter:alpha(opacity=65);cursor:not-allowed}div.jfilestyle label:hover{cursor:pointer;opacity:.9}div.jfilestyle{ width:100%; border: solid 1px #2B3B48; padding:0;font-size:12px;vertical-align:middle; overflow:hidden;}

button {
-webkit-appearance: none;
width:auto;
background-color:#D94E25;
display:inline-block;
height:45px;
padding:10px 20px;
font-weight:400;
color:#FFFFFF;
font-family: 'Raleway', sans-serif;text-transform:uppercase;
text-decoration:none;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
border:0;
font-size:16px;
cursor:pointer;
}

button i {
font-weight:bold !important;
font-size:22px!important;
line-height:22px!important;
transition: all 0.5s ease;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0.9; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 opacity: 0.9;
}

::-ms-input-placeholder { /* Microsoft Edge */
opacity: 0.9;
}

input:focus::placeholder, textarea:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0; /* Firefox */
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
 opacity: 0;
}

input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { /* Microsoft Edge */
opacity: 0;
}

#content img[style*="left"], #content img[align="left"], #aside img[style*="left"], #aside img[align="left"] { margin: 0 30px 10px 0; }
#content img[style*="right"], #content img[align="right"], #aside img[style*="right"], #aside img[align="right"] { margin: 0 0 10px 30px; }

#content img, #aside img {
max-width:100%;
height:auto;
border:solid 5px #EEEEEE;
}

#content img.no-border, #aside img.no-border {
border:none;
}

#headerwrapper {
background-image:url(../layout/garden-sfeer.jpg);
background-size:cover;
background-repeat:no-repeat;
padding-bottom:255px;
background-position:center center;
}

#topwrapper {
background-color:#02005A;
}

#top {
width:100%;
max-width:1240px;
padding:0 20px;
margin:0 auto;
min-height:60px;
}

#top-left {
float:left;
width:50%;
padding-top:18px;
}

#top-left a {
color:#FFFFFF;
}

#top-left i, #copy-right i {
border-right: solid 2px #FFFFFF;
padding-right:15px;
margin-right:15px;
font-size:20px;
}

#top-left a:last-of-type i, #copy-right a:last-of-type i {
border-right:0;
margin-right:0;
}

#top-right {
float:left;
width:50%;
text-align:right;
}

#top-right a, .bottomlink {
background-color:#2448DA;
display:inline-block;
height:45px;
padding:10px 20px;
font-weight:400;
font-size:18px;
font-family: 'Arial Narrow', Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
}

#top-right i, button i, .bottomlink i {
color:#FFFFFF;
border-right: solid 2px #FFFFFF;
padding-right:15px;
margin-right:15px;
font-size:22px;
}

button:hover i {
padding-left:5px;
padding-right:10px;
}

#navwrapper {
background-color:#FFFFFF;
min-height:90px;
}

#navprepend {
position: absolute;
top:150px;
right:0;
width:100%;
}

#header {
width:100%;
max-width:1240px;
padding:0 20px;
margin:0 auto;
min-height:90px;
}

#logo {
float:left;
width:30%;
padding-top:15px;
font-weight:300;
font-size:24px;
line-height:26px;
color:#666666;
}

#logo:first-line {
color:#0d1f2d;
font-weight:400;
text-transform:uppercase;
}

#logo img {
height:70px;
width:auto;
float:left;
margin-right:-20px;
margin-top:-5px;
}

#nav {
float:left;
width:70%;
text-align:right;
}

#contentwrapper {
margin:0 20px;
}

#content {
width:100%;
max-width:1200px;
margin:0 auto;
margin-top:-165px;
background-color:#FFFFFF;
padding:0 30px 40px 30px;
min-height:385px;
}

#bottomwrapper {
width:100%;
padding-bottom:40px;
}

#breadcrumbswrapper {
background-color:#2448DA;
}

#breadcrumbs {
width:100%;
max-width:1240px;
padding:16px 20px 0 20px;
margin:0 auto;
min-height:60px;
color:#FFFFFF;
}

#breadcrumbs ul {
padding: 0;
margin: 0;
float: left;
}

#breadcrumbs ul li { display: inline; }

#breadcrumbs ul li a {
width:auto;
color:#FFFFFF;
text-decoration: none;
float: left;
}

#breadcrumbs ul li a:after {
content:">";
padding-left:10px;
padding-right:10px;
}

#breadcrumbs ul li a:hover span {
text-decoration:underline;
}

#footerwrapper {
background-size:cover;
background-repeat:no-repeat;
    background-image: linear-gradient(to bottom, rgba(8, 24, 37,0.65) 0%,rgba(8, 24, 37,0.65) 100%), url(../layout/garden-bottom-sfeer.jpg);
	background-position:bottom center;
}

#footer {
width:100%;
max-width:1240px;
padding:20px 20px 0 20px;
margin:0 auto;
color:#FFFFFF;
  display: flex;
  flex-wrap: wrap;
}

#footer-left {
float:left;
width:50%;
position:relative;
padding-bottom:60px;
}

#footer-right {
float:left;
width:50%;
position:relative;
}

.bottomlink {
position:absolute;
bottom:0;
left:0;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}

#footer .mx_contact_form_row {
width:50%;
float:left;
clear:left;
padding-right:10px;
}

#footer .mx_contact_form_row:nth-of-type(5) {
float:right;
clear: none;
margin-top:-154px;
padding-left:10px;
padding-right:0;
}

#footer .mx_contact_form_input {
width:100%;
}

#footer input[type=text], #footer input[type=email],#footer input[type=password], #footer textarea {
border: solid 1px #FFFFFF;
background-color:transparent;
color:#FFFFFF;
}

#footer button {
position:absolute;
bottom:0;
margin-left:0;
right:0;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}

#footer textarea {
height:189px;
resize: none;
}

#footerwrapper h6 {
color:#FFFFFF;
padding-top:40px;
margin-top:0;
}

#copywrapper {
width:100%;
height:auto;
}

#copy {
width:100%;
max-width:1240px;
padding:10px 20px;
margin:0 auto;
}

#copy-left {
float:left;
width:50%;
font-size:14px;
font-weight:400;
}

#copy-left a{
color:#000000;
}

#copy-right {
float:left;
width:50%;
text-align:right;
}

#copy-right a{
color: #2f586e;
}

.mx_pagination, p.back {
font-family: 'Courgette', cursive;
letter-spacing: -1px;
border-top: solid 1px #02005A;
text-align:center;
}

.mx_pagination:before, p.back:before {
content:"";
width:50px;
height:9px;
background-color:#02005A;
display:block;
margin:0 auto;
margin-bottom:15px;
}

p.back a {
color:#2448DA;
font-size:24px;
text-transform:lowercase;
}

p.back a:hover {
text-decoration:none;
color:#2B3B48
}

.mx_pagination ul, .mx_pagination li {
float:none !important;
display:inline;
border:none !important;
}

.mx_pagination a, .mx_pagination span {
display:inline-block !important;
font-family: 'Courgette', cursive;
letter-spacing: -1px;
color: #B2B2B2;
font-size:28px !important;
line-height:26px;
padding: 0 9px 5px 9px !important;
}

.mx_pagination li.mx_current a {
color:#b9c21d;
background-color:transparent !important;
}

.mx_pagination a:hover, .mx_pagination li.mx_current a:hover {
color:#2B3B48;
background-color:transparent !important;
}

.mx_pagination a:hover {
background-color:transparent !important;
}

td {
width:50%;
vertical-align:top;
}

#members {
margin-bottom:20px;
margin-top:10px;
}

.member {
float:left;
width:100%;
margin-bottom:35px;
border-top: solid 8px #b9c21d;
}

.member img {
display:block;
}

.member .description {
background-color: #EEEEEE;
padding:5px 15px;
text-align:center;
}

.member .footer {
background-color:#2B3B48;
padding:8px 10px 10px 8px;
text-align:center;
}

.member .footer a {
color:#FFFFFF;
padding:0 13px;
}

.member .footer a {
line-height:26px;
}

.member .footer a:hover {
padding:0 10px 0 11px;
}

.member .footer a:hover i {
font-size:24px;
padding-bottom:-4px;
}

.member h3 {
font-size:16px;
color:#b9c21d;
text-transform:uppercase;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 110px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 1px 5px 3px 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -55px;
	font-size:14px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

#options {
padding-bottom:30px;
text-align:center;
}

#options button {
display:inline-block; 
 border:none;
 color:#000000;
border-bottom:solid 5px #CCCCCC ;
margin: 0 20px 15px 20px;
 background-color:transparent;
 cursor:pointer;
 padding:0;
 -webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
border-radius:0;
}

#options button:hover {
text-decoration:none;
border-bottom:solid 5px #2448DA;
}


#options button.is-checked {
border-bottom:solid 5px #02005A;
}

.grid-sizer {
width:31.3%;
}

.gutter-sizer {
width:3%;
}

.list_category_item, .project {
position:relative;
	float:left;
	width:31.3%;
	margin-bottom: 30px;
}

.project {
width:100%;
border: solid 5px #EEEEEE;
margin-bottom:10px;
}

.project img {
width:100%;
height:auto;
display:block;
}

.list_category_item .label, .project .label {
position: absolute;
bottom:25px;
left:0;
line-height: 19px;
background-color: #2E2E2E;
color:#FFFFFF;
text-transform:uppercase;
padding:8px 15px;
-webkit-border-radius: 0px 7px 7px 0px;
-moz-border-radius: 0px 7px 7px 0px;
-khtml-border-radius: 0px 7px 7px 0px;
border-radius: 0px 7px 7px 0px;
}

.project .label {
left:-5px;
}

/*.list_category_item:nth-of-type(3n) {
	margin-right:0;
}*/

em {
font-style:italic !important;
}

#project-desc {
float:left;
width:30%;
padding-right:30px;
}

#project-desc #tags {
margin-bottom:20px;
}

#project-desc #tags span {
position:relative;
display:inline-block;
padding:8px 9px 7px 3px;
color:#FFFFFF;
background-color: #CCCCCC;
font-size:13px;
line-height:13px;
text-transform:uppercase;
-webkit-border-radius: 0 7px 7px 0;
-moz-border-radius:  0 7px 7px 0;
-khtml-border-radius:  0 7px 7px 0;
border-radius:  0 7px 7px 0;
margin-bottom:10px;
margin-left:14px;
margin-right:7px;
}

#project-desc #tags span:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(204, 204, 204, 0);
border-right-color: #CCCCCC;
border-width: 13px;
margin-top: -13px;
}

#project-desc #tags span::before {
content:"\2022";
border-right: solid 2px #FFFFFF;
padding-right: 8px;
margin-right: 8px;
font-weight:bold;
}

#project-images {
float:left;
width:70%;
margin-bottom:30px;
}

#slider {
border: solid 5px #EEEEEE;
}

#slider img {
border:none;
}

#slider .flex-direction-nav .flex-prev {
    left: -5px !important;
	background-color:#2E2E2E;
	opacity: 1;
-webkit-border-radius: 0px 7px 7px 0px;
-moz-border-radius: 0px 7px 7px 0px;
-khtml-border-radius: 0px 7px 7px 0px;
border-radius: 0px 7px 7px 0px;
text-align:center;
}

#slider .flex-direction-nav .flex-next {
right: -5px !important;
	background-color:#2E2E2E;
	opacity: 1;
-webkit-border-radius: 7px 0px 0px 7px;
-moz-border-radius: 7px 0px 0px 7px;
-khtml-border-radius: 7px 0px 0px 7px;
border-radius: 7px 0px 0px 7px;
text-align:center;
}

#slider .flex-direction-nav a::before {
	color:#FFFFFF;
	text-shadow:none;
	font-size:36px;
	line-height:40px;
	opacity:0.7;
}

#slider .flex-direction-nav a:hover::before {
opacity:1;
}

.clear {
clear:both;
}

@media screen and (max-width: 1023px) {

#contentwrapper {
margin:0;
}

#content {
margin-top:-45px;
}

#footer-left {
width:30%;
}

#footer-right {
width:70%;
}

} /* end mediaquery */

@media screen and (max-width: 980px) {

.list_category_item, .project, .grid-sizer {
	width:48.5%;
	margin-bottom:25px;
	}

} /* end mediaquery */



@media screen and (max-width: 860px) {
 
#project-desc {
width:100%;
}
 
#project-images {
width:100%;
}
 
} /* end mediaquery */




@media screen and (max-width: 750px) {

#headerwrapper {
padding-bottom:200px;
}

#content {
padding-left: 20px;
padding-right: 20px;
}

#footer-left {
width:100%;
text-align:center;
}

#footer-right {
width:100%;
padding-bottom:50px;
}

.bottomlink {
display:none;
}

h1, h6, h4 {
margin-bottom:40px;
}

h1:before, h4:before {
margin-bottom:20px;
}

td {
width:100%;
display:block;
clear:left;
vertical-align:top;
}

} /* end mediaquery */

@media screen and (max-width: 600px) {

#top-left {
width:70%;
}

#top-right {
width:30%;
}

#top-right i {
border-right:none;
color:#FFFFFF;
padding-right:0;
margin-right:0;
}

#top-right span {
display:none;
}

#top-right a, .bottomlink {
font-size:18px;
font-family: 'Arial Narrow', Helvetica, sans-serif;
}

#navwrapper, #header {
min-height:auto;
}

#logo img {
height:50px;
margin-bottom:15px;
}

#navprepend {
top:135px;
}

#footer .mx_contact_form_row {
width:100%;
padding-right:0;
}

#footer .mx_contact_form_row:nth-of-type(5) {
margin-top:0;
padding-left:0;
}

#copy {
padding-right:0;
}

h1, h6 {
font-size:32px;
}

.list_category_item, .project, .grid-sizer {
	width:100%;
	margin-bottom:25px;
	}
	
#options {
display:none;
}

} /* end mediaquery */