@font-face {
    font-family: 'Museo';
    src: url("../fonts/Museo300-Regular.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo';
    src: url("../fonts/Museo300-Regular.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

.bg-tile {
    height: 100%;
    background: url('../images/moment/bata-tileable.jpg') center center;
}

.prts {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 100px;
}

.prts .pull-left {
    float: left !important;
}

.prts .pull-right {
    float: right !important;
}

.prts .mb10 {
    margin-bottom: 10px;
}

.prts .mb20 {
    margin-bottom: 20px;
}

.prts .mt20 {
    margin-top: 20px;
}

.prts .mb30 {
    margin-bottom: 30px;
}

.prts .header {
    background: url('../images/moment/panorama-pattern.jpg') repeat-x;
    height: 75px;
    padding: 0 50px;
}

.prts .left-logo {
    margin-top: 10px;
    max-width: 100%;
}

.prts.right-logo {
    margin-top: 30px;
}

.prts .content {
    padding: 80px 50px 30px;
}

.prts .museo {
    font-family: 'Museo', Helvetica, sans-serif;
}

.prts .canvas-panel {
    width: 65%;
    padding-right: 50px;
}

.prts .canvas-panel img {
    max-width: 100%;
}

.prts .form-panel {
    width: 35%;
    padding-top: 30px;
}

.prts .form-panel img {
    margin-top: -30px;
}

.prts .form-panel h2 {
    font-weight: 500;
    font-size: 28px;
    margin: 5px 0;
    line-height: 1.2;
}

.prts .form-panel input {
    width: 100%;
    border: 1px solid #e1e5e4;
    border-radius: 4px;
    height: 40px;
    padding: 5px 10px;
}

.prts .form-panel button[type="submit"] {
    width: 100%;
    background-color: #f3c13a;
    border-radius: 4px;
    color: #000;
    border: none;
    height: 40px;
    font-weight: 700;
}

.prts .form-panel a {
    color: #5386c7;
}

.prts .hide-for-small {
    display: block;
}

.prts .hide-for-big {
    display: none;
}

.prts .w60 {
    width: 70%;
}

.prts .w40 {
    width: 30%;
}

.prts .pr30 {
    padding-right: 30px;
}

.prts .img-responsive {
    max-width: 100%;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 768px) {
    .prts .header {
        /*background: url('../images/moment/panorama-pattern.jpg') repeat-x;
        height: 75px;*/
        padding: 0 10px;
    }
    .prts .canvas-panel {
        width: 100%;
        padding-right: 0;
    }
    .prts .canvas-panel img {
        max-width: 100%;
    }
    .prts .form-panel {
        width: 100%;
    }
    .prts .content {
        padding: 20px 10px;
    }
    .prts .hide-for-small {
        display: none;
    }
    .prts .hide-for-big {
        display: block;
    }
    .prts .form-panel {
        padding-top: 0px;
    }
}


/* ==================== */

.bg-panorama-moments {
    margin: 20px 0;
    background-image: url(../images/moment/panorama-moments-bg1.jpg);
    background-repeat: no-repeat;
    height: 526px;
}

.bg-panorama-moments2 {
    margin: 20px 0;
    background-image: url(../images/moment/panorama-moments-bg2.jpg);
    background-repeat: no-repeat;
    height: 526px;
}

.frm1 {
    margin: 450px 0 0 620px;
}

.frm2 {
    margin: 280px 0 0 407px;
    width: 320px;
    height: 200px;
}


/* ==================== */