@import "https://fonts.googleapis.com/css?family=Raleway:100,400,700";@font-face{font-family:'LMRomanSlant10';src:url("fonts/lmromanslant10-regular-webfont.eot");src:url("fonts/lmromanslant10-regular-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/lmromanslant10-regular-webfont.woff") format("woff"),url("fonts/lmromanslant10-regular-webfont.ttf") format("truetype"),url("fonts/lmromanslant10-regular-webfont.svg#latin_modern_roman_slante10Rg") format("svg");font-weight:normal;font-style:normal}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

body{margin:0}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline}

audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}

a:active,a:hover{outline:0}

abbr[title]{border-bottom:1px dotted}

b,strong{font-weight:bold}
dfn{font-style:italic}

h1{font-size:2em;margin:0.67em 0}

mark{background:#ff0;color:#000}

small{font-size:80%}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

sup{top:-0.5em}

sub{bottom:-0.25em}

img{border:0}

svg:not(:root){overflow:hidden}

figure{margin:1em 40px}

hr{box-sizing:content-box;height:0}

pre{overflow:auto}

code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}

button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}

button{overflow:visible}

button,select{text-transform:none}

button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}

button[disabled],html input[disabled]{cursor:default}

button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}

legend{border:0;padding:0}

textarea{overflow:auto}

optgroup{font-weight:bold}

table{border-collapse:collapse;border-spacing:0}

td,th{padding:0}@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?3hi6ws");src:url("fonts/icomoon.eot?3hi6ws#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?3hi6ws") format("truetype"),url("fonts/icomoon.woff?3hi6ws") format("woff"),url("fonts/icomoon.svg?3hi6ws#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.icon-chevron-thin-left:before{content:"\e904"}
.icon-chevron-thin-right:before{content:"\e905"}

.icon-instagram:before{content:"\e902"}
.icon-facebook:before{content:"\e903"}

body{background-color:#fff;font-size:16px;line-height:1.6;font-family:"LMRomanSlant10",serif;color:#111;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}



@media (max-width: 415px){body{font-size:14px}}

::-moz-selection{background:#FFF498}::selection{background:#FFF498}::-moz-selection{background:#FFF498}
img::-moz-selection{background:transparent}
img::selection{background:transparent}
img::-moz-selection{background:transparent}


.gigantic,.huge,.large,.bigger,.big,h1,h2,h3,h4,h5,h6{color:#222;font-weight:bold}

.gigantic{font-size:110px;line-height:1.09;letter-spacing:-2px}

.huge,h1{font-size:68px;line-height:1.05;letter-spacing:-1px}

.large,h2{font-size:42px;line-height:1.14}

.bigger,h3{font-size:26px;line-height:1.38}

.big,h4{font-size:22px;line-height:1.38}

.small,small{font-size:10px;line-height:1.2}p{margin:0 0 20px 0}

em{font-style:italic}

strong{font-weight:bold}

hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

svg{position:absolute;height:100%}

svg path{fill:#3a9d9e}


#hero svg, #about svg,#featured svg, #themap svg, #contact svg, #z svg{left:20px}

#full-slide svg{left:20px;opacity:.6;z-index:9}

#three-slide svg {height: 115%; bottom: 0;left:20px;opacity:.6;z-index:11;}

@media (max-width: 640px){#hero svg{width:80%}}

@media (max-width: 640px){#about svg{width:100%}}

@media (max-width: 640px){#z svg{width:100%}}

@media (max-width: 640px){#full-slide svg{width:100%}}

@media (max-width: 640px){#featured svg{width:100%}}

@media (max-width: 640px){#themap svg{width:100%}}

@media (max-width: 640px){#three-slide svg{width:100%}}

@media (max-width: 640px){#contact svg{width:100%}}


@media (max-width: 640px){#hero svg,#about svg,#featured svg,#three-slide svg, #themap svg, #full-slide svg,#contact svg, #z svg{left:0}}

.nav{visibility:hidden;position:absolute;top:75px;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:300px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none;background-color:#e3e3e3;border:1px solid #111;border:1px solid rgba(17,17,17,0.15);opacity:0;z-index:10;-webkit-transition:opacity .3s ease-in-out,visibility 0s .3s;transition:opacity .3s ease-in-out,visibility 0s .3s}

.nav.open{visibility:visible;opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}

.nav:before{content:"";position:absolute;top:-12px;left:80%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:25px;height:25px;border:1px solid #111;border:1px solid rgba(17,17,17,0.15);background-color:#e3e3e3}

.nav li{position:relative;width:100%;text-align:center;border-bottom:1px solid #111;border-bottom:1px solid rgba(17,17,17,0.15);background-color:#e3e3e3;overflow:hidden;z-index:10}.nav li:last-child{border-bottom:none}

.nav li a{display:block;width:100%;height:100%;padding:5px 0;color:#111;font-size:12px;font-family:"Raleway",Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}

.nav li a:hover{background-color:#dbdbdb}

#hero{position:relative;width:1440px;max-width:95%;height:600px;margin:30px auto;background-color:#efefef;overflow:hidden}

@media (max-width: 768px){.nav{width:100%;}.nav:before{left: auto;right: 30px; }}

@media (max-width: 768px){#hero{margin:15px auto}}


#hero header{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:95%;height:80px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;z-index:10}

#hero header .nav-toggle{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:80px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}

#hero header .nav-toggle p{margin-bottom:0;font-size:14px;font-family:"Raleway",Helvetica,sans-serif;text-transform:uppercase}

#hero header .nav-toggle span,#hero header .nav-toggle span:before,#hero header .nav-toggle span:after{content:"";position:relative;display:block;width:23px;height:2px;background-color:#111}

#hero header .nav-toggle span:before{bottom:7px}

#hero header .nav-toggle span:after{top:5px}

#hero .wrapper{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:1180px;max-width:95%;height:100%;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

#hero .wrapper .welcome{width:45%}

#hero .wrapper .welcome h1{margin-top:0;margin-bottom:30px;font-size:42px;font-family:"Raleway",Helvetica,sans-serif;font-weight:100}


@media (max-width: 640px){#hero .wrapper .welcome h1{margin-bottom:20px;font-size:30px}}


#hero .wrapper .welcome p{max-width:450px;margin-bottom:30px}


@media (max-width: 1180px){#hero .wrapper .welcome:after{display:none}#hero .wrapper .welcome p{margin-bottom:0}}


#hero .wrapper .photographer{width:55%;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;line-height:0}

#hero .wrapper .photographer img{width:100%;opacity:.95}


@media (max-width: 1023px){#hero .wrapper .welcome{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;text-align:right}#hero .wrapper .photographer{display:none}}

@media (max-width: 640px){#hero .wrapper .welcome{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;text-align:center}}


#about{position:relative;width:1440px;max-width:95%;height:600px;margin:30px auto;background-color:#efefef;overflow:hidden}

#z{position:relative;width:1440px;max-width:95%;height:600px;margin:30px auto;background-color:#efefef;overflow:hidden}

@media (max-width: 768px){#about{margin:15px auto}}

@media (max-width: 768px){#z{margin:15px auto}}

#about .wrapper{position:relative;display:-ms-flexbox;display:flex;width:1180px;max-width:95%;height:100%;margin:0 auto;align-items:center}


#z .wrapper{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:1180px;max-width:95%;height:100%;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

#about .wrapper .camera{width:45%}
#about .wrapper .camera img{width:85%}

#about .wrapper .blurb{width:55%}

#about .wrapper .blurb h2{margin-top:0;margin-bottom:30px;font-size:42px;font-family:"Raleway",Helvetica,sans-serif;font-weight:100}


#z .wrapper .camera{width:45%}
#z .wrapper .camera img{width:85%}

#z .wrapper .blurb{width:55%}

#z .wrapper .blurb h2{margin-top:0;margin-bottom:30px;font-size:42px;font-family:"Raleway",Helvetica,sans-serif;font-weight:100}


@media (max-width: 640px){#z .wrapper .blurb h2{margin-bottom:20px;font-size:30px;}}

@media (max-width: 640px){#z .wrapper .blurb {margin-bottom:20px;width: 600px;}}

#about .wrapper .blurb p{max-width:600px;margin-bottom:45px}


#about .wrapper .blurb .social{position:relative;width:200px;height:70px;background-color: white;}

#about .wrapper .blurb .social .pro {height: 100%; position: relative;width: 40%; display: inline-block;margin-left: 15px}

#about .wrapper .blurb .social .perso {height: 100%; position: relative;width: 40%;float: left;margin-left: 10px;}

#about .wrapper .blurb .social i{width:30px;height:30px;font-size:16px;text-align:center;line-height:30px;background-color:#909090;transition:background-color .2s ease-in-out;display: inline-block;margin: 5px;}



.social #txt {font-size: 0.9em; font-family:"Raleway",Helvetica,sans-serif;margin-left: 5px;}


#about .wrapper .blurb .social  i:hover{background-color:#3a9d9e!important;}

#about .wrapper .blurb .social  i:active{background-color:#3a9d9e!important;}

#about .wrapper .blurb .social .pro i:hover{background-color:black!important;}

#about .wrapper .blurb .social .pro i:active{background-color:black!important;}

#about .wrapper .blurb .social a{color:#fff;text-decoration:none}


@media (max-width: 1023px){#about .wrapper .blurb .social #txt{margin-right: 5px;}#about .wrapper .blurb .social .pro {margin-right: 10px;}}







@media (max-width: 1023px){#about .wrapper .camera{display:none}
    #about .wrapper .blurb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;text-align:right}
    #about .wrapper .blurb h2:before{display:none}}

@media (max-width: 640px){#about .wrapper .camera{display:none}
    #about .wrapper .blurb{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;text-align:center}
    #about .wrapper .blurb h2:before{display:none}#about .wrapper .blurb h2{margin-bottom:20px;font-size:30px}}


@media (max-width: 1023px){#z .wrapper .camera{display:none}#z .wrapper .blurb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;text-align:right}#z .wrapper .blurb h2:before{display:none}}

@media (max-width: 640px){#z .wrapper .blurb{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;text-align:center} #z img {display: none;}}

#full-slide{position:relative;width:1440px;max-width:95%;height:600px;margin:30px auto;background-color:#efefef;overflow:hidden}


@media (max-width: 768px){#full-slide{margin:15px auto}}


#full-slide .banner{position:relative;width:100%;height:100%;margin:0;padding:0;list-style:none}

#full-slide .banner li{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}

#full-slide .banner li.active{opacity:1;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}

#full-slide .banner li:nth-child(1){background-image:url("../img/full-slide/thumb-1.jpg")}

#full-slide .banner li:nth-child(2){background-image:url("../img/full-slide/thumb-2.jpg")}

#full-slide .banner li:nth-child(3){background-image:url("../img/full-slide/thumb-3.jpg")}

#full-slide i{position:absolute;top:50%;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);width:60px;height:60px;font-size:28px;text-align:center;line-height:60px;background-color:#fff;cursor:pointer;z-index:10;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

#full-slide i:hover{-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}

#full-slide .prev{left:30px}

#full-slide .next{right:30px}


@media (max-width: 767px){#full-slide i{-webkit-transform:translateY(-50%) scale(.7);transform:translateY(-50%) scale(.7)}#full-slide i:hover{-webkit-transform:translateY(-50%) scale(.8);transform:translateY(-50%) scale(.8)}#full-slide .prev{left:0}#full-slide .next{right:0}}



#themap{position:relative;width:1440px;max-width:95%;height:600px;margin:auto ;background-color:#efefef;overflow:hidden}

#themap .wrapper {position:relative;width:1180px;max-width:90%;margin: 50px auto;}

#themap .wrapper #map {width: 100%;}

#address {width:225px ;
        position:absolute !important;
        z-index: 15;
        margin-left:-25px;
        margin-top:405px ;
        padding: 7px 10px 10px 10px;
        background-color: white;
        }
#address #googlemaps {font-size: 0.7em;margin-top: 4px;width: 180px; padding:2px; text-align: left;}

#address #googlemaps a {text-decoration: none;color:#3a9d9e;}

@media only screen and (max-device-width: 768px){#address{margin-left:0;z-index: 50;background-color:white;}}

@media (max-width: 768px){#themap .wrapper #map{position: relative; align-content: center;z-index: 0;}}

#featured{position:relative;width:1440px;max-width:95%;height:600px;margin:30px auto;background-color:#efefef;overflow:hidden}


@media (max-width: 768px){#featured{margin:15px auto}}


#featured .wrapper{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:1180px;max-width:95%;height:100%;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

#featured .wrapper .blurb{width:45%}


#featured .wrapper .blurb h2{margin-top:0;margin-bottom:30px;font-size:42px;font-family:"Raleway",Helvetica,sans-serif;font-weight:100}


@media (max-width: 640px){#featured .wrapper .blurb h2{margin-bottom:20px;font-size:30px}}


#featured .wrapper .blurb p{max-width:400px;margin-bottom:30px}

#featured .wrapper .featured{width:55%}

#featured .wrapper .featured img{width:100%}


@media (max-width: 1023px){#featured .wrapper .blurb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;text-align:right}#featured .wrapper .blurb:after{display:none}#featured .wrapper .blurb p{margin-bottom:0}#featured .wrapper .featured{display:none}}

@media (max-width: 640px){#featured .wrapper .blurb{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;text-align:center}}



.container
{
    height:;    
}
 
.container DIV
{
    margin:;
    padding:;
    background-color:;
}
 
.hideme
{
    opacity:1;
    display:block;
}




#three-slide{position:relative;width:1440px;max-width:95%;height:810px;margin:30px auto;background-color:#fff;overflow:hidden}


@media (max-width: 1500px){#three-slide {margin:0px auto; height:54vw;}}


#three-slide .wrapper{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:1440px;max-width:100%;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

#three-slide .wrapper .slider{position:relative;width:100%;height:100%;margin:0 auto;padding:0;list-style:none;opacity:1;z-index: 10;}


#three-slide .wrapper .slider .swap{opacity:0;-webkit-transition:3s ease-in-out;transition:3s ease-in-out}

#three-slide .wrapper .slider iframe {width: 100%;height: 100%;z-index: 10;}



#three-slide .wrapper .slider li{position:absolute; width:100%;height: 100%; opacity:1;}


@media (max-width: 900px){#three-slide .wrapper .slider li{width:100%}}


    #three-slide i{position:absolute;top:50%;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);width:60px;height:60px;font-size:28px;text-align:center;line-height:60px;background-color:#fff;cursor:pointer;z-index:10;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
    #three-slide i:hover{-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}
    #three-slide .prev{left:0}
    #three-slide .next{right:0}

    #three-slide .prev{left:30px;z-index: 12;}
    #three-slide .next{right:30px;z-index: 12;}


#three-slide .wrapper .slider .back{width: 100%;height: 100%;opacity:1}

#three-slide .wrapper .slider .current{opacity:1;z-index:10;}

#three-slide .wrapper .slider .front{opacity:1}

#three-slide .wrapper .slider .front{display:none}



@media (max-width: 767px){#three-slide .wrapper .slider{width:100%;height: 50%;}
    #three-slide .wrapper .slider li{width:100%}
    #three-slide .wrapper .slider .front{display:none}
    #three-slide i{position:absolute;top:50%;-webkit-transform:translateY(-50%) scale(0.7);transform:translateY(-50%) scale(0.7);width:60px;height:60px;font-size:28px;text-align:center;line-height:60px;background-color:#fff;cursor:pointer;z-index:10;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
    #three-slide i:hover{-webkit-transform:translateY(-50%) scale(0.8);transform:translateY(-50%) scale(0.8)}
    #three-slide .prev{left:0}
    #three-slide .next{right:0}}










#contact{position:relative;width:1440px;max-width:95%;height:600px;margin:30px auto;background-color:#efefef;overflow:hidden}


@media (max-width: 768px){#contact{margin:15px auto}}


#contact .wrapper{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:1180px;max-width:95%;height:100%;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

#contact .wrapper .blurb{max-width:950px;margin-top:-45px;text-align:center}

#contact .wrapper .blurb h2{margin-top:0;margin-bottom:30px;font-size:42px;font-family:"Raleway",Helvetica,sans-serif;font-weight:100}


@media (max-width: 640px){#contact .wrapper .blurb h2{margin-bottom:20px;font-size:30px}}


#contact .wrapper .blurb p{margin-bottom:45px}

#contact .wrapper form{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:600px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#111;font-family:"Raleway",Helvetica,sans-serif}


#contact .wrapper form input[type="email"],#contact .wrapper form input[type="text"]{width:42%;height:40px;padding:0 15px;border:1px solid #111;border-radius:0;background:transparent}

#contact .wrapper form input[type="email"]::-webkit-input-placeholder,#contact .wrapper form input[type="text"]::-webkit-input-placeholder{color:#111}

#contact .wrapper form input[type="email"]::-moz-placeholder,#contact .wrapper form input[type="text"]::-moz-placeholder{color:#111}

#contact .wrapper form input[type="email"]:-ms-input-placeholder,#contact .wrapper form input[type="text"]:-ms-input-placeholder{color:#111}

#contact .wrapper form input[type="email"]::placeholder,#contact .wrapper form input[type="text"]::placeholder{color:#111}

#contact .wrapper form input[type="email"]:focus,#contact .wrapper form input[type="text"]:focus{outline:none}

#contact .wrapper form textarea{width:100%;height:90px;margin:30px 0;padding:10px 15px;border:1px solid #111;border-radius:0;background:transparent;resize:none}

#contact .wrapper form textarea::-webkit-input-placeholder{color:#111}

#contact .wrapper form textarea::-moz-placeholder{color:#111}

#contact .wrapper form textarea:-ms-input-placeholder{color:#111}

#contact .wrapper form textarea::placeholder{color:#111}

#contact .wrapper form textarea:focus{outline:none}

#contact .wrapper form input[type="submit"]{width:100%;height:40px;color:#fff;font-weight:700;text-transform:uppercase;border:none;border-radius:0;background-color:#111}


@media (max-width: 640px){#contact .wrapper form input[type="email"],#contact .wrapper form input[type="text"]{width:100%;margin-bottom:10px}#contact .wrapper form textarea{margin:0 0 10px 0}}


#contact .copyright{position:absolute;bottom:10px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);margin-bottom:0;font-family:"Raleway",Helvetica,sans-serif;font-size:12px}

#contact .wrapper .social {
    position: relative;
    width: 200px;
    height: 70px;
    background-color: white;
    z-index: 20;
    top: 40px;
}   
#contact .wrapper .social .pro {
    height: 100%;
    position: relative;
    width: 40%;
    display: inline-block;
    margin-left: 15px;
}
#contact .wrapper .social .perso {
    height: 100%;
    position: relative;
    width: 40%;
    float: left;
    margin-left: 10px;
}
#contact .wrapper .social i {
    width: 30px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    background-color: #909090;
    transition: background-color .2s ease-in-out;
    display: inline-block;
    margin: 5px;
}
#contact .wrapper .social a {
    color: #fff;
    text-decoration: none;
}