/*
Theme Name: Haustür
Text Domain: haustuer
Author: Intermedia Peters GmbH | Werbeagentur
Author URI: https://www.intermedia-werbeagentur.de/
Theme URI: https://www.intermedia-werbeagentur.de/
License: GNU General Public License v2 or later
*/
form.wpcf7-form p {margin: 0px; padding: 0px; display: block;}
#callback {display: block;color: #fff;text-transform: uppercase;background-color: #a0cd27;font-size: 20px;font-weight: 700;padding: 7px 25px 7px 21px;max-width: 185px;-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);position: fixed;left: -68px;top: 25%; z-index: 50}
#callback svg {margin-right: 10px; transition: 0.5s ease;}
#callback:hover {text-decoration: none;background-color: #6a8620;}
html {background-color: #eaeaea;}
body {max-width: 1920px; background-color: #fff; margin: 0 auto;}
a {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
p, label {font-family: 'Open Sans'; font-weight: 100; line-height: 32px; font-size: 16px;}
header {padding: 15px 0px; height: 84px;}
#innerhead {transition: 0.5s;}
#innerhead.fixed {position: fixed;top: 0px;left: 0px;right: 0px; background-color: #fff; width: 100%; z-index: 5000; padding: 16px 0px;-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);}
#menutoggle {display: none;}
#mainmenu {margin: 0px; padding: 5px 0 0 0 ; text-align: right;}
#mainmenu li {display: inline-block; padding: 0px 0px; position: relative;}
#mainmenu li.menu-item-has-children:after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d7"; position:absolute; right:16px;color:#a0cd27; top: 10px}
#mainmenu li.menu-item-has-children:hover:after {color: #fff;content: "\f0d8";}
#mainmenu li.current-menu-item:after, #mainmenu li.current-menu-parent:after {color: #fff;}
#mainmenu li:last-child {padding-right: 0px;}
#mainmenu li:last-child a {background-color:#a0cd27; color: #fff;}
#mainmenu li:last-child:hover a { background-color: #6a8620;}
#mainmenu li a {display: block; padding: 10px 30px; font-size: 16px; color: #2f2f2f; text-transform: uppercase;font-family: 'Open Sans';-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;}
#mainmenu li.menu-item-has-children a {padding-right: 36px;}
#mainmenu li:hover a {color: #fff; text-decoration: none;background-color:#a0cd27;}
#mainmenu li.current-menu-item a, #mainmenu li.current-menu-parent a {color: #fff; text-decoration: none;background-color:#a0cd27;}
#mainmenu li ul {position: absolute; text-align: left; padding: 16px;background-color:#a0cd27; margin-top: -8px;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px; min-width:250px; visibility: hidden; opacity: 0;webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; z-index: 150;}
#mainmenu li:hover ul {visibility: visible; opacity: 1;}
#mainmenu li ul li {display: block; padding-bottom: 2px;}
#mainmenu li ul li a {padding: 8px 16px; color: #fff;}
#mainmenu li ul li:hover a, #mainmenu li ul li:last-child:hover a {background-color: #fff;color:#6a8620;}
#mainmenu li ul li.current-menu-item a {background-color: #fff;color:#6a8620;}
#mainmenu li.angebot-li {position: absolute; right:-320px; z-index: 50}
#mainmenu li.angebot-li a {/* background-color: #e2001a;*/ color: #fff;  background: rgb(46,51,57);background: linear-gradient(90deg, rgba(46,51,57,1) 0%, rgba(68,73,79,1) 30%, rgba(68,73,79,1) 70%, rgba(46,51,57,1) 100%); }
#mainmenu li.angebot-li a:hover {}
section.start {background-image:url("images/haustuer-startseite-oben.jpg"); background-position: top center; background-repeat: no-repeat; height: 600px; position: relative;}
section.starttest {background-image:url("images/haustuer-startseite-oben-new.jpg"); background-position: top center; background-repeat: no-repeat; height: 600px; position: relative;}
#tuer_slide_wrap_outer { left: 0;right: 0;margin: 0 auto; position: absolute; width: 121px; height: 231px;top: 293px;}
#tuer_slide_wrap {position: absolute; top: -111px; width: 121px; height: 231px;margin-left: 286px;}
#tuerpfeil_wrap { left: 0;right: 0;margin: 0 auto; position: absolute; width: 72px; height: 179px;top: 293px;}
#tuer_pfeil {width: 150px; height: auto; position: absolute; left: 400px; top: 0px;}

.green-box-head { background-color: rgba(160,205,39,0.9);-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px; color: #fff; padding: 35px 30px;}
.green-box-head h1 {text-transform: uppercase;font-family: 'Open Sans'; font-weight: 700; font-size: 40px; line-height: 26px; padding-bottom: 8px;}
.green-box-head h1 span {font-size: 20px; font-weight: 500}
.green-box-head p {font-family: 'Open Sans'; font-size: 16px; padding-bottom: 0px; margin-bottom: 0px;}

.grey-box-head { background-color: rgba(46,51,57,0.9);-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px; color: #fff; padding: 35px 30px;}
.grey-box-head h1 {text-transform: uppercase;font-family: 'Open Sans'; font-weight: 700; font-size: 40px; line-height: 26px; padding-bottom: 8px;}
.grey-box-head h1 span {font-size: 20px; font-weight: 500}
.grey-box-head p {font-family: 'Open Sans'; font-size: 16px; padding-bottom: 0px; margin-bottom: 0px;}

.white-box-head { background-color: rgba(255,255,255,0.9);-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px; color: #333; padding: 35px 30px;}
.white-box-head h1 {text-transform: uppercase;font-family: 'Open Sans'; font-weight: 700; font-size: 40px; line-height: 26px; padding-bottom: 8px;}
.white-box-head h1 span {font-size: 20px; font-weight: 500}
.white-box-head p {font-family: 'Open Sans'; font-size: 16px; padding-bottom: 0px; margin-bottom: 0px;}



section.white-bg {padding: 64px 0px;}
section.grey-bg {padding: 64px 0px; background-color: #e4e4e4;}
section.grey-bg h2 { border-left: 0px;padding-left: 0px; margin-bottom: 40px;}
section.grey-bg h2 span {font-size: 20px;}
h2 {text-transform: uppercase;font-family: 'Open Sans'; font-weight: 700; font-size: 40px; font-size: 36px; line-height: 24px; border-left: 8px solid #a0cd27; padding-left: 16px; margin-bottom: 24px;}
.ci-green {color: #a0cd27;}
h1.page-head {text-transform: uppercase;font-family: 'Open Sans'; font-weight: 700; font-size: 40px; font-size: 36px; line-height: 24px; border-left: 8px solid #a0cd27; padding-left: 16px; margin-bottom: 24px;}
h1.page-head span {font-size: 20px; font-weight: 300;}
h2 span.h2-sup {font-size: 20px; font-weight: 300;}
h2 span.h2-sup .ci-green {font-weight: 700; font-size: 20px;padding: 0px 4px;}
h3 {font-size: 24px;text-transform: uppercase;font-family: 'Open Sans'; }
h4  {font-size: 20px;text-transform: uppercase;font-family: 'Open Sans'; margin-bottom: 16px; }
.icon-pad { margin: 0px 12px 0px 16px;}
.spacer {height: 64px; width: 100%;}
.grey-box { background-color: #e4e4e4; padding: 30px; margin-bottom: 30px; position: relative; height: 226px;}
.grey-box.last {margin-bottom: 0px;}
.left-box:after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; position:absolute; right:-45px;color:#a0cd27; font-size: 20px; top: 98px;}
.right-box:after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f060"; position:absolute; left:-45px;color:#a0cd27; font-size: 20px; top: 98px;}
.grey-box h3 {font-weight: 700; font-size: 20px;}
.grey-box a {color: #2f2f2f;}
.grey-box a:hover {color: #a0cd27; text-decoration: none;}
.grey-box a svg {margin-right: 8px;}
#tuerenCarousel {max-width: 73.3%; margin: 0 auto;}
.white-box {background-color: #fff; text-align: center; padding: 24px;}
.white-box svg {font-size: 32px;}
footer {padding: 64px 0px;}
footer a {color: #2f2f2f;}
footer a:hover {text-decoration: none; color: #a0cd27;}
footer ul {margin: 0px; padding: 0px; list-style: none;font-family: 'Open Sans'; font-weight: 100;}
footer ul li {display: inline-block;}
footer ul li:after {content: '|'; padding: 0px 16px;}
footer ul li:last-child:after {content: none; padding: 0px;}
.rahmen-icon {margin: 0 auto; display: block; border-radius: 9999px; border: 4px solid #a0cd27; position: relative;}
.system-box {border-left: 8px solid #a0cd27; padding-left: 30px;}
.anchor-link { color: #000; display: block; position: relative;}
.anchor-link:hover {text-decoration: none; color:#a0cd27;-moz-transform: scale(0.95);-webkit-transform: scale(0.98);-o-transform: scale(0.98);-ms-transform: scale(0.98);transform: scale(0.98);}
dl,dt,dd {font-family: 'Open Sans'; font-weight: 100; line-height: 32px; font-size: 16px;}
dl {margin: 0px;}
dt { color: #a0cd27; font-weight: 500}
.fluegel {position: absolute;height: 200px;width: auto;z-index: 10;left: 16px;}
hr {margin: 40px 0px; border-color: #eaeaea !important;}
.btn-tuer{color:#fff;background-color:#A0CD27;border-color:#A0CD27; padding: 12px 48px; font-family: 'Open Sans'; font-weight: 500; text-transform: uppercase;}
.btn-tuer svg {margin-right: 12px;}
.btn-tuer:hover,.btn-tuer:focus,.btn-tuer:active,.btn-tuer.active,.open .dropdown-toggle.btn-tuer{color:#fff;background-color:#6a8620;border-color:#A0CD27}
.btn-tuer:active,.btn-tuer.active,.open .dropdown-toggle.btn-tuer{background-image:none}
.btn-tuer.disabled,.btn-tuer[disabled],fieldset[disabled] .btn-tuer,.btn-tuer.disabled:hover,.btn-tuer[disabled]:hover,fieldset[disabled] .btn-tuer:hover,.btn-tuer.disabled:focus,.btn-tuer[disabled]:focus,fieldset[disabled] .btn-tuer:focus,.btn-tuer.disabled:active,.btn-tuer[disabled]:active,fieldset[disabled] .btn-tuer:active,.btn-tuer.disabled.active,.btn-tuer[disabled].active,fieldset[disabled] .btn-tuer.active{background-color:#A0CD27;border-color:#A0CD27}
.btn-tuer .badge{color:#A0CD27;background-color:#fff}
.gallery-icon {display: block;}
.gallery-icon img {width: 100%; height: auto;}
.gallery-item {display: inline-block; padding: 15px; margin: 0px !important;}
.gallery-columns-1 .gallery-item{max-width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.3%}
.gallery-columns-4 .gallery-item{max-width:25%}
.gallery-columns-5 .gallery-item{max-width:20%}
.gallery-columns-6 .gallery-item{max-width:16.66%}
.gallery-columns-7 .gallery-item{max-width:14.28%}
.gallery-columns-8 .gallery-item{max-width:12.5%}
.gallery-columns-9 .gallery-item{max-width:11.11%}
h5.modal-title {font-family: 'Open Sans';font-weight: 700;line-height: 32px;font-size: 24px;text-transform: uppercase;display: block;text-align: center;width: 100%;}
.farbe {width: 60px; height: 60px; display: block; margin: 0 auto; border-radius: 9999px; border: 1px solid #dee2e6; margin-bottom: 8px;}
span.sel-col, span.sel-col-aussen { display: block;width: 60px; height: 60px; float: left; margin-top: 2px; border-radius: 9999px; margin-right: 16px;border: 1px solid #dee2e6; background-color: #fff;}
span.sel-model {display: block;width: 80px; height: 150px; float: left; margin-top: 2px; margin-right: 16px;border: 1px solid #dee2e6; background-color: #eaeaea; background-size: 80px; background-repeat: no-repeat;}
.c1, .ca1 { background-color: #353c46 !important;}
.c2, .ca2 { background-color: #ffffff !important;}
.c3, .ca3 { background-color: #f4f4ea !important;}
.c4, .ca4 { background-color: #b9b9b0 !important;}
.c5, .ca5 { background-color: #555e60 !important;}
.c6, .ca6 { background-color: #15171a !important;}
.c7, .ca7 { background-color: #e8e2d2 !important;}
.c8, .ca8 { background-color: #f0e8db !important;}
.c9, .ca9 { background-color: #a6937b !important;}
.c10, .ca10 { background-color: #f4992a !important;}
.c11, .ca11 { background-color: #4a372a !important;}
.c12, .ca12 { background-color: #881724 !important;}
.c13, .ca13 { background-color: #59202a !important;}
.c14, .ca14 { background-color: #094237 !important;}
.c15, .ca15 { background-color: #20352a !important;}
.c16, .ca16 { background-color: #00468a !important;}
.c17, .ca17 { background-color: #192840 !important;}
.c18, .ca18 { background-image: url("images/ral/golden-oak.png") !important; background-position: top center; background-repeat: no-repeat; }
.c19, .ca19 { background-color: #575557 !important;}
.c20, .ca20 { background-image: url("images/ral/nussbaum.png") !important;; background-position: top center; background-repeat: no-repeat; }
a.color-selector, a.model-selector {display: block; margin-top: -12px; color: #6a8620;}
a.color-selector:hover, a.model-selector:hover {text-decoration: none; color: #333;}
a.color-selector svg, a.model-selector svg {margin-right: 6px; color: #6a8620}
.checkboxes, .mcheckboxes, .checkboxes_aussen {font-family: 'Open Sans'; font-weight: 100; line-height: 24px; font-size: 16px;position: relative; display: block; cursor: pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px; border: 1px solid #fff; padding:12px;}
.checkboxes:hover, .mcheckboxes:hover, .checkboxes_aussen:hover {border: 1px solid #ccc;}
.checkboxes.checked, .mcheckboxes.checked, .fenster-select.checked, .checkboxes_aussen.checked {border-color: #A0CD27;background-color: rgba(160,205,39,0.4)}
.checkboxes span, .mcheckboxes span, .checkboxes_aussen span {padding-right: 16px; font-size: 18px;}
.checkboxes input[type=radio], .mcheckboxes input[type=radio], .fenster-select input[type=radio], .checkboxes_aussen input[type=radio]{ display: none;}
.anfrage-form {cursor: pointer;}
.anfrage-form dt {font-size: 20px; padding-bottom: 16px; text-transform: uppercase;}
.modal-xxl {max-width: 1440px;}
#order-form {border-left: 4px solid #a0cd27; padding-left: 20px;}
.fenster-select { padding: 16px 16px 10px 16px; cursor: pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px; border: 1px solid #fff;}
.fenster-select:hover {border: 1px solid #ccc;}
.form-check-inline .form-check-input { margin-right: 12px;}
.contact-wrap .form-group {position: relative;}
.contact-wrap .form-control {border-radius: 0px; border: 0px; border: 1px solid #fff; border-bottom: 1px solid #eaeaea; padding:15px; height: auto; font-family: 'Open Sans'; font-weight: 100; line-height: 32px; font-size: 16px;}
.contact-wrap .form-control:focus {box-shadow: 0px; border: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea;font-family: 'Open Sans'; font-weight: 100; line-height: 32px; font-size: 16px;}
.fenster-text {line-height: normal; font-size: 14px;}
.icon-td {font-size: 20px; text-align: center;color: #A0CD27; width: 50px;}
table a, td a, tr a, main a {color: #A0CD27;}
table a:hover, td a:hover, tr a:hover, main a:hover {color: #6a8620;}
table, td, tr, th {color: #2f2f2f;font-family: 'Open Sans';}
.wpcf7-list-item-label {display: none;}
.wpcf7-list-item { margin: 0px;}
input[type="submit"] { background-color: #A0CD27 !important; }
input[type="submit"]:hover { background-color: #6a8620 !important; }
.svg-h200 { width: auto; max-width: 100%; height: auto; max-height: 200px;}
.svg-h150 { width: auto; max-width: 100%; height: auto; max-height: 150px;}
.angebot-box {padding: 48px; background-color: #f9f9f9; margin: 32px 0px;}
.box-image {padding-right: 24px;}
.box-with-image {padding-left: 24px; border-left: 2px solid #eaeaea;}
.angebot-box h2 {margin: 0px; padding: 0px; border: 0px; font-size: 30px; color: #a0cd27; margin-bottom: 16px;}
.new-price {color: #e2001a; font-weight: 300}
.old-price {padding-right: 24px; text-decoration: line-through; font-size: 16px; color: #666}
.angebot-table {margin: 32px 0px;}
.angebot-table td, .beschreibung li {font-family: 'Open Sans';font-weight: 100;line-height: 32px;font-size: 16px;}
.btn-success {background-color: #a0cd27; border-color: #a0cd27;}
.post-password-form label {display: block; font-weight: 500}
form input[type=password] {display: block; border: 1px solid #eaeaea; width: 100%; padding: 8px 12px; margin-bottom: 12px; }
.post-password-form input[type=submit] {border: 0px; color: #fff; padding: 8px 24px;}
ul.checklist li { font-family: 'Open Sans'; font-weight: 100; line-height: 32px; font-size: 16px; list-style:none;}
ul.checklist li:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; position:absolute; left:16px;color:#a0cd27;}
.beschreibung {font-family: 'Open Sans';font-weight: 100;line-height: 32px;font-size: 16px;}
.col-md-2.rollband {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.rollband .img-fluid {max-width: 160px;}
.no-border {border-left: 0px; padding-left: 0px; padding-bottom: 32px;}
#qualitaet-top {position: absolute; left: -280px; top: 10px;}
#qualitaet-top img {width: auto; height: 35px;}
.blink { animation: blink-animation 1.5s steps(2, start) infinite; -webkit-animation: blink-animation 1.5s steps(2, start) infinite; }

@keyframes blink-animation { to { visibility: hidden; } }
@-webkit-keyframes blink-animation { to { visibility: hidden; } }

.blogpic { width:50%; height:50%; display:inline-block; }
.blogtext { width:50%; height:50%; display:inline-block; }

@media screen and (max-width: 1919px) {
  #mainmenu li.angebot-li { position: absolute; right: 15px; top: 80px; }
  #qualitaet-top, #qualitaet-top img {display: none;}
}

@media screen and (max-width: 1199px) {
  #mainmenu {padding: 0px 0 0 0;}
  #mainmenu li a {padding: 10px 24px;}
  .green-box-head h1 { font-size: 32px; }
  .green-box-head h1 span {font-size: 18px;}
  .grey-box p {line-height: 24px;}
  .white-box {font-size: 14px;}
	.gallery-columns-1 .gallery-item{max-width:33.33%}
  .gallery-columns-2 .gallery-item{max-width:33.33%}
	.gallery-columns-3 .gallery-item{max-width:33.33%}
	.gallery-columns-4 .gallery-item{max-width:33.33%}
	.gallery-columns-5 .gallery-item{max-width:33.33%}
	.gallery-columns-6 .gallery-item{max-width:33.33%}
	.gallery-columns-7 .gallery-item{max-width:33.33%}
	.gallery-columns-8 .gallery-item{max-width:33.33%}
	.gallery-columns-9 .gallery-item{max-width:33.33%}
  .col-md-2.rollband {-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;}
}
@media screen and (max-width: 991px) {
  #mainmenu {text-align: left; background-color: #fff; padding: 16px; position: relative;z-index: 500; display: none;}
  #mainmenu li {display: block;}
  #mainmenu li.angebot-li {position: relative; top: auto; right: auto; margin-bottom: 2px;}
  #mainmenu li ul {position: relative; display: none;}
  #mainmenu li:hover ul {display: block;}
  #menutoggle {display: block;font-family: 'Open Sans'; font-weight: 100; background-color: #a0cd27; color: #fff; cursor: pointer; border: 1px solid #a0cd27; padding: 8px 16px;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;}
  #menutoggle svg {margin-right: 16px;}
  section.start {height: 400px;background-size: 210%;}
  section.start .col-md-6 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
  h2 {font-size: 26px;}
  h2 span.h2-sup {font-size: 16px;}
  .grey-box p {line-height: 18px;font-size: 14px;}
  #tuerenCarousel {margin-top: 95px;}
  .test-row .col-md-2 {-ms-flex: 0 0 33.3%;flex: 0 0 33.3%;max-width: 33.3%; margin-bottom: 30px;}
  .test-row .offset-md-1 {margin-left: 0;}
  .test-row .col-md-2:nth-child(4) {margin-left: 16%;}
	.gallery-columns-1 .gallery-item{max-width:50%}
	.gallery-columns-2 .gallery-item{max-width:50%}
  .gallery-columns-3 .gallery-item{max-width:50%}
	.gallery-columns-4 .gallery-item{max-width:50%}
	.gallery-columns-5 .gallery-item{max-width:50%}
	.gallery-columns-6 .gallery-item{max-width:50%}
	.gallery-columns-7 .gallery-item{max-width:50%}
	.gallery-columns-8 .gallery-item{max-width:50%}
	.gallery-columns-9 .gallery-item{max-width:50%}
  #tuer_slide_wrap_outer, #tuer_pfeil, #tuerpfeil_wrap {display: none !important;}
  .col-md-2.rollband {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media screen and (max-width: 767px) {
  header {height: auto;}
  .logo {max-width: 80%; margin-bottom: 24px;}
  section.start {background-size: contain;background-position: bottom center; height: auto;}
  section.start .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
  .green-box-head {background-color: rgba(160,205,39,1); margin-bottom: 150px; text-align: center;}
  section.start .my-auto {margin-top: 0px !important; margin-bottom: 0px !important;}
  .green-box-head h1 { font-size: 28px; }
  .green-box-head h1 span {font-size: 16px;}
  .spacerimg {margin-bottom: 24px;}
  section.white-bg, section.grey-bg, footer {padding: 30px 0px;}
  .spacer {height: 30px;}
  #tuerenCarousel {margin: 30px auto;}
  .grey-box p {line-height: 32px;font-size: 16px;}
  .test-row .col-md-2 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 30px;}
  .test-row .col-md-2:nth-child(4) {margin-left: 0%;}
  .white-box {font-size: 16px;}
  .left-box:after { content: none;}
  .right-box:after {content: none;}
  .grey-box.last {margin-bottom: 30px;}
	.gallery-columns-1 .gallery-item{max-width:100%}
	.gallery-columns-2 .gallery-item{max-width:100%}
  .gallery-columns-3 .gallery-item{max-width:100%}
	.gallery-columns-4 .gallery-item{max-width:100%}
	.gallery-columns-5 .gallery-item{max-width:100%}
	.gallery-columns-6 .gallery-item{max-width:100%}
	.gallery-columns-7 .gallery-item{max-width:100%}
	.gallery-columns-8 .gallery-item{max-width:100%}
	.gallery-columns-9 .gallery-item{max-width:100%}
  #callback  {display: none;}
  h1.page-head {font-size: 32px;}

.grey-box-head { font-size: 12px; background-color: rgba(160,205,39,0.9);-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px; color: #fff; padding: 35px 30px;}
.grey-box-head h3 {text-transform: uppercase;font-family: 'Open Sans'; font-weight: 500; font-size: 14px;}
.grey-box-head p {font-family: 'Open Sans'; font-size: 14px; padding-bottom: 0px; margin-bottom: 0px;}
.blogpic { width:70%; height:70%; display:inline-block; }
.blogtext { width:30%; height:30%; display:inline-block; }
  
}
@media screen and (max-width: 480px) {

.grey-box-head { font-size: 12px; background-color: rgba(160,205,39,0.9);-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px; color: #fff; padding: 35px 30px;}
.grey-box-head h3 {text-transform: uppercase;font-family: 'Open Sans'; font-weight: 500; font-size: 14px;}
.grey-box-head p {font-family: 'Open Sans'; font-size: 14px; padding-bottom: 0px; margin-bottom: 0px;}
.blogpic { width:70%; height:70%; display:inline-block; }
.blogtext { width:30%; height:30%; display:inline-block; }
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 320px) {
}