/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p,
pre {
margin: 1em 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
menu,
ol,
ul {
padding: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
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;
padding: 0;
*height: 13px;
*width: 13px;
}
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;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
/*  --- STRUCTURE --- */

/*  --- FONTS --- */
/*  --- HEADER --- */
/*preloader*/
.loader {z-index: 9999;position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;background: url('../images/loading-gear.gif') 50% 50% no-repeat rgb(249,249,249);}
/*Multiscroll*/
h1{
color: #fff;
}
.wlogo {
position: fixed;
z-index: 2000;
bottom: 30px;
right: 10px;
height: 15px;
width: 115px;

-webkit-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}


/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/

canvas { float: left; margin-bottom: 20px }
ul.weighted {
float: left;
display: block;
overflow: auto;
padding: 20px;
margin: 0 10px 20px 0;
background-color: #fff;
border: 4px solid #aaa;
border-radius: 20px;
-moz-border-radius: 20px;
}
ul.weighted li { display: inline }
ul.weighted li a { margin: 2px }
.centred p { width: 320px; float: left; margin-left: 20px }
.preright { float: left }
.huge { font-family: Impact,sans-serif; font-size: 56px }
.large { font-family: 'Arial Black',sans-serif; font-size: 40px }
.medium { font-family: Verdana,sans-serif; font-size: 18px }
.small { font-family: Georgia,sans-serif; font-size: 11px }
a.red { color: #f00 }
a.green { color: #0c0 }
a.purple { color: #f09 }

/*----- btns -----*/

.btn {
display:inline-block;
color:#fff;
padding:8px 16px;
background:#db3222;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
box-shadow:0 1px 2px #c5c2a9;
-moz-box-shadow: 0 1px 2px #c5c2a9;
-webkit-box-shadow:0 1px 2px #c5c2a9;
}
.btn:hover {
background:#2e2e2e
}

/*----- forms -----*/

.box-contact{
background: rgba(255,255,255, 0.5);
width:100%;
height: 70%;
margin:0px auto 0;
padding:10px 20px 10px 20px ;
border-radius:18px;
-moz-border-radius:18px;
-webkit-border-radius:18px;
box-shadow:0 0 3px #c5c2a9;
-moz-box-shadow: 0 0 3px #c5c2a9;
-webkit-box-shadow:0 0 3px #c5c2a9;
}

.coll-1,.coll-2{float:left;width:300px;padding-right: 40px;}
.coll-2{float:right;}


.box-contact .btn{margin-top:20px;}
#contact-form {
position: relative;
vertical-align: top;
z-index: 1;
margin: 20px;
padding: 0;
}
#contact-form fieldset {
border: none;
padding: 0;
width: 100%;
overflow: hidden;
}
#contact-form label {
min-height: 54px;
position: relative;
margin: 0;
overflow: hidden;
display: block;
float: left;
width: 100%;
}
#contact-form .message {
min-height: 183px;
display: block;
width: 100%;
}
#contact-form input,
#contact-form textarea {
font-family: 'PT Serif Caption', serif;
padding: 4px 2px 5px;
/*text-transform:uppercase;*/
margin: 0;
font-size:14px;
display: block;
line-height: 24px !important;
color: #343434;
background: #e8e7de;
outline: none;
width: 100%;
border: 1px solid #d1cfbd;
box-shadow: none;
border-radius: 0px;
float: left;
}
#contact-form input {
height: 34px;
}
#contact-form textarea { 
height: 184px;
resize: none;
overflow: auto;
}
#contact-form textarea:focus,
#contact-form input[type="text"]:focus {
box-shadow: none;

}
#contact-form .area .error {
float: none;
}
#contact-form .success {
display: none;
margin-bottom: 10px;
background: #e8e7de;
font-size: 14px;
line-height: 16px;
position: relative;
border: 1px solid #d1cfbd;
padding: 10px;
}
#contact-form .error,
#contact-form .empty {
color: #f00;
font-size: 11px;
line-height: 1.27em;
display: none;
overflow: hidden;
margin-bottom: 5px;
padding: 2px 4px 6px;
float: left;
}

#contact-form a{cursor:pointer}


.form-txt{padding-bottom:2px;float: left;}
.btns {overflow:hidden;padding-left:50px;padding-top: 10px;}
.btns a{float:left;margin-right:30px}