/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0. Lara Open Sans Neutra Courgette Montserrat
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@font-face {
font-family : "Neutra-Light";
src : url('fonts/Montserrat-Light.ttf') format('truetype');
font-display: swap;
font-weight : 200;
font-style : normal;
}
@font-face {
font-family : "Neutra-Demi";
src : url('fonts/Montserrat-Light.ttf') format('truetype');
font-weight : 300;
font-style : normal;
font-display: swap;
}
@font-face {
font-family : "BodegaSerifBlack";
src : url('fonts/BodegaSerifBlack.woff') format('woff'), url('fonts/BodegaSerifBlack.ttf') format('truetype');
font-weight : 900;
font-style : normal;
font-display: swap;
}
body {
width : 100%;
height : 100%;
font-family : 'Source Sans Pro';
font-size : 16px;
font-weight : 400;
color : #222;
background : #f0f0f0;
}
html {
width : 100%;
height : 100%;
}
.contafull {
width : 100%;
}
.neutra {
font-family : Neutra-Demi;
font-size : 0.875em;
}
.neutra-light {
font-family : Neutra-Light;
font-size : 1em;
}
.neutra-demi {
font-family : Neutra-Demi;
font-size : 1em;
}
.silka {
font-family : Neutra-Light;
font-size : 0.875em;
}
@media (min-width: 768px) {
.neutra {
font-family : Neutra-Demi;
font-size : 1.125em;
}
.neutra-demi {
font-family : Neutra-Demi;
font-size : 1.25em;
}
.neutra-light {
font-family : Neutra-Light;
font-size : 1.25em;
}
.silka {
font-family : Neutra-Light;
font-size : 1.25em;
}
}

h1, h2, h3, h4, h5, h6 {
font-family : Roboto;
margin-top : 10px;
color : #908045;
font-size : 1.250em;
font-weight : 700;
letter-spacing : 0.05em;
text-align : left;
}
h2 {
margin-top : 0;
font-size : 1.250em;
}
p {
margin : 0 0 0;
font-size : 1em;
letter-spacing : 0.05em;
line-height : 1.3;
text-indent : 0;
text-align : justify;
}
.twiggy {
font-family : Neutra-Light;
margin : 0 0 0;
font-size : 0.875em;
letter-spacing : 0.05em;
line-height : 1.3;
text-indent : 0;
text-align : left;
}
.mybig {
font-family : Roboto;
font-size : 1.25em;
letter-spacing : 0.05em;
}
.big2 {
font-family : Roboto;
font-size : 1.126em;
letter-spacing : 0.10em;
}
.title20g {
font-family : Roboto;
color : #908045;
font-size : 1.25em;
text-align : left;
padding : 0;
}
.title10g {
font-family : Neutra-Demi;
color : #908045;
font-size : 1.25em;
text-align : center;
padding : 0;
}
.mydecor {
font-family : BodegaSerifBlack;
color : #908045;
font-size : 1.875em;
letter-spacing : 0.05em;
text-align : center;
}
.title20 {
font-variant : small-caps;
font-weight : bold;
font-family: Roboto;
color : #bf592e;
font-size : 1.115em;
text-indent : 0;
text-align : center;
padding : 4px;
}
.small {
font-size : 0.75em;
}
.padme {
padding : 15px;
}
.grey {
color : #222;
}
@media (min-width: 768px) {
h1, h2, h3, h4, h5, h6 {
font-family : Roboto;
margin-top : 10px;
color : #908045;
font-size : 1.625em;
font-weight : 700;
letter-spacing : 0.05em;
text-align : left;
}
h2 {
margin-top : 0;
font-size : 1.625em;
}
p {
margin : 0 0 0;
font-size : 1.25em;
letter-spacing : 0.05em;
line-height : 1.3;
text-indent : 0;
text-align : justify;
}
.twiggy {
font-family : Neutra-Light;
margin : 0 0 0;
font-size : 1.25em;
letter-spacing : 0.05em;
line-height : 1.3;
text-indent : 0;
text-align : left;
}
.mybig {
font-family : Roboto;
font-size : 2.225em;
color : #333;
letter-spacing : 0.05em;
}
.big2 {
font-family : Roboto;
font-size : 1.5em;
letter-spacing : 0.10em;
}
.big125 {
font-family : Roboto;
font-size : 1.25em;
letter-spacing : 0.10em;
}
.title20g {
font-family : Roboto;
color : #908045;
font-size : 1.5em;
text-align : left;
padding : 0;
}
.title10g {
font-family : Neutra-Demi;
color : #908045;
font-size : 1em;
text-align : center;
padding : 0;
}
.mydecor {
font-family : BodegaSerifBlack;
color : #908045;
font-size : 3.750em;
letter-spacing : 0.05em;
text-align : center;
}
.title20 {
font-variant : small-caps;
font-weight : bold;
font-family: Roboto;
color : #bf592e;
font-size : 1.5em;
text-align : center;
padding : 4px;
}
.picfmin {
padding : 5px 150px 0 0;
margin:  0px 50px 0 100px;
float : left;
}
}

.light {
font-weight : 300;
}
.fathat {
font-weight : 600;
}
.fathet {
font-weight : 700;
}
.fatme {
font-weight : 900;
}
.inde {
text-indent : 15px;
}

a {
color : #333;
transition : all 0.2s ease-in-out;
}
a:hover, a:focus {
text-decoration : none;
color : #908045;
}
#llinks6 {
z-index : -1000;
display : table;
position : fixed;
top : 0px;
left : 0;
width : 100%;
height : 100%;
background : url(images/intro-bgx-no.jpg) bottom no-repeat;
background-color : transparent;
background-size : cover;
}
.navbar-custom {
margin-bottom : 0;
border-bottom : 0px solid rgb(255, 255, 255, 0.3);
font-family : neutra-demi;
background-color : transparent;
}
.navbar-custom .navbar-brand {
font-size : 2em;
}
.navbar-custom .navbar-brand:focus {
outline : 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
padding : 0;
font-size : 1em;
color : #222;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {
outline : 0;
}
.navbar-custom a {
color : #908045;
}
.navbar-custom .nav li a {
transition : background 0.3s ease-in-out;
}
.navbar-custom .nav li a:hover {
outline : 0;
color : rgb(0, 0, 0, 0.8);
background-color : transparent;
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
outline : 0;
background-color : transparent;
}
.navbar-custom .nav li.active {
outline : 0;
}
.navbar-custom .nav li.active a {
background-color : rgb(100, 100, 100, 0.3);
}
.navbar-custom .nav li.active a:hover {
color : #000;
}
@media (min-width: 768px) {
.navbar-custom {
padding : 0 0;
border-bottom : 0;
letter-spacing : 1px;
background : 0 0;
transition : background 0.5s ease-in-out, padding 0.5s ease-in-out;
}
.navbar-custom.top-nav-collapse {
padding : 0;
border-bottom : 1px solid rgb(255, 255, 255, 0.3);
background : #eee;
}
.navbar-custom .navbar-brand {
font-size : 2em;
}
#llinks6 {
z-index : -1000;
display : table;
position : fixed;
top : 0px;
left : 0;
width : 100%;
height : 100%;
background : url(images/hogytudd.jpg) bottom no-repeat;
background-color : transparent;
background-size : cover;
}
}
.content-section {
padding-top : 30px;
background-color : #fafafa;
}
.content-tansme {
padding-top : 30px;
background-color : transparent;
}
.download-section {
width : 100%;
padding : 0;
color : #222;
background : url(../imgames/downloads-bg.jpg) center center no-repeat scroll;
background-color : transparent;
background-size : cover;
}
@media (max-width: 1199px) {
.myhidden {
display : block;
}
}
@media (max-width: 767px) {
.myhidden {
display : block;
}
}
@media (max-width: 400px) {
.myhidden {
display : none;
}
}
#map {
width : 100%;
height : 200px;
margin-top : 10px;
color : #666;
}
@media (min-width: 767px) {
.content-section {
padding-top : 30px;
}
.download-section {
padding : 100px 0;
}
#map {
height : 300px;
margin-top : 50px;
}
}
footer {
padding : 50px 0;
}
footer p {
margin : 0;
}
.preloader {
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
background-color : #121213;
z-index : 9999999;
}
.preloader .status {
position : absolute;
left : 0;
right : 0;
top : 50%;
transform : translateY(-50%);
}
.preloader .status .spinner {
margin : 100px auto;
width : 40px;
height : 40px;
position : relative;
text-align : center;
animation : sk-rotate 2.0s linear infinite;
}
.preloader .status .spinner .dot1, .preloader .status .spinner .dot2 {
width : 60%;
height : 60%;
display : inline-block;
position : absolute;
top : 0;
background-color : #908045;
border-radius : 100%;
animation : sk-bounce 2.0s ease-in-out infinite;
}
.preloader .status .spinner .dot2 {
top : auto;
bottom : 0;
animation-delay : -1.0s;
}
@keyframes sk-rotate {
100% {
transform : rotate(360deg);
}
}
@keyframes sk-bounce {
0%, 100% {
transform : scale(0);
}
50% {
transform : scale(1);
}
}
::-moz-selection {
text-shadow : none;
background : #fcfcfc;
background : rgb(255, 255, 255, 0.2);
}
::selection {
text-shadow : none;
background : #fcfcfc;
background : rgb(255, 255, 255, 0.2);
}
img::selection {
background : 0 0;
}
img::-moz-selection {
background : 0 0;
}
.hvr-shutter-out-horizontal {
display : inline-block;
vertical-align : middle;
transform : translateZ(0);
box-shadow : 0 0 1px rgb(0, 0, 0, 0);
backface-visibility : hidden;
position : relative;
background : #e1e1e1;
transition-property : color;
transition-duration : 0.3s;
}
.hvr-shutter-out-horizontal:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
bottom : 0;
left : 0;
right : 0;
background : #81be32;
transform : scaleX(0);
transform-origin : 50%;
transition-property : transform;
transition-duration : 0.3s;
transition-timing-function : ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color : white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
transform : scaleX(1);
}
.about-grid:hover img {
transform : scale(0.9);
}
.about-grid img {
transition : all 2s ease-in-out;
}
.video {
background : url(../images/cv.jpg) no-repeat;
background-position : 0 0;
text-align : left;
min-height : 100%;
background-size : cover;
}
.video iframe {
width : 100%;
min-height : 15em;
border : #b3b3b3 solid 1px;
}
#grayscale {
filter : grayscale(100%);
}
#grayscale2 {
filter : grayscale(100%);
}
#blclo {
padding : 0;
display : none;
}
.blpage {
background-color : transparent;
width : 99%;
text-align : center;
padding : 0;
}
.blpage img {
width : 30px;
height : 30px;
}
.k_float {
z-index : 9999999;
position : fixed !important ;
position : absolute;
cursor : pointer;
}
#kampylink img {
border : 0;
}
.k_top {
top : 0;
}
.k_bottom {
bottom : 0;
}
.k_bottom img {
width : 30px;
height : 30px;
}
.k_right {
right : 0;
}
.k_left {
left : 0;
}
#k_close_button {
color : gray;
border : gray solid 1px;
display : none;
width : 11px;
height : 16px;
font-size : 12px;
text-align : center;
}
.kc_top {
top : 80px;
}
.kc_bottom {
bottom : 80px;
}
.kc_right {
right : 10px;
float : right;
}
.kc_left {
left : 10px;
}
.kc_right80 {
right : 80px;
}
.clearme {
clear : both;
}
.centre {
text-align : center;
}
.lefty {
text-align : left;
}
.rigty {
text-align : right;
}
.ity {
font-style : italic;
}
.mybg {
background-color : #fafafa;
}
.myred {
color : #BF592E;
}
.mygod {
color : #908045;
}
.pm {
text-align : left;
margin : 0 0 0 15px;
text-indent : -15px;
}
.myimg img {
width : 99%;
}
.trans {
background-color : transparent;
}
.paddme {
text-align : left;
margin : 5px;
padding : 5px;
background-color : #E1DBCB;
}
.paddme img {
border-style : solid;
border-width : 0;
border-color : #808040;
}
.picfl {
padding : 25px 20px 20px 0;
float : left;
}
.picfmin {
padding : 0px 0px 0 0;
float : left;
}
.picright {
padding : 15px 0px 0px 10px;
float : right;
}
.piccent {
padding : 10px 10px 10px 10px;
text-align: center;
}
.wrapme {
width : 95%;
}
.m-top-25 {
margin-top : 25px;
}
.m-top-100 {
padding-top : 100px;
}
.m-left-50 {
padding-left : 50px;
}
.lefor {
text-align : left;
margin : 0;
padding-left : 20px;
text-indent : -15px;
}
.no-indent {
text-indent : 0;
}
.lemarg {
margin : 120px;
}
.mybgcol {
background : #eeeeee;
}
.mybgvil {
background : #EBE7DB;
}
.my300max {
width : 300px;
}
dt {
margin : 10px;
}
.grey {
color : #222;
}