@charset "UTF-8";

/*

---->  BODY  <----

*/

body {

    font-family: 'Open sans', 'Helvetica Neue', Arial, sans-serif;

    font-size: 14px;

    padding: 0;

    margin: 0;

    text-align: center;

    color: #444;

    transition: background, 0.4s;

    min-width: 480px;

}

h1 {

    font-family: 'Cookie';

    font-weight: normal;

    font-size: 75px;

    text-align: center;

    color: #444;

    margin: 12px 0 20px;

    padding: 0 5px;

}

h2 {

    font-family: 'Cookie';

    font-weight: normal;

    font-size: 60px;

    text-align: center;

    color: #444;

    margin: 12px 0 20px;

    padding: 0 5px;

}

h3 {

    font-family: 'Cookie';

    font-weight: normal;

    font-size: 55px;

    text-align: center;

    color: #444;

    margin: 10px 0;

    padding: 0;

}

#footer h1 {

    font-family: 'Cookie';

    font-size: 60px;

    text-align: center;

    color: #fff;

    margin: 12px 0 20px;

    padding: 0 5px;

}

p {

    font-family: 'Open sans', 'Helvetica Neue', Arial, sans-serif;

    font-size: 16px;

    line-height: 30px;

    text-align: justify;

    margin: 0 0 15px;

    padding: 0 5px;

}

ul {

    width: 80%;

    margin: 5px 0 25px 10%;

    padding: 0 0 0 30px;

    text-align: left;

}

ul li {

    padding: 2px 0;

    margin: 0;

}

a {

    font-family: 'Open sans', 'Helvetica Neue', Arial, sans-serif;

    padding: 0;

    margin: 10px;

    display: inline-block;

    font-size: 16px;

    color: #444;

    cursor: pointer;

    text-decoration: none;

}

a:hover {

    text-decoration: underline;

}

a.btn {

    font-family: 'Cookie';

    padding: 5px 20px;

    margin: 5px 0 25px;

    display: inline-block;

    font-size: 36px;

    color: #444;

    border: 1px solid #444;

    border-radius: 2px;

    cursor: pointer;

    transition: background 0.3s, color 0.3s, border 0.3s;

    text-decoration: none;

}

a.btn:hover {

    color: #fff;

    background: #888;

    border: 1px solid #888;

}

img {

    display: block;

    margin: 0 auto;

}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){

    h1 {

        font-size: 100px;

    }

    p, ul, ul li {

        font-size: 14px;

    }

    p {

        margin: 0 0 35px 0;

        line-height: 60px;

    }

}

/*

---->  STRUCTURE  <----

*/

.fullwidth {

    position: relative;

    width: 100%;

    margin: 0;

    padding: 0;

}

.first-bloc {

    padding-top: 70px;

}

.boxed {

    position: relative;

    max-width: 1440px;

    margin: 0 auto;

}

.first-index-box {

    margin-top: 70px;

}

.col {

}

.one-half {

    position: relative;

    width: calc(50% - 35px);

    margin: 0;

}

.one-third {

    position: relative;

    width: calc(33% - 35px);

    margin: 0;

}

.two-third {

    position: relative;

    width: calc(66% - 35px);

    margin: 0;

}

.left {

    float: left;

    padding: 15px;

}

.right {

    float: right;

    padding: 15px;

}

@media screen and (max-width: 1024px) {

    .left, .right {

        float: none;

        display: block;

        margin: 0 auto;

        width: calc(100% - 30px);

    }

    .border-right, .border-left {

        border: none;

    }

}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) and (max-width: 1024px){

    .left, .right {

        float: none;

        display: block;

        margin: 0 auto;

        width: calc(100% - 60px);

        padding: 30px;



    }

    .border-right, .border-left {

        border: none;

    }

}

.white-bg {

    background: #fff;

}

.border-right {

    border-right: 1px solid #ccc;

}

.border-left {

    border-left: 1px solid #ccc;

}

.clearfix {

    clear: both;

}

.fw-title-white, .fw-title-white2 {

    padding: 5px 0;

    -webkit-box-shadow: 0px -5px 2px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px -5px 2px 1px rgba(0,0,0,0.25);

    box-shadow: 0px -5px 2px 1px rgba(0,0,0,0.25);

    background: #fff;

    z-index: 10;

}

.fw-title-white2:before {

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

}

.fw-title-white2:before {

    top: 100%;

    border-color: rgba(255, 255, 255, 0);

    border-top-color: #fff;

    border-width: 30px;

    margin-left: -30px;

}

.fw-title-grey {

    padding: 5px 0;

    background: #aaa;

    border-bottom: 4px solid #fff;

    z-index: 10;

}

.title-border-top {

    border-top: 4px solid #fff;

}

.fw-title-grey:after, .fw-title-grey:before {

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

}

.fw-title-grey:after {

    top: calc(100% - 2px);

    border-color: rgba(170, 170, 170, 0);

    border-top-color: #aaa;

    border-width: 26px;

    margin-left: -26px;

}

.fw-title-grey:before {

    top: 100%;

    border-color: rgba(136, 136, 136, 0);

    border-top-color: #fff;

    border-width: 30px;

    margin-left: -30px;

}

.txt-right {

    text-align: right;

}

.text-left {

    text-align: left;

}

.text-center {

    text-align: center;

}

/*

---->  HEADER  <----

*/

#header-wrapper {

    position: fixed;

    z-index: 100;

    background: rgba(255, 255, 255, 1);

    -webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.25);

}

#header {

    position: relative;

    height: 70px;

    padding: 0;

    overflow: hidden;

}

#header ul {

    list-style: none;

    display: inline-block;

    width: 100%;

    padding: 0;

    margin: 0;

}

#header ul li.logo {

    font-family: "Cookie";

    font-size: 50px;

    line-height: 54px;

    float: left;

    padding: 4px 0 0 20px;

}

#header ul li.menu {

    font-family: "Open Sans", 'Helvetica Neue', Arial, "sans-serif";

    font-size: 16px;

    float: right;

    padding: 0;

    margin: 5px 10px 0;

    position: relative;

    cursor: pointer;

}

#header ul li.menu2 {

    font-family: "Open Sans", 'Helvetica Neue', Arial, "sans-serif";

    font-size: 16px;

    float: right;

    padding: 0;

    margin: 9px 15px 10px 0;

    position: relative;

    cursor: pointer;

}

#header ul li.menu a {

    text-decoration: none;

    margin: 0;

    padding: 17px 15px 20px 7px;

    display: block;

    color: #444;

}

#header ul li.menu a:after, #header ul li.menu a:before {

    content: "";

    position: absolute;

    width: 0;

    height: 5px;

    transition: width, 0.25s;

    background: #aaa;

}

#header ul li.menu a:before {

    top: 1px;

    left: 0;

}

#header ul li.menu a:after {

    bottom: 0;

    right: 0;

}

#header ul li.menu a:hover:before, #header ul li.menu a:hover:after {

    width: 100%;

}

#header ul li#home a {

    font-size: 22px;

    padding: 12px 10px 17px;

}

#header ul li.menu2 a {

    font-size: 30px;

    padding: 4px 13px 6px;

    margin: 0;

    border-radius: 4px;

    background: #444;

    color: #fff;

}

#menu2 ul {

    position: absolute;

    display: block;

    height: 0;

    overflow: hidden;

    transition: height, 0.25s;

    top: 70px;

    left: 0;

    width: 100%;

    margin: 0;

    padding: 0;

    list-style: none;

}

#menu2 ul.active {

    height: 506px;

}

#menu2-btn.active {



}

#menu2 ul li {

    width: 100%;

    padding: 0;

    margin: 0;

}

#menu2 ul li a {

    color: #eee;

    font-size: 24px;

    text-decoration: none;

    display: block;

    width: 90%;

    padding: 27px 2% 27px 8%;

    margin: 0;

    background: #444;

    border-bottom: 1px solid #333;

}

#menu2 ul li a:hover {

    background: #333;

}

@media screen and (max-width: 800px) {

    #header ul li.menu {

        display: none;

    }

    #header ul li.menu2 {

        display: inline-block;

    }

}

@media screen and (min-width: 801px) {

    #header ul li.menu {

        display: inline-block;

    }

    #header ul li.menu2 {

        display: none;

    }

}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){

    #header {

        height: 120px;

    }

    #header ul li.logo {

        font-size: 100px;

        line-height: 100px;

    }

    #header ul li.menu a {

        font-size: 30px;

        line-height: 50px;

    }

    #header ul li.menu2 {

        margin: 16px 20px 16px 0;

    }  

    #header ul li.menu2 a {

        font-size: 55px;

        padding: 5px 20px 6px;

    }

    #menu2 ul {

        top: 120px;

    }

    #menu2 ul li a {

        font-size: 34px;

    }

    @media screen and (max-width: 1440px) {

        #header ul li.menu {

            display: none;

        }

        #header ul li.menu2 {

            display: inline-block;

        }

    }

    @media screen and (min-width: 1441px) {

        #header ul li.menu {

            display: inline-block;

        }

        #header ul li.menu2 {

            display: none;

        }

    }

}

/*

---->  SLIDER-NAV  <----

*/

#slider-nav {

    position: absolute;

    top: 60px;

    right: 0;

    width: 30px;

    background: rgba(0, 0, 0, 0.35);

    width: 190px;

    height: calc(100vh - 180px);

    transition: background, 0.8s;

}

#slider-nav:hover {

    background: rgba(0, 0, 0, 0.8);

}

#slider-nav>ul {

    list-style: none;

    padding: 10px;

    margin: 20px 0 0 0;

}

#slider-nav>ul>li.label {

    font-family: "Cookie";

    font-size: 30px;

    color: #fff;

    text-align: left;

    margin: 10px 0 0 0;

    padding: 0;

}

#slider-nav>ul>li.nav-btn {

    font-family: "Open Sans", 'Helvetica Neue', Arial, "sans-serif";

    font-size: 16px;

    text-align: right;

    background: rgba(255, 255, 255, 0);

    color: #fff;

    border-radius: 3px;

    border: 1px solid #fff;

    margin: 4px 0;

    padding: 5px;

    transition: all, 0.5s;

}

#slider-nav:hover>ul>li.nav-btn {

    background: rgba(255, 255, 255, 0);

    color: #fff;

}

#slider-nav:hover>ul>li.nav-btn:hover {

    background: rgba(255, 255, 255, 1);

    color: #444;

    cursor: pointer;

}

#slider-nav>ul>li.active, #slider-nav:hover>ul>li.active {

    background: rgba(255, 255, 255, 1);

    color: #444;

}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){

    #slider-nav {

        display: none;

    }

    #slider-nav>ul>li.label {

        font-size: 45px;

        margin: 20px 0 0 0;

    }

    #slider-nav>ul>li.nav-btn {

        font-size: 30px;

        margin: 8px 0;

        padding: 10px;

    }

}

/*

---->  SLIDER  <----

*/

#slider {

    z-index: 0;

    position: relative;

    margin: 0;

    padding: 0;

    top: 70px;

    left: 0;

    width: 100%;

    height: calc(100vh - 200px);

}

.slide {

    width: 100%;

    height: calc(100vh - 200px);

    background-size: cover;

    position: absolute;

    opacity: 0;

    top: 0;

    left: 0;

    transition: opacity, 0.7s;

}

.slide.active {

    opacity: 1;

}

#slider-loader {

    padding-top: calc(50vh - 245px);

    margin: 0 auto;

}

#slide-1 {

    background-image: url(../img/slide_hiver.jpg);

    background-position: center center;

}

#slide-2 {

    background-image: url(../img/slide_ete.jpg);

    background-position: center bottom;

}

#slide-3 {

    background-image: url(../img/slide_charvinet.jpg);

    background-position: center center;

}

#slide-4 {

    background-image: url(../img/slide_charvin.jpg);

    background-position: center center;

}

#slide-5 {

    background-image: url(../img/slide_mt_rond.jpg);

    background-position: center center;

}

#slide-6 {

    background-image: url(../img/slide_reguet.jpg);

    background-position: center center;

}

#slide-7 {

    background-image: url(../img/slide_lachat.jpg);

    background-position: center center;

}

#slide-8 {

    background-image: url(../img/slide_vores.jpg);

    background-position: center center;

}

#slide-9 {

    background-image: url(../img/slide_petit_tetras.jpg);

    background-position: center center;

}

#slide-diamant {

    background-image: url(../img/slide_espace_diamant.jpg);

    background-position: center center;

}

.slide img {

    display: none;

}

/*

---->  tBG  <----

*/

#tbg-contact {

    background: url('../img/tbg_contact.jpg');

    background-size: cover;

    background-position: center center;

    height: 50vw;

    min-height: 150px;

    max-height: 560px;

}

#tbg-flat {

    background: url('../img/tbg_reguet.jpg');

    background-size: cover;

    background-position: center center;

    width: 100%;

    height: 40vw;

    min-height: 150px;

    max-height: 475px;

}

#tbg-charvinet, #tbg-chalet {

    background: url('../img/tbg_charvinet.jpg');

    background-size: cover;

    background-position: center center;

    height: 55vw;

    min-height: 150px;

    max-height: 475px; 

}

#tbg-mt-rond {

    background: url('../img/tbg_mt_rond.jpg');

    background-size: cover;

    background-position: center center;

    height: 55vw;

    min-height: 150px;

    max-height: 475px; 

}

#tbg-lachat {

    background: url('../img/tbg_lachat.jpg');

    background-size: cover;

    background-position: center center;

    height: 55vw;

    min-height: 150px;

    max-height: 475px; 

}

#tbg-charvin {

    background: url('../img/tbg_charvin.jpg');

    background-size: cover;

    background-position: center center;

    height: 55vw;

    min-height: 150px;

    max-height: 475px; 

}

#tbg-vores {

    background: url('../img/tbg_vores.jpg');

    background-size: cover;

    background-position: center center;

    height: 55vw;

    min-height: 150px;

    max-height: 475px; 

}

#tbg-reguet {

    background: url('../img/tbg_reguet.jpg');

    background-size: cover;

    background-position: center center;

    height: 55vw;

    min-height: 150px;

    max-height: 475px; 

}

#tbg-petit-tetras {

    background: url('../img/tbg_petit_tetras.jpg');

    background-size: cover;

    background-position: center center;

    height: 55vw;

    min-height: 150px;

    max-height: 475px; 

}

/*

---->  iBOXES  <----

*/

#flat-wrapper {

    position: relative;

    padding: 0;

    background-image: url(../img/bg_natural_wood.jpg);

}

#flat {

    position: relative;

    padding: 50px 0 30px;

}

ul.flat-ul {

    list-style: none;

    display: inline-block;

    margin: 0;

    padding: 0;

    width: 100%;

}

ul.flat-ul li {

    float: left;

    padding: 0px;

    margin: 30px 2.66%;

    width: 28%;

    height: calc(27% * 236 / 315);

    display: block;

    background: #fff;

    position: relative;

}

ul.flat-ul li img {

    width: 100%;

    display: block;

}

ul.flat-ul li .flat-li-wrapper {

    background: #fff;

    padding: 10px;

    margin: 0;

    position: relative;

    -webkit-box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.30);

    -moz-box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.30);

    box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.30);

}

ul.flat-ul li .flat-li-label {

    width: calc(100% - 40px);

    height: 36px;

    padding: 4px 10px 6px;

    transition: height 0.3s;

    position: absolute;

    bottom: 10px;

    left: 10px;

    background: rgba(50,50,50,0.4);

    color: #fff;

    overflow: hidden;

}

ul.flat-ul li:hover .flat-li-label {

    height: calc(100% - 30px);

}

ul.flat-ul li .flat-li-label .label-details {

    position: absolute;

    bottom: -120px;

    opacity: 0;

    width: calc(100% - 20px);

    transition: bottom 0.4s, opacity 0.4s;

}

ul.flat-ul li:hover .flat-li-label .label-details {

    bottom: 10%;

    opacity: 1;

}

ul.flat-ul li .flat-li-label .label-details a.flat-label-details-btn {

    display: block;

    text-decoration: none;

    font-family: 'Cookie';

    text-align: center;

    padding: 7px 20px;

    margin: 30px auto 0;

    color: #fff;

    border: 1px solid #fff;

    border-radius: 2px;

    width: 140px;

    transition: background 0.3s;

    font-size: 36px;

}

ul.flat-ul li .flat-li-label .label-details a.flat-label-details-btn:hover {

    background: #fff;

    color: #444;

}

.flat-ul h1 {

    font-family: 'Cookie';

    font-weight: normal;

    font-size: 38px;

    line-height: 38px;

    text-align: center;

    color: #444;

    margin: 0 0 20px 10px;

    padding: 0px;

    transition: font-size 0.3s;

}

.flat-li-label h1 {

    font-family: 'Cookie';

    font-weight: normal;

    font-size: 38px;

    line-height: 38px;

    text-align: left;

    color: #fff;

    margin: 0 0 0 10px;

    padding: 0px;

    transition: font-size 0.3s;

    float:left;

}

.flat-ul li:hover .flat-li-label h1 {

    font-size: 60px;

    line-height: 66px;

}

.flat-li-label h2 {

    font-family: 'Open sans', 'Helvetica Neue', Arial, sans-serif;

    font-weight: normal;

    font-size: 22px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    margin: 0px;

    padding: 0px;

    display: block;

}

.flat-li-label li:hover h2 {

    

}

.flat-li-label h3 {

    font-family: 'Open sans', 'Helvetica Neue', Arial, sans-serif;

    font-weight: normal;

    font-size: 16px;

    line-height: 40px;

    text-align: right;

    color: #fff;

    margin: 0px;

    padding: 0px;

    float: right;

}

.flat-ul li:hover h3 {

    display: none;

}

/* RESOLUTION CAP */

@media screen and (max-width: 1280px) and (min-width: 769px) {

    ul.flat-ul li {

        margin: 30px 3%;

        width: 44%;

        height: calc(43% * 236 / 315);

    }

    ul.flat-ul li:hover .flat-li-label {

        height: calc(100% - 30px);

    }

}

@media screen and (max-width: 768px) {

    ul.flat-ul li {

        margin: 30px 10%;

        width: 80%;

        height: calc(79% * 236 / 315);

    }

}

/* RESPONSIVE / RETINA */

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    @media screen and (min-width: 1025px) {

        ul.flat-ul li {

            margin: 30px 3%;

            width: 44%;

            height: calc(43% * 236 / 315);

        }

        ul.flat-ul li:hover .flat-li-label {

            height: calc(100% - 30px);

        }

    }

    @media screen and (max-width: 1024px) {

        ul.flat-ul li {

            margin: 30px 10%;

            width: 80%;

            height: calc(79% * 236 / 315);

        }

        ul.flat-ul li .flat-li-label {

            height: 85px;

        }

        ul.flat-ul li .flat-li-label .label-details {

            position: absolute;

            bottom: -120px;

            opacity: 0;

            width: calc(100% - 20px);

            transition: bottom 0.4s, opacity 0.4s;

        }

        ul.flat-ul li:hover .flat-li-label .label-details {

            bottom: 20%;

        }

        ul.flat-ul li .flat-li-label .label-details a.flat-label-details-btn {

            padding: 9px 30px;

            margin: 50px auto 0;

            font-size: 65px;

        }

        .flat-ul li:hover h1 {

            font-size: 90px;

            line-height: 100px;

        }

        /* TEXT */

        .flat-ul h1 {

            font-size: 76px;

            line-height: 76px;

            padding: 8px 0 0 0;

            margin: 0 0 15px 5px;

        }

        .flat-li-label h1 {

            font-size: 76px;

            line-height: 76px;

            padding: 8px 0 0 0;

            margin: 0 0 0 5px;

        }

        .flat-li-label h2 {

            font-size: 50px;

            line-height: 52px;

        }

        .flat-li-label h3 {

            font-size: 34px;

            line-height: 40px;

            padding: 26px 0 0 0;

            margin: 0 5px 0 0;

        }

    }

}

/*

---->  VIDEOS  <----

*/

#flat>.video {
    width:100%!important;
    max-width: 750px!important;
    border: 10px solid #fff;
    -webkit-box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.30);
    box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.30);
    margin: 30px auto 50px;
}

/*

---->  FAMILY  <----

*/

#family-wrapper, #chalet-wrapper {

    background: #fff;

}

#family {

    padding: 0 0 50px 0;

    margin: -1px auto 0;

}

#family img {

    width: calc(100% - 20px);

    max-width: 240px;

    border: 10px solid #fff;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);

}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) and (max-width: 768px){

    #family img {

        max-width: 480px;

    }

}

@media screen and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) and (max-width: 768px){

    #family img {

        max-width: 720px;

    }

}

@media screen and (-webkit-min-device-pixel-ratio: 4), (min-resolution: 384dpi) and (max-width: 768px){

    #family img {

        max-width: 960px;

    }

}

/*

---->  CHALET.PHP  <----

*/

#chalet img {

    width: calc(100% - 20px);

    max-width: 400px;

    margin-top: 15px;

    margin-bottom: 25px;

    padding: 0;

}

/*

---->  LIGHTBOX  <----

*/

#lightbox-wrapper {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000;

    width: 100%;

    height: 100vh;

    background: rgba(0,0,0,0.80);

    display: none;

    opacity: 0;

}

.lightbox-img {

    display: none;

    opacity: 0;

    margin: 40px auto 0;

    max-width: 90%;

    max-height: 90vh;

    border: 10px solid #fff;

}

.lightbox-btn {

    cursor: pointer;

}

/*

---->  CALENDAR  <----

*/

.calendar {

    width: 90%;

    margin: 10px 5%;

}

/*

---->  CONTACT  <----

*/

#contact-top-bg {

    width: 100%;

    padding: 0;

    margin: 0;

}#contact-top-bg img {

    width: 100%;

}

@media screen and (min-width: 1281px) {

    .contact_ctt {

        width: 50%;

        margin: 20px 25% 50px;

    }

}

@media screen and (min-width: 1025px), (max-width: 1028px) {

    .contact_ctt {

        width: 64%;

        margin: 20px 18% 50px;

    }

}

@media screen and (max-width: 1024px) {

    .contact_ctt {

        width: 80%;

        margin: 20px 10% 50px;

    }

}

.contact_ctt form table, .contact_ctt form fieldset {

    width: 100%;

    margin: 0 0 20px 0;

}

.contact_ctt input, .contact_ctt textarea {

    width: 90%;

    margin: 5px auto;

    padding: 7px;

    font-size: 14px;

    border: 1px solid #444;

}

.contact_ctt input[type="submit"] {

    font-family: 'Cookie';

    font-weight: normal;

    font-size: 36px;

    line-height: 38px;

    cursor: pointer;

    transition: background 0.2s, color 0.2s;

    border: 1px solid #444;

    border-radius: 4px;

}

.contact_ctt input[type="submit"]:hover {

    background: #444;

    color: #fff;

}

/*

---->  FOOTER  <----

*/

#footer-wrapper {

    position: relative;

    padding: 0;

    margin: 0;

    width: 100%;

    min-height: 300px;

    background-size: 100% auto;

    background-color: #333;

    border-top: 3px solid #555;

    -webkit-box-shadow: 0px -5px 5px 2px rgba(0,0,0,0.40);

    -moz-box-shadow: 0px -5px 5px 2px rgba(0,0,0,0.40);

    box-shadow: 0px -5px 5px 2px rgba(0,0,0,0.40);

}

#footer a {

    color: #fff;

    margin: 0;

    padding: 7px 0 2px 2px;

}