/*
Theme Name: Heike Kaufmann
Author: rechn'rkram + fruchdesign
Description: Theme für Heike Kaufmann
Version: 1.0
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: kaufmann

*/



/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap styles ****************/

/* latin */
@font-face {
    font-family: 'Gloria Hallelujah';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(font/gloriahallelujah/v17/LYjYdHv3kUk9BMV96EIswT9DIbW-MIS11zM.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }



body {margin:0; background-color:#fff; color:#000000; font-family:Verdana,Geneva,sans-serif; /*background-image:url(design/lightpaperfibers.jpg)*/ }

#top {margin:0; width:100%; min-width:1060px; height:65px; background-image:url(design/top.jpg); background-position:center}
#content #angstpsychotherapie h1.entry-title {display:none}
.wp-block-image {margin:0}

.pull-right {float: right;padding-right:27px;}
#post-96 strong {font-weight:normal;color:#009FDB!important;}
.entry strong, #angstpsychotherapie strong {font-weight:normal;color:#009FDB!important;}
.entry h4 {color:#009FDB!important;}
.corona strong {font-weight:normal;color:#009FDB!important;}
h5.coronaheader {color:#009FDB;}
.blogpost {margin-bottom:70px}
#content .blogtitle a {font-weight:bold; color:#009FDB}
.blogpost img {width:180px; height:180px}
#blog-left {padding-top:10px}
#blogposts-left img {margin:0 20px 10px 0}
#blogposts-left .blogdate {font-size:12px}
#blogsingle-right .text-center {text-align:center; padding-right:10px}
.blog-aback {margin:50px 0 0 0; font-size:13px}
@media (max-width: 999px) {
.blog-aback {margin:50px 0 50px 0}
}

.alignleft {float:left;padding-right: 9px;}

@media (max-width: 619px) {
#header {min-height:126px; width:94%; padding:0 3%; margin:0 auto; position:relative; background-image:url(design/balken_oben.png); background-repeat:no-repeat; background-position:0 -10px}
#header #logo {width:140px; height:100px; margin:0 auto 20px auto; padding-top:5px; position:relative; display:block}
#header #title1 {margin:0 0 5px 0; position:relative; color:#001931; letter-spacing:0.2em; font-size:24px; text-align:center}
#header #title2 {margin:0 15px 20px 15px; position:relative; color:#001931; letter-spacing:0.2em; font-size:17px; text-align:center}
}
@media (min-width: 620px) and (max-width: 999px) {
#header {min-height:126px; width:94%; padding:0 3%; margin:0 auto; position:relative; background-image:url(design/balken_oben.png)}
#header #logo {width:140px; height:100px; margin:10px 0 0 10px; position:absolute}
#header #title1 {margin:30px 0 0 160px; position:absolute; color:#001931; letter-spacing:0.2em; font-size:24px}
#header #title2 {margin:63px 10px 0 160px; position:absolute; color:#001931; letter-spacing:0.2em; font-size:17px}
}
@media (min-width: 1000px) {
#header {height:126px; width:1000px; padding:0 0px; margin:0 auto; position:relative; background-image:url(design/balken_oben.png)}
#header #logo {width:140px; height:100px; margin:10px 0 0 10px; position:absolute}
#header #title1 {margin:40px 0 0 160px; position:absolute; color:#001931; letter-spacing:0.2em; font-size:24px}
#header #title2 {margin:73px 0 0 216px; position:absolute; color:#001931; letter-spacing:0.2em; font-size:17px}
}


@media (max-width:999px) {
#menuwrap {position:relative; margin:0 auto} /* menu-wrap mit Strich funktioniert nicht auf Smartphone mit Javascript in Verbindung */
#menu {text-align:center; cursor:pointer; font-size:28px; margin:10px 0 10px 0; background-color:#fff; padding:10px; display:block; color:#009FDB}
#burger {content: ""; position: absolute; padding-left:-30px; top:20px; width: 1em; height: 0.125em;  border-top: 0.375em double #009FDB; border-bottom: 0.125em solid #009FDB}
.menu {margin-left:38px}
}
@media (min-width:1000px) {
#menu {display:none; visibility:hidden}
}


@media (max-width:999px) {
#navimobil {display:none} /* div wichtig, ohne 1. Auf- Zuklappfehler, 2. Übergang von 760 -> 761 display:block!important Problem mit hideshow */
}
@media (min-width:1000px) {
#navimobil {display:block!important; text-align:center}
}


@media (max-width:999px) {
#nav {width:100%; margin:0 auto; padding:0}
#nav ul {margin:0 0 20px 0px; padding:0; text-align:center}
#nav ul li {list-style-type:none; background-color:#fafafa; padding:0 3%; border-bottom:1px solid #dfdfdf}
#nav ul li:first-child {border-top:1px solid #dfdfdf}
#nav ul li a {margin:0; color:#001931; font-size:12px; text-decoration:none; display:block; padding-bottom:1px; line-height:40px;
-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s}
#nav ul li a:hover {color:#009FDB}
#nav ul li.active a {color:#009FDB}
#nav .eng {letter-spacing:-2px}
}
@media (min-width: 1000px) {
#nav {width:980px; height:51px; margin:0 auto; background-image:url(design/balken_navi.png); background-repeat:repeat-x; background-position:bottom;}
#nav ul {margin:0 0 0 5px; padding:13px 0 0 3px}
#nav ul li {list-style-type:none; float3:left; padding3:0 23px 0 0; display:inline; padding:0 13px 0 0}
#nav ul li:last-child {list-style-type:none; float3:left; padding3:0 0px 0 0; padding:0 8px 0 0}
#nav ul li a {margin:0; color:#001931; font-size:12px; text-decoration:none; display3:block; padding-bottom:1px; display:inline-block;
-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s}
#nav ul li a:hover {color:#009FDB}
#nav ul li.active a {color:#009FDB}
#nav .eng {letter-spacing:-2px}
}








@media (max-width: 999px) {
#content {width:92%; min-height:320px; margin:0 auto; position:relative; padding:20px 4% 30px 4%}
}
@media (min-width: 1000px) {
#content {width:950px; min-height:320px; margin:0 auto; position:relative; padding:20px 0px 20px 0px}
#content .angebote {padding:0 25px 8px 30px; margin-left:-20px; font-size:12px; white-space:nowrap; display:table; background-image:url(design/balken_mitte.png); background-repeat:repeat-x; background-position:bottom}

}
#impressum-right h2, #impressum-left h2 {color:#009FDB!important; font-weight:bold!important; font-size:12px!important; margin:10px 0 30px 0!important;font-family: Verdana,Geneva,sans-serif!important;}
#content h1 {color:#009FDB; font-weight:bold; font-size:14px; margin:10px 0 30px 0}
#content h2 {font-family: 'Courgette', cursive;color:#f57a0c; font-weight:bold; font-size:24px; margin:0px 0 20px 0}
#content h3 {font-weight:bold; font-size:19px; margin:20px 0 15px 0}
#content h4 {font-size:14px}
#content p {margin:0 0 18px 0; font-weight:normal; font-size:14px; line-height:20px; text-align:justify;
-moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto}
#content a {color:#777; font-weight:normal; text-decoration:none;
-webkit-transition:color 0.2s; -moz-transition:color 0.2s; -ms-transition:color 0.2s; -o-transition:color 0.2s; transition:color 0.2s}
#content a:hover {color:#009FDB}
#content img {display:table; border:0px}
#content hr {margin:50px 0 50px 0; height:0px; border:0; border-top:2px dotted #d0d0cf}
#content .clear {clear:both; height:5px}
#content ul {list-style:circle; margin:0; padding:0}
#content li {font-size:14px; margin:0 0 20px 40px}
#content #startseite li {margin:0 0 12px 40px}
#content .cit {font-family:'Gloria Hallelujah', cursive; font-size:16px; line-height:34px; letter-spacing:0.1em; font-weight:bold; margin:40px 0 60px 40px; text-align:left}
#content .cit:before {content:no-open-quote; /*background-image:url(design/1quotes2.png);*/ background-repeat:no-repeat; padding-left:30px; margin-left:-30px}
#content .cit:after {content:no-close-quote; /*background-image:url(design/1quotes1.png);*/ background-repeat:no-repeat; background-position:right bottom; padding-right:30px}
#content .cit .size {font-size:26px}
#content .angebote a {color:#777; font-weight:normal; text-decoration:none;
-webkit-transition:color 0.2s; -moz-transition:color 0.2s; -ms-transition:color 0.2s; -o-transition:color 0.2s; transition:color 0.2s}
#content .angebote a:hover {color:#009FDB}
#content .angebote strong {font-weight:normal}
#content .small {font-size:12px!important}

@media (max-width: 999px) {
#content h1 {margin:0px 0 30px 0; text-align:center}
#content .blogpost h1 {margin:10px 0 30px 0; text-align:inherit}
#content li {margin:0 0 20px 20px}
#content p.cit {font-family:'Gloria Hallelujah', cursive; font-size:18px; line-height:34px; letter-spacing:0.1em; font-weight:bold; margin:5px 0 40px 0px; text-align:center}
#content p.cit:before {padding:0; margin:0}
#content p.cit:after {padding:0; margin:0}
#content .angebote {padding:0 0 5px 0; margin-left:0; text-align:center; width:100%; font-size:14px; background-image:none;
-moz-hyphens:none; -o-hyphens:none; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none}
#content .angebote strong {background-image:url(design/balken_mitte.png); background-repeat:repeat-x; background-position:bottom; padding:8px 16px; line-height:30px}
#content .angebote a {color:#777; font-weight:normal; text-decoration:none;
-webkit-transition:color 0.2s; -moz-transition:color 0.2s; -ms-transition:color 0.2s; -o-transition:color 0.2s; transition:color 0.2s}
}




@media (max-width: 999px) {
#content #startseite #logo {position:relative; background-image:url(design/logo.png); background-repeat:no-repeat; width:200px; height:150px; display:block; margin:30px auto 20px auto}
#content #startseite p {position:relative; font-family: 'Gloria Hallelujah', cursive; font-weight:normal; font-size:22px; line-height:36px; letter-spacing:0.1em; text-align:center; margin-top:30px}
}
@media (min-width: 1000px) {
#content #startseite #logo {position:absolute; left:690px; top:110px; background-image:url(design/logo.png); background-repeat:no-repeat; width:200px; height:150px}
#content #startseite p {position:absolute; left:55px; top:160px;font-family: 'Gloria Hallelujah', cursive; font-weight:normal; font-size:22px; line-height:36px; letter-spacing:0.1em}
}

@media (min-width: 620px) {
#content .claim-home {margin-left:60px}
}





@media (max-width: 999px) {
#content #ueber-mich-right {clear:both; position:relative; background-image:url(design/balken_mitte.png); background-repeat:repeat-x; background-position:top; padding:30px 0 0 0}
#content #ueber-mich-right #foto {border:2px solid #0097ce; margin:0 0 20px 0; z-index:2; background-image:url(design/foto.jpg); width:134px; height:176px}
#content #ueber-mich-left #column2 {margin-bottom:40px}
#content #ueber-mich-right h1 {margin:0 0 20px 0; text-align:left}
#content #ueber-mich-right .jameda {margin:7px 0 0 0}
#content #ueber-mich-right .space, #content #ueber-mich-right .break {display:none}
#content #ueber-mich-right p {font-size:14px; text-align:left; line-height:20px}
}
@media (min-width: 620px) and (max-width: 999px) {
#content #ueber-mich-left #column1 {width:47%; float:left}
#content #ueber-mich-left #column2 {width:47%; float:right}
}
@media (min-width: 1000px) {
#content #ueber-mich-left {float:left; width:560px; background-image:url(design/balken_senkrecht.png); background-repeat:repeat-y; background-position:right; padding:15px 30px 10px 0}
#content #ueber-mich-left #column1 {width:265px; float:left}
#content #ueber-mich-left #column2 {width:265px; float:right}
#content #ueber-mich-right {float:right; width:340px; padding:10px 0px 10px 0; position:relative}
#content #ueber-mich-right #foto {border:2px solid #0097ce; position:absolute; z-index:2; background-image:url(design/foto.jpg); width:134px; height:176px}
#content #ueber-mich-right #balken {height:5px; width:350px; left:-20px; top:40px; position:absolute; z-index:1; background-image:url(design/balken_mitte.png); background-repeat:repeat-x}
#content #ueber-mich-right #text1 {left:160px; top:12px; position:absolute}
#content #ueber-mich-right #text2 {left:0; top:220px; position:absolute}
#content #ueber-mich-right .jameda {margin:7px -40px 0 0}
#content #ueber-mich-right p {font-size:12px; text-align:left; line-height:19px}
}
#content #ueber-mich-right h1 {font-size:15px; font-weight:bold}
#content #ueber-mich-right .jameda {position:relative; float:right; width:97px; height:145px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;
background-image:url(//d1gm60ivvin8hd.cloudfront.net/premium/widgets/_images/bw-small-bg.png); background-repeat:no-repeat}



@media (max-width: 999px) {
#content #psychotherapie-left,
#content #beratung-left,
#content #coaching-left,
#content #paartherapie-left,
#content #entspannung-left,
#content #supervision-left {width:100%; padding:0px 0 20px 0}

#content #psychotherapie-right,
#content #beratung-right,
#content #coaching-right,
#content #paartherapie-right,
#content #entspannung-right,
#content #supervision-right {clear:both; position:relative; background-image:url(design/balken_mitte.png); background-repeat:repeat-x; background-position:top; padding:30px 0 0 0}

#content #psychotherapie-right .cit,
#content #beratung-right .cit,
#content #coaching-right .cit,
#content #paartherapie-right .cit,
#content #entspannung-right .cit,
#content #supervision-right .cit {display:none}

#content #informationen,
#content #links {padding:0}
#content #kontakt-left {width:100%; padding:0px 0px 20px 0; }
#content #kontakt-right {padding:15px 0px 10px 0; position:relative}
#content #bewertungen-left {width:100%; padding:0px 0 20px 0}
#content #bewertungen-right {clear:both; position:relative; background-image:url(design/balken_mitte.png); background-repeat:repeat-x; background-position:top; padding:30px 0 0 0}
#content #impressum-left {width:100%; padding:0px 0 0px 0}
#content #impressum-right {}
}

@media (min-width: 1000px) {
#content #psychotherapie-left,
#content #beratung-left,
#content #coaching-left,
#content #paartherapie-left,
#content #entspannung-left,
#content #supervision-left {float:left; width:480px; background-image:url(design/balken_senkrecht.png); background-repeat:repeat-y; background-position:right; padding:10px 40px 20px 0}

#content #psychotherapie-left .cit,
#content #beratung-left .cit,
#content #coaching-left .cit,
#content #paartherapie-left .cit,
#content #entspannung-left .cit,
#content #supervision-left .cit {display:none}

#content #psychotherapie-right,
#content #beratung-right,
#content #coaching-right,
#content #paartherapie-right,
#content #entspannung-right,
#content #supervision-right {float:right; width:410px; padding:10px 0px 10px 0; position:relative}

#content #psychotherapie-right .cit {margin:50px 0 200px 40px}
#content #beratung-right .cit {margin:50px 0 80px 40px}
#content #coaching-right .cit {margin:50px 0 70px 40px}
#content #paartherapie-right .cit {margin:50px 0 230px 40px}
#content #entspannung-right .cit {margin:50px 0 50px 40px}
#content #supervision-right .cit {margin:50px 0 280px 20px}

#content #informationen,
#content #links,
#content #absagebedingungen,
#content #schweigepflicht	{padding:10px 40px 20px 0}
#content #kontakt-left {float:left; width:480px; background-image:url(design/balken_senkrecht.png); background-repeat:repeat-y; background-position:right; padding:0px 40px 50px 0; min-height:630px!important;}
#content #kontakt-right {float:right; width:400px; padding:15px 0px 10px 0; position:relative}

#content #bewertungen-left {float:left; width:600px; background-image:url(design/balken_senkrecht.png); background-repeat:repeat-y; background-position:right; padding:10px 40px 20px 0}
#content #bewertungen-right {float:right; width:290px; padding:20px 0px 10px 0; position:relative}

#content #blog-left {margin-bottom:50px}

#content #blogposts-left {margin-bottom:40px; float:left}

#content #blogsingle-left {float:left; width:600px; background-image:url(design/balken_senkrecht.png); background-repeat:repeat-y; background-position:right; padding:15px 40px 20px 0}
#content #blogsingle-right {float:right; width:290px; padding:20px 0px 10px 0; position:relative}

#content #impressum-left {
    float:left; width:100%; padding:0;
    column-count: 2;
    column-rule: 2px solid #4fb6ba;
    padding: 10px;
    column-gap: 50px;
}

}





#content #kontakt-left .kontaktinfo {margin-top:40px}
@media (max-width: 999px) {
#content #kontakt-left #gmap {height:250px; width:100%}
}
@media (min-width: 1000px) {
#content #kontakt-left #gmap {height:250px; width:380px}
}
#content #kontakt p {margin-top:15px}
#content #kontakt strong {color:#009FDB}
#content #kontakt-right p {margin:-5px 0 0px 0; line-height:30px}
#content #kontakt-right .mathequiz {margin:10px 0 15px 0}


#content #schweigepflicht strong {color: #009FDB; font-weight:normal}

#content #bewertungen-right img, #content #blogsingle-right img {margin:0 0 25px 14px; padding:0; max-width:calc(100% - 14px); height:auto}
#content #blogsingle-right img {width:100%}
@media (max-width: 999px) {
#content #blogsingle-right img {margin:0 0 25px 0px}
}

#content #links p {margin:0 0 10px 0}
#content #links .height {line-height:5px}
#content #links strong {padding-top:30px}

#content #impressum-left p {margin:0 0 18px 0; font-weight:normal; font-size:14px; line-height:20px; text-align: left}
#content #impressum-right p {margin:0 0 0px 0; font-weight:normal; font-size:14px; line-height:20px; text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

#content #impressum-left h3,
#content #impressum-right h3{
    font-size: 12px;
}

#content #impressum-left h4,
#content #impressum-right h4{
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
}

#content #impressum-right #balken {height:5px; width:510px; left:-20px; top:120px; position:absolute; z-index:1; background-image:url(design/balken_mitte.png); background-repeat:repeat-x}





@media (max-width: 619px) {
#footer {clear:both; width:100%; margin:0 auto; position:relative}
#pmiddle {height:50px; position:relative; background-image:url(design/balken-unten.png); background-position:top center; text-align:center}
#footer p {padding:0 15px; color:#001931; font-weight:normal; font-size:12px; line-height:22px; position:absolute; top:50%; left:50%; margin:0 -50% 0 0; transform: translate(-50%, -50%)}
#footer ul {padding:0; margin:10px 0 30px 0; text-align:center}
#footer ul li {list-style-type:none; margin:0; line-height:30px}
}
@media (min-width: 620px) and (max-width: 999px) {
#footer {clear:both; width:100%; height:50px; margin:0 auto; position:relative; background-image:url(design/balken-unten.png); background-position:top center}
#footer p {padding:18px 0 0 0px; margin:0; color:#001931; font-weight:normal; font-size:12px; line-height:16px; text-align:center}
#footer ul {padding:0; margin:20px 0 30px 0; text-align:center}
#footer ul li {list-style-type:none; margin:0 22px 0 0; line-height:16px; display:inline-block}
#footer ul li:last-child {margin:0 0px 0 0}
}
@media (min-width: 1000px) {
#footer {clear:both; width:1000px; height:50px; margin:0 auto; position:relative; background-image:url(design/balken-unten.png); background-position:top center}
#footer p {padding:18px 0 0 20px; margin:0; color:#001931; font-weight:normal; font-size:12px; float:left; line-height:16px}
#footer ul {float:right; padding:16px 0 0 0; margin:0}
#footer ul li {list-style-type:none; float:left; margin:0 20px 0 0; line-height:16px}
}
#footer a {margin:0; color:#001931; text-decoration:none; font-size:12px;
-webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s; transition:color 0.5s}
#footer a:hover {color:#009FDB}



 /* Dropdown Button */
.dropbtn {color:#001931; background-color:transparent; padding:0;
  font-size: 12px;
  border: none;
  cursor: pointer;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {padding:8px 0; top:-90px;
  display: none;
  position: absolute;
  background-color: #fafafa;
  min-width: 160px;
  box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.1);
  z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {text-align:left; line-height:16px;
  color: black;
  padding: 5px 14px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color3: #eee}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.dropdown a {padding-left:22px}
.dropdown a:before {content:'\2022'; margin-right:5px; margin-left:-14px; position:absolute}



input[type=text], input[type=email] {margin-bottom:16px; color:#000000; font-family:Verdana,Geneva,sans-serif; font-size:14px; padding:6px; width:250px; line-height:20px; background-color:rgba(256, 256, 256, 0.4); border:1px solid #bbbbbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; -ms-transition: background 0.3s, box-shadow 0.3s; -o-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)}
textarea {margin-bottom:10px; color:#000000; font-family:Verdana,Geneva,sans-serif; font-size:14px; padding:8px; width:400px; line-height:21px; background-color:rgba(256, 256, 256, 0.4); border:1px solid #bbbbbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; -ms-transition: background 0.3s, box-shadow 0.3s; -o-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)}
/*input[type=checkbox] {visibility: hidden; margin:0 0 0 -13px; color:#000000;  background-color:rgba(256, 256, 256, 0.5); border:1px solid #bbbbbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;	-moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)}*/
input[type=text]:focus, input[type=checkbox]:focus, textarea:focus {background-color:#fff; outline:0; border-color: rgba(0, 0, 0, 0.4)}

@media (max-width: 619px) {
textarea {width:100%}
}


input[type=submit] {color:#fff; font-family:Verdana,Geneva,sans-serif; font-size:15px; padding:8px 16px; margin-bottom:18px; font-weight:normal; background-color:#009FDB; cursor:pointer; border:0px solid #aaa; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s;}
input[type=submit]:hover {background-color:#32C1F5}

.check {width:20px; margin:0px 13px 0 0px; float:left; position:relative}
.check label {cursor:pointer; position:absolute; width:20px; height:20px; top:0; border-radius:3px; border:1px solid #bbbbbb; background:#ffffff;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.2)}
.check label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);	opacity: 0;	content: '';
position: absolute;	width: 9px;	height: 5px; background: transparent; top: 4px;	left: 4px; border: 3px solid #5d5a51; border-top: none;	border-right: none;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)}
.check label:hover::after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3}
.check input[type=checkbox]:checked + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1}


.wpcf7-submit{
    margin-top: 20px;
}
-->