/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * 168 Navbar Mobil background 225 Navbar Big look 43
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@font-face {
font-family : "Neutra-Light";
src : url('fonts/Montserrat-Light.ttf') format('truetype');
font-display: swap;
font-weight : 200;
font-style : normal;
}
@font-face {
font-family : "Neutra-Demi";
src : url('fonts/Montserrat-Medium.ttf') format('truetype');
font-weight : 300;
font-style : normal;
font-display: swap;
}
@font-face {
font-family: Courgette;
src: url('fonts/Courgette-Regular.ttf') format('opentype');
font-display: swap;
font-weight : 600;
font-style : normal;
}
@font-face {
font-family: Lora;
src: url('fonts/Lora-Regular.ttf') format('opentype');
font-display: swap;
font-weight : 400;
font-style : normal;
}
@font-face {
font-family : "NeutraBook";
src : url('fonts/Montserrat-Light.ttf') format('opentype');
font-display: swap;
font-weight : 400;
font-style : normal;
}
@font-face {
font-family : "NeutraBold";
src : url('fonts/GothamRnd-Bold_rs.otf') format('opentype');
font-display: swap;
font-weight : 400;
font-style : normal;
}
body {
width: 100%;
height: 100%;
font-family: Neutra-Light,Helvetica,Arial,sans-serif;
font-size:16px;
font-weight : 400;
line-height:1.42857143;
color: #000;
/* background: url(../images/intro-bg2.jpg) no-repeat fixed 100% 100%;
/* background-color: transparent; */
background-color: #222; /* for navigations 1  nav pluss 168 és a 225 blokkok content-section 390 */
}
html {
width: 100%;
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 15px;
font-family: Courgette,cursive;
font-size: 1.25em;
letter-spacing : 0.0625em;
color : #908045;
text-align: left;
}
.content-section {
padding-top: 20px;
background-color:  #fefefe; /*for main blcks*/
/* background: linear-gradient(to right, white, white); /* Standard syntax*/
color: #000;
}
.transme {
background-color : transparent;
}
@media(min-width:768px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 20px;
font-family: Courgette,cursive;
font-size: 1.5em;
letter-spacing : 0.125em;
color : #908045;
text-align: left;
}
.content-section {
padding-top: 20px;
background-color:  #fff; /*for main blcks*/
/* background: linear-gradient(to right, white, white); /* Standard syntax*/
//color: #000;
}
.transme {
background-color : transparent;
}
} 
p {
margin: 0 0 10px;
font-size: 1em;
letter-spacing : 0.05em;
line-height: 1.250;
text-indent : 0;
text-align: justify;
}
.m-top-50 {
margin-top : 20px;
}
@media(min-width:768px) {
p {
margin: 0 0 10px;
font-size: 1.250em;
letter-spacing : 0.05em;
line-height: 1.3;
text-indent: 0em;
}
.m-top-50 {
margin-top : 50px;
}
}
.neutra {
font-family: NeutraBook,Helvetica,Arial,sans-serif;
text-indent : 0;
}
.neutra-bold {
font-family: NeutraBold,Helvetica,Arial,sans-serif;
}
.lora {
font-family: Lora,Times,serif;
font-size: 1em;
text-indent : 0;
margin: 0px;
padding : 0px;
}
.neutra-light {
font-family: Neutra-Light,Helvetica,Arial,sans-serif;
}
.neutra-demi {
font-family: Neutra-Demi,Helvetica,Arial,sans-serif;
}
.heavy {
font-size: 1.375em;
}
.big250 {
font-size: 1.250em;
}
.bigmbl {
font-size: 1.1250em;
}
.mybig {
font-size: 1.5em;
}
.big2 {
font-size: 1.25em;
}
.big326cv {
font-size: 1em;
}
.bigpig {
font-size: 1.125em;
}
.big125 {
font-size: 1em;
}
.mobys {
font-size: 0.875em;
}
.big150 {
font-size: 0.875em;
}
.padme20 {
margin: 10px;
}
.egyem {
font-size: 0.75em;
}
.smart {
font-size: 0.75em;
}
.small {
font-size : 0.625em;
}
.pcent {
font-size: 90%;
}
@media(min-width:768px) {
.neutra {
font-family: NeutraBook,Helvetica,Arial,sans-serif;
text-indent : 0;
}
.neutra-bold {
font-family: NeutraBold,Helvetica,Arial,sans-serif;
}
.lora {
font-family: Lora,Times,serif;
font-size: 1.125em;
text-indent : 0;
margin: 0px;
padding : 0px;
}
.neutra-light {
font-family: Neutra-Light,Helvetica,Arial,sans-serif;
}
.neutra-demi {
font-family: Neutra-Demi,Helvetica,Arial,sans-serif;
}
.big250 {
font-size: 1.750em;
}
.bigmbl {
font-size: 1.8750em;
}
.big2 {
font-size: 1.50em;
}
.big326cv {
font-size: 1.125em;
}
.big150 {
font-size: 1.125em;
}
.big125 {
font-size: 1.125em;
}
.mobys {
font-size: 1.250em;
}
.padme20 {
margin : 0px;
}
.egyem {
font-size: 1em;
}
.mybig {
font-size: 1.750em;
}
.bigpig {
font-size: 1.375em;
}
.heavy {
font-size: 1.8750em;
}
.smart {
font-size: 0.875em;
}
.small {
font-size :  0.875em;
}
}
a {
color: #222;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
color: #908045;
}
.navbar-custom {
margin-bottom: 5px;
height: 45px;
padding: 0px 0;
border-bottom: 1px solid #908045;
font-family: neutra-demi,Helvetica,Arial,sans-serif;
background: linear-gradient(to right, white, white); /* Standard syntax*/
}
.navbar-custom .navbar-brand {
font-size: 0.875em;
}
.navbar-custom .navbar-brand:focus {
outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
font-size: 1em;
color: #222;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
outline: 0;
}
.navbar-custom a {
color: #908045;
}
.navbar-custom .nav li a {
background: #fafafa;
}
.navbar-custom .nav li a:hover {
outline: 0;
color : #222;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
outline: 0;
color: #fafafa;
}
.navbar-custom .nav li.active {
outline: 0;
}
.navbar-custom .nav li.active a {
background-color: rgba(255,255,255,.3);
}
.navbar-custom .nav li.active a:hover {
color: #fafafa;
}
@media(min-width:768px) {
.navbar-custom {
height: 45px;
margin-bottom: 0px;
padding: 0px 0;
border-bottom: 0;
letter-spacing: 1px;
background: #fafafa;
}
.navbar-custom.top-nav-collapse {
padding: 0px;
border-bottom: 1px solid #908045;
background: #fafafa;
}
.navbar-custom .navbar-brand {
font-size: 1em;
}
}
#llinks6 {
z-index:-1000;
display: table;
position:fixed;
top: 35px;
left: 0px;
width: 100%;
height: 100%;
background: url(images/lantos-erzsebet-trener.jpg) no-repeat bottom;
background-color: transparent;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.intro {
font-size: 1em;
}
@media(min-width:340px) {
.intro {
font-size: 1.250em;
}
}
@media(min-width:480px) {
.intro {
font-size: 1.250em;
}
}
@media(min-width:600px) {
.intro {
font-size: 1.375em;
}
}
@media(min-width:768px) {
.intro {
font-size: 1.375em;
}
}
@media(min-width:998px) {
.intro {
font-size: 1.750em;
}
}
.btn-circle {
font-family: neutra-light,Times,serif;
width: 70px;
height: 70px;
margin-top: 15px;
padding: 12px 12px;
border: 2px solid #908045;
border-radius: 100%!important;
font-size: 1.25em;
color: #908045;
background: 0 0;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
outline: 0;
color: #222;
background: rgba(255,255,255,.1);
}
.btn-circle i.animated {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1);
transform:  scale(1);
}
50% {
-moz-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
}
}
.download-section {
width: 100%;
padding: 0;
color: #666;
background: url(../imgames/downloads-bg.jpg) no-repeat center center scroll;
background-color: transparent;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
@media(max-width:1199px) {
  .myhidden {
display: block;
}
}
@media(max-width:767px) {
.myhidden {
display: block;
}
}
@media(max-width:400px) {
  .myhidden {
display: none;
}
}
#map {
width: 100%;
height: 400px;
margin-top: 100px;
color: #999;
}
@media(min-width:767px) {
.content-section {
padding-top: 30px;
}
.download-section {
padding: 100px 0;
}
 #map {
height: 400px;
margin-top: 50px;
}
}
.btn {
border-radius: 0;
font-family: Neutra-Light,Helvetica,Arial,sans-serif;
font-weight: 400;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-default {
border: 0px solid #908045;
color: #908045;
background-color: transparent;
}
.btn-default:hover,
.btn-default:focus {
border: 1px solid #908045;
outline: 0;
color: #ff0000;
background-color: #f0f0f0;
}
ul.banner-social-buttons {
margin-top: 0;
}
@media(max-width:1199px) {
ul.banner-social-buttons {
margin-top: 15px;
}
}
@media(max-width:767px) {
ul.banner-social-buttons li {
display: block;
margin-bottom: 20px;
padding: 0;
}
ul.banner-social-buttons li:last-child {
margin-bottom: 0;
}
}
footer {
padding: 20px 0;
}
footer p {
margin: 0;
}
::-moz-selection {
text-shadow: none;
background: #fcfcfc;
background: rgba(255,255,255,.2);
}
::selection {
text-shadow: none;
background: #fcfcfc;
background: rgba(255,255,255,.2);
}
img::selection {
background: 0 0;
}
img::-moz-selection {
background: 0 0;
}
body {
webkit-tap-highlight-color: rgba(255,255,255,.2);
}
.picfl {
0margin : 0px 0px 1px 50px;
float : left;
}
.light {
font-weight: 300;
}
.fathat {
font-weight : 700;
}
.fatotsz {
font-weight : 500;
}
.linenull {
line-height: 0.5;
}
.line100 {
line-height: 80%;
}
.line125 {
line-height:1.125;
}
.padnull {
margin: 0px 0;
padding: 0px 0;
}
.m-top-100 {
padding-top : 100px;
}
.m-top-25 {
margin-top : 25px;
}
.m-left-50 {
padding-left: 50px;
}
.lemarg {
margin: 120px;
}
.lefty {
text-align: left;
}
.rigty {
text-align: right;
}
.centre {
text-align: center;
}
.ity {
font-style : italic;
}
.redme {
color: #FF4500;
}
.lefor {
text-align: left;
margin-left: 0px;
padding-left: 0px;
text-indent: -1em;
line-height: 90%;
}.lemargo {
text-align: left;
margin-left: 20px;
padding-left: 0px;
text-indent: -1em;
line-height: 90%;
}
.lesec {
text-align: left;
margin-left: 0px;
padding-left: 0px;
font-weight : 500;
text-indent: -1em;
line-height: 90%;
}
.titless {
font-family: Lora,Helvetica,Arial,sans-serif;
color: #666;
}
.no-indent {
text-indent: 0em;
}
.textleft {
text-align : left;
}
.kissebb {
max-block-size: 20px;
max-height: 20px;
}
.gold  {
color : #908045;
}
.mybgcol {
background-color : #fafafa;
}
.about-grid:hover img{
webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.about-grid img {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
#grayscale {
filter: grayscale(100%); // General Grayscale support
-webkit-filter: grayscale(100%); //Webkit Browser Support
-moz-filter: grayscale(100%); // Mozilla Firefox Support
-ms-filter: grayscale(100%); // IE Support
-o-filter: grayscale(100%); // Opera Browser Support
}
#grayscale2 {
filter: grayscale(90%); // General Grayscale support
-webkit-filter: grayscale(90%); //Webkit Browser Support
-moz-filter: grayscale(90%); // Mozilla Firefox Support
-ms-filter: grayscale(90%); // IE Support
-o-filter: grayscale(90%); // Opera Browser Support
}
.img-rounded {
	border-radius:8px
}
/*-- banner --*/  
.video {
background:url(../images/cv.jpg)no-repeat;
background-position:0px 0px;
text-align: left;
min-height: 100%;
background-size:cover;
}
.banner-text {
margin: 22em 0 10em;
text-align: center;
background: rgba(0, 0, 0, 0.72);
display: inline-block;
padding: 4em;
}
.banner-text h6 {
font-size: 1.125em;
color: #cac7c8;
margin-top: 1em;
letter-spacing: 3px;
font-weight: 900;
}
.footme{
font-size: 1em;
color: #666;
text-align: center;
font-weight: 400;
}
.video iframe{
width: 100%;
min-height: 15em;
border: 1px solid #b3b3b3;
}
.preloader {
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
background-color : #fafafa;
z-index : 9999999;
}
.preloader .status {
position : absolute;
left : 0;
right : 0;
top : 50%;
transform : translateY(-50%);
}
.preloader .status .spinner {
margin : 100px auto;
width : 40px;
height : 40px;
position : relative;
text-align : center;
animation : sk-rotate 2.0s linear infinite;
}
.preloader .status .spinner .dot1, .preloader .status .spinner .dot2 {
width : 60%;
height : 60%;
display : inline-block;
position : absolute;
top : 0;
background-color : #908045;
border-radius : 100%;
animation : sk-bounce 2.0s ease-in-out infinite;
}
.preloader .status .spinner .dot2 {
top : auto;
bottom : 0;
animation-delay : -1.0s;
}
@keyframes sk-rotate {
100% {
transform : rotate(360deg);
}
}
@keyframes sk-bounce {
0%, 100% {
transform : scale(0);
}
50% {
transform : scale(1);
}
}

/*!
 * mailstyles2.css)
 */
address { font-style: normal; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; background: #ccc; padding: 0; *width: 20px; *height: 20px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {}
input:invalid, textarea:invalid { background-color: transparent;
}
input { width: 100%; height: 38px; padding: 0 10px;	margin: 0 10px 10px 0; background: transparent; border: 1px solid #908045; border-radius: 8px; box-shadow: inset 1px 1px 0 #908045; color: #000;
}
.chromeframe { margin: 0.2em 0; background: #fff; color: gray; padding: 0.2em 0;
}
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none;
}
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;
}
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.centered { overflow: hidden; margin: 0 auto; width: 840px; overflow: hidden; }
.content-box { background: #fff; border-radius: 14px; padding: 30px; width: 820px; }
.no-style, .no-style a { text-decoration: none; color: #202020; }
.reset { margin: 0; padding: 0; list-style: none; display: block;
}
.bordered {
	border: 0px solid #ccc;
	margin: 0 0px 0px 0px;
	display: block;
	padding: 10px;
}
.bordered:before{ content:""; display: block; position: absolute; z-index: -1; height: 100%; width: 100%; margin: -31px 0 0 -31px; padding: 11px 14px; background: #e0d9c7;
}
.button { display: inline-block; background: #c51110; color: #fff; text-transform: none; text-decoration: none; font-size: 11px; padding: 3px 5px; border-radius: 5px;
}
.button-grey { background: #a1a1a1;
}
.boxyka { width: 100%; height: 40px; padding: 10px; margin: 0 10px 10px 0;
	text-align: left; background: #fafafa; font-size : 20px;
	border: 1px solid #908045; border-radius: 8px; box-shadow: inset 3px 3px 0 #e8eef0; color: #000;
}
.boxybig { width: 630px; height: 100px; padding: 15px; margin: 0 10px 10px 0px; text-align: left; background: #EBE7DB; font-size : 16px; border: 1px solid #b2ccd7; border-radius: 8px; box-shadow: inset 3px 3px 0 #e8eef0; color: #000;
}
#contents { padding-top: 10px;
}
#content header { text-align: center; }
#content header h1 { color: #908045; font-size: 48px; }
#content header h2 { color: #bf592e; font-size: 29px; }
#content header h3 { color: #908045; font-size: 20px; font-family: Helvetica; }
#checkinForm { font-size: 18px;
}
#checkinForm h2 { text-align: center; font-size: 29px; color: #bf592e;
}
#checkinForm h3 { text-align: center; font-size: 18px; color: #908045; font-family: Arial; font-weight: bold;
}
#checkinForm h4 { text-align: center; font-size: 20px; color: #5C422B; font-family: Arial; font-weight: bold;
}
#checkinForm input.inputbox { width: 100%; height: 38px; padding: 0 10px;
	margin: 0 10px 10px 0; background: #fff; 	border: 1px solid #444; border-radius: 8px; box-shadow: inset 0px 0px 0 #bcbcbc; color: #000;
}
#checkinForm input.error { border: 1px solid #908045;
}
#checkinForm .note { display: none;  color: #908045;
}
#checkinForm label { width: 100%; display: inline-block; margin: 0 0 0 0px;
}
#checkinForm select { vertical-align: top; height: 38px; padding: 7px 10px; margin: 0 10px 10px 0; background: #fff; border: 0px solid #b2ccd7; border-radius: 8px; box-shadow: inset 3px 3px 0 #e8eef0; color: #000;
}
#checkinForm option { padding: 5px;
}
.extra-ticket { border-bottom: 2px dashed #ddd; margin: 10px 0; padding: 20px 0;
}
.button_delete_ticket { cursor: pointer; display: block; width: 200px; text-align: center; box-shadow: inset 0 20px 20px #fa0101; margin: 0px 10px 10px 223px; border: 0px none; border-radius: 5px; padding: 5px 10px; color: #fff; background: #aa0e0e; font-size: 16px;
}
#button-extra-ticket { box-shadow: inset 0 20px 20px #2bc275; border: 0px none; border-radius: 10px; padding: 10px 20px; color: #fff; background: #2e8c5f; font-size: 30px;
}
#orderSummary { min-width: 630px; font-size: 22px; line-height: 1.2; border-radius: 15px; background: #333; border: 3px dashed #b1b1ab; margin: 30px 70px; padding: 30px 50px;
}
.ordertext { font-size: 14px; line-height: 1.2; border-radius: 15px; background: #EBE7DB; border: 3px dashed #b1b1ab; margin: 30px 70px; padding: 30px 50px;
}
.ordertext2 { max-width: 630px; text-align: justify;
}
.button-large { box-shadow: inset 0 55px 1px -20px transparent;
	cursor: pointer; line-height: 1; background: transparent; max-width: 300px; font-weight: 700; font-size: 1.150em; color: #908045; text-align: center;
	padding: 5px 10px; border-radius: 15px; border: 1px solid #908045;
}
@media(min-width:768px) {
.button-large { box-shadow: inset 0 55px 1px -20px transparent;
	cursor: pointer; line-height: 1; background: transparent; max-width: 300px; font-weight: 700; font-size: 1.150em; color: #908045; text-align: center; 
	padding: 5px 10px; border-radius: 15px;
}
#checkinForm { font-size: 1.25em;
}
}
input:required:invalid, input:focus:invalid {
   background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
  }


/*!  * mailer.css) */

#form {
padding : 5px;
}
#form input, #form textarea {
font : 1em;
background : transparent;
color : #908045; 
}
#form label {
display : block;
font-size : 18px;
margin : 3px 0 3px 0;
}
#form .box {
background : #333333;
padding : 3px;
border : #908045 solid 1px;
border-left : 3px solid #908045;
width : 100%;
}
#form p {
padding-top : 10px;
}
#form textarea {
background : transparent;
padding : 3px;
border : #908045 solid 1px;
border-left : 1px solid #908045;
width : 100%;
color : #222;
}
#form .cbox {
background : transparent;
padding : 3px;
border : #908045 solid 1px;
width : 300px;
}
#form .abox {
background : #444;
padding : 3px;
border : #5bb832 solid 1px;
border-left : 3px solid #908045;
width : 50%;
}
#form .captcha {
margin-top : 5px;
}
#form .captcha img {
border : #5bb832 solid 0px;
width : 240px;
background : transparent;
}
#form .button {
background : #908045;
border : #666 solid 1px;
color : #222;
font-size : 42pt;
padding : 5px;
width : 240px;
}
#form .error {
background : #333333;
padding : 3px;
border : #000000 solid 1px;
border-left : 3px solid #908045;
width : 100%;
}
#attachments {
margin : 5px 0 5px 0;
}
#attachments .restrictions {
background : #e9e9dd;
margin-bottom : 5px;
border : #dadacb solid 1px;
padding : 5px;
display : block;
}
#attachments .attachment_box {
display : block;
}
#message {
background : #e9e9dd;
margin-bottom : 10px;
border : #dadacb solid 1px;
padding : 5px;
text-align : center;
width : 420px;
}
#message .thanks {
background : url(images/thanks.gif) right center no-repeat;
display : block;
}
.contover {
  position: relative;
 }
.myimage {
  display: block;
  width: 100%;
  height: auto;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  }
.contover:hover .overlay {
  opacity: 1;
}