body{font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;color:#555;padding-top:4.063rem}

#page-welcome{margin-top: 0px;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}

.page-welcome{ background: url(http://www.byosly.dk/img/redgreen1.jpg) no-repeat fixed 50% 0 / cover #ffffff; 
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;}

.paralax{background-attachment:scroll!important;}    
.staticbg {background: url(http://www.byosly.dk/img/redgreen1sm.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

a{color:#9B1938;-webkit-transition:.25s;transition:.25s}
a:hover{color:#ea2f10;text-decoration:underline !important}
a:focus{outline:0;outline:0 auto -webkit-focus-ring-color;outline-offset:0}
.margin-top{margin-top:1.875rem}.margin-right{margin-right:1.875rem}
.margin-bottom{margin-bottom:1.875rem}
.margin-left{margin-left:1.875rem}::selection{background-color:#b3d4fc;color:#fff;text-shadow:none}
.nicescroll-rails{z-index:9999!important}

h1,h2,h3,h4,h5,h6{color: #005C45;font-family:'Open Sans',Raleway-Regular,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;margin-top: 3rem;}
h2,h3{font-size: 3rem;text-transform:uppercase;}
h4{font-size: 2rem;text-transform:uppercase;}
h5{color: #ffffff;font-family:'Open Sans',Raleway-Regular,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;margin-top: 3rem;}

.aligncenter {text-align:center;}

p{font-size:120%}

button,.button {font-family:Montserrat,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
font-size:.8125rem;font-weight:700!important;text-transform:uppercase;box-shadow:0 4px #0075a3}button:hover,button:focus,.button:hover,.button:focus
{text-decoration:none;box-shadow:0 4px #00628a;outline:0;outline:0 auto -webkit-focus-ring-color;outline-offset:0}
button.alert,.button.alert {box-shadow:0 4px #d92a0d} 
button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{box-shadow:0 4px #d31800}
button.secondary,.button.secondary
{box-shadow:0 4px #c3c3c3}
button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus
{box-shadow:0 4px #bbb}button.success,.button.success{box-shadow:0 4px #2c9553}
button.success:hover,button.success:focus,.button.success:hover,.button.success:focus
{box-shadow:0 4px #258348}.top-bar{background-color:transparent}

.top-bar .logo {font-family:Satisfy-Regular,Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;font-size:1.625rem;margin-top:.625rem}
.top-bar .logo h1 a{color:#9B1938}
.top-bar .name h1 a:hover{text-decoration:none}
.top-bar .toggle-topbar.menu-icon a{color:#9B1938}
.top-bar .toggle-topbar.menu-icon a span{-webkit-box-shadow:0 10px 0 1px #979797,0 16px 0 1px #979797,0 22px 0 1px #979797;box-shadow:0 10px 0 1px #979797,0 16px 0 1px #979797,0 22px 0 1px #979797}
.top-bar-section ul,.top-bar-section li a:not(.button){background-color:transparent}.top-bar-section li a:not(.button){font-family:"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;font-weight:700;color:#9B1938;text-transform:uppercase;padding:.625rem .9375rem}
.top-bar-section ul li.active >a,.top-bar-section ul li.active >a:hover,.top-bar-section li a:not(.button):hover{background-color:#092749 !important;color:#F1F1F1;text-decoration:none}
.top-bar.expanded .title-area{background-color:transparent;border-bottom:1px solid #e8e8e8}
.top-bar .toggle-topbar a {color: #9B1938;}
.logo img {height:50px; width:auto;}

input[type=name],input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input[type=human],textarea{height:2.875rem;font-style:italic;border-width:2px;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:.25s;transition:.25s}
input[type=name]:focus,input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input[type=human]:focus,textarea:focus{border-color:#999;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:0;outline:0 auto -webkit-focus-ring-color;outline-offset:0}
textarea{height:8.375rem}.reveal-modal{background-color:#f4f4f4;border-color:#e2e2e2;border-radius:6px}

.space-top {padding-top: 5em;}
.space-bottom {padding:3em;}

.round-img {margin:0 auto; width: 150px; opacity: 0.8; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px;}
.round-img a {color:#EB4C31;opacity: 0.8;}
.round-img:hover { opacity: 0.99;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes pulse{0%{transform:scale(0.9);opacity:.7}50%{transform:scale(1);opacity:1}100%{transform:scale(0.9);opacity:.7}}
.round-div a {color:#EB4C31 !important;}
.reveal-modal img{display:block;width:90%;height:auto;background-color:#e2e2e2;border-radius:4px;margin:0 auto 0.563rem;padding:4px}
.reveal-modal p.button-margin,.reveal-modal p.button-margin .button{margin:0}
.reveal-modal .close-reveal-modal{text-decoration:none}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat-Regular'),url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff')}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat-Bold'),url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff')}@font-face{font-family:Raleway-Light;src:url(../fonts/raleway/Raleway-Light.eot);src:url(../fonts/raleway/Raleway-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/raleway/Raleway-Light.woff) format('woff'),url(../fonts/raleway/Raleway-Light.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Raleway-Regular;src:url(../fonts/raleway/Raleway-Regular.eot);src:url(../fonts/raleway/Raleway-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/raleway/Raleway-Regular.woff) format('woff'),url(../fonts/raleway/Raleway-Regular.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Raleway-Medium;src:url(../fonts/raleway/Raleway-Medium.eot);src:url(../fonts/raleway/Raleway-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/raleway/Raleway-Medium.woff) format('woff'),url(../fonts/raleway/Raleway-Medium.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Raleway-SemiBold;src:url(../fonts/raleway/Raleway-SemiBold.eot);src:url(../fonts/raleway/Raleway-SemiBold.eot?#iefix) format('embedded-opentype'),url(../fonts/raleway/Raleway-SemiBold.woff) format('woff'),url(../fonts/raleway/Raleway-SemiBold.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Raleway-Bold;src:url(../fonts/raleway/Raleway-Bold.eot);src:url(../fonts/raleway/Raleway-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/raleway/Raleway-Bold.woff) format('woff'),url(../fonts/raleway/Raleway-Bold.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Satisfy-Regular;src:url(../fonts/satisfy/Satisfy-Regular.eot);src:url(../fonts/satisfy/Satisfy-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/satisfy/Satisfy-Regular.woff) format('woff'),url(../fonts/satisfy/Satisfy-Regular.ttf) format('truetype');font-weight:400;font-style:normal}
dialog.small, .reveal-modal.small {margin-left: -20%; width: 40%;}

.line{display:block;width:2.8rem;height:4px;background-color:#9B1938;margin:1.8rem auto}.fixed{z-index:97}
.mathead{background-color:#fff;box-shadow:0 4px #e8e8e8}
.intro{background-color:transparent;text-align:center;padding:4.375rem 0 2.969rem}
.intro h1{color:#ffffff;font-family: 'Parisienne', serif, cursive;font-size:10rem; margin-top:10%;text-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);}

.icons {background-color:transparent;text-align:center;}
.fa-8x {font-size: 8em;}

.wellcome {color:#ffffff;font-size: 1.875rem;line-height: 1.7; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);}
.wellcome h2 {color:#ffffff;font-size: 3rem;font-weight:400;line-height: 2; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);}
.alert-box h3 {color:#9B1938;font-size: 2.5rem;font-family:Montserrat,serif;font-weight:300;line-height: 1.25; text-shadow: 0 1px 1px rgba(245, 245, 245, 0.6);}
.alert-box {color:#9B1938 !important;font-size: 1rem;margin-bottom: 1rem;padding: 0rem 1rem 1.825rem 0rem;line-height: 1.5; text-shadow: 0 1px 1px rgba(245, 245, 245, 0.6);}
.alert-box a{text-decoration:underline;}

.csslider >ul >li >img{display:block;width:90%;height:auto;margin:0 auto}

.clearing-thumbs li, [data-clearing] li a {
    color: #FFFFFF;
    float: left;
    line-height: 1.2;
    margin-right: 10px;
}
.portfolio-wrapper{background-color:#fff;text-align:center;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:3.125rem 0 4.375rem}
.portfolio-list{margin-top:2.5rem}.portfolio{display:block;float:left;width:48%;border:4px solid #e2e2e2;border-radius:4px;margin:1%;overflow:hidden}
.portfolio img{position:relative;max-width:100%;opacity:.7;-webkit-transition:.25s;transition:.25s}
.portfolio img:hover{opacity:1}
.portfolio .label{position:absolute;bottom:-3.75rem ;left:0;width:100%;height:3.75rem;margin-bottom:0;}
.portfolio .label-text{position:relative;color:#fff !important;padding:.75rem 8px !important;z-index:96 !important}
.portfolio .label-text h5{margin:0}.portfolio .label-text h5 a{color:#fff;text-decoration:none !important}
.portfolio .label-bg{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:#f04124 !important}
.portfolio-cover{position:relative!important;background-color:#444;overflow:hidden}
.portfolio .small {font-size: 1rem;}
.about-wrapper{background-color:#ffffff;padding:3.125rem 0}
.about-wrapper h2, .white-wrapper h2{text-align:center}
.about-wrapper h3, .white-wrapper h3{text-align:center}
.about-wrapper img, .portfolio-round img{display:block;width:20rem;height:auto;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;padding:4px;margin:0 auto .9375rem}
.white-wrapper{background-color:#fff;text-align:left;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:3.125rem 0 4.375rem}
.bgfilter {opacity: 0.8 !important;}
.col-progress{margin-top:2.188rem}.tweets-wrapper{background-color:#fff;text-align:center;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:4.063rem 0 1.75rem}

.tweets-wrapper img{display:block;width:150px;height:auto;margin:0 auto 1.875rem}
#tweets{margin-bottom:2.188rem}#tweets ul{list-style:none;padding:0}#tweets p.tweet{font-family:"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;font-size:1.625rem;font-style:italic;line-height:2.25rem}
.pulse {-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes pulse{0%{transform:scale(0.9);opacity:.7}50%{transform:scale(1);opacity:1}100%{transform:scale(0.9);opacity:.7}}

iframe {border:0;}

@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.95);opacity:.7}50%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.95);opacity:.7}}
.contact-wrapper{background-color:#00664C;color:#fff;padding:3.125rem 0 3.75rem}
.contact-wrapper h3{color:#fff;text-align:center}
.contact-wrapper .line{background-color:#fff}
.contact-form{color:#fff;margin-top:2.188rem}
.contact-form label{color:#fff}.contact-form input[type=name],.contact-form input[type=text],.contact-form input[type=password],.contact-form input[type=date],.contact-form input[type=datetime],.contact-form input[type=datetime-local],.contact-form input[type=month],.contact-form input[type=week],.contact-form input[type=email],.contact-form input[type=number],.contact-form input[type=search],.contact-form input[type=tel],.contact-form input[type=time],.contact-form input[type=url],.contact-form input[type=human],.contact-form textarea{background-color:#B5B5B5;color:#fff;border-color:#626262;margin:0 0 1.5rem}
.contact-form input[type=text]:focus,.contact-form input[type=password]:focus,.contact-form input[type=name]:focus,.contact-form input[type=date]:focus,.contact-form input[type=datetime]:focus,.contact-form input[type=datetime-local]:focus,.contact-form input[type=month]:focus,.contact-form input[type=week]:focus,.contact-form input[type=email]:focus,.contact-form input[type=number]:focus,.contact-form input[type=search]:focus,.contact-form input[type=tel]:focus,.contact-form input[type=time]:focus,.contact-form input[type=url]:focus,.contact-form input[type=human]:focus,.contact-form textarea:focus{background-color:#717171}
.required{color:#f04124}.social-icon{text-align:center;margin:40px 0 0;padding-left:0;list-style:none}
.social-icon li{display:inline-block;line-height:1;margin-right:1.563rem;padding:0}
.social-icon li:last-child{margin-right:0}
.social-icon a{display:block;width:70px;height:70px;background-color:transparent;text-decoration:none;text-align:center;border-radius:50%;-webkit-transition:background .3s,color .3s,box-shadow .3s;-moz-transition:background .3s,color .3s,box-shadow .3s;transition:background .3s,color .3s,box-shadow .3s}
.social-icon a:hover{box-shadow:0 0 0 8px rgba(255,255,255,.3)}
.social-icon a.facebook{background-color:#3b5998;color:#fff}
.social-icon a.facebook:hover{background-color:#244281;color:#fff}
.social-icon a.twitter{background-color:#4099ff;color:#fff}
.social-icon a.twitter:hover{background-color:#2982e8;color:#fff}
.social-icon a.google-plus{background-color:#d34836;color:#fff}
.social-icon a.google-plus:hover{background-color:#bc311f;color:#fff}
.social-icon a.skype{background-color:#0094ff;color:#fff}
.social-icon a.skype:hover{background-color:#0094ff;color:#fff}
.social-icon a.instagram{background-color:#4C799F;color:#fff}
.social-icon a.instagram:hover{background-color:#527FA4;color:#fff}
.social-icon .fa{font-size:2.25rem;line-height:2}
.social-icon a:hover 
.fa{-webkit-animation:toRightFromLeft 
.3s forwards;-moz-animation:toRightFromLeft 
.3s forwards;animation:toRightFromLeft 
.3s forwards}@-webkit-keyframes toRightFromLeft{49%{-webkit-transform:translate(100%)}50%{opacity:0;-webkit-transform:translate(-100%)}51%{opacity:1}}
@-moz-keyframes toRightFromLeft{49%{-moz-transform:translate(100%)}50%{opacity:0;-moz-transform:translate(-100%)}51%{opacity:1}}@keyframes toRightFromLeft{49%{transform:translate(100%)}50%{opacity:0;transform:translate(-100%)}51%{opacity:1}}
.copy{background-color:#252525;color:#979797;text-align:center;padding:30px;}
.copy p{font-size: 1em; line-height:normal;margin:0}
.copy a{color:#979797}
.copy a:hover{color:#fff}

@media (min-width:1910px) {.page-welcome {height: auto;}.intro h1{font-size:13rem;margin-top:8%;}.wellcome h2 {font-size: 4rem;}.wellcome {font-size: 2rem;}.space-top {padding-top: 3em;}}

@media only screen and (max-width:40rem){body{padding-top:0}.top-bar{height:55px; margin-top:0}.csslider >ul >li >img{width:80%}.portfolio{width:31%}.col-desc{margin:40px}}
@media only screen and (max-width:35.5rem){.portfolio{width:48%}}
@media only screen and (max-width:30rem){.intro h1{font-size:4rem}.social-icon li{margin-right:.5rem}}
@media only screen and (max-width:24rem){.logo img {height:32px;font-size:1.125rem}.portfolio{width:98%}.social-icon li{margin-bottom:.9375rem}.social-icon li:last-child{margin-bottom:0}}
@media only screen and (max-width:15rem){.top-bar .logo img {height:32px;font-size:1.125rem}.space-top{padding-top: 2em;}#tweets p.tweet{font-size:1.125rem}}