@font-face {
    font-family: 'Corbel';
    src: url('../fonts/corbel.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Corbel';
    src: url('../fonts/corbelb.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Corbel';
    src: url('../fonts/corbeli.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Corbel';
    src: url('../fonts/corbelz.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'CodePro';
    src: url('../fonts/Code_Pro_Demo.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    position: relative;
    font-family: 'Corbel', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: url('../images/bg-repeat.svg') repeat 50% -14px;
    background-size: 1275px 1417px;
}

h1, h2, h3, h4, h5, h6, p, ul, li {
    margin: 0 0 10px;
}

p {
    margin-bottom: 20px;
}

ul, li {
    list-style: none;
    padding: 0;
}

input, select, textarea {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    font-family: inherit;
    font-size: 14px;
    color: #000;
    outline: none;
}

textarea {
    display: block;
}

input[type="submit"] {
    background: #A7A9AC;
    color: #FFF;
    padding: 5px 50px;
}

input:focus, select:focus, textarea:focus {
    border-color: #E3202D;
}

a {
    position: relative;
    color: inherit;
    text-decoration: none;
    border-bottom: 2px dashed #FF6F57;
}

a::after {
    content: "";
    position: absolute;
    height: 8px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FF6F57;
    z-index: -1;
    opacity: 0;
}

a:hover {
    border-bottom: none;
}

a:hover::after {
    opacity: 1;
    border-bottom: none;
}

h2 {
    font-family: 'CodePro', sans-serif;
    font-size: 64px;
    font-weight: normal;
    letter-spacing: 0.4em;
    line-height: 1;
    text-transform: uppercase;
}

.right {
    text-align: right;
}

.big {
    font-size: 30px;
    line-height: 1.2;
}

.small {
    font-size: 14px;
}

.section {
    margin-bottom: 60px;
}

.section .inner {
    max-width: 710px;
    margin: 0 auto;
    padding: 0 10px;
}

.row {
    margin-left: -40px;
}

.row:before, .row:after {
    display: table;
    content: "";
    line-height: 0;
}

.row:after {
    clear: both;
}

.col {
    float: left;
    width: 210px;
    margin-left: 40px;
}

.carousel {
    position: relative;
    overflow: hidden;
}

.carousel .next, .carousel .prev {
    border-bottom: none;
}

.carousel .next::after, .carousel .prev::after {
    content: none;
}

.carousel .header > * {
    display: inline-block;
}

.carousel .header em {
    margin: 0 1em;
}

.sprite {
    position: absolute;
}

#main {
    position: relative;
    z-index: 1;
    background: url(../images/top-repeat.svg) no-repeat 50% 0;
    background-size: 1275px 956px;
}

#intro h1 {
    position: relative;
    margin-top: -94px;
    z-index: -1;
    height: 744px;
}


#parcours p {
    text-align: justify;
}

#design .carousel h3 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1em;
}

#design p {
    text-align: justify;
}

#design .carousel p {
    margin-bottom: 10px;
}

#prix h3,
#prix strong {
    font-style: italic;
}

#art h3 {
    font-family: 'CodePro', sans-serif;
    font-size: 40px;
    font-weight: normal;
    letter-spacing: 0.4em;
    line-height: 1.2;
    color: #ee9b19;
    text-transform: uppercase;
}

#art strong {
    font-style: italic;
}

#art a {
    word-wrap: break-word;
}

#contact {
    background: url("../images/bg-contact.svg") no-repeat 50% 0;
    background-size: 3188px auto;
    padding: 120px 0 20px;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contact h2 {
    font-family: 'CodePro', sans-serif;
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.4em;
    line-height: 1.2;
    margin-bottom: 40px;
}

#contact .item {
    margin-bottom: 20px;
}

#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
    width: 100%;
}

#sprites {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}

#sprites .inner {
    position: relative;
    width: 710px;
    margin: 0 auto;
}

#sprite1 {
    top: 90px;
    left: -51px;
}

#sprite2 {
    top: 230px;
    left: -197px;
}

#sprite21 {
    top: 460px;
    left: 660px;
}

#sprite3 {
    z-index: -1;
    width: 100%;
    height: 1500px;
    background: url('../images/sprite-3.svg') repeat 50% 0;
    background-size: 1276px auto;
}

#sprite4 {
    top: 843px;
    left: 721px;
}

#sprite5 {
    top: 2610px;
    left: 750px;
}

#sprite6 {
    top: 1880px;
    left: -280px;
}

#sprite7 {
    top: 2400px;
    left: -90px
}

#sprite8 {
    top: 1860px;
    left: -1500px;
}

#sprite9 {
    top: 6660px;
    left: -400px;
}

#sprite10 {
    top: 5250px;
    left: -90px;
}