@font-face {
font-family: 'fontawesome-webfont', serif;
  font-style: normal;
  src: local('fontawesome-webfont'), local('fontawesome-webfont'),
    url("../fonts/fontawesome-webfont.ttf") format("truetype");
}
@font-face {
font-family: 'Cantarell-Regular', serif;
  font-style: normal;
  src: local('Cantarell-Regular'), local('Cantarell-Regular'),
    url("../fonts/Cantarell-Regular.ttf") format("truetype");
}
@font-face {
font-family: 'BebasNeue-webfont', serif;
  font-style: normal;
  src: local('BebasNeue-webfont'), local('BebasNeue-webfont'),
    url("../fonts/BebasNeue-webfont.ttf") format("truetype");
}

* { margin: 0; padding: 0; outline: none; }
html { font-size: 62.5%; height: 101%; }

body { background: #fff; font-family: "Calibri", Arial, sans-serif; }
img { border: 0; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

h2 { font-size: 1.8em; line-height: 1.9em; margin-bottom: 15px;  }

p { color: #fff; font-size: 1.2em; margin-bottom: 10px; }



.subtype {
position: absolute;
top: 110px;
left:140px;
letter-spacing: 0.1rem;
color: #fff;
  font-size: 2.2rem;

}


.copsi {
position: absolute;
top: 32px;
left:636px;
color: #fff;
font-size: 2rem;

}

#inline .formsubtyp {
position: absolute;
top: 96px;
left:224px;
letter-spacing: 0.05rem;
color: #fff;
  font-size: 0.8rem;

}


#inline .formcopsi {
position: absolute;
top: 12px;
left:506px;
color: #fff;
font-size: 1.8rem;

}



#wrapper { position: absolute;
top: 250px;
margin-left: 20px;
width: 142px; 
height: 48px;
text-align:center; 
border:2px solid #456879;
border-radius:6px; 
	background-color: rgba(184, 145, 179, 0.4); }
	
		
#wrapper:hover { position: absolute;
top: 250px;
margin-left: 20px;
width: 142px; 
height: 48px;
text-align:center; 
border:2px solid #456879;
	border-radius:6px;
	background-color: rgba(184, 145, 179, 0.8);
	}




.bourwrap { 
margin: 0;
padding: 4px 0px;
letter-spacing: 0.1rem;
line-height: 1.2;
   font-weight: 100;
   text-align:center;
  font-size: 1.6rem;
}

.bourgewrap { 
margin: 0;
padding: 4px 0px;
line-height: 1.2;
   font-weight: 100;
   text-align:center;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
}



	
#bourgewrap { position: absolute;
margin: 0;
top: 180px;
margin-left: 20px;
width: 142px; 
height: 48px;
text-align:center; border:2px solid #456879;
	border-radius:6px; font-size: 1.1em; 
	background-color: rgba(184, 145, 179, 0.4);}



#bourgewrap:hover{ 
margin: 0;
position: absolute;
top: 180px;
margin-left: 20px;
width: 142px; 
height: 48px;
text-align:center; 
border:2px solid #456879;
	border-radius:6px;
   background-color: rgba(184, 145, 179, 0.8);
}




#inline { 
display: none; 
background-attachment: fixed;
background-image: url("../images/overlay.png"), url("../images/photo-on-the-wall-bg-background-1xs.jpg");
background-size: cover;
 border: 2px solid rgba(255, 255, 255, 1);
width: 600px;
 cursor: pointer;
}



#inline .formsubtyp {
position: absolute;
top: 80px;
left:156px;
letter-spacing: 0.05rem;
color: #fff;
  font-size: 1rem;

}

#inline img { 
position: absolute;
top: 14px;
left:68px;
 }


#inline button { 
position: relative;
padding: 12px 12px 12px 12px;
top: 14px;
left:16px;
 }



#feedback { margin-left: 15px; width: 600px; }

.botbot {
position: absolute;
top: 97vh; 
width: 98vw;
  
  }

.copyright {

color: #ED04C8;
   line-height: 1;
   font-weight: 100;
   text-align:left;
  font-size: 1.3rem;
margin-left: 64px;
  height: auto;
  animation:colorchange 37s linear infinite ;
  animation-timing-function:colorchange ease-in-out;
}


@keyframes colorchange {

0% {
        color: #ED04C8;
        
      }

      20% {
        color: #6E004C;
        
      }
      
     40% {
        color: #D157CE;
        
      }
      
     60% {
        color: #E3E7EA;
       
      }
      
   80% {
          color: #CCBDB8;
        
      }
     
  100% {
          color: #3B8F43;
        
      }    
        
    }




label { margin-right: 12px; margin-bottom: 16px; font-family: Georgia, serif; color: #fff; font-size: 1.4em; line-height: 1.8em; }

.txt { 
 
color: #676767;
width: 420px; 
font-family: Arial, Tahoma, sans-serif; 
margin-top: 4px;
margin-bottom: 12px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.4em;
line-height: 1.4em;
}

.txtarea { 
resize: none;
color: #676767;
font-family: Arial, Tahoma, sans-serif; 
margin-top: 4px;
margin-bottom: 10px; 
width: 420px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.3em;
line-height: 1.2em;
}

.txt:focus, .txtarea:focus { border-style: solid;  border-color: #4f46e5;
  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.15); }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#send:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}