p {
    margin-bottom: 0
}

p+p {
    text-indent: 1.5em;
    margin-top: 0
}

abbr {
    letter-spacing: 1px
}

.hide {
    display: none
}

html {
    background: #fff
}

html a {
    color: #111;
    text-decoration: underline
}

body {
    font: 17px 'Times', 'Times New Roman', serif 'universbold', 'Helvetica', 'Arial', 'Baskerville';
    line-height: 22px;
    color: #111
}

::selection {
    background: #111;
    color: #fff
}

::-moz-selection {
    background: #111;
    color: #fff
}

img {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    display: block
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

header {
    margin: 0;
    width: 100%
}

footer, #push {
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
    font: 17px 'Times', 'Times New Roman', serif 'universbold', 'Helvetica', 'Arial', 'Baskerville';
    clear: both
}

.footer-text {
    font: 17px 'Times', 'Times New Roman', serif 'universbold', 'Helvetica', 'Arial', 'Baskerville';
    width: 120px;
    padding-top: 10px;
    padding-left: 30px;
    float: left
}

#footer-text a {
    text-decoration: none;
    border-bottom: 1px dotted #111
}

.footer-text ul {
    list-style-image: none;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-text li {
    padding: 0
}

input {
    border: 1px solid #111;
    padding: 2px;
    background: #fff
}

#container {
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.small {
    font: 12px 'Helvetica', 'Arial', 'san-serif';
    letter-spacing: 1px
}

#contact a {
    text-decoration: none
}

footer a {
    text-decoration: none
}

h1 {
    font: 16px 'Helvetica', 'Arial', 'san-serif';
    letter-spacing: 1px
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.display {
    overflow: hidden;
    float: left;
    display: inline
}

.more {
    cursor: pointer;
    color: #777
}

.extended {
    cursor: pointer
}

.photolink{
    color: red;
}

@media only screen and (min-width:1200px) {
    .row {
        margin: 0 auto;
        width: 960px;
        overflow: hidden
    }

    .row .row {
        margin: 0 -20px 0 -20px;
        width: auto;
        display: inline-block
    }

    .col_1 {
        width: 60px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_2 {
        width: 200px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_3 {
        width: 340px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_4 {
        width: 480px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_5 {
        width: 620px;
        margin-top: 40px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_6 {
        width: 760px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_7 {
        width: 900px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_8 {
        width: 1040px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_9 {
        width: 1180px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_10 {
        width: 1320px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_11 {
        width: 1460px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_12 {
        width: 1600px;
        margin: 40px 40px 40px 40px;
        overflow: hidden;
        float: left;
        display: inline
    }
    
    .off_0 {
        margin-left: 40px 40px 40px 40px
    }

    .off_1 {
        margin-left: 120px
    }

    .off_2 {
        margin-left: 260px
    }

    .off_3 {
        margin-left: 400px
    }

    .off_4 {
        margin-left: 540px
    }

    .off_5 {
        margin-left: 680px
    }

    .off_6 {
        margin-left: 820px
    }

    .off_7 {
        margin-left: 960px
    }

    .off_8 {
        margin-left: 1100px
    }

    .off_9 {
        margin-left: 1240px
    }

    .off_10 {
        margin-left: 1380px
    }

    .off_11 {
        margin-left: 1520px
    }

    .off_12 {
        margin-left: 1660px
    }
}

@media only screen and (min-width:960px) {
    .col_1 {
        width: 48px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_2 {
        width: 160px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_3 {
        width: 272px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_4 {
        width: 384px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_5 {
        width: 496px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_6 {
        width: 608px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_7 {
        width: 720px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_8 {
        width: 832px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_9 {
        width: 944px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_10 {
        width: 1056px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_11 {
        width: 1168px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .col_12 {
        width: 1280px;
        margin: 32px 32px 32px 32px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .off_0 {
        margin-left: 32px 32px 32px 32px
    }

    .off_1 {
        margin-left: 96px
    }

    .off_2 {
        margin-left: 208px
    }

    .off_3 {
        margin-left: 320px
    }

    .off_4 {
        margin-left: 432px
    }

    .off_5 {
        margin-left: 544px
    }

    .off_6 {
        margin-left: 656px
    }

    .off_7 {
        margin-left: 768px
    }

    .off_8 {
        margin-left: 880px
    }

    .off_9 {
        margin-left: 992px
    }

    .off_10 {
        margin-left: 1104px
    }

    .off_11 {
        margin-left: 1216px
    }

    .off_12 {
        margin-left: 1328px
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .row {
        margin: 0 auto;
        width: 768px;
        overflow: hidden
    }

    .row .row {
        margin: 0 -14px 0 -14px;
        width: auto;
        display: inline-block
    }

    .grid_1 {
        width: 36px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_2 {
        width: 100px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_3 {
        width: 164px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_4 {
        width: 228px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_5 {
        width: 292px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_6 {
        width: 356px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_7 {
        width: 420px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_8 {
        width: 484px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_9 {
        width: 548px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_10 {
        width: 612px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_11 {
        width: 676px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }

    .grid_12 {
        width: 740px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    
    .off_1 {
        margin-left: 78px
    }

    .off_2 {
        margin-left: 142px
    }

    .off_3 {
        margin-left: 206px
    }

    .off_4 {
        margin-left: 270px
    }

    .off_5 {
        margin-left: 334px    
    }

    .off_6 {
        margin-left: 398px
    }

    .off_7 {
        margin-left: 462px
    }

    .off_8 {
        margin-left: 526px
    }

    .off_9 {
        margin-left: 590px
    }

    .off_10 {
        margin-left: 654px
    }

    .off_11 {
        margin-left: 718px
    }

    .show-phone {
        display: none !important
    }

    .show-tablet {
        display: inherit !important
    }

    .show-screen {
        display: none !important
    }

    .hide-phone {
        display: inherit !important
    }

    .hide-tablet {
        display: none !important
    }

    .hide-screen {
        display: inherit !important
    }
        .col_1 {
        margin-left: 10px;
    }

    .col_2 {
        margin-left: 10px;
    }

    .col_3 {
        width: 580px;
        margin-left: 10px;
    }
    .col_8{
        width: 580px;
        margin-left: 10px;
    }
    .col_7{
        margin: 40px 40px 40px 40px;
    }
}

@media only screen and (max-width:767px) {
    .row {
        margin: 0 auto;
        width: 300px;
        overflow: hidden
    }

    .row .row {
        margin: 0;
        width: auto;
        display: inline-block
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8,
    .grid_9, .grid_10, .grid_11, .grid_12 {
        width: 300px;
        margin: 10px 0 0 0;
        overflow: hidden;
        float: left;
        display: inline
    }

    .off_1, .off_2, .off_3, .off_4, .off_5, .off_6, .off_7, .off_8, .off_9,
    .off_10, .off_11 {
        margin-left: 0
    }

    .show-phone {
        display: inherit !important
    }

    .show-tablet {
        display: none !important
    }

    .show-screen {
        display: none !important
    }

    .hide-phone {
        display: none !important
    }

    .hide-tablet {
        display: inherit !important
    }

    .hide-screen {
        display: inherit !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .row {
        margin: 0 auto;
        width: 456px;
        overflow: hidden
    }

    .row .row {
        margin: 0;
        width: auto;
        display: inline-block
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8,
    .grid_9, .grid_10, .grid_11, .grid_12 {
        width: 456px;
        margin: 10px 0 0 0;
        overflow: hidden;
        float: left;
        display: inline
    }

    .show-phone {
        display: inherit !important
    }

    .show-tablet {
        display: none !important
    }

    .show-screen {
        display: none !important
    }

    .hide-phone {
        display: none !important
    }

    .hide-tablet {
        display: inherit !important
    }

    .hide-screen {
        display: inherit !important
    }
}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.row:after, .clearfix:after {
    clear: both
}

.row, .clearfix {
    zoom: 1
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}


.col_2 {
        margin-bottom: 10px;
    }

.col_3 {
    margin-bottom: 5px;
}
.col_7{
    margin-top: 10px;
}

.col_8 {
    margin-top: 20px;

}