html, body{
margin:0;
padding:0;
border:0;
width:100%;
font-family:'Montserrat', sans-serif;
font-weight:200;
font-size:14px;
line-height:140%;
}

#debug{
position:fixed;
top:10px;
left:10px;
padding:40px;
background-color:rgba(0, 0, 0, 0.5);
z-index:300;
color:#fff;
}


#sitecontainer{
width:100%;
margin:0;
padding:0;
top:0;
left:0;
opacity:0;
transition:opacity 0.3s;
}

header{
position:fixed;
top:0;
left:0;
z-index:200;
background-color:rgba(255, 255, 255, 1);
}

header .menu{
margin:20px 40px 0 0;
padding:0;
float:right;
}

header .menu li{
padding:4px 10px;
}

header .menu li a{
font-family:"Montserrat", sans-serif;
font-size:15px;
font-weight:300;
color:#0C202E;
transition:all 0.2s;
}

header .menu li a:hover{
text-decoration:none;
color:#979797
}

header .menu li.current{
border:solid 1px #979797;
}


.whitebackground{
background-color:#fff;
}

.bluebackground{
background-color:#0C202E;
color:#fff;
}









section.pager{
width:100%;
overflow:hidden;
}

section.fullpage .container-fluid, section.fullpage .container-fluid .row{
height:100%;
}

.imagehome1, .imagehome2, .imagehome3, .imagehome4{
position:relative;
}

.imagehome1 .parallaxbackground{
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:url(../../../images/page_1.jpg) no-repeat bottom center;
background-size:100%;
}


.imagehome2{
height:600px;
}

.imagehome2 .parallaxbackground{
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:url(../../../images/page_2.jpg) no-repeat center;
background-size:cover;
}

.imagehome3{
height:600px;
}

.imagehome3 .parallaxbackground{
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:url(../../../images/page_3.jpg) no-repeat center;
background-size:cover;
}

.imagehome4 .parallaxbackground{
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:url(../../../images/page_4.jpg) no-repeat center;
background-size:cover;
}





/* HCENTER */

.container.hcenter, .container-fluid.hcenter, div.hcenter{
text-align:center;
}

/* VCENTER */

.container.vcenter, .container-fluid.vcenter, div.vcenter{
height:100%;
position:relative;
overflow:hidden;
}

.container.vcenter .row, .container-fluid.vcenter .row, div.vcenter div{
position:relative;
top:50%;
transform:translateY(-50%);
}

/* ALMOST VCENTER... */
.container.almostvcenter, .container-fluid.almostvcenter, div.almostvcenter{
height:100%;
position:relative;
overflow:hidden;
}

.container.almostvcenter .row, .container-fluid.almostvcenter .row, div.almostvcenter div{
position:relative;
top:45%;
transform:translateY(-50%);
}

/* BALIGN */

.balign{
position:relative;
}

.balign>div{
position:absolute;
bottom:0;
}




/* General stuff */

h1{
font-family:"Cormorant Garamond", serif;
font-size:90px;
font-weight:300;
line-height:110%;
}

h2{
font-family:"Cormorant Garamond", serif;
width:100%;
font-size:100px;
color:#fff;
font-weight:300;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

h2.subh1{
color:#000;
font-size:34px;
text-shadow:none;
max-width:80%;
margin:40px 10%;
}

h3{
font-family:"Cormorant Garamond", serif;
width:100%;
font-size:72px;
font-weight:300;
}

h1.center{
text-align:center;
}

h1.bigpadding{
padding:100px 50px;
font-size:60px;
}

h4{
display:block;
width:100%;
font-family:'Montserrat', sans-serif;
font-size:31px;
font-weight:300;
margin:0;
padding:10px 0;
}

h5{
display:block;
width:100%;
font-family:"Cormorant Garamond", serif;
font-size:26px;
font-weight:200;
margin:0;
padding:10px 0 40px 0;
}

h6{
font-family:"Cormorant Garamond", serif;
font-size:26px;
font-weight:normal;
margin:0;
padding:0;
}

h7{
display:block;
font-family:'Montserrat', sans-serif;
font-weight:200;
margin:0;
padding:0 0 20px 0;
font-size:16px;
}

.topspacer{
padding-top:120px;
}

.bottomspacer{
padding-bottom:80px;
}

.bottomspacer2{
padding-bottom:120px;
}



.separator{
display:block;
height:1px;
margin:35px 0;
background-color:#cacaca;
}

.lightseparator{
display:block;
height:1px;
background-color:#194258;
}

.logogrid{
text-align:center;
}

.logogrid>div>div>img{
position:relative;
top:50%;
transform:translateY(-50%);
}


.clientlist{
font-family:'Montserrat', sans-serif;
font-weight:300;
font-size:13px;
color:#0C202E;
padding-bottom:80px;
line-height:170%;
}

.clientlist .row .row>div{
border-left:solid 1px #cacaca;
padding:0 20px;
}

.clientlist .row .row>div:last-child{
border-right:solid 1px #cacaca;
}


.infoblock{
padding:50px 0;
margin:80px 0 0 0;
}

.infoblock h2{
font-size:60px;
margin-bottom:60px;
font-weight:300;
}

.fullscreen{
overflow:hidden;
}

.fullscreen ul, .leadbanner ul{
list-style-type:none;
margin:0;
padding:0;
width:100%;
font-family:'Montserrat', sans-serif;
font-weight:200;
line-height:200%;
color:#fff;
font-size:24px;
}


.profiles{
font-size:16px;
line-height:150%;
}

.profileleft{
padding-right:50px;
}

.profileright{
padding-left:50px;
}

.leadbanner{
width:100%;
padding:80px 0;
overflow:hidden;
}

.leadbanner div{
position:relative;
}

a.tcbutton{
display:inline-block;
margin:20px 0;
color:#000;
font-size:19px;
font-family:'Montserrat', sans-serif;
border:solid 1px #000;
padding:6px 20px;
transition:all 0.2s;
}

a.tcbutton:hover{
color:#0C202E;
text-decoration:none;
}

a.tcbutton2{
display:inline-block;
margin:20px 0;
color:#fff;
font-size:19px;
font-family:'Montserrat', sans-serif;
border:solid 1px #fff;
padding:6px 20px;
transition:all 0.2s;
}

a.tcbutton2:hover{
color:#0C202E;
text-decoration:none;
background-color:#fff;
}





/* Modules */

#worknews{
padding:0;
}

#worknews .loadmore{
text-align:center;
padding:20px 0 50px;
}

#worknews .loadmore a{
color:#000;
transition:all 0.3s;
font-size:20px;
border:solid 1px #000;
padding:10px;
}

#worknews .loadmore a:hover{
color:#0C202E;
text-decoration:none;
}

#worknews .article{
position:relative;
margin-bottom:40px;
}

#worknews .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.5);
margin-bottom:40px;
}

#worknews .info{
position:absolute;
top:50%;
left:0;
width:100%;
text-align:center;
transform:translateY(-50%);
color:#fff;
padding:0 20px;
}

#worknews .client h3{
font-family:"Cormorant Garamond", serif;
font-weight:700;
font-size:32px;
margin:0;
padding:0 0 3px 0;
}

#worknews .title h5{
font-family:'Montserrat', sans-serif;
font-weight:200;
font-size:20px;
margin:0;
padding:0;
}



#homenews .article{
padding-bottom:40px;
}

#homenews .article .introimage, #worknews .article .introimage{
position:relative;
width:100%;
height:270px;
overflow:hidden;
}

#homenews .article .introimage img, #worknews .article .introimage img{
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
width:100%;
transition:all 0.8s;
}

#homenews .article .introimage:hover img, #worknews .article .introimage:hover img{
width:103%;
}

#homenews .article .client h3{
font-family:"Cormorant Garamond", serif;
font-weight:700;
font-size:32px;
color:#0C202E;
margin:0;
padding:10px 0 5px 0;
text-transform:capitalize;
}

#homenews .article .category h4{
font-family:'Montserrat', sans-serif;
font-weight:700;
font-size:12px;
text-transform:uppercase;
color:#B6B6B6;
margin:0;
padding:10px 0 0 0;
}

#homenews .article .title h5{
font-family:'Montserrat', sans-serif;
font-weight:300;
font-size:13px;
text-transform:uppercase;
color:#000;
margin:0;
padding:0 0 20px 0;
}

#homenews .article .text{
font-family:'Montserrat', sans-serif;
font-weight:300;
font-size:15px;
color:#6D6D6D;
}



.footer{
padding:80px 0 80px 0;
font-family:'Montserrat', sans-serif;
font-weight:200;
font-size:18px;
color:#fff;
}

a.contact{
display:inline-block;
padding-top:6px;
font-family:'Montserrat', sans-serif;
font-weight:200;
font-size:18px;
color:#fff;
}



.exc1{
padding-top:20px;
}

.exc1 h3{
line-height:120%;
font-family:'Montserrat', sans-serif;
font-weight:500;
font-size:28px;
margin:20px 0;
padding:0;
}

.exc2{
font-size:40px;
max-width:50%;
margin:0 25%;
}

.exc4{
font-size:34px;
margin:60px;
}



/* Quix specific */

.qx-row{
margin-left:0;
margin-right:0;
}

.qx-element-text h1{
font-size:52px;
}

.qx-element-heading h2{
font-size:70px;
margin-bottom:10px !important;
}

.qx-element-heading{
font-size:20px;
}





.qx-section.worklist > .qx-container{
padding:0;
}

.qx-section.worklist > .qx-container .qx-column{
padding:0;
}











/* Joomla specific */
.moduletable{
width:100%;
}