@font-face {
    font-family: 'abel';
    src: url('../fonts/abel-regular-webfont.woff2') format('woff2'), url('../fonts/abel-regular-webfont.woff') format('woff'), url('../fonts/abel-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: url('../fonts/oswald-light-webfont.woff2') format('woff2'), url('../fonts/oswald-light-webfont.woff') format('woff'), url('../fonts/oswald-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: url('../fonts/oswald-regular-webfont.woff2') format('woff2'), url('../fonts/oswald-regular-webfont.woff') format('woff'), url('../fonts/oswald-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: url('../fonts/oswald-bold-webfont.woff2') format('woff2'), url('../fonts/oswald-bold-webfont.woff') format('woff'), url('../fonts/oswald-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body {
    font-family: 'abel', sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    color: #000;
}

header {
    padding-top: 40px;
    padding-bottom: 20px;
    overflow: hidden;
}

a {
    text-decoration: none;
    color: #000000;
    text-decoration: none;
    transition: all 0.3s;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #000;
}

.logo {
    float: left;
}

.menutop {
    float: right;
    width: 1000px;
    text-align: right;
    padding-top: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d5d5;
}

.menutop .applybutton {
    width: 115px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    border: 1px solid #FFF;
    font-size: 14px;
    float: right;
    margin-top: -3px;
    letter-spacing: 0;
    background: #ed1c24;
    color: #FFF;
}

.menutop .applybutton:hover {
    color: #ed1c24;
    border: 1px solid #d3ecdb;
    background: transparent;
}

#mainmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
}

#mainmenu li {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    padding-right: 28px;
}

#mainmenu li a {
    font-size: 20px;
}

#mainmenu li a:hover {
    text-decoration: none;
    color: #ed1c24;
}

.mainpagetitle {
    margin-top: 20px;
    float: right;
    width: 810px;
    text-align: right;
    color: #000;
    font-size: 30px;
    font-family: 'oswald', sans-serif;
    line-height: 40px;
    margin-bottom: 0;
}

.h1like {
    color: #ed1c24;
    font-size: 30px;
    font-family: 'oswald', sans-serif;
    line-height: 40px;
    margin-bottom: 0;
}

.skewed {
    position: relative;
    color: #FFF;
    display: inline-block;
    vertical-align: top;
    padding: 36px 19px;
    font-size: 26px;
    line-height: 27px;
}

.skewed:before {
    content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    background: #2890cd;
    z-index: -1;
    transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
}

.applynotif {
    margin-top: 20px;
}

.applynotif:hover,
.applynotif:focus {
    color: #FFF;
    opacity: 0.8;
}

.slider {
    height: 417.43px;
    overflow: hidden;
}

.slider-txt {
    font-size: 19px;
    line-height: 21px;
    position: relative;
    padding-left: 35px;
    padding-top: 10px;
    min-height: 52px;
    color: #ec1e24;
}

.slider-txt:before {
    color: #000;
    position: absolute;
    left: 0;
    top: 10px;
    line-height: 21px;
    font-size: 30px;
}

.slidercontainer img {
    width: 100%;
    height: auto;
    display: block;
}

.slideintro {
    font-size: 20px;
    line-height: 27px;
}

hr {
    width: 1140px;
    height: 1px;
    background: #d6d5d5;
    border: 0;
    margin: 20px auto;
}

h2 {
    font-family: 'oswald', sans-serif;
    font-size: 26px;
    margin: 0 0 15px 0;
    padding: 0;
    color: #2890cd;
}

.juryrow {
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}

.juryrowinner {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

.jury {
    width: 22%;
    padding: 0 10px;
    float: left;
}

.juryrowinner .jury {
    width: 16.666%;
    padding-top: 10px;
}

.jury img {
    width: 100%;
    height: auto;
}

.jurybutton {
    display: block;
    width: 12%;
    float: left;
    padding: 0 10px;
}

.jurybuttoninner {
    background: #ec1e24;
    display: block;
    height: 171px;
    position: relative;
    transition: all 0.3s;
    color: #FFF;
}

.jurybuttoninner:hover,
.jurybuttoninner:focus {
    background: #FFF;
    color: #ec1e24;
    ;
}

.jurybuttoninner:hover .buttonicon,
.jurybuttoninner:focus .buttonicon {
    left: 10px;
}

.jurybuttoninner .buttonicon {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    font-size: 40px;
    width: 100%;
    padding: 5px 10px 0;
    transition: left 0.3s;
}

.jurybuttoninner .buttontext {
    font-size: 24px;
    position: absolute;
    line-height: 25px;
    bottom: 0;
    padding: 10px;
    font-family: 'oswald', sans-serif;
    letter-spacing: -0.5px;
    width: 40px;
}

.nomargin {
    margin: 0;
}

.jurydesc {
    font-size: 15px;
    line-height: 19px;
    display: block;
    margin: 5px 0 10px;
}

.searchfront {
    position: relative;
}

.searchfront label {
    font-size: 14px;
    font-weight: normal;
    line-height: 27px;
    margin: 0 10px 0 0;
}

.searchfront input {
    width: 282px;
    height: 27px;
    border: 1px solid #a8a9ab;
    padding: 2px 10px;
    padding-right: 30px;
    outline: 0;
}

.searchfront .searchfrontbutton {
    position: absolute;
    right: 2px;
    top: 5px;
    background: url('../img/loader.svg');
    background-repeat: no-repeat;
    height: 16px;
    background-size: contain;
    background-position: 50% 50%;
    text-indent: -9999px;
    width: 28px;
    border: 0;
}

h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 20px 0;
}

.viewmorefromcategory {
    line-height: 30px;
    margin-left: 30px;
    position: relative;
    font-size: 15px;
}

.viewmorefromcategory:hover,
.viewmorefromcategory:focus {
    color: #868686;
}

.viewmorefromcategory:hover:after,
.viewmorefromcategory:focus:after {
    opacity: 0;
}

.viewmorefromcategory:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 5px;
    left: 0;
    background: #868686;
    opacity: 1;
    transition: all 0.3s;
}

.previewother {
    line-height: 30px;
    display: block;
    position: relative;
    font-size: 15px;
    color: #ec1e24;
}

.previewother:hover,
.previewother:focus {
    color: #2890cd;
}

.previewother:hover:after,
.previewother:focus:after {
    color: #8acda0;
    opacity: 0;
}

.previewother span {
    line-height: 35px;
    font-size: 18px;
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #2890cd;
    color: #FFF;
    margin-left: 15px;
    transition: all 0.3s;
}

.previewother:after {
    content: '';
    height: 1px;
    width: 119px;
    position: absolute;
    right: 44px;
    bottom: 6px;
    background: #ec1e24;
    opacity: 1;
    transition: all 0.3s;
}

.previewother:hover span,
.previewother:focus span {
    background: #ec1e24;
}

.awardrow {}

.awardrowcontent {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
}

.awardrowcontent .award {
    width: 20%;
    padding: 0 10px;
    float: left;
    display: block;
    position: relative;
    cursor: pointer;
}

.awardrowcontent .award:after {
    content: 'ABOUT THE PROJECT';
    text-decoration: underline;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    height: 127px;
    font-size: 18px;
    line-height: 127px;
    text-align: center;
    background: rgba(237, 28, 36, 0.4);
    opacity: 0;
    transition: all 0.3s;
    z-index: 2;
}

.awardrowcontent .award:hover:after {
    opacity: 1;
}

.awardrowcontent .award img {
    width: 100%;
    height: auto;
}

.awardrowcontent .award span {
    font-family: 'oswalrd', sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin-top: 5px;
    display: block;
}

.yearbook {
    margin-top: 10px;
}

.yearbookcontain {}

.yearbookcontain img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    background: #ebebeb;
}

.yearbookpublications {
    overflow: hidden;
    width: 400px;
    margin-right: -5px;
}

.yearbookpublication {
    width: 16.66666%;
    float: left;
    padding: 0 5px;
}

.yearbookpublication:hover {
    opacity: 0.8;
}

.yearbookpublication img {
    width: 100%;
    height: auto;
}

.yearbooktext {
    padding-left: 145px;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 42px;
}

.yearbookright {
    letter-spacing: 0;
}

.yearbooklink {
    float: left;
    text-align: left;
    line-height: 20px;
    width:100%;
}

.yearbooklink a {
    text-decoration: underline;
}

.yearbooklink a:hover {
    text-decoration: none;
}

.yearbookbuy {
    position: absolute;
    width: 190px;
    text-align: left;
    left: -54px;
    top: 50%;
    z-index: 3;
    transform: translateY(-40%);
    -webkit-transform: translateY(-47%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    padding-top: 22px;
    padding-bottom: 22px;
}

.yearbookbuy:hover {
    opacity: 0.9;
    text-decoration: none;
    color: #ed1c24;
}

.yearbookbuy:hover:before {
    background: #FFF;
    border: 1px solid #ebebeb;
}

footer {
    background: #d7eaf5;
    padding: 20px 0 0;
}

.afterfooter {
    background: #000;
    font-size: 13px;
    letter-spacing: 0;
    padding: 5px 0;
    color: #FFF;
}

.footermenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    padding-right: 110px;
}

.footermenusrow:last-child .footermenu {
    padding-right: 0;
}

.footermenusrow:first-child .footermenu {
    padding-left: 50px;
}

.footermenu li {}

.footermenu li a {}

.footerlogo {
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 40px;
}

.footerlogo img {
    float: left;
}

.footerlogo p {
    float: left;
    padding-left: 15px;
    font-size: 13px;
    color: #2890cd;
}

.footerlogo p a {
    border-bottom: 1px solid #2890cd;
    color: #2890cd;
}

#newsletterfield {
    width: 250px;
    background: transparent;
    border: 1px solid #888686;
    outline: 0 !important;
    padding: 5px 10px;
    padding-right: 30px;
}

.newslettersubmit {}

.newsletterifeldholder {
    position: relative;
    width: 250px;
    margin-top: 5px;
}

.newslettersubmit {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: 0;
    outline: 0;
    height: 33px;
    padding: 0;
    width: 26px;
    text-align: center;
    line-height: 39px;
}

.europlogo {
    position: absolute;
    right: 70px;
    bottom: 20px;
}

.chilogo {
    position: absolute;
    right: 15px;
    bottom: 20px;
}

.footerrow {
    position: relative;
}

.opendetailsrow {
    padding: 50px 10px 10px;
    overflow: hidden;
}

.mainphotoholder {
    float: left;
    width: 676px;
    overflow: hidden;
    height: 340px;
    z-index: 2;
    position: relative;
}

.mainphotoholder img {
    width: 100%;
    height: auto;
}

.projectsummaryholder {
    float: left;
    width: 464px;
    padding-left: 20px;
    height: 340px;
    overflow: hidden;
}

.moreprojectphotos {
    overflow: hidden;
    margin: 10px -10px 0;
}

.morephoto {
    float: left;
    width: 50%;
    padding: 0 10px;
    height: 132px;
    overflow: hidden;
}

.morephoto img {
    width: 100%;
    height: auto;
}

.projecttitle {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
}

.projectdetails {
    font-size: 15px;
    height: 139px;
    overflow: hidden;
}

.projectdesclink {
    float: right;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 29px;
}

.projectdesclink span {
    font-size: 25px;
    display: block;
    float: left;
    position: relative;
    margin-top: -5px;
    margin-right: 5px;
}

.europlogo img,
.chilogo img {
    display: block;
}

.awarddetails {
    display: none;
}

.opendetailsrow {
    display: none;
    width: 100%;
    height: 400px;
    position:relative;
}

.opendetailsrow:after{
    content:'';
    width: 80px;
    height: 80px;
    background: url(../img/loader.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-right: 10px;
    margin-top: -2px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 1;
}

.awardloader {
    width: 18px;
    height: 30px;
    background: url('../img/loader.svg');
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-right: 10px;
    margin-top: -2px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: none;
}

#categoryselector {
    font-size: 21px;
    transition: all 0.3s;
    position: absolute;
    left: 15px;
    bottom: 0;
    cursor: pointer;
}

#categoryselector:hover>span {
    color: #ed1c24;
}

#categoryselector span.categoryselectorarrow {
    font-size: 27px;
    display: block;
    float: left;
    position: relative;
    margin-right: 5px;
    margin-top: -1px;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#categoryselectorbox {
    position: absolute;
    top: 100%;
    background: #FFF;
    width: 890px;
    z-index: 3;
    left: 0;
    border: 1px solid #000;
    padding: 15px;
    transition: all 0.3s;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

#categoryselectorbox.dropmenu {
    height: 260px;
    opacity: 1;
}

.categoryselectorrow {
    position: relative;
    font-size: 14px;
}

.categorycol {
    float: left;
    padding-right: 30px;
}

.categorycol:last-child {
    padding-right: 0;
}

.categorycol a {
    display: block;
    width: 100%;
    font-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.3s;
}

.categorycol a:hover {
    color: #ed1c24;
}

.categorylist {
    overflow: hidden;
    white-space: nowrap;
}

.awardcategorycontain {
    margin: 20px 0;
}

#categoryselector h3 {
    margin-bottom: 10px;
}

.categorypager {
    margin: 20px 0 10px 0;
    overflow: hidden;
}

.categorypager ul {
    list-style-type: none;
    padding: 0;
    text-align: right;
    float: right;
}

.categorypager ul li {
    vertical-align: top;
    float: left;
    font-size: 14px;
    padding: 0 5px;
    border-bottom: 1px solid #000;
    line-height: 14px;
}

.categorypager ul li:last-child {
    padding-right: 0;
}

.categorypager ul li:first-child {
    padding-left: 0;
}

.categorypager ul li a {
    text-align: center;
    display: block;
    transition: all 0.3s;
}

.categorypager ul li a:hover,
.categorypager ul li.active a {
    color: #ed1c24;
}

.categorypager ul li.active {
    border-bottom: 1px solid #ed1c24;
}

.arrowpager {
    float: right;
    font-size: 23px;
    position: relative;
    margin-top: -3px;
    margin-right: 5px;
}

.awardcategorycontain .award {
    margin: 10px 0;
}

hr.smaller {
    width: 100%;
    height: 1px;
    background: #d6d5d5;
    border: 0;
    margin: 25px auto;
}

.formbuttons {
    text-align: left;
    overflow: hidden;
    margin-top: 25px;
}

.formbuttons a {
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: bottom;
    text-align: center;
    border: 1px solid #ed1c24;
    margin-right: 10px;
    color: #ed1c24;
    font-size: 14px;
    float: left;
    letter-spacing: 0;
    padding: 0 10px;
}

.formbuttons a:hover,
.formbuttons a:focus {
    background: #ed1c24;
    color: #FFF;
}

h4 {
    font-size: 21px;
    margin-bottom: 10px;
    padding-bottom: 0;
    line-height: 27px;
    margin-top: 0;
}

.content ul {
    margin-left: 0;
    padding-left: 17px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.h4smaller {
    font-size: 21px;
    margin: 0;
    line-height: 22px;
}

.marginbot {
    margin-bottom: 40px;
}

.redhover h3 {
    transition: all 0.3s;
}

.redhover .row:hover h3 {
    color: #ed1c24;
}

.viewallcategory {
    float: right;
    transition: all 0.3s;
    line-height: 30px;
    position: relative;
}

.viewallcategory:after {
    content: '';
    width: 180px;
    background: #000;
    height: 1px;
    position: absolute;
    bottom: 6px;
    right: 0;
    transition: all 0.3s;
}

.viewallcategory span {
    font-size: 24px;
    float: left;
    margin-right: 5px;
    line-height: 20px;
    position: relative;
    top: 3px;
}

.viewallcategory:hover,
.viewallcategory:focus {
    color: #ed1c24;
}

.viewallcategory:hover:after,
.viewallcategory:focus:after {
    background: #ed1c24;
}

.arrowlink {
    color: #ed1c24;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}

.arrowlink span {
    color: #000;
    float: left;
    display: block;
    position: relative;
    top: 1px;
    font-size: 22px;
    line-height: 10px;
    margin-right: 5px;
}

.programlinks {
    padding: 10px 60px;
}

.programlinks a {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    font-size: 17px;
    letter-spacing: 0;
    padding: 0 20px;
    margin: 20px 15px;
    transition: all 0.3s;
}

.programlinks a:hover {
    background: #ed1c24;
    color: #FFF;
}

.contactinfo {
    float: left;
    letter-spacing: 0;
    padding-right: 40px;
    padding-bottom: 10px;
}

.contactinfo a {
    color: #ed1c24;
}

.contactinfo a:hover {
    color: #000;
}

#contactform label {
    font-weight: normal;
    font-size: 17px;
    width: 155px;
    float: left;
    line-height: 27px;
    margin-bottom: 10px;
}

#contactform input[type="text"] {
    outline: 0;
    border: 1px solid #918f8f;
    height: 27px;
    line-height: 27px;
    width: 250px;
    float: left;
    margin-bottom: 10px;
    padding: 0 10px;
}

#contactform textarea {
    border: 1px solid #918f8f;
    resize: none;
    width: 250px;
    outline: 0;
    padding: 10px;
}

#contactform br {
    clear: both;
}

#submitcontact {
    width: 115px;
    height: 30px;
    line-height: 26px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    font-size: 14px;
    letter-spacing: 0;
    outline: 0;
    background: transparent;
    margin-left: 290px;
    margin-top: 15px;
    transition: all 0.3s;
}

#submitcontact:hover {
    color: #FFF;
    background: #ed1c24;
}

.projectpreviewinner {
    float: right;
    transition: all 0.3s;
    overflow: hidden;
    padding-right: 5px;
    margin-left: 5px;
    margin-top: 30px;
    position: relative;
}

.projectpreviewinner:after {
    content: '';
    position: absolute;
    height: 1px;
    left: 28px;
    right: 4px;
    bottom: 0px;
    background: #868686;
    transition: all 0.3s;
}

.projectpreviewinner span {
    float: left;
    margin-right: 5px;
    font-size: 23px;
    line-height: 15px;
    position: relative;
    margin-top: 0px;
}

.projectpreviewinner:hover {
    color: #ed1c24;
}

.projectpreviewinner:hover:after {
    background: #ed1c24;
}

.previewphotoholder {
    width: 100%;
    height: 328px;
    overflow: hidden;
}

.previewphotoholder img {
    width: 100%;
    height: auto;
}

.previewprojectsummaryholder hr {
    margin: 5px 0;
}

.previewprojectsummaryholder .moreprojectphotos {
    margin-top: 0;
}

.previewprojectsummaryholder .morephoto {
    height: 132px;
}

.socialbutton {
    width: 12.2857%;
    margin: 0 1%;
    padding: 9px 0 0;
    display: block;
    float: left;
    text-align: center;
    border: 3px solid #3d3f3e;
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
    color: #3d3f3e;
    font-size: 20px;
    transition: all 0.3s;
}

.socialbutton span {
    display: block;
    height: 23px;
    line-height: 23px;
}

.socialbutton:hover {
    color: #ed1e27;
    border-color: #ed1e27;
}

.projectpreviewsocial {
    width: 75%;
    margin: 0 auto;
}

.projectdescription {
    margin-top: 20px;
    margin-bottom: 40px;
}

.otherprojects {
    margin-top: 10px;
}

.otherprojects h5 {
    color: #ed1c24;
    font-size: 16px;
}

.otherproject {
    display: inline-block;
    font-size: 14px;
}

#searchproject.searchprojectinner {
    width: 315px;
}

.pressimagebutton {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    font-size: 14px;
    letter-spacing: 0;
    padding: 0 10px;
    margin-right: 10px;
    transition:all 0.3s;
}

.pressimagebutton:hover{
    background: #ed1c24;
    color:#FFF;
}

.container{
    width:1170px !important;
}

#yearbook_orderheader{
    background: #ededed;
    overflow: hidden;
    padding: 15px 0;
    margin-bottom: 20px;
    font-family: 'oswald', sans-serif;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 0.5px;
}

.yearbookfield{
    overflow: hidden;
    margin-bottom: 15px;
}

.yearbooklabel{
    float: left;
    width: 110px;
    font-weight: bold;
    padding: 11px 0;
}

.yearbookinput{
    float: left;
}

.yearbookinput input{
    outline: 0 !important;
    border: 1px solid #d3d3d3;
    background: #fafafa;
    display: block;
    padding: 10px 15px;
    width: 300px;
}

.yearbookfield select{
    outline: 0 !important;
    border: 1px solid #d3d3d3;
    background: #fafafa;
    display: block;
    padding: 10px 15px;
    width: 300px;
}

.yearbookfield input.error, .yearbookfield select.error{
    border: 1px solid #FF0000;
}

.yearbookfield button{
    border: 0;
    background: #ec1e24;
    color: #FFF;
    padding: 15px 15px;
    width: 100%;
    margin-top: 10px;
    border: 2px solid #ec1e24;
    line-height: 25px;
    display: block;
    font-size: 20px;
    transition: all 0.3s;
}

.yearbookselect button span{
    display:inline-block;
}

.yearbookfield button:hover, .yearbookfield button:focus{
    background: #FFF;
    color: #ec1e24;
}

.orderdetails{
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 33px;
    font-size: 18px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.orderdetails input{
    border: 0;
    text-align: center;
    width: 50px;
    font-weight: normal;
    font-size: 25px;
}

.yearbooksubtotal, .yearbookshipping, .yearbooktotal{
    font-weight: normal;
    font-size: 25px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -1px;
}

.yearbookincrease, .yearbookdecrease{
    margin: 0 5px;
    background: #ec1e24;
    color: #FFF !important;
    width: 33px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#yearbook_orderform{
    margin-bottom:20px;
}

#contactform input.errorfield, #contactform textarea.errorfield{
    border-color:#FF0000;
}

.newspost{
    margin-bottom: 20px;
    border-bottom: 1px solid #d6d5d5;
}

.newspost img{
    
width: 100%;
    
height: auto;
}

.newstitle{
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000;
}

.entry{
    
}

.entry p{
    
}

.entry a{
    
text-decoration: underline;
}

.newssharebox{
    margin-top: 20px;
    text-align: right;
    line-height: 32px;
    font-size: 20px;
}

.newssharebox a{
    display: inline-block;
    vertical-align: top;
    padding: 9px 0 0;
    text-align: center;
    border: 3px solid #3d3f3e;
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
    color: #3d3f3e;
    font-size: 20px;
    transition: all 0.3s;
    margin-left: 5px;
}

.newssharebox a span{
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    font-size: 15px;
}

.newspostdate{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
}

.postarchive{
    margin-top: 40px;
    margin-bottom: 20px;
}

.postarchive p{
    font-size: 18px;
}

.recentposts{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.recentposts li{
    
}

.recentposts li a{
    
}

.searchnews{
    position:relative;
}

.searchnews input{
    width: 100%;
    height: 27px;
    border: 1px solid #a8a9ab;
    padding: 2px 10px;
    padding-right: 30px;
    outline: 0;
}

.searchnews button{
    position: absolute;
    right: 2px;
    top: 5px;
    background: url(../img/loader.svg);
    background-repeat: no-repeat;
    height: 16px;
    background-size: contain;
    background-position: 50% 50%;
    text-indent: -9999px;
    width: 28px;
    border: 0;
}

.searchtermrow{
    font-size: 24px;
    color: #5f5f5f;
    font-style: italic;
    margin-bottom: 20px;
}

.newsarticlecontain{
    
}

.newsmainimage{
    max-width: 100%;
    height: auto;
}

.newsarticlecontain h1{
    font-size: 35px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    margin-top: 20px;
}

.newsintrotext{
    margin-bottom: 20px;
    font-style: italic;
}

.newsmaincontent{
    font-size: 18px;
}

.newsarticleback{
    font-size: 20px;
    font-weight: bold;
    margin-top: 26px;
    display: inline-block;
}

#cardlogos{
    border:0;
    vertical-align: middle;
    width: 40%;
    position: absolute;
    bottom: 19px;
    right: 210px;
}

#cardlogos td{
    vertical-align:middle;
    padding: 0 5px;
}

#cardlogos img{
    width:100%;
    height:auto;
}

.yearbookvisitmetropolitan {
    margin-top: 25px;
}

.yearbookvisitmetropolitan a {
    padding-bottom: 15px;
}

.yearbookvisitmetropolitan img {
    background:transparent;
}

.yearbookvisitmetropolitan a:first-child {
    padding-top: 10px;
}