@charset "UTF-8";

@media (min-width: 0px){

body
{
background-color:#0e0a14;
background-image:url(images/bg_damask.png);
background-size:500px;
margin:0px;
padding:0px;
}

div.header_container{
width:100%;
height:90px;
position:relative;
top:0px;
padding:0px;
margin:0px;
display:none;

}

div.logo{
  width:100%;
  height:50px;

 font-family: 'Spectral', serif;
 text-transform: uppercase;

font-weight: 100;
font-style: normal;
font-size: 20px;
letter-spacing:14px;

color:#e0e0e0;

text-align:left;
  position:relative;
  top:26px;
  padding:0px;
  margin:0px;
  }

div.navbar
{
width:100%;
height:20px;
color: #e0e0e0;

font-family: 'Spectral', serif;

 text-transform: uppercase;
font-weight: 300;
font-style: normal;
font-size:12px;
text-align:left;
letter-spacing:3px;


position:absolute;
top:90px;
z-index:5;

padding-top:5px;

border-top-width:1px;
border-top-color:#a67c00;
border-top-style:solid;

}

div.socials
{
width:200px;
height:14px;
color: #000000;

font-family: agenda, sans-serif;
font-weight: 400;
font-style: normal;
font-size:20px;
text-align:right;

position:absolute;
top:0px;
right:0px;
display:block;
}

span.socials_tail
{
visibility:hidden;
}

div.image_display
{
width:100%;
color: #7f7f7f;
font-family: optical;
font-size: 14px;

position:absolute;
top:120px;
}

div.content_about{
width:1024px;
color: #222222;

font-family: agenda, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0px;

text-align:center;


padding:0px;
margin:0px;
border:0px;
border-style:solid;
position:relative;
top:30px;
}

div.content_image_flow{
  width:100%;
  color: #222222;
  
  font-family: agenda, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0px;
  
  text-align:center;
  
  
  padding:0px;
  margin:0px;
  border:0px;
  border-style:solid;
  position:relative;
  top:0px;
  }

div.content_tail{
width:100%;
height: 90px;
color: #e0e0e0;

font-family: "ff-basic-gothic-pro", sans-serif;
font-weight: 100;
font-style:normal;
font-size: 14px;

text-align:justify;


padding:0px;
margin:0px;
border:0px;
position:relative;
top:80px;

}

div.text_content{
width:100%;
color: #e0e0e0;

font-family: "ff-basic-gothic-pro", sans-serif;
font-weight: 200;
font-style:normal;

font-size: 16px;
line-height:1.4;

text-align:left;

padding:0px;
margin:0px;
border:0px;
position:relative;
top:00px;
left: 245px;
}

div.email_form{
  width:504px;
  text-align:left;

  }

p.right_align{
text-align:right;
}


a.navbar:link{
color: #e0e0e0;
text-decoration:none;
-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
}

a.navbar:visited
{
color: #e0e0e0;
text-decoration:none;
}

a.navbar:hover
{
color: #b383ff;
text-decoration:none;
}

a.inline:link
{
color: #a67c00;
text-decoration:none;
-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
}

a.inline:visited
{
color: #a67c00;
text-decoration:none;
}

a.inline:hover
{
color: #b383ff;
text-decoration:none;
}

img.logo{
width: 351px;
position: relative;
top: 25px;
}

div.about_side_photo{

width: 220px;
padding-bottom: 10px;
padding-right: 25px;
position:relative;
top:15px;
}

img.about_side_frame{
width: 220px;
position:absolute;
padding-bottom: 10px;
padding-right: 25px;
top:0px;
left:0px;
}

img.about_side_photo{
width:100%;
mask-image:url(images/about_frame_mask.png);
-webkit-mask-image: url(images/about_frame_mask.png);
mask-repeat:no-repeat;
mask-size:220px;
position:absolute;
padding-bottom: 10px;
padding-right: 25px;
top:0px;
left:0px;
}

img.about_side_mobile{
  visibility:hidden;
  width: 0px;
  padding:0px;
  
}

img.contact_side{
float: right;
width: 384px;
padding-bottom: 10px;
padding-left: 10px;
}



div.modal_image_full_span{
  width: 100%;
  padding:0px;
  margin:0px;
  border:0px;
cursor: pointer;

display:inline-block;
text-align:center;
}

div.modal_image_fifth_span{
  width: 20%;
padding:0px;
margin:0px;
border:0px;
cursor: pointer;

display:inline-block;
text-align:center;

}

div.modal_image_quarter_span{
  width: 25%;
  padding:0px;
  margin:0px;
  border:0px;
cursor: pointer;

display:inline-block;
text-align:center;

}

div.modal_image_third_span{
  width: 33.333333333%;
  padding:0px;
  margin:0px;
  border:0px;
cursor: pointer;
display:inline-block;
}

div.modal_image_half_span{
  width: 50%;
  padding:0px;
  margin:0px;
  border:0px;
cursor: pointer;
display:inline-block;
text-align:center;
}


img.modal_image_{
  
  padding-bottom:10px;
  margin:0px;
  border:0px;
  width:0px;
  padding:2px;
cursor: pointer;
border-style:solid;
border-color:#a67c00; 
border-width:1px;


}

img.fleur{
  height:25px;
  
  padding:0px;
  margin:0px;
  border:0px;

position:relative;
top:5px;


}

img.social_icon{
  height:16px;
  
  padding:0px;
  margin:0px;
  border:0px;
  

position:relative;
top:4px;


}

div.header{
width: 100%;
position:relative;
top:62px;
}

input[type=text] {
  width:500px;
  background-color: #faecff;
  padding: 9px 6px;
  border: 2px solid #f580b4;
  border-radius: 0px;
}

input[type=text]:hover {
  background-color: #fdf7ff;
  border: 2px solid #3300B5;
}

input[type=text]:focus{
  background-color: #f6daff;
  border: 2px solid #23007a;
  outline:0px;
}

input[type=email] {
  width:500px;
  background-color: #faecff;
  padding: 9px 6px;
  border: 2px solid #f580b4;
  border-radius: 0px;
}

input[type=email]:hover {
  background-color: #fdf7ff;
  border: 2px solid #3300B5;
}

input[type=email]:focus{
  background-color: #f6daff;
  border: 2px solid #23007a;
  outline:0px;
}

textarea {
  width: 500px;
  height: 175px;
  padding: 9px 6px;
  border: 2px solid #f580b4;
  border-radius: 0px;
  background-color: #faecff;
  resize:none;
}

textarea:hover{
  background-color: #fdf7ff;
  border: 2px solid #3300B5;
}

textarea:focus{
  background-color: #f6daff;
  border: 2px solid #23007a;
  outline:0px;
}

input[type=submit]{
  background-color: #f580b4;
  width:516px;
  border: none;
  color: white;
  padding: 8px 16px;
  font-family: agenda, sans-serif;
  font-weight: 400;
  font-style: bold;
  font-size: 20px;
  cursor: pointer;
}


/**/

div.folio_container{
  width:49.5%;
  color: #7f7f7f;
  font-family: optical;
  font-size: 0px;
  padding:0px;
  margin:0px;
  border:0px;
  text-align:center;
  
  position:static;
  left:0px;
  top:0px;
  display: inline-block;
  }

div.folio_cover{
width:95%;
color: #7f7f7f;
font-family: optical;
font-size: 0px;
padding:0px;
margin:0px;
border:0px;

position:relative;
left:0px;
top:0px;

}

div.cover
{
width:100%;
height:100%;
background-color: rgba(0, 0, 0, 0.6);
color: #faf6ef;
font-family: 'Spectral', serif;

font-weight: 400;
font-style: normal;
font-size: 20px;
text-align:center;

position:absolute;
top:0px;
left:0px;
z-index:12;

padding:0px;
margin:auto;
border:0px;

border-radius:25px;

}

.cover{
transition-property: opacity;
transition-duration: 0.5s;
opacity:0;
}

.cover:hover{
  opacity:1;
}

div.cover_text
{
width:99%;
color: #faf6ef;
font-family: 'Spectral', serif;

font-weight: 400;
font-style: normal;
font-size: 30px;
text-align:center;

position:absolute;
top:45%;
left:0px;
z-index:12;

padding:0px;
margin:auto;
border:0px;
}

img.folio_cover_img{
  width: 100%;
  
padding:0px;
margin:0px;
border:0px;
cursor: pointer;
border-radius:25px;
}


}