/* Theme Name: Dazzling Child Description: Dazzling Child Theme Author: Kununu Template: dazzling Version: 1.0.0 Tags: kununu enhancments to dazzling theme Text Domain: dazzlingchild */ /*@import url(../dazzling/style.css);*/ @import url(../dazzling-child/font.css); .navbar-fixed-top .container-fluid { padding-left: 10px; padding-right: 10px } .container-fluid {padding-left:0px;padding-right:0px;} #primary, #primarypress, body { background-color: #f8f8f8; -moz-osx-font-smoothing: grayscale;   -webkit-font-smoothing: antialiased; } #primary, #secondary, body, p,li { font-family: WhitneyLight, sans-serif } .ku-entry-title, h2 { line-height: 1.1667 } .posted-on, .posted-on-single { max-height: 20px; font-style: italic } body { border: none; font-size: 16px; line-height: 1.65; color: #18242b } .container-fluid { margin-left: auto; margin-right: auto; /* max-width: 1450px */ } .container #mainrow {background: #f8f8f8;} @media (min-width:200px) { .navbar-fixed-top .container-fluid { padding-left: 15px; padding-right: 15px } } /* @media (min-width:997px) { .navbar-fixed-top .container-fluid { padding-left: 0px; padding-right: 0px } } */ .page-template-page-press>.container>.row { margin-left: 0; margin-right: 0 } #content { margin-top: 0px; margin-bottom: 0; width: 100% } #primary, #secondary { /* padding-left: 10%; */ padding-right: 0 } #primarypress { padding-left: 0; padding-right: 0 } #secondary { padding-top: 20px; padding-right: 15px; background: #f8f8f8; padding-bottom: 30px; } .btn-default, .btn-default:active, .btn-default:focus, .btn-default:hover, .label-default, .label-default:hover { background-color: #2186db; border-color: #2186db } .btn-search, .btn-search:active, .btn-search:focus, .btn-search:hover { background-color: #fff; border-left: 0 solid #E8E8E8; border-right: 0 solid #E8E8E8; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; color: #ccc } .search-query { width: 80px; border-right: none } a, a:focus, a:hover { color: #2186db; text-decoration: none } p { font-size: 16px; line-height: 26px; color:#18242b; } .topnull { margin-top: 0; padding-top: 0 } .bottom { margin-bottom: 30px } .blue { color: #2186db; font-weight: 600 } .h1, .h2, .h3, .h4, .h5, .h6, .ku-entry-title, .ku-entry-title a, .ku-entry-title a:active, .ku-entry-title a:focus, .ku-entry-title a:hover, .ku-entry-title a:visited, h1, h2, h3, h4, h5, h6 { font-family: WhitneyBook; color: #18242b } .align-center { text-align: center } .ku-entry-title { font-size: 30px; letter-spacing: -.015em } h1 { font-size: 42px; line-height: 1.142857; margin: .5em 0 } h2 { font-size: 36px } h3 { font-size: 24px; line-height: 1.2333; } @media screen and (min-width:992px) { h1 { font-size: 42px } h2 { font-size: 36px; line-height: 1.1667; } h3 { font-size: 30px; line-height: 1.2333; } } .navbar { margin-bottom: 0px; border: 0px; } .navbar.navbar-default { border-bottom: 1px solid #18242b; background-color: #18242b } .site-description { color: #fff } /* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) CSS from: http://codepen.io/transportedman/pen/NPWRGq and: http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide Inspired from: http://codepen.io/Rowno/pen/Afykb */ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .footer_get_demo iframe {width: 475px;margin-left:20px;} @media (max-width: 767px) { .footer_get_demo iframe {margin-left:0px;} } #mainrow {margin-right:0px;margin-left:0px;background: #f8f8f8;} .row {margin-right:0px;margin-left:0px;} .modal-body {padding: 0;} .modal-content {background: #F8F8F8;} .modal-header {border-bottom:none !important;} button.close {font-size: 50px;line-height: 20px;margin-right: -7px;} .intro {position:relative;z-index:10; background: #8b9195;width:100%;height:200px;color:white; font-family: WhitneyBook;float: left;margin-top: 82px;} .intro .wrapper {padding:50px 0 0 18px;} .intro .wrapper #img {float:left;padding:17px 25px 0 0;} .intro .wrapper #head {float:left;width: 70%;} .intro .wrapper #head .headBig {font-size: 40px;} .intro .wrapper.resources {padding-top:40px;} @media only screen and (min-width : 320px) { .modal-body {text-align: center;padding: 0;} .intro {height:130px;} .intro .wrapper {padding:18px 0 0 0px;margin-left:30px;} .intro .wrapper.resources {padding-top:10px;} .intro .wrapper #head {margin-top:5px;width: 170px;} } @media only screen and (min-width : 480px) { .modal-body {text-align: center;padding: 0 15px 15px 15px;} .intro {height:130px;} .intro .wrapper {padding:18px 0 0 0px;margin-left:30px;} .intro .wrapper.resources {padding-top:10px;} .intro .wrapper #head {margin-top:5px;width: 70%;} .intro .wrapper.resources #head {margin-top:25px;} } @media only screen and (min-width : 768px) { .modal-body {text-align: center;padding: 0 15px 15px 15px;} .intro {height:200px;} .intro .wrapper {padding:50px 0 0 0px;margin-left:8.3%;} .intro .wrapper.resources {padding-top:40px;} .intro .wrapper #head {margin-top:0px;width: 70%;} .intro .wrapper.resources #head {margin-top:0px;} } @media only screen and (min-width : 992px) { .modal-body {text-align: center;padding: 0 15px 15px 15px;} .intro {height:200px;} .intro .wrapper {padding:50px 0 0 18px;margin-left:8.3%;} .intro .wrapper.resources {padding-top:40px;} .intro .wrapper #head {margin-top:0px;width: 70%;} .intro .wrapper.resources #head {margin-top:0px;} } @media only screen and (min-width : 1200px) { .modal-body {text-align: center;padding: 0 15px 15px 15px;} .intro {height:200px;} .intro .wrapper {padding:50px 0 0 18px;margin-left:8.3%;} .intro .wrapper.resources {padding-top:40px;} .intro .wrapper #head {margin-top:0px;} .intro .wrapper.resources #head {margin-top:0px;} } #sticky_demo {position:fixed;z-index:10;transform: rotate(-90deg);right:-2px;transform-origin:100% 100%;border-radius:3px;border: 1px solid #44A1EE;} #sticky_demo:hover {background:white;color:#2186db; } .btn:hover {background:white;color:#2186db; } #sticky_contact {position:fixed;z-index:10;transform: rotate(-90deg);right:-2px;transform-origin:100% 100%;border-radius:3px;background: #17242C;border: 1px solid #2E424D;} #sticky_contact:hover {background:white;color:black; } .panel_link:hover, .ku-more:hover {color: #18242b;} #sticky_demo {top:257px;} #sticky_contact {top: 270px;} .autorStuff {margin:40px 0 0 0;font-size:18px;line-height:22px;} .avatarImage {float:left;} .avatarImage img {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .autorInfo {float:left;margin:28px 0 0 20px;} .autorName {font-family: WhitneyMedium;color:#18242b;} .autorDescription {font-family: WhitneyLight;font-style: italic;} @media (max-width: 767px) { .autorStuff {width:100%;text-align: center;} .autorInfo {float:none;margin: 15px 0 0 0px;} .avatarImage {float:none;} } @media (min-width: 768px) and (max-width: 991px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 1200px) { } .bigFA {font-size: 30px !important;float: left;color: #8b9195;} .bigFAtext {margin: 5px 15px 0 15px;float: left;font-size: 14px;} .single article.post, .single article.post:first-child {padding-bottom: 70px;} .backToBlog {color:#17242b;} .jacksonville-header, .jacksonville-element-tagline {display:none !important;} .jacksonville-error {font-family: WhitneyBook !important;padding-top:50px;width:100%;} .jacksonville-body {padding: 0px !important;} .jacksonville-outer-wrap {max-width: 230px !important; margin: 0px auto;} #jacksonville-field-email {height:40px !important;padding:4px 10px !important; font-size:13px !important; font-family: WhitneyBook !important;-webkit-border-radius:3px !important;-moz-border-radius:3px !important;border-radius:3px !important;} .jacksonville-field-submit {background-color: #2186db !important;border-color: #2186db !important;width:100px !important;float:left !important;font-size:14px !important; font-family: WhitneyMedium !important;-webkit-border-radius:3px !important;-moz-border-radius:3px !important;border-radius:3px !important;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} .jacksonville-field-submit:hover {background-color:white !important; color: #2186db !important;} .jacksonville-success-content .jacksonville-success-element-title {padding:0px !important;top:10% !important;text-align: left !important;} .letter {background: url(img/letter.png) 0 0 no-repeat;height:43px;width:62px;} .letterHead {font-size: 32px;font-family: WhitneyBook;} .letterSub {font-size: 16px;font-family: WhitneyBook;margin: 5px 0 15px 0;} @media (max-width: 767px) { .widget.optin-monster-api {width: 100%;text-align: center;} .letter {margin: 0 auto 10px;} .jacksonville-field-submit {margin-left:62px !important;} } @media (min-width: 768px) and (max-width: 991px) { .widget.optin-monster-api {width: 100%;text-align: center;margin: 0 auto 10px;} .letter {margin: 0 auto 10px;} .jacksonville-field-submit {margin-left:65px !important;} } @media (min-width: 992px) and (max-width: 1199px) { .widget.optin-monster-api {width: 260px;text-align: left;} .letter {margin: 0 0 10px 0;} .jacksonville-outer-wrap {margin: 0px !important;} } @media (min-width: 1200px) { .widget.optin-monster-api {width: 260px;text-align: left;} .letter {margin: 0 0 10px 0;} .jacksonville-outer-wrap {margin: 0px !important;} } @media (max-width: 767px) { .backToBlog {margin-left: 30px;display: block;} } .page-template-page-downloads .press-blogtitle {display:none;} .downloadFormular {display:none;} .panel {background-color: #f7f8f8;text-align: left;line-height:18px;font-size:14px;height:260px;position:relative;} .panel-body {padding:0px;} .panel_link {text-transform: uppercase;border-top:0px;background-color: transparent;margin:5px 18px 12px 18px;position:absolute; bottom:0px;font-family:WhitneyMedium;display:block;} .panel_des {color:black;padding:0 18px;} .panel_head {font-family:WhitneySemibold;color:#18242b;padding:14px 18px 0 18px;} .thumb-recources {width:100%;height: 120px;overflow:hidden;border-top-left-radius: 2px;border-top-right-radius:2px;} .carousel .fa {font-size:60px;color:black;margin-top: 90px;} .carousel .item, .carousel .stageTex {height: 260px !important;} @media (max-width: 767px) { .carousel .item, .carousel .stageTex {height: 280px !important;} .panel {height: 280px;} .carousel .fa {margin-top: 100px;} } @media (min-width: 992px) and (max-width: 1199px) { /* .carousel {margin: 0 -63px;} */ } @media (min-width: 1200px) { /* .carousel {margin: 0 -63px;} */ } .rpwe-summary {font-size: 0px !important;} .rpwe-summary a.more-link {font-size: 14px !important;} .introdark {margin-top: 82px; color:white;position:absolute;top:0px;width:100%;height:600px;z-index:1;background:black;} #hero1 {background: url(img/Hero1.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #hero2 {background: url(img/Hero2.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #hero3 {background: url(img/Hero3.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #hero4 {background: url(img/Hero4.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #hero1_1 {background: no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #hero2_1 {background: no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #hero3_1 {background: no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #hero4_1 {background: no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #heroCarousel {height:600px;width:100vw;} #heroCarousel .item {height:600px !important;} #heroCarousel .carousel-inner {width:100vw;} .introdark {overflow:hidden;} .infowrapper {width:100%;height:600px;margin-top: 82px;} .info {width:100%;color:white;position:relative;z-index:2;float:left;top:45%;left: 50%;transform: translate(-50%, -50%); text-align: center; margin-top:30px;} .info h1 {color:#2989d8;font-size:40px;font-family: WhitneyBook;margin:0;} .info h2 {color:white;font-size:40px;font-family: WhitneyBook;margin:0;} @media (max-width: 767px) { .introdark {height:100vh;} #heroCarousel {height:100vh;} #heroCarousel .item {height:100vh !important;} .info {padding:0 20px;} .info {top:50%; } .info h1 {font-size:30px;} .info h2 {font-size:30px;} .infowrapper {width:100%;height:100vh;margin-top:0px;margin-bottom:82px;} } @media (min-width: 768px) and (max-width: 991px) { .introdark {height:600px;} #heroCarousel {height:600px;} #heroCarousel .item {height:600px !important;} .infowrapper {width:100%;height:600px;margin-top:82px;} } @media (min-width: 992px) and (max-width: 1199px) { .introdark {height:600px;} #heroCarousel {height:600px;} #heroCarousel .item {height:600px !important;} .infowrapper {width:100%;height:600px;margin-top:82px;} } @media (min-width: 1200px) { .introdark {height:600px;} #heroCarousel {height:600px;} #heroCarousel .item {height:600px !important;} .infowrapper {width:100%;height:600px;margin-top:82px;} } .watch_movie {margin:30px 0 0 0;display:block;font-size: 14px;} .watch_movie, .watch_movie:hover {color:white;} .watch_movie img {margin-right:20px;} .watch_movie:focus {outline:none;color:white;} .watch_movie {transition: opacity 0.2s;opacity:1.0;} .watch_movie:hover {opacity:0.5;} /* .page-template-page-about .main-content-area {margin-top: 682px;} */ .page-template-page-about #menu-tags li a {color: white;} .page-template-page-about_custom #menu-tags li a {color: white;} .page-template-page-kununity #menu-tags li a {color: white;} @media (max-width: 767px) { .page-template-page-about .main-content-area {margin-top:82px;} } /* .pardotform {height:400px;} @media (max-width: 767px) { .pardotform {height:500px;} } @media (min-width: 768px) and (max-width: 991px) { .pardotform {height:400px;} } @media (min-width: 992px) and (max-width: 1199px) { .pardotform {height:400px;} } @media (min-width: 1200px) { .pardotform {height:400px;} }*/ .center {text-align: center;} .marger {margin-top:20px;margin-bottom:20px;} #myTimer {width:100px;height:100px;font-size: 30px;font-family:WhitneySemibold;} #myTimer1 {width:100px;height:100px;font-size: 30px;font-family:WhitneySemibold;} tspan.over {font-size:16px;} .verticalInsetSmallGray {margin-top:50px;margin-bottom:50px;height:5px;background: #efefef; border-left:1px solid #c3c3c3;border-top:1px solid #c3c3c3;border-right:1px solid #fff;border-bottom:1px solid #fff;} .verticalInsetSmall {margin-top:80px;margin-bottom:80px;padding-left:8.3%;padding-right:8.3%;height:5px;background: #f7f7f7; border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-right:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7;}} .horisontInset {height:300px;width:5px;margin:0px auto;background: #efefef; border-left:1px solid #c3c3c3;border-top:1px solid #c3c3c3;border-right:1px solid #fff;border-bottom:1px solid #fff;} .fontMedium {font-family:WhitneyMedium;} .grayBG {background: #f4f5f5;} .blueBG {background: #2989d8;color:white;} .blueBG h3 {color: white;} .blueBG .btn-default {border:2px solid white;text-transform: uppercase;padding: 11px 18px;} .blueBG .btn-default:hover, .blueBG .btn-default:focus, .blueBG .btn-default:active, .blueBG .btn-default.active, {background: white;color:#2989d8;border:2px solid white;} .blueBG .btn-default:active, .blueBG .btn-default.active {background: white;color:#2989d8;box-shadow: none;border:2px solid white;} .blueBG .btn-default:hover {background: white;color:#2989d8;border:2px solid white;} .fadepic {background: #f8f8f8;border:1px solid #e8e8e8;width:407px;height:248px;} .fadepic img {-webkit-filter: grayscale(1);filter: grayscale(1);transition: opacity 0.5s, filter 0.5s;transition-delay: 0.0s;opacity:0.1;} @media (max-width: 767px) { .fadepic {width:100%;height:auto;} .fadepic img {width:100%;height:auto;} } @media (min-width: 768px) and (max-width: 1199px) { .fadepic {width:100%;height:auto;} .fadepic img {width:100%;height:auto;} } @media (max-width: 767px) { .row .subline {margin-top:20px;text-align: center;} } @media (min-width: 768px) and (max-width: 1199px) { .subline {margin-top:10px;} } @media (max-width: 767px) { #pagi {text-align: center;} } @media (min-width: 768px) and (max-width: 1199px) { #pagi {text-align: center;} } @media (min-width: 992px) and (max-width: 1199px) { #pagi {text-align: left;} } @media (min-width: 1200px) { #pagi {text-align: left;} } .fadepic.show img {opacity:1.0;-webkit-filter: grayscale(0);filter: grayscale(0);} .fadeIcon img {-webkit-filter: grayscale(1);filter: grayscale(1); transition: opacity 0.5s, filter 0.5s;transition-delay: 0.0s;opacity:0.1;} .fadeIcon.show img {opacity:1.0;-webkit-filter: grayscale(0);filter: grayscale(0);} .rechts {float:right;} a.boxes {color:#18242b;} a.boxes:hover img {opacity:1.0;-webkit-filter: grayscale(0);filter: grayscale(0);} iframe {border:0px !important;} /*.navbar-header {float:none !important;}*/ .entry-content h2 {font-size: 22px;line-height: 26px; margin: 15px 0 10px 0px !important; color:#18242b;} .ku-entry-title {letter-spacing: 0px !important;} .page-template-page-about .hentry {margin:0;} .page-template-page-about_custom .hentry {margin:0;} @media (max-width: 767px) { #primary {padding:0;} .row {padding-right: 0px;padding-left: 0px;margin:0;} .entry-header {padding-right: 0px;padding-left: 0px;} .entry-content {margin:0;padding-right: 30px;padding-left: 30px} } @media (min-width: 768px) and (max-width: 991px) { .entry-content {margin:0;} } @media (min-width: 992px) and (max-width: 1199px) { .entry-content {margin:0;} #primary {min-height:1300px;} } @media (min-width: 1200px) { .entry-content {margin:0;} #primary {min-height:1300px;} } #primary @media (max-width: 767px) { #primary {padding-left:0%} } @media (min-width: 768px) and (max-width: 991px) { #primary {padding-left:0%} } @media (min-width: 992px) and (max-width: 1199px) { #primary {padding-left:8.33333333%} } @media (min-width: 1200px) { #primary {padding-left:8.33333333%} } @media (max-width: 767px) { .rechts {float:left;} } @media (min-width: 768px) and (max-width: 991px) { .rechts {float:right;} } @media (min-width: 992px) and (max-width: 1199px) { .rechts {float:right;} } @media (min-width: 1200px) { .rechts {float:right;} } h4 {font-size:26px;margin:0px;} .fadeIcon {font-size:16px;font-family:WhitneyLight;} .zentrier {padding-top: 90px;} @media (max-width: 767px) { .zentrier {padding-top: 0px;} } @media (min-width: 768px) and (max-width: 991px) { .zentrier {padding-top: 40px;} } @media (min-width: 992px) and (max-width: 1199px) { .zentrier {padding-top: 40px;} } @media (min-width: 1200px) { .zentrier {padding-top: 90px;} } .horisontInset {margin:0 auto;height:300px;width:5px;background: #efefef;border-left: 1px solid #c3c3c3;border-top: 1px solid #c3c3c3;border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .verticalInset {margin:100px 0; height:5px;width:100%;background: #f7f7f7; border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-right:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7;} .verticalInsetBlogRoll {margin: 0px 0 80px 0;height:5px;background: #f7f7f7; border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-right:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7;} article.post:first-child .verticalInsetBlogRoll {display:none;} .single article.post:first-child .verticalInsetBlogRoll {display:block;margin-bottom:40px;} @media (max-width: 767px) { .verticalInsetBlogRoll {margin-left: 30px;width:calc(100% - 60px);} .single .verticalInsetBlogRoll {margin-left: 30px;width:calc(100% - 60px);} } @media (min-width: 768px) and (max-width: 991px) { .verticalInsetBlogRoll {margin-left: 15px;width:calc(100% - 30px);} .single .verticalInsetBlogRoll {margin-left: 0px;width:calc(100% - 0px);} } @media (min-width: 992px) and (max-width: 1199px) { .verticalInsetBlogRoll {margin-left: 15px;width:calc(100% - 30px);} .single .verticalInsetBlogRoll {margin-left: 0px;width:calc(100% - 0px);} } @media (min-width: 1200px) { .verticalInsetBlogRoll {margin-left: 15px;width:calc(100% - 30px);} .single .verticalInsetBlogRoll {margin-left: 0px;width:calc(100% - 0px);} } @media (max-width: 767px) { #footerWidgets .widget.optin-monster-api {margin-top: 50px;margin-bottom: 50px;width: auto;} #blogWrapper {width:100%;text-align: center;} } @media (min-width: 768px) and (max-width: 991px) { #footerWidgets .widget.optin-monster-api {margin-top: 0px;margin-bottom: 50px;width: auto;} #blogWrapper {/* width: calc(100% - 40px); */width:100%;text-align: center;clear: both;} } @media (min-width: 992px) and (max-width: 1199px) { #footerWidgets .widget.optin-monster-api {margin-top: 100px;width: auto;} } @media (min-width: 1200px) { #footerWidgets .widget.optin-monster-api {margin-top: 100px;width: auto;} } #rpwe_widget-2 {width:auto;} #rpwe_widget-2 {margin-top: 50px;margin-bottom: 50px;margin-left:50px;} @media (max-width: 767px) { #rpwe_widget-2 {margin-left:40px;margin-right:40px;} } @media (min-width: 768px) and (max-width: 991px) { #rpwe_widget-2 {margin-left:0px;margin-right:0px;} } @media (min-width: 992px) and (max-width: 1199px) { #rpwe_widget-2 {margin-left:0px;margin-right:0px;} } @media (min-width: 1200px) { #rpwe_widget-2 {margin-left:0px;margin-right:0px;} } .rpwe-block .rpwe-title a {color:#000;font-family: WhitneySemibold;font-size: 14px;max-width:350px;display:block !important;} .rpwe-img .rpwe-thumb {border: none !important;padding:0px !important; } .rpwe-block li {border-bottom:none !important;} @media (max-width: 767px) { .rpwe-block li:nth-child(4) {display:none;} .rpwe-block li:nth-child(5) {display:none;} .rpwe-block li:nth-child(6) {display:none;} } @media (min-width: 768px) and (max-width: 991px) { .rpwe-block li {width: 50%;float:left;padding-right: 40px;} } @media (min-width: 992px) and (max-width: 1199px) { .rpwe-block li:nth-child(4) {display:none;} .rpwe-block li:nth-child(5) {display:none;} .rpwe-block li:nth-child(6) {display:none;} } @media (min-width: 1200px) { .rpwe-block li:nth-child(4) {display:none;} .rpwe-block li:nth-child(5) {display:none;} .rpwe-block li:nth-child(6) {display:none;} } .rpwe-summary .more-link {background: transparent !important;border:none !important;float: left !important;padding: 0px !important;color: #2186db;font-family: WhitneyMedium;} .rpwe-summary .more-link:hover {color: #2186db;} .verticalInsetSidebar {margin:55px 0; height:5px;width:260px;background: #efefef; border-left:1px solid #dadada;border-top:1px solid #dadada;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;} .register {color:white;width:100%;height:450px;background: url(img/Green.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #registercustom {background: no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .registerBack {} @media (max-width: 767px) { .register {height:300px;} } @media (min-width: 768px) and (max-width: 991px) { .register {height:320px;} } @media (min-width: 992px) and (max-width: 1199px) { .register {height:400px;} } .btn-default {font-family: WhitneyMedium;} .register h3 {color:white;} .register .btn-default {border:2px solid white;text-transform: uppercase;padding: 11px 18px;background-color:#99c613;} .register .btn-default:hover, .blueBG .btn-default:focus, .blueBG .btn-default:active, .blueBG .btn-default.active {background: white;color:#99c613;border:2px solid white;} .register .btn-default:active, .blueBG .btn-default.active {background: white;color:#99c613;box-shadow: none;border:2px solid white;} .page-template-page-about .heateor_sss_sharing_container {display: none !important;} .page-template-page-about_custom .heateor_sss_sharing_container {display: none !important;} .pagination div {float:left;} #secondary .entry-content {margin: 3em 0 0;} .share {font-family: WhitneyMedium;float:left;font-size:18px;margin-top:10px;} .heateor_sss_sharing_container heateor_sss_horizontal_sharing {float:left;} .date {margin: 15px 0;color:#18242b;font-family: WhitneyLight, sans-serif;font-size: 16px;} @media (max-width: 767px) { #footerWidgets {background:white;} #sndWidget {background: #f8f8f8;padding-top:20px;padding-bottom:20px;} } @media (min-width: 768px) and (max-width: 991px) { #footerWidgets {background:white;} #sndWidget {background: #f8f8f8;padding-top:20px;padding-bottom:20px;} } @media (min-width: 992px) and (max-width: 1199px) { #footerWidgets {background: #f8f8f8;} } @media (min-width: 1200px) { #footerWidgets {background: #f8f8f8;} } form.form ul.b2b_form {list-style:none;} .b2b_form_li {margin-bottom:10px;} .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } /* kununity ____________________________________________________________________ */ #sticky_contact_kununity {position:fixed;z-index:10;transform: rotate(-90deg);right:-2px;transform-origin:100% 100%;border-radius:3px;border: 1px solid #44A1EE;} #sticky_contact_kununity:hover {background:white;color:#2186db; } #sticky_contact_kununity {top:207px;} .page-template-page-kununity .introdark {margin-top:0px;} .page-template-page-kununity .infowrapper {margin-top:0px;} .page-template-page-kununity .info h1 {color:white;} #q_ {font-family:"WhitneySemibold";color: #2989d8;} #a_ {font-family:"WhitneySemibold";color: #99c613;} .page-template-page-kununity .info {width: 100%;top: 45%;left: 50%;transform: translate(-50%, -50%);margin-top: 0px;text-align:center;} .page-template-page-kununity .info h1, .page-template-page-kununity .info h2 {width:650px;margin:0 auto;} @media (max-width: 767px) { .page-template-page-kununity .introdark {height:60vh;} .page-template-page-kununity #heroCarousel {height:60vh;} .page-template-page-kununity #heroCarousel .item {height:60vh !important;} .page-template-page-kununity .info {padding:0 20px;} .page-template-page-kununity .info {top:45%;} .page-template-page-kununity .info h1, .page-template-page-kununity .info h2 {width:100%;margin:0 0;font-size: 30px;} .page-template-page-kununity h3 {font-size: 30px;} .page-template-page-kununity .infowrapper {width:100%;height:60vh;margin-top:0px;} } @media (min-width: 768px) and (max-width: 991px) { .page-template-page-kununity .introdark {height:600px;} .page-template-page-kununity #heroCarousel {height:600px;} .page-template-page-kununity #heroCarousel .item {height:600px !important;} .page-template-page-kununity .infowrapper {width:100%;height:600px;} .page-template-page-kununity .info h1, .page-template-page-kununity .info h2 {width:550px;margin:0 auto;font-size: 30px;} } @media (min-width: 992px) and (max-width: 1199px) { .page-template-page-kununity .introdark {height:600px;} .page-template-page-kununity #heroCarousel {height:600px;} .page-template-page-kununity #heroCarousel .item {height:600px !important;} .page-template-page-kununity .infowrapper {width:100%;height:600px;} } @media (min-width: 1200px) { .page-template-page-kununity .introdark {height:600px;} .page-template-page-kununity #heroCarousel {height:600px;} .page-template-page-kununity #heroCarousel .item {height:600px !important;} .page-template-page-kununity .infowrapper {width:100%;height:600px;} } .page-template-page-kununity .verticalInsetSmall {margin-top: 40px;margin-bottom: 20px;background: #efefef;border-left: 1px solid #c3c3c3;border-top: 1px solid #c3c3c3;border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .page-template-page-kununity h4 {margin-top: 8px;margin-bottom: 5px;font-size: 22px;} .laptop {position:relative;z-index:2;margin-top: -175px;} .textblue {color: #2989d8;font-size:22px;font-family:"WhitneyMedium";} .kununitymarger {padding: 0 2%;} @media (max-width: 767px) { .kununitysub div p:nth-child(2) {display: inline;} } @media (min-width: 768px) and (max-width: 991px) { .kununitysub div p:nth-child(2) {display: inline;} } @media (min-width: 992px) and (max-width: 1199px) { .kununitysub div p:nth-child(2) {display: inline;} .kununitymarger {padding: 0 2%;} } @media (min-width: 1200px) { } /* ------ Staffing -------*/ .page-template-page-staffing .introdark, .page-template-page-staffing .infowrapper {height:auto;} .page-template-page-staffing .info {top:100px;margin-top: 0px;} .page-template-page-staffing .introdark {background:#2186DB;} @media (max-width: 767px) { .page-template-page-staffing .info {top:0px;} } @media (min-width: 768px) and (max-width: 991px) { .page-template-page-staffing .info {top:0px;} } @media (min-width: 992px) and (max-width: 1199px) { .page-template-page-staffing .info {top:0px;} } @media (min-width: 1200px) { .page-template-page-staffing .info {top:0px;} } .replyouter {padding:85px 0 85px 0;display:none;} @media (max-width: 767px) { .replyouter {padding:130px 0 130px 0;} } @media (min-width: 768px) and (max-width: 991px) { .replyouter {padding:85px 0 85px 0;} } @media (min-width: 992px) and (max-width: 1199px) { .replyouter {padding:85px 0 85px 0;} } @media (min-width: 1200px) { .replyouter {padding:85px 0 85px 0;} } .reply {background-color: rgba(35,207,98,0.15);border: 1px solid rgba(99,203,111,0.15); border-radius: 3px;padding:12px 0; color:#44CF62;text-align: center;margin-bottom: 40px;} #checkmark {width:30px;margin-bottom: 20px;} @media (max-width: 767px) { #staffing_container {margin-top: -20px;} } @media (min-width: 768px) and (max-width: 991px) { #staffing_container {margin-top: 50px;} } @media (min-width: 992px) and (max-width: 1199px) { #staffing_container {margin-top: 50px;} } @media (min-width: 1200px) { #staffing_container {margin-top: 50px;} } @media (max-width: 767px) { .info {transform: translate(-50%, 0%);} #info_staffing {margin-bottom: 150px;margin-top: 100px;} .page-template-page-staffing .infowrapper {width:100%;margin-bottom:0px;} } @media (min-width: 768px) and (max-width: 991px) { .info {transform: translate(-50%, -50%);} #info_staffing {margin-bottom:0px;margin-top:155px;} .page-template-page-staffing .infowrapper {width:100%;} } @media (min-width: 992px) and (max-width: 1199px) { .info {transform: translate(-50%, -50%);} #info_staffing {margin-bottom:0px;margin-top:155px;} .page-template-page-staffing .infowrapper {width:100%;} } @media (min-width: 1200px) { .info {transform: translate(-50%, -50%);} #info_staffing {margin-bottom:0px;margin-top:155px;} .page-template-page-staffing .infowrapper {width:100%;} } #staffing_logo {font-size: 16px;color: white;margin-left: 180px;margin-top: -30px;} #info_staffing h1 {font-family: Whitney, WhitneyMedium;} @media (max-width: 767px) { #info_staffing h1 {color:white;font-size: 22px;} #staffing_head_text {margin:20px 0% 50px 0%;} } @media (min-width: 768px) and (max-width: 991px) { #info_staffing h1 {color:white;font-size: 28px;} #staffing_head_text {margin:20px 10% 50px 10%;} } @media (min-width: 992px) and (max-width: 1199px) { #info_staffing h1 {color:white;font-size: 34px;} #staffing_head_text {margin:20px 20% 50px 20%;} } @media (min-width: 1200px) { #info_staffing h1 {color:white;font-size: 34px;} #staffing_head_text {margin:20px 20% 50px 20%;} } #staffing_head_text p {color:white;font-size:18px;} #staffing_herobg {background: url(img/Hero1.jpg) no-repeat center center;height:100%} .page-template-page-staffing .ku-blogtitle-index {background: black;border-bottom:0px;} .panelstaffing {border:none;margin-top: -80px;z-index: 10;height:auto;background-color:white; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);} @media (max-width: 767px) { .panelstaffing {margin-top: -160px;} } @media (min-width: 768px) and (max-width: 991px) { .panelstaffing {margin-top: -80px;} } @media (min-width: 992px) and (max-width: 1199px) { .panelstaffing {margin-top: -80px;} } @media (min-width: 1200px) { .panelstaffing {margin-top: -80px;} } .panelstaffing .panel-body {padding:35px 25px 40px 25px;} .panelstaffing h2 {font-size: 22px;margin: 0 0 20px 15px;} .panelstaffing .form-control {height:50px;margin-bottom:14px;margin-top:3px;padding: 10px;} @media (max-width: 767px) { .staffing_border_right {border-bottom: 1px solid #B9BDBF;} } @media (min-width: 768px) and (max-width: 991px) { .staffing_border_right {border-bottom: 1px solid #B9BDBF;} } @media (min-width: 992px) and (max-width: 1199px) { .staffing_border_right {border-bottom: 1px solid #B9BDBF;} } @media (min-width: 1200px) { .staffing_border_right {border-right: 1px solid #B9BDBF;} } @media (max-width: 767px) { .staffing_icon_holders {height:auto;margin-top: 30px;} .staffing_txt {margin:0 0 50px 0;} .icons_holder {height:auto;} } @media (min-width: 768px) and (max-width: 991px) { .staffing_icon_holders {height:auto;margin-top: 30px;} .staffing_txt {margin:0 20% 50px 20%;} .icons_holder {height:auto;} } @media (min-width: 992px) and (max-width: 1199px) { .staffing_icon_holders {height:auto;margin-top: 30px;} .staffing_txt {margin:0 20% 50px 20%;} .icons_holder {height:auto;} } @media (min-width: 1200px) { .staffing_icon_holders {height:100%;} .staffing_txt {margin:0 ;} .icons_holder {height:320px;} } .staffing_icon {width:100px;height:auto;margin-top:20px;margin-bottom: 20px;} .staffing_txt {font-size: 18px;} .page-template-page-staffing #footer {background-color: #18242B;} .page-template-page-staffing .menu-footer_bottom-container {width:100%;} .page-template-page-staffing .menu-footer_bottom-container ul{position: relative;left: 50%;transform: translateX(-50%);} @media (max-width: 767px) { .page-template-page-staffing footer .nav-inline li {display: block;} } @media (min-width: 768px) and (max-width: 991px) { .page-template-page-staffing footer .nav-inline li {display: inline-block;} } @media (min-width: 992px) and (max-width: 1199px) { .page-template-page-staffing footer .nav-inline li {display: inline-block;} } @media (min-width: 1200px) { .page-template-page-staffing footer .nav-inline li {display: inline-block;} } .page-template-page-staffing #menu-footer_bottom {margin-left:0px;} .page-template-page-staffing footer .nav-inline li {margin: 0 10px;padding-bottom: 0px} .page-template-page-staffing #footer .container-fluid {margin-top: 0px;margin-bottom: 20px;} .page-template-page-staffing #footer {padding-top: 20px;} .page-template-page-staffing .navbar-static-bottom .logo-kununu {margin-bottom: 5px;} .page-template-page-staffing .menu-footer_bottom-container ul li:nth-child(4) {display:none;} .page-template-page-staffing .menu-footer_bottom-container ul li:nth-child(5) {display:none;} .page-template-page-staffing .menu-footer_bottom-container ul li:nth-child(6) {display:none;} .staffing_logo_footer {margin-bottom:30px;} .staffing_txt_head {font-family: Whitney, WhitneyMedium;margin:10px 0;} .participants {font-family: Whitney, WhitneyMedium;margin:15px 0;font-size: 22px;} .part_grau { background-color: #F8F8F8;padding: 30px 0 60px;} .staffing_participants_logos_body {background:white;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);border-radius: 5px;padding:20px;background-size: contain;background-origin: content-box;background-position: center center;background-repeat: no-repeat;} .staffing_participants_logos_body:after { content: ""; display: block; padding-bottom: 100%; } .staffing_participants_logos{ } .page-template-page-staffing .hentry {margin: 0;} @media (max-width: 767px) { .participant_box {padding:5px;} .participant_row {margin-right: 20px; margin-left: 20px;} } @media (min-width: 768px) and (max-width: 991px) { .participant_box {padding:15px;} } @media (min-width: 992px) and (max-width: 1199px) { .participant_box {padding:15px;} } @media (min-width: 1200px) { .participant_box {padding:15px;} } .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg { text-align: left; } .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg { text-align: center; } .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg { text-align: right; } .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg { text-align: justify; } @media (max-width: 767px) { .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; } .text-left-xs { text-align: left; } .text-center-xs { text-align: center; } .text-right-xs { text-align: right; } .text-justify-xs { text-align: justify; } } @media (min-width: 768px) and (max-width: 991px) { .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm { text-align: inherit; } .text-left-sm { text-align: left; } .text-center-sm { text-align: center; } .text-right-sm { text-align: right; } .text-justify-sm { text-align: justify; } } @media (min-width: 992px) and (max-width: 1199px) { .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md { text-align: inherit; } .text-left-md { text-align: left; } .text-center-md { text-align: center; } .text-right-md { text-align: right; } .text-justify-md { text-align: justify; } } @media (min-width: 1200px) { .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg { text-align: inherit; } .text-left-lg { text-align: left; } .text-center-lg { text-align: center; } .text-right-lg { text-align: right; } .text-justify-lg { text-align: justify; } } .section_2 { padding: 100px 0 35px; background-color: white; } .section_2 .row { margin-bottom: 70px; margin-right: 0px; margin-left: 0px; } .section_2 .contholder { height: 480px; } .section_2 .cont { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section_2 h2 { color: #18242b; font-size: 40px; font-family: WhitneyMedium, sans-serif; text-align: right; margin: 0 25px 0 0; } .section_2 .text { text-align: right; color: #363f43; font-size: 22px; line-height: 31px; padding: 20px 25px 0 20%; } .section_2 .imageholder { min-height: 480px; overflow: hidden; } .section_2 .links { float: right; margin-right: 25px; } .section_2 .browsers { min-height: 480px; width: 592px; max-width: 592px; margin-left: 25px; } .section_2 .left h2 { text-align: left; margin: 0 0 0 25px; } .section_2 .left .text { text-align: left; padding: 20px 20% 0 25px; } .quote{ margin: 100px auto; } .qwrapper { width: 100px; height: 100px; border-radius: 50px; overflow:hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 0 auto 20px; } .quo{ font-size: 28px; font-style: italic; line-height: 34px; color: #A8CD15; margin-bottom: 20px; } @media (min-width: 320px) { .section_2 {padding: 70px 0 35px;} .section_2 .contholder {height: auto;} .section_2 .cont { position: relative;top: 0%;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);margin-bottom: 30px;} .section_2 h2 {text-align: left;padding:0 0 0 5px;font-size: 28px;} .section_2 .text {text-align: left;padding: 20px 25px 0 5px; font-size: 16px; line-height: 22px;} .section_2 .imageholder {min-height: 298.41;} .section_2 .browsers {margin-left: 5px;min-height: 298.41px;width: 400px;max-width: 400px;} .section_2 .links {float:left;margin-right: 0px;} .section_2 .left h2 {margin: 0 0 0 0;} .section_2 .left .text {padding: 20px 0px 0 5px;} .quo {font-size: 22px;line-height: 26px;} } @media (min-width: 480px) { .section_2 {padding: 70px 0 35px;} .section_2 .contholder {height: auto;} .section_2 .cont { position: relative;top: 0%;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);margin-bottom: 30px;} .section_2 h2 {text-align: left;padding:0 0 0 5px;font-size: 28px;} .section_2 .text {text-align: left;padding: 20px 25px 0 5px; font-size: 16px; line-height: 22px;} .section_2 .imageholder {min-height: 298.41;} .section_2 .browsers {margin-left: 5px;min-height: 298.41px;width: 400px;max-width: 400px;} .section_2 .links {float:left;margin-right: 0px;} .section_2 .left h2 {margin: 0 0 0 0;} .section_2 .left .text {padding: 20px 0px 0 5px;} .quo {font-size: 22px;line-height: 26px;} } @media (max-width: 767px) { .section_2 {padding: 70px 0 35px;} .section_2 .contholder {height: auto;} .section_2 .cont { position: relative;top: 0%;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);margin-bottom: 30px;} .section_2 h2 {text-align: left;padding:0 0 0 5px;font-size: 28px;} .section_2 .text {text-align: left;padding: 20px 25px 0 5px; font-size: 16px; line-height: 22px;} .section_2 .imageholder {min-height: 373.02px;} .section_2 .browsers {margin-left: 5px;min-height: 373.02px;width: 500px;max-width: 500px;} .section_2 .links {float:left;margin-right: 0px;} .section_2 .left h2 {margin: 0 0 0 0;} .section_2 .left .text {padding: 20px 0px 0 5px;} .quo {font-size: 22px;line-height: 26px;} } @media (min-width: 768px) and (max-width: 991px) { .section_2 {padding: 70px 0 35px;} .section_2 .contholder {height: 373.02px;} .section_2 .cont { position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .section_2 h2 {text-align: right;padding:0;font-size: 34px;} .section_2 .text {text-align: right;padding: 20px 25px 0 20%; font-size: 18px;line-height: 26px;} .section_2 .imageholder {min-height: 373.02px;} .section_2 .browsers {margin-left: 0px;min-height: 373.02px;width: 500px;max-width: 500px;} .section_2 .links {float:right;margin-right: 25px;} .section_2 .left h2 {margin: 0 0 0 25px;} .section_2 .left .text {padding: 20px 20% 0 25px;} .quo {font-size: 28px;line-height: 34px;} } @media (min-width: 992px) and (max-width: 1199px) { .section_2 {padding: 70px 0 35px;} .section_2 .contholder {height: 480px;} .section_2 .cont { position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .section_2 h2 {text-align: right;padding:0;font-size: 40px;} .section_2 .text {text-align: right;padding: 20px 25px 0 20%; font-size: 22px;line-height: 31px;} .section_2 .imageholder {min-height: 480px;} .section_2 .browsers {margin-left: 25px;min-height: 480px;width: 592px;max-width: 592px;} .section_2 .links {float:right;margin-right: 25px;} .section_2 .left h2 {margin: 0 0 0 25px;} .section_2 .left .text {padding: 20px 20% 0 25px;} .quo {font-size: 28px;line-height: 34px;} } @media (min-width: 1200px) { .section_2 {padding: 70px 0 35px;} .section_2 .contholder {height: 480px;} .section_2 .cont { position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .section_2 h2 {text-align: right;padding:0;font-size: 40px;} .section_2 .text {text-align: right;padding: 20px 25px 0 20%; font-size: 22px;line-height: 31px;} .section_2 .imageholder {min-height: 480px;} .section_2 .browsers {margin-left: 25px;min-height: 480px;width: 592px;max-width: 592px;} .section_2 .links {float:right;margin-right: 25px;} .section_2 .left h2 {margin: 0 0 0 25px;} .section_2 .left .text {padding: 20px 20% 0 25px;} .quo {font-size: 28px;line-height: 34px;} } .bbpress .intro {display:none;} .bbpress #secondary {display:none;} .bbpress .latest {display:none;} .bbpress #sticky_demo {display:none;} .bbpress #sticky_contact {display:none;} .bbpress #main {padding:0 20px;border-radius: 8px;} .bbpress #primary.col-md-9 {width:90%;margin-top: 160px;} body.bbpress, .bbpress #primary, .bbpress #footer {background-color: #2d3842;} .bbpress .site-main {background-color: white;} .bbpress footer .nav li {text-align: left;} .bbpress footer .h3 {text-align: left;padding-left:18px;} .bbpress .kuncontentHeader {display: none;} .bbpress .entry-content {padding-top: 20px;} .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff; font-weight: 600; background-color: #18242b; font-size: 13px; line-height: 20px; border-color: transparent } #reviewbtn { color: #fff; background-color: #99c613; padding: 0; border-color: transparent; letter-spacing: .8px; font-weight: 700 } #review-li { border-radius: 2px; margin: 0 } @media screen and (min-width:280px) { #review-li { margin-top: 10px; padding: 8px } } @media screen and (min-width:767px) { #review-li { padding: 9px 12px } } .navbar-default .navbar-nav>li.btn-primary, .navbar-default .navbar-nav>li.btn-primary:active, .navbar-default .navbar-nav>li.btn-primary:focus, .navbar-default .navbar-nav>li.btn-primary:hover, .open>.btn-primary.dropdown-toggle { color: #fff; background-color: #99c613; border-color: #99c613; margin-top: 10px; margin-bottom: 10px; margin-left: 12px; letter-spacing: 0; padding: 10px 12px; font-size: 13px; line-height: 1.42857; border-radius: 4px } .btn a { color: #fff; text-transform: uppercase } ul#menu-headmenu { margin: 0; font-family: WhitneyBold } ul#menu-headmenu li a { text-decoration: none } ul#menu-headmenu li fa-search { padding-right: 5px } .ku-marg-right { margin-right: 12px } ul#menu-headmenu .ku-links { font-size: 15px; letter-spacing: 1px; padding-bottom: 0 } ul#logo-headmenu { padding-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0 } ul#logo-headmenu li { padding-bottom: 0 } .navbar-fixed-top .container-fluid .navbar-right { margin-right: 0; text-transform: uppercase; font-weight: 600; font-size: 13px; padding-left: 0 } @media screen and (min-width:320px) { .navbar-fixed-top .container-fluid .navbar-right { margin-right: 0 } } @media screen and (min-width:480px) { .navbar-fixed-top .container-fluid .navbar-right { margin-right: 0 } } @media screen and (min-width:767px) { .navbar-fixed-top .container-fluid .navbar-right { margin-right: 15px } } @media screen and (min-width:990px) { .navbar-fixed-top .container-fluid .navbar-right { margin-right: 0 } } @media (min-width:0) { .navbar-right { float: right!important; margin-right: -20px; padding-left: 20px } .navbar-left { float: left!important; padding-left: 10px } } .navbar-fixed-top .navbar-nav>li>span { padding-bottom: 20px; display: block; color: #e9ecec; font-size: 14px; line-height: 18px; padding-left: 15px } @media (max-width:975px) { .navbar-fixed-top .navbar-nav>li>span { padding-top: 12px; padding-bottom: 12px; max-width: 170px } } .navbar-fixed-top .navbar-nav>li>a { padding: 20px 12px } @media (min-width:320px) { .navbar-fixed-top .navbar-right .fa, .navbar-fixed-top .navbar-right .navbar-static-bottom [data-toggle=collapse]:after, .navbar-static-bottom .navbar-fixed-top .navbar-right [data-toggle=collapse]:after { font-size: 18px } } @media (max-width:480px) { .navbar-fixed-top .navbar-right .fa, .navbar-fixed-top .navbar-right .navbar-static-bottom [data-toggle=collapse]:after, .navbar-static-bottom .navbar-fixed-top .navbar-right [data-toggle=collapse]:after { font-size: 18px } } @media (max-width:550px) { .navbar-fixed-top .navbar-right li a { padding: 22px 10px 5px } .navbar-fixed-top .navbar-right .fa, .navbar-fixed-top .navbar-right .navbar-static-bottom [data-toggle=collapse]:after, .navbar-static-bottom .navbar-fixed-top .navbar-right [data-toggle=collapse]:after { font-size: 21px } } .navbar.navbar-default { margin-top: -1px } .navbar-fixed-top .navbar-right .navbar-header li { float: left } @media screen and (max-width:550px) { .navbar-fixed-top .navbar-right .navbar-header li { float: left } } .fa, .navbar-static-bottom [data-toggle=collapse].collapsed:after, .navbar-static-bottom [data-toggle=collapse]:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .dropdown.dropdown-form-element .btn-chevron, .dropup.dropdown-form-element .btn-chevron, .navbar-static-bottom [data-toggle=collapse]:after, .pull-right { float: right } .logo-kununu { font: 0/0 a; color: transparent; text-shadow: none; border: 0; display: inline-block; height: 60px; background: url(img/kununu-logo-2015.png) 0 no-repeat; background-size: 128px; width: 128px; vertical-align: top } .ku-articlehead, .ku-blogtitle, .ku-blogtitle-index, .ku-blogtitle-search { } @media (max-width:480px) { .logo-kununu { background-size: 27px; width: 27px; background-position-y: 18px } } @media (max-width:767px) { .logo-kununu { background: url(img/kununu-logo-icon.png) no-repeat; background-size: 40px; height: 40px; width: 40px; margin-top: 7px } } .logo-beta:after { content: 'BETA'; font-size: 8px; font-family: WhitneyBook, sans-serif; font-weight: 700; color: #a7d915; position: relative; top: 17px; right: 15px; display: none } @media (max-width:830px) { .logo-beta:after { top: 10px; right: 5px; display: block } } @media (max-width:480px) { .logo-beta:after { top: 12px; right: -5px; display: block } } @media (min-width:320px) { .logo-beta:after { top: 12px; right: -5px; display: block } } #logo-desc { padding-left: 0; padding-top: 0; padding-bottom: 0; font-size: 13px; color: #fff } @media (min-width:977px) { #logo-desc { padding-top: 20px } } .navbar-static-bottom .logo-kununu { margin-bottom: 30px } .blogtitle { color: #18242b!important; z-index: 2; position: relative; } .ku-blogtitle { padding-top: 30px; padding-bottom: 9px; margin: 0 15px 20px } .ku-blogtitle-index { height: 82px; padding-top: 16px; padding-bottom: 0px; margin: 0; font-size: 30px; line-height: 1.5333; z-index: 100; position: fixed; width: 100%; background: white; border-bottom: 1px solid #DDDDDD; } .page-template-page-about .ku-blogtitle-index { background: black;border-bottom:none;} .page-template-page-about_custom .ku-blogtitle-index { background: black;border-bottom:none;} .page-template-page-home .ku-blogtitle-index { background: black;border-bottom:none;} .page-template-page-kununity .ku-blogtitle-index { background: black;border-bottom:none;} .headerWrapper { max-width: 1450px; margin-left: auto; margin-right: auto } .ku-blogtitle-search { padding-top: 30px; padding-bottom: 9px; margin: 0 15px 20px 35px } .ku-articlehead { min-height: 80px; padding: 0; margin: 10px 0 20px } @media screen and (min-width:320px) { .ku-articlehead { padding: 0 30px 10px 15px; margin: 10px 0 30px } } @media screen and (min-width:480px) { .ku-articlehead { padding: 0 30px 10px 15px; margin: 10px 0 30px } } .ku-articlehead a, .ku-articlehead a:focus, .ku-articlehead a:hover { font-size: 14px; line-height: 1.28571; text-decoration: none; font-weight: 700 } .ku-category, .ku-category:active, .ku-category:focus, .ku-category:hover, .ku-category:visited { display: inline; border: 1px solid #99c613; background-color: #fff; color: #99c613; text-transform: uppercase; font-size: 13px; line-height: 1.38462; padding: 5px 50px; font-weight: 700 } .ku-category a, .ku-category a:active, .ku-category a:focus, .ku-category a:hover, .ku-category a:visited { font-size: 13px; color: #99c613 } .ku-category-fixed { display: inline; background-color: #fff; color: #2186db; text-transform: uppercase; font-family: WhitneySemibold; float: left; font-size: 13px } .posted-on { margin-bottom: 13px; font-size: 13px } .authorbox { display: inline; float: left; padding: 0; margin-bottom: 15px } .likebox-left, .likebox-right { height: 45px; width: 40px; text-align: center; padding-top: 5% } .author, .author-single { margin-right: 0!important; margin-bottom: 0; display: inline } .author { font-size: 13px; margin-left: 5px } @media screen and (min-width:992px) { .author { padding-bottom: 20px; margin-left: 0 } } .author-single { margin-left: 15px; float:left; } .posted-on-box .author-single { font-style: italic; float:none; } .author-single .hidden-xs {display:none;} @media screen and (min-width:992px) { .author-single { padding-bottom: 20px; margin-left: 0 } } .authorbox .avatar { margin-left: 20px } @media screen and (max-width:992px) { .authorbox .avatar { display: none } } .ku-author { color: #8b9195!important; margin-left: 0; /* text-transform: uppercase; */ } .author img { margin-right: 20px; /* margin-left: 20px */ } .author img .vcard .avatar { position: relative; left: inherit; top: inherit; padding-right: 20px; padding-left: 10px } .posticons, .s-icons { padding-left: 0 } .likebox-left { color: #18242b; font-size: 12px; float: left; margin-right: 0!important; border-radius: 3px 0 0 3px; border-left: 1px solid #8b9195; border-top: 1px solid #8b9195; border-bottom: 1px solid #8b9195 } .likebox-right { border: 1px solid #8b9195; border-radius: 0 3px 3px 0; display: inline; font-size: 12px; float: right; margin-left: 0!important } .likebox-left .fa, .likebox-right .fa { color: #465055; font-size: 12px } .posted-on { float: left } .separater { float: left; font-size: 13px; margin: 0 7px } .posted-on a, .posted-on a:active, .posted-on a:focus, .posted-on a:hover, .posted-on-single a, .posted-on-single a:active, .posted-on-single a:focus, .posted-on-single a:hover { color: #8b9195!important } .s-icons { padding-right: 0; text-align: left; margin-top: 20px } @media screen and (min-width:250px) { .s-icons { padding-left: 15px; padding-right: 15px } } .posted-on-box { margin-bottom: 20px; margin-left: -15px; min-height: 10px; font-family: WhitneyItalic, sans-serif } .ku-more, .ku-tags a, .widget-title { font-family: WhitneySemibold } .thumbnail { display: block; margin-bottom: 30px; line-height: 1.42857143; background: 0 0; border: none; width: 100%; padding: 0; border-radius: 0 } @media screen and (min-with:320px) { .thumbnail { margin-bottom: 20px } } @media screen and (max-with:480px) { .thumbnail { margin-bottom: 20px } } hr.section-divider { margin-left: 22px } hr.section-divider.col-sm-12 { width: calc(100% - 50px) } article.post {margin: 0;padding: 10px 60px 10px 0;} @media (max-width: 767px) { article.post {margin: 0;padding: 4px 0 0 0;} article.post:first-child {padding-top: 0px;} } @media (min-width: 768px) and (max-width: 991px) { article.post {margin: 0;padding: 0px 60px 60px 60px;} article.post:first-child {padding-top: 60px;} } @media (min-width: 992px) and (max-width: 1199px) { article.post {margin: 0;padding: 0px 60px 60px 0;} article.post:first-child {padding-top: 60px;} } @media (min-width: 1200px) { article.post {margin: 0;padding: 0px 60px 60px 0;} article.post:first-child {padding-top: 60px;} } .entry-meta a, .entry-meta a:active, .entry-meta a:focus, .entry-meta a:hover { color: #2186db } .entry-content { font-size: 20px; line-height: 1.5; font-weight: 400; color: #6B6B6B } .entry-title a, .entry-title a:active, .entry-title a:focus, .entry-title a:hover, .entry-title a:visited, .ku-more { color: #2186db } blockquote { padding: 10px 30px; margin: 0 0 20px; font-size: 17.5px; border-left: none; line-height: 1.3; font-weight: 700 } .plus { margin: 0 15px } .sfsibeforpstwpr { margin: 20px 0 20px 15px } ul.companylist li { background-image: url(img/listimage1_smaller.png); background-repeat: no-repeat; min-height: 35px; padding-left: 50px; padding-top: 3px; margin-left: -30px } .listimage1, .listimage2, .listimage3, .listimage4, .listimage5 { list-style-position: inside; list-style-type: none; vertical-align: text-bottom } .ku-leftbox-first, .ku-leftbox-second, .ku-rightbox-first, .ku-rightbox-second { display: block; padding: 10px 10px 20px 20px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .ku-leftbox-second { padding: 10px 50px 50px 20px } .ku-leftbox-first { padding: 10px 10px 50px } .kubox-text { font-size: 1.2em } .kubox-postbtn { margin-left: 15px } .ku-leftbox-first h2, .ku-leftbox-second h2, .ku-rightbox-first>h1, .ku-rightbox-first>h2, .ku-rightbox-second>h1, .ku-rightbox-second>h2 { padding: 0 15px } .ku-more, .ku-tags { padding-top: 15px; text-transform: uppercase } .line { width: 85%; text-align: center } .ku-more { font-size: 13px } .ku-tags { color: #2186db!important; font-weight: 700; padding-bottom: 15px; padding-left: 15px; font-size: 14px } .ku-tags button { margin: 0 5px 5px 0; background-color: #e7e9e8; border-color: #e7e9e8; color: #000 } #similarpostimg, #similarposttext h3, .ku-quote p, .rltdpstsplgn_content .row, .rltdpstsplgn_content .row img { background-color: #fff } .ku-tags a { color: #000 } .ku-tags .btn.btn-default { color: #000; text-transform: uppercase } .ku-quote p { text-align: center; font-style: italic; font-size: 1.2em; line-height: 1.2em; padding: 20px } .kubox-btnbox { min-height: 30px } .socialthumbs { float: right } aside { margin-left: 30px } hr.sb-separator { margin-bottom: 1.5em!important; margin-top: 0!important } #secondary hr.sb-separator:nth-child(1) { display: none } .ku-more-sidebar { color: #2186db; font-weight: 700; font-size: 11px; line-height: 1.54545; text-transform: uppercase } #menu-tags { padding-top: 0; list-style: none } #similarposttext { font-weight: 600; line-height: 1.13333; font-size: 15px; padding-left: 0 } #similarposttext h3 { font-weight: 600; font-size: 15px; margin-top: 0; padding-top: 10px } #similarpostimg { padding-left: 10px; padding-right: 10px } .rltdpstsplgn_content { margin-top: 10px } .rltdpstsplgn_content .row img { padding: 10px 0 } /* .widget { width:210px; } */ @media (max-width: 767px) { .widget { margin: 0 0 1.5em 0;} } @media (min-width: 768px) and (max-width: 991px) { .widget { margin: 0 0 1.5em 0} } @media (min-width: 992px) and (max-width: 1199px) { .widget { margin: 0 0 1.5em 0.5em;} } @media (min-width: 1200px) { .widget { margin: 0 0 1.5em 0.5em;} } .widget-title { font-size: 22px; font-family: WhitneyBook; color: #18242b; border: none; margin-bottom: 0px; font-weight: normal; margin-top: 32px; } #for-companies { margin-bottom: 20px } .menu-item-object-post_tag { padding-bottom: 5px } .menu-item-object-post_tag a { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #2186db; border-radius: 2px; background-color: #2186db; color: #fff; text-transform: uppercase } .widget ul { padding: 10px 10px 10px 0 } #social ul li { padding: 0 5px } #social ul li:first-child { padding-left: 0 } #social ul li:last-child { padding-right: 0 } .bx-wrapper .bx-controls-direction a { position: absolute; top: 100%; margin-top: 0; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999 } .bx-wrapper .bx-prev { left: 10px; background: url(images/control-left.png) no-repeat } .bx-wrapper .bx-next { right: 10px; background: url(images/control-right.png) no-repeat } .textwidget { min-height: 50px; display: block } .more-link, .site-main [class*=navigation] a { border: 1px solid #E8E8E8; padding: 6px 12px; background: #2186db; border-radius: 4px; display: block } .more-link:hover, .site-main [class*=navigation] a:hover { color: #fff; background: #2186db; text-decoration: none } [class*=navigation] .nav-next, [class*=navigation] .nav-previous { float: none; text-align: center } [class*=navigation] .nav-previous a, [class*=navigation] .nav-previous a:hover { border: none; padding: 6px 12px; background: #fff; color: #2186db; text-align: center; display: block } [class*=navigation] .nav-next a, [class*=navigation] .nav-next a:hover { text-align: center; border: none; padding: 6px 12px; background: #fff; color: #2186db; display: block } .comment input[type=submit], .comments-area .btn-default { border-color: #99c613; background-color: #99c613 } [class*=navigation] .nav-next a .navlink, [class*=navigation] .nav-next a:hover .navlink, [class*=navigation] .nav-previous a .navlink, [class*=navigation] .nav-previous a:hover .navlink { background: #fff; color: #18242b; font-size: 14px } #comments { font-family: WhitneyBook, sans-serif; padding: 30px; background-color: #f8f8f8; margin: 0 30px 0 15px } .comment input[type=submit], .comments-area .submit { border-width: 0; padding: 10px 0; width: 100% } @media screen and (min-width:320px) { #comments { margin: 0 15px 50px } } @media screen and (min-width:480px) { #comments { margin: 0 15px 50px } } @media screen and (min-width:768px) { [class*=navigation] .nav-next a .navlink, [class*=navigation] .nav-next a:hover .navlink, [class*=navigation] .nav-previous a .navlink, [class*=navigation] .nav-previous a:hover .navlink { font-size: 18px } [class*=navigation] .nav-next a, [class*=navigation] .nav-next a:hover { text-align: left } [class*=navigation] .nav-previous a, [class*=navigation] .nav-previous a:hover { text-align: right } [class*=navigation] .nav-next { float: right } [class*=navigation] .nav-previous { float: left } #comments { margin: 0 15px 50px } } @media screen and (min-width:990px) { #comments { margin: 0 43px 50px 15px } } .comments-area input[type=text], input[type=email] { width: 100% } .comment .vcard .avatar { position: relative; left: 0; top: 0; margin-bottom: 10px } .comments-area input[type=text], .comments-area input[type=email], .comments-area input[type=url], .comments-area input[type=password], .comments-area input[type=search], .comments-area textarea { padding: 10px } .comment .comment-body { padding-left: 5px!important; background-color: #fff; margin: 2em 0 0; overflow: hidden; padding: 10px; position: relative; border: 1px solid #E8E8E8; border-radius: 4px } @media screen and (min-width:480px) { .comment .comment-body { padding-left: 30px } } @media screen and (min-width:992px) { .comment .comment-body { padding-left: 76px } } .comment-list .children { margin-left: 0!important; padding-left: 4px; border-left: none; background-repeat: no-repeat; background-position: left 20px } @media screen and (min-width:480px) { .comment-list .children { padding-left: 10px } } @media screen and (min-width:992px) { .comment-list .children { padding-left: 30px } } #footer { font-family: WhitneyBook, sans-serif; float: none } footer>.container-fluid>.row { margin-left: 0; margin-right: 0 } footer .navbar-static-bottom .nav { display: inline-block } footer .navbar-static-bottom [data-toggle=collapse], footer .navbar-static-bottom [data-toggle=collapse]:hover { color: #a3a7aa } footer .navbar-static-bottom [data-toggle=collapse] { display: block; margin-bottom: 0; padding-bottom: 11px } @media (min-width:550px) { footer .navbar-static-bottom .collapse { display: block; height: auto } footer .nav-sm { font-size: 12px } } footer .nav { margin-bottom: 0; padding-left: 0; list-style: none } footer .nav:after { clear: both } footer .nav:after, footer .nav:before { content: " "; display: table } footer .nav li, footer .nav li a { position: relative; display: block } footer .nav li a { padding: 10px 15px } .nav-muted-dark.navbar-nav li a, footer .nav-muted-dark li a { color: #747c80 } .nav-muted-dark a:hover { color: #fff } footer .nav.nav-list a { padding: 4px 0; display: block; background-color: transparent; font-size: 16px } footer .navbar-static-bottom { display: table; width: 100%; border-top: 1px solid #747c80; margin-bottom: 0; padding-top: 10px } footer .socialcomments { padding-left: 0!important } footer .nav-inline li { font-size: 13px; display: inline-block; padding-left: 2px } footer .nav li a { position: relative; display: block } footer .nav li a:focus, footer .nav li a:hover { text-decoration: underline; color: #eee; background-color: transparent } footer .h3 { letter-spacing: -.03em; margin-bottom: 18px; margin-top: 24px; font-size: 18px; font-weight: 600; line-height: 1.1; color: #a3a7aa!important } .no-margin { margin: 0 } #footer p { color: #b9bdbf } .text-muted { color: #a3a7aa!important } .text-xs { font-size: 12px } .text-right { text-align: right } .text-green { color: #99c613 } .text-red { color: #f6363f } @media (max-width:549px) { .text-center-xs { text-align: center } } @media (max-width:997px) and (min-width:550px) { .text-center-sm { text-align: center } } b, strong { font-weight: normal; } footer p { letter-spacing: -.035em; color: #465055; margin: 0 0 10px } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility } .collapse { display: none } .posticons .kodex_buttons { text-align: left!important; padding: 0 0 15px; vertical-align: top; margin: -10px 0 0 } @media screen and (min-width:480px) { .posticons .kodex_buttons { margin: 0; text-align: right } } .entry-meta .kodex_buttons { text-align: left!important; padding: 0 0 15px; vertical-align: top; margin: -10px 0 0 } @media screen and (min-width:480px) { .entry-meta .kodex_buttons { text-align: right; margin-left: 0; float: left } } .press-blogtitle, .press-header { text-align: center; vertical-align: middle } @media screen and (min-width:768px) { .entry-meta .kodex_buttons { margin-top: -10px; margin-left: 20px } } @media screen and (min-width:815px) { .entry-meta .kodex_buttons { float: right; margin-left: 20px } } @media screen and (min-width:992px) { .entry-meta .kodex_buttons { margin-left: 0; float: left } } .kodex_buttons button:active, .kodex_buttons button:focus, .kodex_buttons button:hover, .kodex_buttons button:visited { font-family: WhitneyBook, sans-serif; color: #fff; background: #8b9195; border-color: #e7e9e9 } .heateor_sss_sharing_container { margin-bottom: 0px } .page-template-page-press { font-family: WhitneyBook, sans-serif; margin: 0 auto; padding-left: 0; padding-right: 0 } @media screen and (min-width:320px) { .page-template-page-press { margin: 0 auto } } @media screen and (min-width:480px) { .page-template-page-press { margin: 30px auto 0 } } .page-template-page-press #content { margin: 0; padding-right: 0; padding-left: 0 } @media screen and (min-width:767px) { .page-template-page-press #content { margin: 0 auto } } #pressmain { border-right: 0; margin: -3px 0 0 } #pressmain .hentry, #pressmain footer .entry-meta { margin-bottom: 0 } #pressmain .press-blogtitle { padding-top: 80px } #presscontent { font-family: WhitneyBook, sans-serif; font-size: 20px; line-height: 1.5; font-weight: 400; color: #6B6B6B } #presscontent .blogtitle { margin: 0 } .press-header { background-image: url(/wp-content/uploads/2016/05/blue-background-200.png); height: 200px; padding: 0; margin: 60px 0 10px } .press-blogtitle { color: #fff; width: 90%; padding-top: 60px; font-size: 34px; line-height: 1.142857; padding-left: 5px; padding-right: 0; margin: 0 auto } @media screen and (min-width:569px) { .press-blogtitle { font-size: 38px; padding-left: 25px; padding-right: 25px } } .press_contact_us { padding: 15px 40px 40px 20px } @media screen and (max-width:480px) { .press_contact_us { padding-left: 40px } } @media screen and (min-width:320px) { .press_contact_us { padding-left: 40px } } .press_contact_us, .press_facts, .press_kit, .press_news, .press_photos, .press_releases { margin: 0; padding-left: 20px; padding-bottom: 40px } @media screen and (min-width:992px) { .press-blogtitle { font-size: 42px; line-height: 40px } .press_contact_us, .press_facts, .press_kit, .press_news, .press_photos, .press_releases { margin-left: 40px; margin-right: 40px; padding-left: 0 } } .press_news_item { padding-bottom: 20px; padding-top: 20px; padding-right: 20px } .press_photos { padding-top: 40px } .press_posttitle, .press_releasetitle { font-family: WhitneyBook, sans-serif; color: #8b9195; font-weight: 700 } .press_photo_title { color: #8b9195 } .press_sectiontitle { font-family: WhitneyBook, sans-serif; font-size: 36px; line-height: 1.1666; font-weight: 700; color: #18242b; margin-bottom: 40px } .no-pad-left { padding-left: 0 } .pad-left, .pad-left-plus { padding-left: 15px } .pad-left-plus { margin-left: 20px } .top_20 { margin-top: 20px } .ku-more-press { display: inline; color: #2186db; font-weight: 700; text-transform: uppercase; padding-top: 15px } .press_blogposts { background-color: #f8f8f8; padding-left: 55px; margin-left: -55px; padding-top: 40px; margin-bottom: 40px; padding-bottom: 80px } .press_facts, .press_photos { background-color: #f8f8f8; margin-right: 0; margin-left: 0; padding: 20px 15px 40px } @media screen and (min-width:480px) { .press_contact_us, .press_kit, .press_news, .press_releases { padding-right: 20px; padding-left: 20px; padding-top: 40px } .press_facts, .press_photos { padding-right: 20px; padding-left: 40px; padding-top: 40px } } @media screen and (min-width:992px) { .press_facts, .press_photos { padding-left: 60px } } .white { background-color: #fff; max-width: 300px } .press_blogposts .ku-more { font-size: 13px; font-weight: 700 } #hidden_news, #hidden_releases { display: none } .hidelink { padding: 15px 15px 15px 0; text-transform: uppercase } .press_release { min-height: 100px; padding-bottom: 40px; padding-left: 0; padding-right: 20px } @media screen and (min-width:992px) { .press_release { padding-left: 15px; min-height: 150px; padding-bottom: 20px } } .press_release:first-child { padding-left: 0 } .press_releasebtn, .press_releasebtn:active, .press_releasebtn:focus, .press_releasebtn:hover, .press_releasebtn:visited { font-family: WhitneyBook, sans-serif; color: #fff; background-color: #e7e9e9; font-size: 13px; line-height: 1.42857; font-weight: 700; padding: 5px 8px; border-radius: 4px; text-align: left; font-style: normal; vertical-align: top } .press-releasebtn { margin-top: -5px } .press_releasetitle { height: 60px } @media screen and (min-width:992px) { .press_releasetitle { height: 80px } } .pressrow { padding-left: 0 } .press_photo.pressrow { padding-left: 40px } .pressrow ul { padding-left: 20px } @media screen and (min-width:585px) { .pressrow ul { padding-left: 40px } } .pressrow ul li, ul li { font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif; font-size: 20px; line-height: 1.5; padding-bottom: 10px } .press_post { border-radius: 4px; padding-right: 0; margin-right: 25px; height: 250px; margin-bottom: 80px } @media screen and (min-width:992px) { .press_post { height: 280px; margin-bottom: 60px; margin-right: 30px } } @media screen and (min-width:1200px) { .press_post { height: 300px; margin-bottom: 0; margin-right: 40px } } .layerbox { background: rgba(0, 0, 0, .5); text-align: center; opacity: 0; height: 210px; width: 285px; position: absolute; top: 0; left: 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media screen and (min-width:767px) { .layerbox { left: 0 } } .press_photo { padding: 0 0 10px 20px; height: 330px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px } @media screen and (min-width:480px) { .layerbox, .press_photo { padding-left: 0 } } @media screen and (max-width:767px) { .layerbox, .press_photo { padding-left: 20px } } .press_photo_img { height: 210px; width: 285px; min-height: 150px } .layerbox, .press_photo_img img, .press_postimg img { border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-top-righ-radiust: 6px; -webkit-border-top-right-radius: 6px } .press_photo_img:hover .layerbox { opacity: 1 } .press_photo_title { font-family: WhitneyBook, sans-serif; padding: 15px 10px; width: 285px; background-color: #fff; height: 90px } .press_posttitle { height: 100px } .press_postdate, .press_posttitle { font-family: WhitneyBook, sans-serif; padding-left: 15px; padding-right: 15px } .press_newsdate, .press_postdate, .press_releasedate { font-family: WhitneyItalic, sans-serif; font-style: italic; color: #8b9195 } .press_newsdate { padding-top: 10px } .press_kit, .press_releases { border-top: 1px solid #e7e9e9; padding-top: 40px } .press_newstitle { color: #8b9195; font-size: 20px; margin-bottom: 30px } .press_newscontent, .press_newstitle { font-family: WhitneyBook, sans-serif; padding-right: 15px; font-weight: 700 } .fw-btn-1 { background-color: #99c613; border-color: transparent; border-width: 2px; color: #fff; font-size: 15px; font-weight: 700 } .fw-btn-green, .fw-btn-green-layer { background-color: #99c613; border-color: #99c613; color: #fff } .fw-btn-green { margin: 20px 0 } .fw-btn-green-layer { position: absolute; top: 40%; left: 30%; width: 120px } .fw-btn-green a, .fw-btn-green a:active, .fw-btn-green a:focus, .fw-btn-green a:hover, .fw-btn-green a:visited, .fw-btn-green-layer a, .fw-btn-green-layer a:active, .fw-btn-green-layer a:focus, .fw-btn-green-layer a:hover, .fw-btn-green-layer a:visited { font-family: WhitneyBook, sans-serif; color: #fff; text-transform: uppercase } #facts-btn { margin-left: 20px } .ku-more-btn, .ku-more-btn:active, .ku-more-btn:focus, .ku-more-btn:hover, .ku-more-btn:visited { font-family: WhitneyBook, sans-serif; display: inline-block; padding: 6px 12px; margin-bottom: 30px; font-size: 14px; font-weight: 700; line-height: 1.42857143; text-transform: uppercase; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; color: #fff } #menu-tags li a, .carousel .stageMore, .popTitle { font-family: WhitneySemibold } .kununu-load-more .page-header { display: none } .container { width: 100%; max-width: 1450px; /* margin-left: auto; margin-right: auto; padding-right: 0px; padding-left: 0px; float: left; */ } @media screen and (min-width:320px) { .container.main-content-area { padding-left: 0px; padding-right: 0px } } @media screen and (min-width:480px) { .container.main-content-area { padding-left: 0px; padding-right: 0px } } @media (min-width:320px) { .blogtitle { margin: 0 0 0 30px; } } @media (min-width:480px) { .blogtitle { margin: 0 0 0 30px; } } @media screen and (min-width:768px) { .container.main-content-area { padding-left: 0px; padding-right: 0px } .blogtitle { margin: 0 0 0 30px } } #main .row { margin-left: 0; margin-right: 15px } @media screen and (min-width:320px) { #main .row { margin-left: 0; margin-right: 0 } } @media screen and (min-width:480px) { #main .row { margin-left: 0; margin-right: 0 } } @media screen and (min-width:768px) { #main .row { margin-left: 0; margin-right: 15px } } .linie { border-bottom: 2px solid #eee; display: block; width: calc(100% - 15px); margin: 30px 0 30px 15px } @media screen and (min-width:320px) { .linie { width: calc(100% - 30px) } } @media screen and (min-width:480px) { .linie { width: calc(100% - 30px) } } @media screen and (min-width:768px) { .linie { width: calc(100% - 30px) } } @media screen and (min-width:990px) { .linie { width: calc(100% - 15px) } .site-main { } #secondary { padding-left: 20px } } .single article.post, .single article.post:first-child { /* margin-right: 43px; margin-left: 15px */ } @media screen and (min-width:320px) { .single article.post, .single article.post:first-child { /* margin-right: 15px */ } } @media screen and (min-width:480px) { .single article.post, .single article.post:first-child { /* margin-right: 15px */ } } @media screen and (min-width:768px) { .single article.post, .single article.post:first-child { /* margin-right: 15px */ } } @media screen and (min-width:990px) { .single article.post, .single article.post:first-child { /* margin-right: 43px */ } } .entry-content h2, .entry-content h3, .single .entry-content h1 { margin:0px; } .entry-content h3, .single .entry-content h2 { /* margin-top: 8%; margin-bottom: 3% */ } .single .entry-content .ku-tags, .single .entry-content .s-icons { padding: 0; margin: 15px 0 0 0; } .single .entry-content .posted-on-box { padding: 0; margin: 0 0; } .single .entry-content .plus { margin: 0 } .single .entry-content .csRow, .single .entry-content .fw-btn, .single .entry-content ol, .single .entry-content p { margin: 0 0 10px!important } .single .entry-content .twitter-tweet { margin: 40px 0!important } .single .entry-content .content-column p { margin: 0!important } .single .entry-content ul { margin: 0 0 10px; margin-left: calc(8% - 20px) } @media screen and (min-width:320px) { .single .entry-content .csRow { margin: 0 15px 10px } .single .entry-content .twitter-tweet { margin: 40px 0!important } } @media screen and (min-width:480px) { .single .entry-content .csRow { margin: 0 8% 10px } .single .entry-content .twitter-tweet { margin: 40px 0!important } } @media screen and (min-width:570px) { .single .entry-content .twitter-tweet { margin: 40px 8%!important } } @media screen and (min-width:768px) { .single .entry-content .twitter-tweet { margin: 40px 8%!important } } .single .entry-content .csRow p { margin: 0 } .csColumn h2, .csColumn h3 { padding: 0; margin: -5px 0 0 } .single .entry-content p.Bild { margin: 8% 0 } footer.entry-meta { padding: 0; margin: 0 } footer.entry-meta .socialcomments { margin: 4% 8% } footer.entry-meta .socialthumbs { padding: 0; float: none } footer.entry-meta .section-divider { margin-left: 0 } #call_to_action_area { display: block; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; background-color: #f8f8f8 } #call_to_action_area h3 { margin: 30px 8% } #call_to_action_area .ctoImg { margin-left: 8% } #call_to_action_area .ctaButton { margin: 20px 0 } #call_to_action_area .ctaButton .btn-success { background-color: #99c613; border-color: #99c613 } #footer .container-fluid { margin-top: 20px; max-width: 1450px; } .single #secondary article.post { margin: 0 } .entry-content .fve-video-wrapper { margin: 8% 0 } .form-search .form-group, .newsletter-widget { margin-right: 20px } #load-more-wrapper { width: 100%; text-align: center; padding-bottom: 40px } #wp-load-more-btn { margin-bottom: 40px; margin-left: calc(50% - 60px) } .kununu-load-more article.post:first-child { padding: 10px 0 } .kununu-load-more .site-main { border-right: 0 solid #eee } .paging-navigation { display: none } .archive .subtitle, .error404 .subtitle, .search .subtitle { padding-left: 0; margin-left: 0; padding-top: 20px } .kununuSitemapNavi, .no-results .page-content, .page-header { margin-left: 15px } .no-results .form-search { width: 400px } .kuncontentHeader { margin-left: 15px; margin-top: 30px } .sitemap_anker a { color: #000; margin-top: 30px } .sitemap_anker { margin-top: 30px } .simple-sitemap-post { list-style: none; padding-left: 0; margin-left: 17px } .form-control { -webkit-box-shadow: none; box-shadow: none } .btn-search { border-radius: 0; border-right: 1px solid #E8E8E8 } input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none } .csColumn.kununuColumn { text-align: left!important } .menu-footer_bottom-container li { margin-right: 10px } .kununu-popular-articles article.post { min-height: 100px; padding: 0 } #searchsubmit { float: right; margin-top: -31px; margin-right: 2px; z-index: 10; position: relative; border: none; font-size: 13px; padding: 6px 12px 5px } #menu-footer_bottom { margin-left: 14px } .carousel { /* border-bottom: 2px solid #efefef; */ } .carousel .thumbnail { margin-bottom: 0 } .carousel .item { height: 42.5vw; color: #fff; text-align: center; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .carousel .stageText { cursor: pointer; z-index: 1; position: relative; top: 0; left: 0; height: 42.5vw; padding: 0 27vw; display: table-cell; border: none; vertical-align: middle; align-items: center; justify-content: center } .carousel .stageDate { -webkit-transition: all .5s; transition: all .5s; font-style: italic; margin-top: 3vh } .carousel .stageTitle { font-size: 54px; line-height: 1.1; margin: 15px 0 } .review-header {background: #99c613;padding:0px 30px;height:60px;text-align: center;color:#394b54;} .review-header.container-fluid {max-width: none !important;} .review-header-container {max-width: 1390px;margin:0 auto;} .review-header-container * {float:right;margin-top:18px;} .review-header-container .text-semibold {font-weight: 600;margin-right:4px;} .review-header-container .close {margin-top:18px;border-radius: 14px;width:28px;height:28px;} .review-header-container .close:hover {background-color:#f6363f;color:white;opacity:1.0;} .review-header-container .fa {margin-top:-3px;float:none;display:block;font-size:18px;} #review-arrow {background: url(/wp-content/themes/dazzling-child/img/review-pre-header-arrow.png) 0 0 no-repeat;width:74px;height:31px;margin:26px 80px 0 10px;} .fadeinheader {transition: margin-top 0.2;} .review-footer {background: rgba(255,255,255,.6);padding:0px 30px;height:60px;position:fixed;bottom:0px;width:100vw;height:60px;text-align: center;bottom:-60px; transition: bottom 0.15s ease-out;-webkit-transition: bottom 0.15s ease-out;-o-transition: bottom 0.15s ease-out;-moz-transition:bottom 0.15s ease-out; } .review-footer.container-fluid {max-width: none !important;} .review-footer-container {max-width: 1390px;margin:0 auto;} .review-footer-container * {margin-top:12px;} .review-footer-container .text-semibold {font-weight: 600;} .review-footer-container .close {margin-top:18px;border-radius: 14px;width:28px;height:28px;} .review-footer-container .close:hover {background-color:#f6363f;color:white;opacity:1.0;} .review-footer-container .fa {margin-top:-3px;float:none;display:block;font-size:18px;} .review-footer-container .btn-primary {background-color: #99c613;border-color: transparent;font-weight:600;padding: 9px 12px;} .review-footer-container .btn-primary:hover {background-color: #abdd15;border-color: #abdd15;} #review-arrow {background: url(/wp-content/themes/dazzling-child/img/review-pre-header-arrow.png) 0 0 no-repeat;width:74px;height:31px;margin:26px 80px 0 10px;} #content, .navbar.navbar-default {transition: margin-top 0.15s ease-out;-webkit-transition: margin-top 0.15s ease-out;-o-transition: margin-top 0.15s ease-out;-moz-transition:margin-top 0.15s ease-out;} #navbar-close {position:relative;float: right ;font-size: 50px;line-height:0px;padding-top: 23px;color:#7F8387;margin: 0 20px 0 0;} /* @media screen and (min-width:320px) { .carousel .stageTitle { font-size: 20px } .carousel .item, .carousel .stageText { height: 250px } .carousel .stageText { padding: 0 10% } .carousel .stageTeaser { display: none } } @media screen and (min-width:480px) { .carousel .stageTitle { font-size: 34px } .carousel .item, .carousel .stageText { height: 316px } .carousel .stageText { padding: 0 10% } .carousel .stageTeaser { display: none } } @media screen and (min-width:768px) { .carousel .stageTitle { font-size: 44px } .carousel .item, .carousel .stageText { height: 42.5vw } .carousel .stageText { padding: 0 20% } .carousel .stageTeaser { display: none } } @media screen and (min-width:990px) { .carousel .stageTitle { font-size: 54px } .carousel .item, .carousel .stageText { height: 42.5vw } .carousel .stageText { padding: 0 20% } .carousel .stageTeaser { display: block } } @media screen and (min-width:1450px) { .carousel .item, .carousel .stageText { height: 616px; padding: 0 0px } } */ .carousel .stageTeaser { text-align: justify; -webkit-transition: all .5s; transition: all .5s } .carousel .stageMore { -webkit-transition: all .5s; transition: all .5s; text-transform: uppercase; font-size: 13px } .carousel .stageDate, .carousel .stageMore, .carousel .stageTeaser { opacity: 0 } .carousel .item:hover .stageDate, .carousel .item:hover .stageMore, .carousel .item:hover .stageTeaser { opacity: 1 } .carousel .item:hover .blackLayer { background-color: rgba(0, 0, 0, .5) } @media (max-width: 767px) { .carousel-inner .item {padding: 0 25px;} } @media (min-width: 768px) and (max-width: 991px) { .carousel-inner .item {padding: 0 37px;} } @media (min-width: 992px) and (max-width: 1199px) { .carousel-inner .item {padding: 0 50px;} } @media (min-width: 1200px) { .carousel-inner .item {padding: 0 50px;} } @media (max-width: 767px) { .page-template-page-downloads .carousel-inner .item {padding: 0 25px;} .page-template-page-downloads .carousel {margin: 0 0;} } @media (min-width: 768px) and (max-width: 991px) { .page-template-page-downloads .carousel-inner .item {padding: 0 25px;} .page-template-page-downloads .carousel {margin: 0 0px;} } @media (min-width: 992px) and (max-width: 1199px) { .page-template-page-downloads .carousel-inner .item {padding: 0 0px;} .page-template-page-downloads .carousel {margin: 0 -15px;} } @media (min-width: 1200px) { .page-template-page-downloads .carousel-inner .item {padding: 0 0px;} .page-template-page-downloads .carousel {margin: 0 -15px;} } .carousel .blackLayer { background-color: rgba(0, 0, 0, .3); width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; -webkit-transition: all .5s; transition: all .5s } .carousel-control.left, .carousel-control.right { background-image: none; margin-bottom: 50px } .carousel-indicators { bottom: 3px } .carousel-indicators li { background-color: #ccc; border: none; margin: 6px 5px 0; width: 7px; height: 7px } .carousel-indicators .active { background-color: #2186db; border: none; margin: 6px 5px 0; width: 7px; height: 7px } .carousel-control { width: 30px; z-index: 10 } .content_slider .carousel-control { color: #000; top: auto; text-shadow: none } .content_slider .carousel-control .glyphicon-chevron-left, .content_slider .carousel-control .glyphicon-chevron-right { font-size: 10px } .content_slider .carousel-control.left, .content_slider .carousel-control.right { margin-bottom: 13px } .content_slider .stageTextBelow { color: #000; font-size: 14px; bottom: -37px; position: absolute; width: 100%; text-align: center } .carousel.content_slider .item { width: 100%; margin-bottom: 50px; padding: 0 } @media screen and (min-width:320px) { .carousel.content_slider .item { height: 66% } } @media screen and (min-width:480px) { .carousel.content_slider .item { height: 66% } } @media screen and (min-width:768px) { .carousel.content_slider .item { height: 66% } } @media screen and (min-width:990px) { .carousel.content_slider .item { height: 66% } } @media screen and (min-width:1450px) { .carousel.content_slider .item { height: 66% } } .carousel.content_slider .carousel-inner { margin-bottom: 0 } .carousel.content_slider .item:hover .blackLayer { background-color: rgba(0, 0, 0, .3) } h1.small { font-size: 18px; margin: 0; line-height: .9 } .single .entry-content .dataTables_wrapper { margin: 8% 0 } .popTitle { padding: 110px 10px 10px 0px; color: #000; line-height: 18px } .popTitle .ku-more { padding-top: 8px; } .popImgWrap { position: relative } .popImgWrap .popImg { position: absolute; left: 0; top: 0; z-index: 1; padding: 0 } .popImgWrap .fa-plus { padding: 33px 35px 33px 34px; background-color: rgba(33, 136, 220, .9); color: #fff; position: absolute; left: 0; top: 0; z-index: 2; display: none } a.popLink:hover .popImgWrap .fa-plus { display: block } .menu-tags-container { float: left; /* margin: 6px 30px 0 0 */ } #menu-tags li { float: left } #menu-tags li a { color: #000; padding: 10px 12px 17px; font-size: 14px; font-family: WhitneyMedium; font-weight: normal; color:#18242b; } #menu-tags li a:hover, #menu-tags li.active a { color:#2887D7; } div#slidemenu.slide-active #menu-tags li.active a { color: white } .navbar { float: right } .nav li a:hover { background-color: transparent } .navBlack { background-color: #000; position: fixed; left: 0; top: 125px; width: 100vw; height: 100vh; z-index: 9998; display: none } #page-content, .navbar-header, .navbar.navbar-fixed-top.slide-active { position: relative } .navBlack.blackOff { display: block; opacity: 0 } body.slide-active { overflow-x: hidden } .no-margin-top { margin-top: 0!important } #page-content { padding-top: 70px; left: 0 } #page-content.slide-active { padding-top: 0 } #slide-nav .navbar-toggle { cursor: pointer; position: relative; line-height: 0; margin: 0 20px 0 0; width: 30px; height: 40px; padding: 7px 0 0; border: 0; background: 0 0; display: none } #slide-nav .navbar-toggle>.icon-bar { width: 100%; display: block; height: 3px; margin: 5px 0 0; background-color: #7F8387; } #slide-nav .navbar-toggle.slide-active .icon-bar { background: orange } .page-template-page-about #slide-nav .navbar-toggle>.icon-bar { background: white;} .page-template-page-about #navbar-close {color: white;} @media (min-width:320px) { #slide-nav .navbar-toggle { display: block; right: 0 } #slide-nav .container { padding-right: 0; padding-left: 0 } #menu-tags li a:hover, #menu-tags li.active a { color:white; } } @media (min-width:480px) { #slide-nav .navbar-toggle { display: block; right: 0 } #slide-nav .container { padding-right: 0; padding-left: 0 } #menu-tags li a:hover, #menu-tags li.active a { color:#18242b; } } @media (min-width:768px) { #slide-nav .navbar-toggle { display: block; right: 0 } #slide-nav .container { /* padding-right: 15px; padding-left: 15px */ } #menu-tags li a:hover, #menu-tags li.active a { color:white; } } @media (min-width:990px) { #slide-nav .navbar-toggle { display: none } #slide-nav .container { padding-right: 0; padding-left: 0 } #slide-nav { margin: 6px 30px 0 0; min-height: 50px; } #slide-nav ul li { padding-bottom: 0 } #menu-tags li a:hover, #menu-tags li.active a { color:#2887D7; } } @media (max-width:990px) { #slide-nav #slidemenu #menu-tags { float: left; width: 100% } div#slidemenu.slide-active #menu-tags li.active a { color: #000 } .slide-active { z-index: 99998 } #slide-nav .navbar-toggle.slide-active .icon-bar { background: #000 } .menu-tags-container { float: none; /* margin: 12px 35px 0 */ } #menu-tags li a { color: #fff; padding: 14px 12px 0 0; text-align: center } #menu-tags li a:hover { } #menu-tags li { float: none; border-bottom: 1px solid white; } #menu-tags li:last-child { /* border-bottom: 1px solid transparent */ } ; #slide-nav .container { margin: 0!important; padding: 0!important; height: 100% } #slide-nav .navbar-header { margin: 0 auto; padding: 0 15px; height: 38px; } #slide-nav .navbar.slide-active { position: absolute; width: 80%; top: -1px; z-index: 1000 } #slide-nav #slidemenu { background: #2887D7; right: -320px; width: 100%; min-width: 0; overflow: hidden; height: 0px; padding-left: 0; z-index: 9998; top: 59px; margin: 22px 0 0 0; } #slide-nav #slidemenu .navbar-nav { min-width: 0; width: 100%; margin: 0 } #slide-nav #slidemenu .navbar-nav .dropdown-menu li a { min-width: 0; width: 80%; white-space: normal } #slide-nav { border-top: 0; width:100%; margin-top: -40px; position:relative; z-index:1; } #slide-nav.navbar-inverse #slidemenu { background: #333 } #navbar-height-col { position: fixed; top: 0; height: 100%; bottom: 0; width: 80%; left: -80%; background: #f7f7f7 } #navbar-height-col.inverse { background: #333; z-index: 1; border: 0 } #slide-nav .navbar-form { width: 100%; margin: 8px 0; text-align: center; overflow: hidden } #slide-nav .navbar-form .form-control { text-align: center } #slide-nav .navbar-form .btn { width: 100%; } } @media (min-width:990px) { #page-content, .navbar-header { left: 0!important } .navbar.navbar-fixed-top.slide-active { position: fixed; } }