/* @override 
	https://dev.babled.net/wp-content/themes/babled/style.css?ver=1.0 */

/*
Theme Name: babled
Theme URI: http://olivebh.com
Description: Custom build for babled.net
Version: 1.0
Author: OliveBH
Author URI: http://olivebh.com

Note: This is a generated style.css file.
      Adding changes using WP Theme editor is not advised!!
  
*/
/* micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}

.news-article img {
  width: 100%;
}

/* wp-specific classes */
.modal {
  padding: 20px;
}
.modal .close {
  padding: 20px;
}

#main #logoParade .scrollWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#main #logoParade .scrollableArea {
  position: relative;
  width: auto;
  height: 100%;
}
#main #logoParade img {
  max-width: none;
  float: left;
}

/* layout */
body {
  padding-top: 0;
  -webkit-font-smoothing: antialiased;
}

/* Admin Top Navigation fixes */
body.admin-bar .navbar-fixed-top {
  top: 28px;
}

.navbar .brand {
  color: #000 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
  font-weight: 400 !important;
}


.page-header h1, .page-header h2, .page-header h3 {
  text-transform: lowercase;
  color: #00a59b;
}

#breadcrumbs {
  padding: 25px 0px 20px 35px;
  height: 20px;
  text-transform: lowercase;
}
#breadcrumbs .breadcrumb {
  background-color: transparent;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

.product-block h1, .product-block h2, .product-block h3 {
  font-size: 30px;
  line-height: 30px;
  padding: 28px 0 15px 0;
  margin: 0;
  color: #000;
}
.product-block h1 {
  text-transform: uppercase;
}
.product-block h2 {
  line-height: 26px;
  font-size: 21px;
  text-transform: none;
}
.product-block .description p {
  color: #000;
}
.product-block .offset1, .product-block .downloads {
  font-size: 21px;
}
.product-block .offset1 a, .product-block .downloads a {
  color: #878787 !important;
}
.product-block .offset1 .modal p, .product-block .downloads .modal p {
  font-size: 16px;
}

#inner-header {
  width: 100%;
}

.navbar-form, .navbar-search {
  margin: 0 0 9px;
}

.navbar-search {
  padding-left: 0;
}

#s {
  width: 100px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: url("library/img/icon-search.png") no-repeat right 50% transparent;
}

.more-link {
  white-space: nowrap;
}

input[type="radio"], input[type="checkbox"] {
  margin: -3px 0 0;
}

.footer-links {
  float: right;
  margin-bottom: 18px;
}

.footer-links .menu {
  list-style-type: none;
  margin-left: 0;
}

.footer-links .menu li {
  float: left;
  margin-left: 10px;
}

/* post styling */
#main p.meta {
  font-style: italic;
  color: #808080;
}

.sidebar {
  margin-top: 18px !important;
}

#main article footer {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  position: relative;
  min-height: 20px;
}

#main article footer a.edit-post {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.post:hover a.edit-post {
  display: inline;
}

p.tags {
  line-height: 20px;
}

div[id*='attachment_'] {
  max-width: 100%;
  height: 100%;
}

#credit320 {
  background: url("images/320press_mini.png") no-repeat left top transparent;
  padding-left: 20px;
}

#main .hero-unit img {
  margin-bottom: 1em;
}

#main article img {
  height: auto;
}

img.alignleft {
  margin-right: 10px;
  float: left;
}

img.alignright {
  margin-left: 10px;
  float: right;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}

.post header img {
  margin-bottom: 18px;
}

.archive #main .post h3 {
  line-height: 24px;
  margin-bottom: 10px;
}

video {
  max-width: 100%;
  height: auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper {
  width: 630px;
  max-width: 100%;
  margin-bottom: 18px;
}

/* page styling */
#featured-carousel .item {
  width: 970px;
  height: 600px;
}

.carousel-caption p {
  display: none;
}

.page-template-page-homepage-php #main article {
  border-bottom: none;
}
.page-template-page-homepage-php .hero-unit, .page-template-page-homepage-php .blog .hero-unit {
  padding: 1em;
}

.hero-unit h1 {
  font-size: 3em;
}

/* specific post-type styles */
/* image attachment */
.attachment #main .post_content img {
  max-width: 100%;
}

.ie8 #main .media-grid img {
  max-height: none !important;
  max-width: none !important;
}

.attachment-img {
  margin-bottom: 18px;
}

.metadata p.alert-message {
  margin-right: 0;
  margin-bottom: 18px;
}

#gallery-nav {
  list-style-type: none;
  margin-left: 0;
}

li.next a, li.previous a {
  position: relative;
}

li.next a:hover:before {
  content: "\2190";
  position: absolute;
  display: block;
  top: 42%;
  left: 0;
  background-color: #BFBFBF;
  color: #444;
  width: 20px;
  height: 20px;
  padding-left: 5px;
  text-decoration: none;
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

li.previous a:hover:before {
  content: "\2192";
  position: absolute;
  display: block;
  top: 42%;
  right: 0;
  background-color: #BFBFBF;
  color: #444;
  width: 20px;
  height: 20px;
  padding-left: 5px;
  text-decoration: none;
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

/* widget styles */
.widget {
  margin-bottom: 18px;
}

.widgettitle, .widget-title {
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height:16px;
}

#tag-cloud {
  margin-bottom: 18px;
  line-height: 160%;
}

#footer-container {
  background-color: #f7f7f7;
  margin-top: 42px;
}
#footer-container #inner-footer {
  margin: 18px 40px;
}

/* for some reason the bs version currently available for download doesn't have this style */
.label {
  text-transform: uppercase;
}

/* override standard link hover for the tag cloud widget */
#tag-cloud a:hover,
.tags a:hover {
  color: #ffffff;
  text-decoration: none;
}

#tag-cloud a {
  white-space: pre;
  text-transform: uppercase;
}

/* change default form padding for search */
.widget_search form {
  padding-left: 0;
}

.widget_search input {
  width: 121px;
}

blockquote.pull-left {
  padding-right: 15px;
}

.social-links ul {
  list-style: none;
  margin: 1em 0;
  height: 40px;
}
.social-links ul li {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  height: 40px;
  width: 40px;
  transition: opacity 0.3s linear 0s;
  /* filter: url(filters.svg#grayscale); */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome & Safari 6+ */
}
.social-links ul li a {
  height: 40px;
  display: block;
}
.social-links .email {
  background: transparent url("library/img/icon-email.png") top left no-repeat;
  cursor: pointer;
}
.social-links .linkedin {
  background: transparent url("library/img/icon-linkedin.png") top left no-repeat;
  cursor: pointer;
}
.social-links .vimeo {
  background: transparent url("library/img/icon-vimeo.png") top left no-repeat;
  cursor: pointer;
}
.social-links .photobucket {
  background: transparent url("library/img/icon-photobucket.png") top left no-repeat;
  cursor: pointer;
}
.social-links .pinterest {
  background: transparent url("library/img/icon-pinterest.png") top left no-repeat;
  cursor: pointer;
}
.social-links .facebook {
  background: transparent url("library/img/icon-facebook.png") top left no-repeat;
  cursor: pointer;
}

#hp-footer .social-links {
  text-align: left !important;
}
#hp-footer .social-links ul {
  list-style: none;
  margin: 1em 0;
  height: 20px;
}
#hp-footer .social-links ul li {
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  height: 20px;
  width: 20px;
  transition: opacity 0.3s linear 0s;

}
#hp-footer .social-links ul li a {
  height: 20px;
  display: block;
}
#hp-footer .social-links .email {
  background: transparent url("library/img/icon-bw-email.png") top left no-repeat;
  cursor: pointer;
}
#hp-footer .social-links .linkedin {
  background: transparent url("library/img/icon-bw-linkedin.png") top left no-repeat;
  cursor: pointer;
}
#hp-footer .social-links .vimeo {
  background: transparent url("library/img/icon-bw-vimeo.png") top left no-repeat;
  cursor: pointer;
}
#hp-footer .social-links .photobucket {
  background: transparent url("library/img/icon-bw-photobucket.png") top left no-repeat;
  cursor: pointer;
}
#hp-footer .social-links .pinterest {
  background: transparent url("library/img/icon-bw-pinterest.png") top left no-repeat;
  cursor: pointer;
}
#hp-footer .social-links .facebook {
  background: transparent url("library/img/icon-bw-facebook.png") top left no-repeat;
  cursor: pointer;
}

header .container-fluid {
  background-color: #fff;
}

.container-fluid {
  margin: 0 auto;
}

html {
  min-height: 100%;
  position: relative;
}

/* make sure it is at least as tall as the viewport */
body {
  height: 100%;
  background-color: #eeeeee;
  color: #878787;
}

.home .container-fluid {
  background-color: #f7f7f7;
}
body .container-fluid {
  padding: 0;
}
.home #content {
  padding-top: 3em;
  padding-bottom: 3em;
}

main {
  position: relative;
}

#hp-bablededition-wrap, #hp-productdesign-wrap {
  position: relative;
}

#hp-bablededition {
  margin: 40px 0;
}
#hp-bablededition a span {
  color: #000;
  font-size: 1.1em;
}

#hp-footer {
  margin: 0 0 1em 0;
}

#hp-copyright {
  margin: 2em 0;
}

#hp-productdesign {
  margin: 40px 0;
}
#hp-productdesign a span {
  color: #4f4f4f;
  font-size: 1.1em;
}

.dots-up {
  background-position: 3px top;
  background-repeat: repeat-x;
}

.dots-bottom {
  background-position: 3px bottom;
  background-repeat: repeat-x;
}

.attribution {
  margin: 1.5em 0;
}

span.attribution {
  font-size: 0.85em;
  padding-left: 15px;
}

#orb-container a, #orb-container a:link {
  position: relative;
}
#orb-container a img, #orb-container a:link img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#orb-container a span, #orb-container a:link span {
  position: absolute;
  top: -0.78em;
  left: 0;
  color: #fff;
  line-height: 1em;
  text-align: center;
  width: 80%;
  margin-left: 10%;
  -webkit-text-shadow: 0px 2px 6px #aaaaaa;
  -moz-text-shadow: 0px 2px 6px #aaaaaa;
  -o-text-shadow: 0px 2px 6px #aaaaaa;
  text-shadow: 0px 2px 6px #aaaaaa;
}
#orb-container a:hover {
  position: relative;
}
#orb-container a:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: none;
  /* IE6-9 */
  zoom: 1;
  -webkit-filter: grayscale(0%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.nav-container .navbar a {
  font-weight: 400;
}
.nav-container ul li a {
  text-transform: lowercase;
  font-weight: 400;
}
.nav-container #logo {
  margin: 0 10px 20px 30px;
}
.nav-container .pull-right .nav {
  margin-right: 30px;
}
.nav-container .searchbox {
  height: 44px;
}
.nav-container .searchbox #filter-action {
  float: right;
  padding: 10px 45px 10px 15px;
  font-weight: normal;
  color: #878787;
}
.nav-container .searchbox #filter-action:hover {
  text-decoration: none;
}
.nav-container .searchbox #searchform {
  float: left;
}

#main > .image-row:first-child > .span6 {
  margin-top: 0;
}

ul#instagram-links {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 280px;
}
ul#instagram-links li {
  display: inline;
}
ul#instagram-links li img {
  margin-right: 10px;
  margin-bottom: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: lowercase;
}

.wrap-container {
  margin-top: 170px;
}


figure {
  margin: 0;
  padding: 0;
  position: relative;
}


figure figcaption {
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  /* text-shadow: 0px 0px 4px rgba(255, 255, 255, 1), 
  			 1px 1px 2px rgba(255, 255, 255, 1), 
  			 -1px -1px 2px rgba(255, 255, 255, 1); */
  background-color: rgba(68, 68, 68, 0.78);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  opacity: 0;
}
figure figcaption h3 {
  margin-bottom: 0 !important;
  font-size: 30px;
  top: 41%;
  position: absolute;
  text-align: center;
  width: 100%;
  color: #fff !important;
  text-transform: uppercase;
}

figure:hover figcaption {
  opacity: 1;
}

figure.post_content {
  min-height: 150px;
}

.internship-link {
  color: #ff8000 !important;
  font-size: 36px;
  line-height: 40px;
  margin: 1em 0;
  display: block;
}

.thumb-images figure {
  display: inline-table;
  max-width: 240px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.thumb-images figure figcaption {
  position: relative;
  bottom: auto;
  right: auto;
}

div[class*="latest_posts_widget"] ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
div[class*="latest_posts_widget"] ul li {
  margin-bottom: 1em;
}
div[class*="latest_posts_widget"] ul li a, div[class*="latest_posts_widget"] ul li a:link, div[class*="latest_posts_widget"] ul li a:visited {
  font-size: 18px;
  color: #888888;
}
div[class*="latest_posts_widget"] ul li a:hover {
  text-decoration: none;
}
div[class*="latest_posts_widget"] ul li p {
  color: #bbbbbb;
}

body.bablededition h1, body.bablededition h2, body.bablededition h3, body.bablededition h4, body.bablededition h5, body.bablededition h6 {
  color: #000;
}
body.bablededition footer h1, body.bablededition footer h2, body.bablededition footer h3, body.bablededition footer h4, body.bablededition footer h5, body.bablededition footer h6 {
  color: #878787;
}
body.bablededition a, body.bablededition a:link, body.bablededition a:hover, body.bablededition a:visited, body.bablededition a:active {
  text-decoration: none;
}
body.bablededition a:hover, body.bablededition a:focus, body.bablededition article a, body.bablededition .nav li.dropdown.open > .dropdown-toggle, body.bablededition .nav li.dropdown.active > .dropdown-toggle, body.bablededition .nav li.dropdown.open.active > .dropdown-toggle, body.bablededition .nav > .active > a, body.bablededition .nav > .active > a:hover, body.bablededition .nav > .active > a:focus {
  color: #000;
}
body.bablededition a figure *, body.bablededition a:hover figure * {
  color: #000;
}
body.bablededition #filter-action:hover {
  color: #000;
}
body.bablededition div[class*="latest_posts_widget"] ul li a:hover {
  color: #000;
}
body.bablededition .colorize {
  font-size: 1.2em;
}
body.bablededition .colorize * {
  color: #000 !important;
}
body.bablededition button, body.bablededition input[type="submit"], body.bablededition input[type="reset"], body.bablededition input[type="button"] {
  background-color: #000 !important;
}

body.productdesign {
  /*
  .modal{
  	fieldset>div>div{
  		span{
  			button{
  				background-color:#00a59b !important;
  			}
  		}
  	}
  }
  */
}
body.productdesign h1, body.productdesign h2, body.productdesign h3, body.productdesign h4, body.productdesign h5, body.productdesign h6 {
  color: #00a59b;
}
body.productdesign .news-title {
  color: #000;
}
body.productdesign footer h1, body.productdesign footer h2, body.productdesign footer h3, body.productdesign footer h4, body.productdesign footer h5, body.productdesign footer h6 {
  color: #878787;
}
body.productdesign a, body.productdesign a:link, body.productdesign a:hover, body.productdesign a:visited, body.productdesign a:active {
  text-decoration: none;
}
body.productdesign a:hover, body.productdesign a:focus, body.productdesign article a, body.productdesign .nav li.dropdown.open > .dropdown-toggle, body.productdesign .nav li.dropdown.active > .dropdown-toggle, body.productdesign .nav li.dropdown.open.active > .dropdown-toggle, body.productdesign .nav > .active > a, body.productdesign .nav > .active > a:hover, body.productdesign .nav > .active > a:focus {
  color: #00a59b;
}
body.productdesign a figure *, body.productdesign a:hover figure * {
  color: #000;
}
body.productdesign #filter-action:hover {
  color: #00a59b;
}
body.productdesign div[class*="latest_posts_widget"] ul li a:hover {
  color: #00a59b;
}
body.productdesign .colorize {
  font-size: 1.2em;
}
body.productdesign .colorize * {
  color: #00a59b !important;
}
body.productdesign button, body.productdesign input[type="submit"], body.productdesign input[type="reset"], body.productdesign input[type="button"] {
  background-color: #00a59b !important;
}

body .modal .close {
  background-color: transparent !important;
}
body .google-map-placeholder {
  border: none;
}
body .page-header {
  border: none;
  padding: 0;
}
body .page-title, body .archive_title {
  margin: 50px 0 0 0px;
}

.wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"],
.wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"],
.wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"],
.wpcf7 input[type="tel"], .wpcf7 input[type="color"], .wpcf7 .uneditable-input, .wpcf7 select {
  width: 95%;
  margin-bottom: 0;
}
.wpcf7 .wpcf7-list-item-label {
  color: #000;
}

.press-new {
  display: block;
  height: 220px;
  width: 165px;
  margin: 0 3px 20px 0;
  float: left;
  text-align: left;
  text-align-last: top
}



.press-thumbnail {
  display: block;
  height: 220px;
  width: 165px;
  margin: 0 37px 207px 0;
  float: left;
  text-align: center;
}

.client-thumbnail {
  display: block;
  height: 240px;
  width: 240px;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
}

body div.wpcf7-mail-sent-ok, body div.wpcf7-mail-sent-ng, body div.wpcf7-spam-blocked, body div.wpcf7-validation-errors {
  border: none;
}
body span.wpcf7-not-valid-tip {
  position: relative;
  top: 0;
  left: 0;
  z-index: 100;
  background: transparent;
  color: #ff0000;
  font-size: 10pt;
  border: none;
  padding: 0;
}
body span.wpcf7-not-valid-tip-no-ajax {
  color: #f00;
  font-size: 10pt;
  display: block;
}
body span.wpcf7-list-item {
  margin-left: 0em;
  display: block;
}
body div.wpcf7 .watermark {
  color: #000;
}

.page-template-page-home-bablededition-php article img, .page-template-page-home-productdesign-php article img {
  border-bottom: 1px solid #eee !important;
}

.slides {
  display: none;
  position: relative;
}

.slides .slidesjs-navigation {
  position: absolute;
  z-index: 10;
  top: 0;
  margin: 0;
  position: absolute;
  width: 50px;
  height: 100%;
  top: 0;
  padding: 21% 0 0 0;
}

.slides .slidesjs-previous {
  left: 10px;
}

.slides .slidesjs-next {
  right: 10px;
}

.slidesjs-pagination {
  position: absolute;
  margin: 0;
  bottom: 30px;
  right: 30px;
  z-index: 10;
  list-style: none;
}

.slidesjs-pagination li {
  float: left;
  margin: 0 3px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url("library/img/pagination.png");
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px;
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px;
}

.slides a:link,
.slides a:visited {
  color: #333333;
}

.slides a:hover,
.slides a:active {
  color: #9e2020;
}

body div.ufo-form span.ufo-cell-left {
  width: auto;
}

.slides {
  display: none;
}

.container {
  margin: 0 auto;
}

/* For tablets & smart phones */
@media (max-width: 767px) {
  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 0;
  }

  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0px;
    margin-right: 0px;
  }

  .wrap-container {
    margin-top: 0;
  }

  #content .image-block .span6 {
    width: 100% !important;
  }
  #content .image-block .span6 img {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #eee !important;
    margin-bottom: 1px;
  }
  #content .image-block .image-block {
    margin-top: 0 !important;
    border-top: none !important;
  }

      /*
	  body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
	  */
}
/* For smartphones portrait */
@media (max-width: 320px) {
      /*
	  .container {
        width: auto
      }
	  */
  .nav-container #s {
    width: 240px;
  }

  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0;
    margin-right: 0;
  }

  #logoParade {
    display: none;
  }

  #hp-bablededition, #hp-productdesign {
    margin: 25px 0;
  }

  figure.post_content {
    min-height: 123px;
  }

  figure figcaption h3 {
    font-size: 15px;
    top: 31%;
  }

  .widget {
    clear: both;
  }
}
/* For smartphones */
@media (min-width: 321px) and (max-width: 480px) {
      /*
	  .container {
        width: auto
      }
	  */
  #logoParade {
    display: none;
  }

  .nav-container #s {
    width: 155px;
  }

  #hp-bablededition, #hp-productdesign {
    margin: 25px 0;
  }
}
/* small tablet portrait */
@media (max-width: 600px) {
  .nav-container nav {
    position: relative;
  }
  .nav-container nav .btn-navbar {
    position: absolute;
    right: 0px;
    top: 10px;
  }
  .nav-container nav .brand {
    position: absolute;
  }
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
      /*
	  .container {
        width: 724px
      }
	  */
}
    /* For larger displays 
    @media (min-width: 1200px) {
      
	  .container-fluid {
        width: 1300px
      }
	  
    }*/
@media only screen and (min-width: 767px) {
  /*
  .row-fluid.image-block{
  	[class*="span"] {
  		margin:0 !important;
  	}
  	.span1 {width:8.333333333%}
  	.span2 {width:16.66666667%}
  	.span3 {width:25%}
  	.span4 {width:33.33333333%}
  	.span5 {width:41.66666667%}
  	.span6 {width:50%}
  	.span7 {width:58.33333333%}
  	.span8 {width:66.66666667%}
  	.span9 {width:75%}
  	.span10{width:83.33333333%}
  	.span11{width:91.66666667%}
  	.span12{width:100%}
  }
  */
  .navbar-search {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 321px) {
  body {
    padding: 0;
  }

  .navbar {
    margin-bottom: 0;
  }

  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 0px;
  }

  header {
    width: 320px; /**/
    margin: 0 auto;
  }

  .container-fluid {
    width: 270px;
  }

  .product-block h1 {
    font-size: 20px;
  }

  #breadcrumbs {
    padding: 21px 0 21px 0px;
  }
  #breadcrumbs .breadcrumb {
    font-size: 13px;
  }

  #breadcrumbs, #logoParade, #main > article > section > a > img, .image-block, .row-fluid > img.size-full, .row-fluid .post_content > img.size-full, .row-fluid > a img.size-full, .row-fluid .post_content > a img.size-full, .row-fluid a figure img, .slides {
    width: 100%;
    max-width: none;
  }

  .nav-container .searchbox #filter-action {
    padding: 10px 15px 10px 15px;
  }
}
@media only screen and (min-width: 322px) and (max-width: 481px) {
  body {
    padding: 0;
  }

  .navbar {
    margin-bottom: 0;
  }

  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 0px;
  }

  header {
    width: 100%; /*440px*/
    margin: 0 auto;
  }

  .container-fluid {
    width: 100%;
  }

  #breadcrumbs {
    padding: 21px 0 21px 0px;
  }

  #breadcrumbs, #logoParade, #main > article > section > a > img, .image-block, .row-fluid > img.size-full, .row-fluid .post_content > img.size-full, .row-fluid > a img.size-full, .row-fluid .post_content > a img.size-full, .row-fluid a figure img, .slides {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (min-width: 482px) and (max-width: 610px) {
  body {
    padding: 0;
  }

  .navbar {
    margin-bottom: 0;
  }

  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 0px;
  }

  header {
    width: 560px; /*560px*/
    margin: 0 auto;
  }

  .container-fluid {
    width: 520px;
  }

  #breadcrumbs {
    padding: 21px 0 21px 0px;
  }

  #breadcrumbs, #logoParade, #main > article > section > a > img, .image-block, .row-fluid > img.size-full, .row-fluid .post_content > img.size-full, .row-fluid > a img.size-full, .row-fluid .post_content > a img.size-full, .row-fluid a figure img, .slides {
    width: 100%;
    max-width: none;
  }
}
.footer-continaer-padded {
  margin-top: 42px;
}

@media only screen and (min-width: 1200px) {
  .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }

  #breadcrumbs, #logoParade, #main > article > section > a > img, .image-block, .row-fluid > img.size-full, .row-fluid .post_content > img.size-full, .row-fluid > a img.size-full, .row-fluid .post_content > a img.size-full, .row-fluid a figure img, .slides {
    width: 100%;
    max-width: none;
  }

  .modal {
    width: 960px;
    margin-left: -480px;
  }
}
.image-block {
  	/*
          .span6{
  			border-top: 1px solid #eeeeee;
  			border-left: 1px solid #eeeeee;
  
  		}
  		.span6:first-child{
  			border-left: none;
  			border-top: none;
  		}*/
}
.image-block .image-block {
  border-top: 1px solid #eeeeee;
  margin-top: 1px !important;
}
.image-block .image-block .span6 {
  width: 49.9%;
}
.image-block .image-block .span6:first-child img {
  border-left: 1px solid #eeeeee;
}
.image-block .image-block:first-child {
  border-top: none;
  margin-top: 0px !important;
}
.image-block .image-block:first-child .span6 img {
  border-bottom: none;
}
.image-block > .span6:first-child img {
  border-left: none;
}

.image-block .span12 img, .image-block .span6 img {
  margin-top: 21px;
}

/*
.image-block div:first-child{
	border-left: none;
	border-top: none;
}
*/
.span6 > .image-block {
  width: auto;
  margin: 0;
  margin-top: 21px;
}

.modal div.ufo-form-submit-success {
  background-color: transparent !important;
  margin-left: 0 !important;
}
.modal div.ufo-customform-row div.ufo-customfields-valid, .modal div.ufo-customform-row div.ufo-customfields-invalid {
  top: 0px !important;
  left: 219px !important;
  height: 17px;
  border: none;
  background-color: transparent !important;
  padding: 7px 25px 7px 0 !important;
}
.modal fieldset > div > div {
  height: 30px;
  margin-right: 20px;
}
.modal fieldset > div > div span {
  float: right;
}
.modal fieldset > div > div span button {
  margin-right: -15px;
  border: none;
  padding: 5px 27px;
  text-transform: uppercase;
  color: #fff;
}

button, input[type="submit"], input[type="reset"], input[type="button"] {
  margin-right: -15px;
  border: none;
  padding: 5px 27px;
  text-transform: uppercase;
  color: #fff;
}

input[type="submit"].wpcf7-submit {
  float: right;
  margin-right: 3px;
}

.image-row article {
  margin-top: 21px;
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .carousel-caption p {
    display: block;
  }

  .container-fluid {
    width: 740px;
    /*
    padding-left: 20px;
    padding-right: 20px;
    */
  }

  #breadcrumbs, #logoParade, .image-block, .row-fluid > img.size-full, .row-fluid .post_content > img.size-full, .row-fluid > a img.size-full, .row-fluid .post_content > a img.size-full, .row-fluid a figure img, .slides {
    width: 100%;
    max-width: none;
  }

  .navbar-fixed-top {
    margin-bottom: 0px;
  }

  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 0;
  }

  .modal {
    width: 660px;
    margin-left: -330px;
  }
  .modal fieldset > div > div {
    height: 30px;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
  .modal {
    width: 760px;
    margin-left: -380px;
  }
  .modal fieldset > div > div {
    height: 30px;
  }

  .container-fluid {
    width: 960px;
    /*
    padding-left: 20px;
    padding-right: 20px;
    */
  }

  #breadcrumbs, #logoParade, .image-block, .row-fluid > img.size-full, .row-fluid .post_content > img.size-full, .row-fluid > a img.size-full, .row-fluid .post_content > a img.size-full, .row-fluid a figure img, .slides {
    width: 100%;
    max-width: none;
  }

  #inner-footer {
    padding: 0;
  }

  #content {
    padding-left: 0;
    padding-right: 0;
  }

  .topbar-inner {
    padding: 0;
  }

  .topbar form.pull-right {
    float: right;
  }

  .navbar-form, .navbar-search {
    margin-top: 6px;
    margin-bottom: 0;
  }

  .navbar-search {
    padding-left: 0;
  }

  .sidebar {
    margin-top: 0 !important;
  }

  .widget_search input {
    width: 230px;
  }

  .blog .hero-unit {
    margin-top: 10px;
  }

  .page-template-page-homepage-php .hero-unit,
  .blog .hero-unit {
    padding: 60px;
  }

  .hero-unit h1 {
    font-size: 60px;
  }

  /* hide edit comment button and show on hover on desktop version */
  .edit-comment {
    display: none;
  }

  .vcard:hover .edit-comment {
    display: inline-block;
  }

  #s {
    margin-bottom: 6px;
  }

  .widget_search input {
    width: 209px;
  }

  .comment .vcard .comment-text {
    padding-left: 0;
    padding-right: 0;
  }
}
body .pagination ul > li > a, body .pagination ul > li > span {
  border: none;
}
body div.pagination {
  background-color: transparent;
}
body .news-article, body .category-news {
/*  padding: 2em 0 2em 0; */
    background-color: white;
    max-width: 1000px;
    padding: 50px 150px;
}
body #main article.category-news img {
  width: auto;
  margin-left: 0px;
  max-width: 100%;
}
body .pagination ul {
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

#s {
  width: 250px;
}

@media only screen and (max-width: 768px) {
  .modal fieldset > div > div span {
    float: none;
  }
}
.nav-collapse.in.collapse {
  height: auto !important;
}

.widget-instagram-for-wordpress {
width:290px;
margin-right:60px;
float:left;
}

#popup_newsletter {
	 margin-left: 100px;
     color: #fff;
     border: none;
     background-color: #538594;
}
.breadcrumbs-background{
	margin-top:10;
	height:0px;
}


.red, .blue {
  -moz-box-sizing:    border-box;
  -webkit-box-sizing: border-box;
  box-sizing:         border-box;
}

.red {
  width:650px;
  height:1000px;
  background:red;
  overflow: hidden;
  padding: 15% 0 0 15%;
}

.blue {
  height:200px;
  width: 24%;
  background:blue;
  display:inline-block;
  float: left;
  margin: 0 15% 15% 0;
}

/*# MAGICALSTAGE 2020 */


.MagicalStageWidget_Column-minimal {
  display: flex;
  flex-direction: column;
  height: auto;
  /* border: 1px solid rgba(0,0,0,.2); */
  }
.msw-al-bold-text {
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  padding-left: 10%;
  /* padding-bottom:2% */
}
.MagicalStageWidget_fieldSection_compact_fullHeight {
  max-height: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.05);
  /* border: 1px solid rgba(0,0,0,.2); */
  border-bottom: 0;
  overflow-y: auto;
  overflow-wrap: initial;
  width: 100%;
}
.MagicalStageWidget_otherControls_minimal {
  display: inline-flex;
  flex-flow: wrap;
  width: 100%;
  height: 200px;
  justify-content: left;
  overflow-y: auto;
  align-content: start;
  max-height: 10vh;
  }