/*============ CSS BEGIN ============*/
/* Geniral style */
* {padding: 0; margin: 0;}
header, nav, section, article, aside, footer {display: block;}
html, body {height: auto; max-height: 100%;}
body {
  font-family: 'GothamPro', 'Tahoma', sans-serif;
  font-size: 15px; color: #222222; -webkit-font-smoothing: antialiased;
}
p {padding: 10px 0;}
fieldset {border: none; margin: 0; padding: 0;}

/* Colors style */
.red {color: #a81b1a;}
.black {color: #222222;}
.white {color: #ffffff;}
.gray {color: #999999;}

/* Link Style */
a, a[href^=tel] {color:inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
a:hover {/*text-decoration: underline;*/}

/* Font family style */
.gpr {font-family: 'GothamPro', sans-serif;}
.gpb {font-family: 'GothamPro-Bold', sans-serif;}

/* Text & font style */
.px16 {font-size: 16px;}
.px20 {font-size: 20px;}
.px22 {font-size: 22px;}
.px28 {font-size: 28px;}
.px24 {font-size: 24px;}
.px34 {font-size: 34px;}
.bold {font-weight: bold;}
.center {text-align: center;}
.alleft {text-align: left;}
.alright {text-align: right;}
.upp {text-transform: uppercase;}
.no-padding {padding: 0;}
.flleft {float: left;}
.flright {float: right;}

/* Display style */
.inline-b {display: inline-block; zoom: 1; *display: inline;}
/* Clear */
.clearfix:after {content: ""; display: table; clear: both; *zoom: 1;}

/*============ FORM ============*/
form {
  position: relative;
  padding: 30px 3%;
  border-radius: 6px;
  text-align: center;
  background: #eeeeee url('../images/bg/modal_gloss.png') -200px -80px no-repeat;
  background-size: cover;
}

form h1 {
  color: #333333;
  font-family: 'GothamPro-Bold', sans-serif;
  font-size: 22px;
  letter-spacing: -1px;
  margin-bottom: 15px;
  text-align: left;
}

form p {
  text-align: left;
}

input[type="text"],
input[type="tel"],
textarea {
  min-width: 240px;
  width: 90%;
}

input[type="text"],
input[type="tel"] {
  max-width: 260px;
}

input, textarea {
  height: 18px;
  line-height: 18px;
  margin: 5px!important;
  padding: 5px;
  border: 1px solid #666666;
  border-radius: 4px;
  outline: none;
}

textarea {
  height: 50px;
  width: 91%;
}

input[type="radio"] {position: relative; top: 4px;}

/* Validation form */
label.error {display: none!important;}
input.error, textarea.error {border: 1px solid #ed3239;}
input.valid, textarea.valid {border: 1px solid #62a962;}

/* Form button & custom button style */
.button {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}

button {
  background: none;
  outline: none;
  border: none;
}

button {
  display: block; 
  width: 80%; 
  min-width: 252px;
  font-family: 'GothamPro-Bold', sans-serif!important;
  text-transform: uppercase!important;
  margin: 3% auto 3%!important; 
  padding: 3% 0;
  background: #ed3239;
  color: #ffffff;
  border-radius: 4px;
  border: 1px solid rgba(237, 50, 57, 0.6);
  -webkit-font-smoothing: antialiased;
  
}

/*============ ANIMATIONS ============*/

/* Button animation */
.button {
  transition: 0.3s ease all 0s;
  -webkit-transition: 0.3s ease all 0s;
  -moz-transition: 0.3s ease all 0s;
  -o-transition: 0.3s ease all 0s;
  -ms-transition: 0.3s ease all 0s;
}

.button:active {
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -o-transform: scale(0.98);
  -ms-transform: scale(0.98);
}

.button:focus {
  
}

.block.one .foto .fancybox {
  transition: opacity 0.5s;
 -webkit-transition: opacity 0.5s;
 -moz-transition: opacity 0.5s;
 -o-transition: opacity 0.5s;
 -ms-transition: opacity 0.5s;
}


/* END MAIN CSS */