Team:Linkoping Sweden/test

/* Author: Bootstrapthemes Author URI: http://bootstrapthemes.co */ /* ========================================================================== Author's custom styles ========================================================================== */ html, body { background-color: #fff; font-size: 0.875rem; color: #797979; width: 100%; padding: 0; margin-left: 0; margin-right: 0; font-weight: 300; width:100%; font-family: 'ralewayregular'; } .preloader { position:; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 99999; height: 100%; width: 100%; overflow: hidden !important; } .single_tab_img { padding-bottom: 10px; float:right; padding-right: 154px; } .single_tab_content { padding-left: 35px; } .text_over_previous { font-size: 18px; } h7 { font-size: 17px; } .previous { font-size: 19px; padding-bottom: 15px; } .tab-content { margin-top: 100px; margin-left: 40px; } .loaded { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center; -moz-background-size: cover; background-size: cover; margin: -20px 0 0 -20px; } img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } a, a:hover { outline: none; } a:active, a:focus { text-decoration: none; outline: none; } a, button, a span { -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .single_tab_content a{ font-family: 'montserratregular'; } .btn.extra-width { padding: 13px 40px; } .btn:focus, .btn:active { outline: inherit; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* direction: rtl;*/ } p { margin: 0 0 15px; } .clear { clear: both; } img { max-width: 100%; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { outline: none; } /*.form-control { border: 1px solid rgba(0, 0, 0, 0.08); font-size: 16px; height: 45px; }*/ .form-control { display: inline-block; height: 35px; padding: 6px 25px; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form-control:focus { border-color: #81b3bc; } h1, h2, h3 { font-weight: 300; margin: 0; font-family: 'montserratregular'; } h4, h5 { font-weight: 300; margin: 0; line-height: 2rem; font-family: 'montserratregular'; } h1 { font-size: 3.75rem; line-height: 5.5rem; color:#fff; letter-spacing: .4rem; } h2 { font-size:1.875rem; line-height: 3rem; text-transform: uppercase; } h3 { font-size:1.375rem; line-height: 2.5rem; text-transform: uppercase; } h4 { font-size: 1rem; line-height: 2rem; margin-bottom: 1rem; text-transform: uppercase; } h5 { font-size: 1.125rem; margin-bottom: 1rem; color:#223d61; text-transform: uppercase; } h6 { font-size: 1rem; margin-bottom: .9rem; } h8 { font-size:1.875rem; color:#413d4b; font-weight: bold; line-height: 45px; } h9 { color:#413d4b; } .project_description { margin-top:15px; margin-left:59px; margin-right: 35px; } p { line-height: 2rem; font-size: 0.875rem; } p:last-child { margin-bottom: 0px; } /*.home-wrap h1,*/ .home-wrap h2, .home-wrap h3, .home-wrap h4, .home-wrap h5, .home-wrap p { color: #ffffff; /*font-family: 'roboto', sans-serif;*/ } .text { color: #333333; } .colorstext { color: #5e9a28; } .coloricon i { color: #5e9a28; } .colorsbg { background: #5e9a28; color: #ffffff; } .lightbg { background-color: #f9f9f9; } .transition { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .outofsectiontext{ margin-top: 40px; } /* Section */ .sections { padding-top:85px; padding-bottom: 105px; overflow: hidden; } .sections.footer { padding-bottom: ; } section .subtitle h5 { margin-top: 10px; font-size: 1.3rem; } .parallax-section { max-width: 100%; color: #ffffff; } section .title-half h2 { font-size: 3rem; line-height: 4rem; font-weight: 300; margin-bottom: 1.4rem; } section .subtitle-half h5 { font-weight: 100; font-size: 17px; } ul{ margin:0; padding:0; list-style:none; } .heading { margin-bottom: 4rem; } .overlay { background-color: rgba(41, 39, 34, 0.75); width: 100%; height: 670px; } .map-overlay { background-color: rgba(255, 114, 0, 0.75); width: 100%; height:auto; } .video_overlay { background-color: rgba(41, 39, 34, 0.75); width: 100%; height: auto; } .no-padding { padding: 0 !important; margin:0 !important; } .fluid-blocks-col { padding: 70px 40px 0 80px; } .fluid-blocks-col-right { padding: 70px 80px 0 40px; } /* Separator */ .separator { height: 1px; width: 170px; margin: 20px 0px; background: #eeeeee; position: relative; } .separator:after { position: absolute; left:0; bottom:0; height: 2px; width: 170px; background: #81b3bc; content:""; } /*section:nth-of-type(odd) { background-color: #F9F9F9; }*/ /* Button */ .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.disabled, .btn-primary.disabled:hover { color: #ffffff; background-color: #5e9a28; border-color: #5e9a28; } .btn { display: inline-block; min-width: 150px; line-height: 30px; height: 50px; text-align: center; color: #fff; letter-spacing: 1px; margin: 0; font-size:0.8125rem; border-radius: 0px; margin-top: 20px; background-color: #81b3bc; transition: .5s; border: 1px solid #81b3bc; font-family: 'montserratregular'; } .btn:hover { background-color:#f4720a; color: #fff; text-decoration: none; border: 1px solid #f4720a; } .btn-primary { background-color: #81b3bc; transition: .5s; padding: 9px 30px; } .btn_news_color{ color:#5e9a28; border-color: #5e9a28; } .btn-md{ border:1px solid #5e9a28; color:#5e9a28; padding: 10px 45px 10px 0px; } .btn-larg{ border: 1px solid #fff; color:#fff; padding: 6px 30px; } /*.btn-default:active, .btn-default:hover { background: transparent; }*/ /* Extra height css */ .margin-top-20 { margin-top: 20px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-top-40 { margin-top: 40px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-top-60 { margin-top: 60px; } .margin-80 { margin-top: 80px; margin-bottom: 80px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-top-80 { margin-top: 80px; } .margin-bottom-80 { margin-bottom: 80px; } .padding-top-20 { padding-top: 1.33rem; } .padding-bottom-20 { padding-bottom: 1.33rem; } .padding-top-40 { padding-top: 2.66rem; } .padding-bottom-40 { padding-bottom: 2.66rem; } .padding-top-60 { padding-top: 5rem; } .padding-bottom-60 { padding-bottom: 5rem; } .padding-bottom-0 { padding-bottom: 0; } /*padding*/ .padding-twenty { padding: 10px 0; } .padding-fourty { padding: 20px 0; } .padding-sixty { padding: 30px 0; } .padding-eighty { padding: 40px 0; } h1 span { color: #5e9a28; font-weight: 400; } /*for placeholder changes*/ input::-webkit-input-placeholder { color: #ddd; } input::-moz-placeholder { color: #ddd; } input::-ms-input-placeholder { color: #ddd; } /*for image bg*/ /* navbar section */ .menu-scroll { padding-top: 0px; padding-bottom: 0px; top: 0; left: 0; right: 0; z-index: 300; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-color:rgba(34, 61, 97, 0.64); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; height: 75px; } .main_menu_bg{ margin-top: 0px; background-color: transparent; } .main_menu_bg .navbar-default { background-color: transparent; border-color: transparent; transition: all .6s; margin: 15px auto; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color:#81b3bc; background: transparent; } .main_menu_bg .navbar {} .main_menu_bg .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ color: #81b3bc; padding-bottom: 22px; border-bottom: 1px solid #81b3bc; background: transparent; } .main_menu_bg .navbar-nav>li>a { padding-top: 15px; padding-bottom: 20px; text-transform: uppercase; font-size: 0.875rem; color: #fff; font-family: 'montserratregular'; } .navbar-brand { padding: 0px 15px; } .navbar-brand>img { max-width: 100%; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background-color:transparent; color:#f5c239; } .dropdown-menu { min-width: 160px; padding: 0px; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: transparent; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0px solid #ccc; border: 0px solid rgba(0,0,0,.15); border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175); box-shadow: 0 0px 0px } .dropdown-menu .navbar-form .form-group input[type="text"]{ background-color:rgba(34, 61, 97, 0.68); border: 1px solid #81b3bc; color:#81b3bc; width: 300px; } .dropdown-menu .navbar-form .form-group .form-control::-webkit-input-placeholder{ color: #81b3bc; opacity: 1; } .dropdown-menu .navbar-form { margin-right: -30px; } .culmn{ width:100%; overflow: hidden; } /*heading title all area*/ .head_title{ margin-bottom:45px; } .head_title h3{ color:#413d4b; } .head_title p{ font-family: 'playfair_displayregular'; } /*home section*/ .home{ background: url(../images/homebg.jpg) no-repeat 100% 100%; background-size: cover; text-align:center; } .home .main_home{ padding-top: 250px; } .home .main_home h1{ color: #fff; margin-bottom:20px; } .home .main_home p{ color: #fff; max-width: 60%; margin: 0 auto; padding-bottom: 30px; font-size:23px; } .home .owl-theme .owl-nav { margin-top: 80px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot span { background: #fff; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #81b3bc; } .owl-theme .owl-dots .owl-dot span { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transform: rotate(45deg); } /*service section css*/ .service_tabe_menu p{ font-size: 35px; } .service_tabe_menu p{ padding-top: 43px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ border:0px; } .nav-tabs { border-bottom: 0px solid transparent; } .nav-tabs>li>a:hover{ border-color:transparent; } /*.service_tabe .nav { padding-left: 30px; margin-bottom: 0; list-style: none; margin: top; }*/ .service .nav-tabs>li>a{ text-align: center; color: #444444; width: 250px; height: 180px; margin-left:20px; background: url(../images/stabmenubg.png) no-repeat top center; border:0px; transition: all 0.6s; } .service_tabe_menu.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ background: url(../images/stabmenubghv.png) no-repeat top center; width:250px; height: 180px; color:#fff; } .service_tabe ul li a:hover{ background: url(../images/stabmenubghv.png) no-repeat top center; color:#fff; } .service_tabe ul li a i{ font-size:2rem; margin-top:40px; margin-bottom:25px; } .service .tab-content{ margin-top:100px; } /*features section css*/ .single_features_text{} .single_features_text h4{} .single_features_text p{ margin-bottom: 40px; display: inline-block; margin-top: 10px; } .single_features_text ul li{ font-size:0.875rem; margin-bottom:15px; } .single_features_text ul li span{ font-family: 'montserratregular'; } .single_features_text a{ margin-top:35px; background: transparent; color:#444444; border:1px solid #ddd; font-size:0.8125rem; padding-top: 0.8em; } /*footer section*/ .footer{ background: #000000; } .footer .main_footer{ overflow: hidden; padding: 40px 0px; } .footer_list_container { float:left; width:25%; font-size: 18px; line-height: 45px; color: #ffffff; } .footer_list_container2 { float:left; width:25%; font-size: 18px; line-height: 45px; color: #ffffff; padding-left:120px; } .footer_list_container2 a{ color: #ffffff; } .footer_list3 { line-height: 24px; } .Liu_informationen { color:#fff; line-height: 25px; padding-top: 15px; } .Liu_informationen p i{ padding:0px 10px; color:#ff0000; } .Liu_informationen p a{ padding:0px 10px; color:#81b3bc; } .liu_loggan { max-width:70%; max-height: 70%; }