a,a:visited,a:hover,a:active,a:focus,input,select,textarea{outline:none;text-decoration:none}
a,li{-webkit-tap-highlight-color:rgba(0,0,0,0)}
:focus,.btn:focus{outline:0}
code{color:#333}
img{height:auto;max-width:100%;vertical-align:top;-ms-interpolation-mode:bicubic;opacity:1.0}
iframe{border:0 none}
.soundcloud{width:100%}
.wow{visibility:hidden}
.center{margin:0 auto}
.tooltip .tooltip-inner{padding:10px;font-weight:700}
.pull-left{margin-right:10px}
.pull-right{margin-left:10px}
ul,ol{padding:0 0 1em 20px}
.fa-li{margin-left:-6px;padding-top:4px}
.icon-big{font-size:120px;margin-top:10px;color:#222}
section,.footer,figure{-webkit-backface:hidden;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
a{color:inherit}
a:focus,a:hover,a.line:hover,.launch_modal:hover{color:inherit;cursor:pointer}
.line{color:#333;border-bottom:1px solid #bbb}
.pad90{padding-top:90px}
.pad60{padding-top:60px}
.pad45{padding-top:45px}
.pad35{padding-top:35px}
.pad30{padding-top:30px}
.pad25{padding-top:25px}
.pad22{padding-top:22px}
.pad20{padding-top:20px}
.pad15{padding-top:15px}
.pad10{padding-top:10px}
.pad5{padding-top:5px}
.marg-right15{margin-right:15px}
.marg-right10{margin-right:10px}
.marg-right5{margin-right:5px}
.marg-left10{margin-left:10px}
.marg-top25{margin-top:25px}
.marg-top15{margin-top:15px}
.marg-top-minus15{margin-top:-15px}
.btn,input,textarea,button{font-weight:400;border:0;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s}
input,textarea{border-radius:0px}
.btn-big,.btn-med,#pricing .btn,#pricing2 .btn,.btn-big-colour{}
.btn-med{padding:.5em 1.2em!important;font-size:11px;font-weight:700}
.blog-btn{padding:.8em 1.3em!important;margin-top:15px;font-size:11px;font-weight:700}
h2,h3,h4,h5,h6,dt{color:#333;
line-height:1.2em}
h1,h2,h3{font-family:'Bitter',serif}
h4,h5,h6{font-family:'Signika Negative',sans-serif}
h1{font-weight:700;font-size:5em;line-height:120%;position:relative;letter-spacing:-0.1rem;margin:0px auto 20px;text-align:center}
h2{font-size:2em}
h3{font-size:1.8em}
h4{font-size:1.4em}
h5{font-size:1.2em}
h6{font-size:1em;font-weight:700}
.lead{font:28px/40px'Bitter',serif;max-width:900px;font-style:italic;color:#777;letter-spacing:-.02rem;margin:0 auto 70px;text-align:center}
.lead2{font:28px/40px'Bitter',serif;font-style:italic;color:#777;letter-spacing:-.02rem;margin:0 auto 20px;text-align:left}
h6.desc{font-size:13px!important;font-weight:700;color:#555;letter-spacing:3px;text-transform:uppercase;padding-top:10px!important}
.footer-heading{font:22px/32px'Bitter',serif}
.text-rotator-fade{font:700 70px/70px'Lato',sans-serif!important;margin:0 auto 10px!important;text-align:center;color:#fff}
.dropcap-big{font:400 175px/140px'PlayfairDisplay',serif;color:#555;display:inline-block;float:left;padding:0;margin:0px 20px -5px 0;text-transform:uppercase}
.dropcap{font-size:90px;font-weight:400;color:#555;display:block;float:left;padding:0;margin:25px 8px 20px 0;text-transform:uppercase}
blockquote{font:italic 400 1.1em/200%"Bitter",serif;padding:0 10px}
.header{position:fixed;top:0;left:0;width:100%;background:#fff;height:70px;border-bottom:1px solid #ccc;z-index:999}
.logo{float:left;height:40px;margin:15px 0px 0 0px!important;width:117px;z-index:1;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in}
.logo:hover{opacity:.80}
.dropdown-submenu>.dropdown-menu{visibility:hidden}
.dropdown-menu>li>a{white-space:normal}
.dropdown-menu li:hover>.dropdown-menu{visibility:visible}
.icon-bar{background:#000!important}
.navbar-toggle .icon-bar:nth-of-type(2){top:1px}
.navbar-toggle .icon-bar:nth-of-type(3){top:2px}
.navbar-toggle .icon-bar{position:relative;transition:all 100ms ease-in-out}
.navbar-toggle.active .icon-bar:nth-of-type(1){top:6px;transform:rotate(45deg)}
.navbar-toggle.active .icon-bar:nth-of-type(2){background-color:transparent!important}
.navbar-toggle.active .icon-bar:nth-of-type(3){top:-6px;transform:rotate(-45deg)}
.navbar-collapse.in{overflow-y:visible}
#intro #intro-background{height:100%;width:100%;background-size:cover!important;box-shadow:0 0 30px rgba(0,0,0,0.5)}
#intro-relative #intro-background,#intro-small-fixed #intro-background{height:100%;width:100%;background-size:cover!important;background-position:50% 50% !important}
#intro,#intro-small-fixed{background-color:#2e313d}
#intro,#intro-relative,#intro-small-fixed{position:relative;height:300px;margin-top:50px;z-index:3}
#intro #intro-tagline,#intro-relative #intro-tagline,#intro-tagline-small{position:absolute;width:90%;max-width:1170px;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.content,.content-relative,.content-no-top,.content-small,.content-no-top-laptop{background-color:#E0E0DC;position:relative;padding:2em 0 0;z-index:2}
.content-no-top{padding:4em 0 0}
.content-no-top-laptop{padding:4.5em 0 0}
.fullrounded img{border-radius:400px}
.tp-caption.overlay{box-shadow:inset 0 0 0 1000px rgba(0,0,0,0.4);width:100%;height:100%}
.arrow{font-size:18px}
.video_width{width:100%;height:100%}
#home{position:relative;width:100%;height:100%;padding:0 0}
#content,#content2{position:absolute;padding-top:30px;margin-left:auto;margin-right:auto;left:1%;right:1%;z-index:1;background:transparent}
.emblem{padding:0 0 30px}
.title h1{font-family:'Playfair Display',serif!important;padding:0 0 0.2em;color:#fff;font-weight:800;letter-spacing:0rem;font-size:5.5em;margin:0 auto}
p.subline{color:#fff;padding:0 0 0.4em;font-weight:400;font-size:1.75em}
.title h1,p.subline{line-height:1}
.title i{color:#fff}
.single_image,.single_image2{position:relative;width:100%;height:100%;background-size:100%;background:url('../../fileadmin/config/_hagstrom/templates/Resources/Public/img/top/bg8.jpg') 50% 0% no-repeat;background-position:top center;background-size:cover!important;padding:0 0}
.single_image2{background:url('../../fileadmin/config/_hagstrom/templates/Resources/Public/img/top/bg9.jpg') 50% 0% no-repeat}
.footer,.footer-no-marg{background:#f5f5f5;margin:60px auto 0;padding:45px 0 40px;text-align:center;position:relative;overflow-x:hidden!important}
.footer-no-marg{margin:0 auto}
.alt_footer{font-size:14px;color:#000;background:#BDBBB9;padding:50px 0 15px;text-align:left}
.alt_footer h6{color:#000;font-weight:700;margin-bottom:30px}
.alt_footer a{color:#333}
.alt_footer a:hover{color:#111}
.credits{font-size:12px;line-height:150%;color:#999;background:#fff;padding:20px 0;text-align:left}
.go-top{position:fixed;bottom:1em;right:1em;text-decoration:none;color:#333;border:1px solid rgba(0,0,0,0.4);font-size:20px;padding:0.4em 0.6em;display:none;background:#fdfdfd;z-index:3;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;opacity:0.8}
.go-top:hover{border:1px solid rgba(0,0,0,0.5);opacity:0.9}
@media (max-width:767px){.header{position:static;height:auto;border:0px none;z-index:999}
.navbar .nav.pull-right{float:right;margin-right:0px!important}
.logo{float:left;margin:14px 0px 0px 30px!important}
ul.nav li{margin:0 0}
#main_menu .container{padding:0!important}
.navbar{overflow:hidden!important}
.navbar-header{float:none;width:100%;margin:0!important}
.navbar .nav.pull-right{float:none;width:100%;margin:0!important}
#main_menu .nav>li{border-top:1px solid #eee;width:100%!important}
#main_menu .nav>li a{text-align:left!important;border:0px none!important;padding:20px 0;margin:0 30px}
#main_menu .nav>li:first-child{border-top:0px none}
#main_menu .nav>.active>a,#main_menu .nav>.active>a:hover{background:transparent!important}
ul.dropdown-menu{position:static;margin:-10px 0 10px 0!important;float:none}
.dropdown-menu{border:0px none!important;width:100%!important;margin:0px!important;left:0px!important;top:0px!important;position:relative!important}
.dropdown-menu>li>a{display:block;padding:10px 15px!important;font-size:15px!important}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{text-decoration:none;color:#888!important;background:transparent!important;filter:none;border:0px none!important}
.dropdown-submenu>.dropdown-menu{border:0px none;padding-left:20px!important}
.dropdown-submenu>.dropdown-menu li:last-child{margin-bottom:-20px!important}
.dropdown-submenu>.dropdown-menu,.dropdown-menu li:hover>.dropdown-menu{visibility:visible!important}
#nav li{visibility:visible!important}
}
@media only screen and (min-width:768px){#intro,#intro-relative{height:400px;margin-top:69px}
#intro-small-fixed{height:300px;margin-top:70px}
}
@media only screen and (max-width:991px){#intro-small-fixed{height:200px}
}
@media only screen and (min-width:1170px){#intro,#intro-small-fixed{position:fixed;top:70px;left:0;width:100%;height:500px;margin-top:0}
#intro-small-fixed{height:300px}
.content-small{padding:4em 0 0;margin-top:350px}
#intro .intro-background{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.content{padding:4em 0 0;margin-top:570px}
#intro-relative{position:relative;height:500px}
}
@media screen and (max-width:768px){#intro,#intro-relative{margin-top:0px}
.content-no-top-laptop{padding:0 0}
}
@media screen and (max-width:767px){#intro #intro-background{box-shadow:none}
}
@media screen and (max-width:47em){.content-no-top{padding:4em 0 0}
}
@media screen and (max-width:31em){#intro-small-fixed{height:150px;margin-top:0px}
}
@media screen and (width:768px){#intro,#intro-relative{margin-top:70px}
}
@media screen and (min-width:768px){#zoom-in,#zoom-out{margin-left:50px}
#zoom-in{margin-top:50px}
}
@media screen and (max-width:767px){.title i{display:none!important}
p.light{margin-bottom:40px!important}
div.tabs ul.nav-tabs{border:0;margin:0 0}
div.tabs ul.nav-tabs a{margin:0 20px 0 0}
}
@media all and (max-width:600px){.timeline .event{width:100%}
}
@media screen and (max-width:480px){h1,h1.blog-title-single-center{font-size:55px;line-height:60px}
h1.blog-title-grid,h1.blog-title{margin:0 0;line-height:50px!important}
.lead{font-size:28px!important;line-height:38px!important;letter-spacing:0px!important;margin:0 auto 50px}
#content2{padding:0 0!important}
}
@media all and (min-width:321px) and (max-width:568px){#charts h1,#milestones h1{font-size:20px;line-height:60px}
}
@media screen and (max-width:47em){.title h1{font-size:1.9em!important;line-height:40px!important}
.title i{font-size:1.5em!important}
p.subline{font-size:1.0em!important}
#google-container{height:300px}
ul.comments li li{clear:both;padding:10px 0 0 0}
.light{margin:0 auto 50px!important}
}
@media screen and (max-width:31em){.single_pattern{margin-top:0px!important}
#home i{display:none}
.wallpapered h1{font-size:2.8em!important}
}