@import url("socool-graphs.css");
@import url("socool-tables.css");
@import url("socool-images.css");
@import url("socool-forms.css");
@import url("socool-blocks.css");
@import url("socool-flexslider.css");
@import url("socool-animations.css");
@import url("socool-galleries.css");
@import url("socool-content.css");

/* Overriding default styles */

#content ul {
    margin: 0 0 24px 0;
    padding: 0;
}

#content ol {
    margin: 0 0 24px 0;
    padding: 0 0 0 25px;
}

#content ul li {
    margin: 0px 0px 9px 0px;
    padding: 0px 0px 0px 14px;
    text-align: left;
    text-indent: 0px;
    background: url("images/red-bullet.png") no-repeat 0px 4px;
    background-size: 8px 12px;
    list-style: none;
    vertical-align: top;
}

#content ol li {
    margin: 0px 0px 9px 0px;
    padding: 0px 0px 0px 3px;
    text-align: left;
    text-indent: 0px;
    vertical-align: top;
}

#content p {
    margin: 0 0 24px;
}

#content h2,
.contentarea h2 {
    floatont-face: "Myriad W01 Regular", Helvetica, Arial, sans-serif;
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 12px;
    font-weight: bold;

}

#content ol,
.contentarea ol,
#content ul,
.contentarea ul {
    clear: both;
}

#content h3,
.contentarea h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin: 0 0 5px;
    color: #101010;
}

#content h4,
.contentarea h4,
#content h5,
.contentarea h5 {
    font-size: 19px;
    font-weight: normal;
    line-height: 24px;
    color: #101010;
    margin-top: 10px;
}


#content h6,
.contentarea h6 {
    width: 60%;
    padding-right: 40%;
    margin: 50px 0 50px 0;
    color: #007daf;
}

.inline-images-centered {
    text-align: center;

}

.inline-images-centered figure {
    display: inline-block;
}

.text-full-width {
    display: block;
    float: left;
    width: 100%;

}

.text-full-width .text-box-full-width {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    padding: 0 0px;
}

.text-full-width .text-box-full-width {
    text-align: center;
}


.text-two-columns {
    display: block;
    float: left;
    width: 100%;

}

.text-two-columns .full-width-wrap {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    padding: 0 0px;
}

.text-two-columns .text-box-column-left {
    display: block;
    float: left;
    width: 45%;
    padding: 0 5% 0 0;
    margin: 0;
    min-height: 5px;
}

.text-two-columns .text-box-column-right {
    display: block;
    float: left;
    width: 49%;
    padding: 0;
    margin: 0;
    min-height: 5px;
}

.text-three-columns {
    display: block;
    float: left;
    width: 100%;

}

.text-three-columns .full-width-wrap {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0 30px 0;
}

.text-three-columns .text-box-column-left {
    display: block;
    float: left;
    width: 30%;
    padding: 0 5% 0 0;
    margin: 0;
    min-height: 5px;
}

.text-three-columns .text-box-column-center {
    display: block;
    float: left;
    width: 30%;
    padding: 0 5% 0 0;
    margin: 0;
    min-height: 5px;
}

.text-three-columns .text-box-column-right {
    display: block;
    float: left;
    width: 30%;
    padding: 0;
    margin: 0;
    min-height: 5px;
}


.socool-calloutbox {
    /*	background: rgba(30, 118, 171, 0.89);*/
}

#content .socool-calloutbox h1,
#content .socool-calloutbox h2,
#content .socool-calloutbox h3,
#content .socool-calloutbox h4,
#content .socool-calloutbox h5,
#content .socool-calloutbox h6,
#content .socool-calloutbox p,
#content .socool-calloutbox a
.contentarea .socool-calloutbox h1,
.contentarea .socool-calloutbox h2,
.contentarea .socool-calloutbox h3,
.contentarea .socool-calloutbox h4,
.contentarea .socool-calloutbox h5,
.contentarea .socool-calloutbox h6,
.contentarea .socool-calloutbox p {
    color: #fff;
}

.socool-calloutbox-inner {
    /*	background: #f66802; */
    background: rgba(30, 118, 171, 0.89);
    width: 88%;
    padding: 20px 6% 20px 6%;

}

/* @group Blog */

/* Blog */
.blog-header h1 {
    text-align: center;
}

.blog-header h3 {
    text-align: center;
}

.related-post-item {
    float: left;
    margin: 0 10px 10px;
    position: relative;
    width: 47%
}

.post-holder .blog-post {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    padding: 0;
    letter-spacing: 0;
    margin: 10px 1% 11px 1%;
    height: 400px;
    position: relative;

}

.template-blog_list .main-holder {
    background: #fff;
}

.template-blog_post .main-holder {
    background: #fff;
}

.template-blog_list .article header p {
    font: 400 13px/15px "Open Sans", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;

}

.template-blog_post .article header time {
    font: 400 13px/15px "Open Sans", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: initial;
}

.blog-side-list ul {
    padding: 0;
    list-style: none;
}

.blog-side-list ul li {
    padding: 0 0 0 0;
    margin: 0 0 6px 0;
    list-style: none;
}

.blog-side-list ul li a {
    color: #2b374f;
}

.social-share {
    margin-bottom: 10px;
}

.blog-filters {
    margin-bottom: 10px;
    margin-top: 30px;
}

.blog-filters span {
    font: 400 13px/15px "Open Sans", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    background-color: #a59c99;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    margin: 11px 11px 0 0;
    padding: 6px 9px;
    transition: all .4s ease-in-out;
    border-radius: 4px;
    cursor: pointer;
}

.blog-filters span.selected {
    background-color: #2b374f;
}

#blog-show-more {
    font: 400 13px/15px "Open Sans", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    background-color: #a59c99;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    margin: 11px 11px 0 0;
    padding: 6px 9px;
    transition: all .4s ease-in-out;
    border-radius: 4px;
    cursor: pointer;
}

#blog-show-more:hover {
    background-color: rgba(6, 185, 234, 1);
}

.blog-post .post-bg {
    background-color: #8f3834;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(90%) grayscale(95%);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    min-height: 399px;
    position: relative;
    transition: all .4s ease-in-out;
}

.post-holder .hide {
    display: none;
}

.blog-post .post-bg-layer {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(66, 67, 56, 0.75) 100%) repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .4s ease-in-out;
    width: 100%
}

.blog-post .post-content-wrap {
    bottom: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
}

.blog-post .blog-post-wrap {
    display: block;
    float: left;
    width: 100%;

}

.blog-post .post-content {
    padding: 16px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.44) 100%) repeat scroll 0 0;

}

.blog-post .post-content h2 {
    font-size: 22px;
    line-height: 26px;
    color: #fff !important;
    margin: 6px 0 10px 0;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 12px rgba(0, 0, 0, 0.3);
    font: 700 25px/28px "Myriad W01 Bd", Helvetica, Arial, sans-serif;
}

.blog-post .post-content p {
    font-size: 16px;
    line-height: 19px;
    color: #fff !important;
}

.blog-post:hover .post-bg {
    filter: none
}

.blog-post .post-tags span {
}

.blog-post .post-author span {
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

.blog-post .post-author span.info-separator {
    padding: 0 10px 0 10px;
}

.blog-post .post-tags span {
    font: 400 11px/11px "Open Sans", Helvetica, Arial, sans-serif;
    background-color: rgba(164, 155, 152, 0.99);
    text-shadow: 0 0 2px rgb(84, 83, 82);
    text-transform: uppercase;
    letter-spacing: .125em;
    letter-spacing: 0.5px;
    color: #fff;
    display: inline-block;
    margin: 11px 11px 0 0;
    padding: 6px 9px;
    transition: all .4s ease-in-out;
    border-radius: 2px;

}

.blog-post:hover .post-tags span {
    background-color: rgba(6, 185, 234, 0.99);

}

.blog-post:hover {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
}

/* @end */


/* @group Slider */


.socool-block-arrows {
    width: 100%;
    margin: 0px auto;
    display: block;
    float: left;
}

.socool-slider-inner {
    width: 100%;
    margin: 0px auto;
    display: block;
    float: left;
}

.slick-slide {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.slick-slide.slick-center {
    opacity: 1;
    filter: none;

}

.slick-slide img {
    width: auto;
    height: 300px;
}

.slick-next {
    right: 5px;
}

.slick-prev {
    left: 5px;
}

.slick-slide div {
    position: relative;
}

.slick-slide .socool-block-image-list-text {
    position: absolute;
    display: block;
    float: left;
    width: 96%;
    padding: 6px 2% 4px 2%;
    margin: 0;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0.0;
    z-index: 1000;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.slick-slide .socool-block-image-list-text p {
    color: #fff !important;
    margin: 2px 0 8px 0;
}

.slick-slide.slick-current:hover .socool-block-image-list-text {
    background: rgba(0, 0, 0, 0.55);
    opacity: 1;
}

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

    .slick-slide img {
        width: auto;
        height: 300px;
    }
}

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

    .slick-slide img {
        width: auto;
        height: 300px;
    }


}

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

    .slick-slide img {
        width: auto;
        height: 300px;
    }


}

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

    .slick-slide img {
        width: auto;
        height: 200px;
    }

    .slick-next {
        right: 0;
        background: none !important;
        box-shadow: none;
    }

    .slick-prev {
        left: 0;
        background: none !important;
        box-shadow: none;
    }

    .slick-prev:before, .slick-next:before {
        color: #fff;
    }


}


/* @group Slick */

.socool-block-arrows .slick-next:before {
    content: '›';
}

.socool-block-arrows .slick-prev:before {
    content: '‹';
}

.socool-block-arrows .slick-prev,
.socool-block-arrows .slick-next {
    width: 35px;
    height: 70px;
    background: #fff !important;
    border-radius: 5px;
    display: block;
    float: left;
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.socool-block-arrows .slick-prev:before,
.socool-block-arrows .slick-next:before {
    color: #7dba00;
    font-size: 70px;
    line-height: 70px;
    text-shadow: none;
    margin: 0 0 0 0;
    padding: 0;

    position: absolute;
    top: -6px;
    left: 0;
    width: 35px;
    height: 70px;
    font-family: arial, helvetica, sans-serif;
    vertical-align: middle;
    text-align: center;


}

.socool-block-arrows .slick-prev:hover,
.socool-block-arrows .slick-next:hover {
    background: #fff;
    opacity: 1;

}

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


    .socool-block-arrows .slick-next {
        right: 0;
        background: none !important;
        box-shadow: none;
    }

    .socool-block-arrows .slick-prev {
        left: 0;
        background: none !important;
        box-shadow: none;
    }

    .socool-block-arrows .slick-prev:before,
    .socool-block-arrows .slick-next:before {
        color: #7dba00;
    }


}

/* @end */


/* @group Tapahtumakalenteri */


#tapahtumakalenteri-container {
    display: block;

    margin-top: 0px;

}

#tapahtumakalenteri-inputs {
    display: block;
    float: left;
    width: 100%;
    margin-left: 20px;
    margin-top: 10px;
}

#tapahtumakalenteri-menu-container {
    display: block;
    float: left;
    width: 330px;
    margin-bottom: 10px;
}

#tapahtumakalenteri-menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    display: block;
    float: left;

    height: 100%;
    width: 100%;

    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;

    margin: 0;
    padding: 0;
}

#tapahtumakalenteri-menu ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    float: left;

    list-style: none;
    width: 100%;
}

#tapahtumakalenteri-menu ul li {
    list-style: none;
    list-style-type: none;

    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    float: left;

    clear: both;

    background: #405567;

    width: 100%;
    position: relative;
    z-index: 900;
}

#tapahtumakalenteri-menu ul li#tapahtumakalenteri-mita span {
    color: #fff;
    text-decoration: none;
    font-family: MuseoSans, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;

    width: 90%;
    padding: 11px 4% 9px 4%;
    margin: 0px 0px 0px 0px;

    display: block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

#tapahtumakalenteri-ilmoita-linkki {
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 100;
}

#tapahtumakalenteri-ilmoita-linkki a {
    display: block;
    float: right;
    padding: 11px 50px 9px 16px;
    font-size: 16px;
    line-height: 16px;
    background: #01bbd6;
    color: #fff !important;
    font-family: MuseoSans, Helvetica, sans-serif;
    font-weight: bold;

}

#tapahtumakalenteri-mita span {
    background: transparent url(icons/tapahtuma-icons.png) no-repeat right -152px;
    background-size: 23px 187px;
}

#tapahtumakalenteri-menu ul li#tapahtumakalenteri-mita.selected span {
    background: #fff url(icons/tapahtuma-icons.png) no-repeat right -152px;
    background-size: 23px 187px;
    color: #000;
    width: 105%;

}

.tapahtumakalenteri-input {
    background: transparent url(icons/tapahtuma-icons.png) no-repeat 7px -68px;
    background-size: 23px 187px;
    /*	overflow: hidden; */
}

.tapahtumakalenteri-input input {
    width: 100%;
    outline: none !important;
    border: none;
    padding-left: 36px;
    color: #fff;
    font-size: 16px;
    height: 35px;
}

.tapahtumakalenteri-input input {
    background: transparent url(icons/tapahtuma-icons.png) no-repeat 7px -109px;
    background-size: 23px 187px;
}

.tapahtumakalenteri-input input::placeholder {
    color: #fff;
}

.tapahtumakalenteri-input input#tapahtumakalenteri-date-input {
    background-position: 7px -68px;
}

.tapahtumakalenteri-input input#tapahtumakalenteri-search-input {
    background-position: 7px -109px;
    color: #fff;
}

.tapahtumakalenteri-input input#tapahtumakalenteri-date-input.datepicker-open {
    width: 115%;
}


.tapahtumakalenteri-input input.has-value,
.tapahtumakalenteri-input input:focus,
.tapahtumakalenteri-input input:valid {
    background-color: #fff;
    color: #000;
}

.tapahtumakalenteri-input input#tapahtumakalenteri-date-input.has-value,
.tapahtumakalenteri-input input#tapahtumakalenteri-date-input:focus,
.tapahtumakalenteri-input input#tapahtumakalenteri-date-input:valid {
    background-position: 7px 9px;
    color: #000 !important;
}

.tapahtumakalenteri-input input#tapahtumakalenteri-search-input.has-value,
.tapahtumakalenteri-input input#tapahtumakalenteri-search-input:focus,
.tapahtumakalenteri-input input#tapahtumakalenteri-search-input:valid {
    background-position: 7px -33px;
    color: #000 !important;
}


/* .tapahtumakalenteri-input input:invalid { background: #60bb45; }*/


#tapahtumakalenteri-submenu h3 {
    margin: 0 0 6px 0;
}

#tapahtumakalenteri-submenu {
    display: none;
    border-top: none;
    border-bottom: none;
    width: 642px;
    position: absolute;
    left: 109%;
    background: #fff;
    top: -120px;

    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
    padding: 20px;
    z-index: 998;
}


.tapahtumaOption {
    z-index: 50;
    float: left;
    width: 99%;
    margin-right: 1%;
    opacity: 1;

    padding: 3px 0 3px 0;
    position: relative;

    cursor: pointer;
    overflow: hidden;
}

.tapahtumaOption::before {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #e3e4e8;
    margin-right: 9px;
    position: absolute;
    top: 5px;
    left: 2px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 15px;
    line-height: 14px;
    text-align: center;

    content: "";
    color: #fff;
    border-color: #d8dbdd;
    background-color: #d8dbdd;
}

.tapahtumaOption.selected::before {
    color: #fff;
    content: "\2713";
    border-color: #60bb46;
    background-color: #60bb46;

}


.tapahtumaOption:hover p {
    text-decoration: underline;
}

.tapahtumaOption p {
    margin-bottom: 0px;
    margin-left: 28px;
    color: #6e6e6e;
    font-size: 15px;
    line-height: 17px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
    width: 150%;
}

.tapahtumaOption p i {
    color: #888;
    margin-left: 4px;
}

.tapahtumaOption.selected p {
    color: #000;
}

.tapahtumaOption strong:before {
    content: " - ";
    color: #a8aeb3;
}

.tapahtumaOption strong:empty {
    display: none;
}


.tapahtumaTag {
    z-index: 50;
    float: left;
    width: auto;
    margin-right: 1%;
    opacity: 1;

    padding: 5px 20px 3px 0;
    position: relative;

    cursor: pointer;
    overflow: hidden;
    background: #fff;
    margin: 0 5px 5px 0;

    border-radius: 3px;
}

.tapahtumaTag strong {
    display: none;
}

.tapahtumaTag::after {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #e3e4e8;
    position: absolute;
    top: 3px;
    right: 2px;
    background-color: #fff;
    border-radius: 7px;
    font-size: 17px;
    line-height: 11px;
    text-align: center;


    color: #fff;
    content: "-";
    border-color: #b4bcc2;
    background-color: #b4bcc2;
}

.tapahtumaTag:hover p {
    color: #01bbd6;
}

.tapahtumaTag p {
    margin-bottom: 0px;
    margin-right: 3px;
    margin-left: 6px;
    color: #6e6e6e;
    font-size: 12px;
    line-height: 12px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
    width: 100%;

}


#tapahtumakalenteri-menu li.selected #tapahtumakalenteri-submenu {
    color: #49535f;
    display: block;
}

#tapahtumakalenteri-mita-menu {
    display: block;
    float: left;
    width: 66%;
}

#tapahtumakalenteri-kenelle-menu {
    display: block;
    float: left;
    width: 33%;
}

#tapahtumakalenteri-mita-menu .tapahtumaOption {
    width: 49%;
}


/* @end */

/* @group Posts */


.post a h2 {
    color: #101010;
    transition: all 1s;
}

.post a {
    color: #101010;
    display: block;
    float: left;
}

.post .tag-holder {
    width: 100%;
    display: block;
    position: relative;
}

html.no-touch .post a:hover {
    text-decoration: none;
}

html.no-touch .post a:hover h2 {
    color: #34861d;
    transition: all 1s;
}

html.no-touch .post a:hover .btn {
    text-decoration: none;
    background: #359f41;
}

html.no-touch .post a .img-holder {
    position: relative;
}

html.no-touch .post a .img-holder:after {
    content: '';
    width: 100%;
    height: 0;
    display: block;
    float: left;
    box-shadow: inset 0px 0px 90px 1px rgba(0, 0, 0, 0);
    transition: all 0.3s;
    position: absolute;
    z-index: 100;
    top: 50%;
}

html.no-touch .post a:hover .img-holder:after {
    width: 100%;
    height: 100%;
    top: 0;
    box-shadow: inset 0px 0px 90px 1px rgba(0, 0, 0, 0.135);
    transition: all 0.1s;
}

.post .read-more {
    color: #007daf;
}

.post .text-holder {
    position: relative;
}

html.no-touch .post a .read-more {
    border-radius: 4px;
}

html.no-touch .post a:hover .read-more {
    content: 'Lue lisää';
    background: #34861d;
    color: #fff;
    padding: 1px 10px 1px 5px;
    z-index: 1000;
    transition: all 1s;
    opacity: 1;

}


.post {
    display: block;
    float: left;

    width: 94%;
    padding: 3%;
    margin: 0 2% 10px 0;

    background: #fff;

    letter-spacing: 0;
    vertical-align: top;

    box-shadow: 1px 1px 10px 4px rgba(0, 0, 0, 0.05);
    §
}

.links ul,
.post ul {
    list-style: none;
    background: none;
    padding: 0;
    margin: 5px 8px 15px 8px;
}

.links ul li,
.post ul li {
    position: relative;
    background: none !important;
    list-style: none;
    padding: 0 0 0 13px;
    margin: 0 0 6px 0;
    line-height: 16px;

}

.links ul li a,
.post ul li a {
    font-weight: bold;
}

.links ul li.active a {
    color: #000;
}

.links ul li:before,
.post ul li:before {
    position: absolute;
    left: 0;
    content: '› ';
    color: #7dba00;
    font-weight: bold;
    margin-right: 5px;
}


.post .text-holder {
    background: #fff;
    padding: 0;
}

.post {
    font-size: 14px;
    line-height: 18px;
}

.post h2 {
    font-size: 18px;
    line-height: 23px;
    margin: 8px 0 8px 8px;

    font-weight: normal;
    text-transform: uppercase;
}

.post h2 a {
    color: #101010;
}

.post p {
    margin: 8px 0 8px 8px;
}

.post .title {
    color: #101010;
    display: block;
}


.threecolumns {
    /*	overflow: hidden; */
    width: 99%;

}

.threecolumns .column {
    display: block;
    float: left;
    vertical-align: top;
    width: 32.35%;
    margin: 10px 0.485% 0px 0.485%;

}

/* .threecolumns .column.last {
	margin: 0 0 20px 0;
}
*/


/* @end */

/* @group Socool Modal */


#socool-modal-container {
    color: rgba(0, 0, 0, 0.65);
    width: 100%;
    background-color: rgba(213, 225, 235, 0.8);
    z-index: 9999999;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

#socool-modal-window {
    overflow: hidden;
    margin: 40px auto 0 auto;
    max-width: 870px;
    background: #fff;
    position: relative;
}

.show-socool-modal {
    overflow: hidden;
}

#socool-modal {
    display: none;

}

.show-socool-modal #socool-modal {
    display: block;
}

#socool-modal-close {
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 16px;
    right: 10px;
    background: url(/css/icons/icon-close.png) no-repeat 0 0;
    background-size: 48px 48px;
    cursor: pointer;
    z-index: 10;
}

#socool-modal-close:hover {
    cursor: pointer;
}

@media only screen and (max-width: 799px) {
    #socool-modal-window {
        margin: 0 auto;
    }

    #socool-modal-close {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }

}


/* @end */


.socool-background-cover-top .socool-block-background-image {
    background-size: cover;
    background-position: center top;
}

.socool-background-cover-bottom .socool-block-background-image {
    background-size: cover;
    background-position: center bottom;
}


/* @group Etusivun karuselli */


#socool-static-block-home {
    display: block;
    float: left;
    width: 100%;
    min-height: 50px;
    background-size: cover;
    background-position: center;
    position: relative;
    box-sizing: border-box;
    z-index: 0;


    min-height: 442px;
    max-height: 800px;
    overflow: hidden;

}

#socool-static-block-home .slick-dots li button:before {
    color: #d8e2eb;
    font-size: 16px;
    opacity: 0.8;

}

#socool-static-block-home .slick-dots li {
    margin: 0;
}

#socool-static-block-home .slick-dots li.slick-active button:before {
    color: #00bbda;
    opacity: 1;
}

#socool-static-block-home .slick-dots {
    text-align: left;
    bottom: -30px;
    margin-left: 0px;
    padding-left: 175px;
}

#socool-static-block-home .text-slide {
    width: 50%;
    display: block;
    float: left;
    padding: 0px 0px;
    opacity: 0;
}

#socool-static-block-home #text-slides-wrap {
    position: absolute;

    left: 0;
    top: 90px;
    background: transparent;
    height: 60%;
    width: 100%;
    min-width: 290px;
    padding: 0px 0px;

}

#socool-static-block-home table.text-slide-table {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

#socool-static-block-home .text-slide-table tr td {
    border: none;
    padding: 0 30px 0 0;
    max-width: 40%;
}

#socool-static-block-home .text-slide-table tr.text-slide-heading td {
    background: #007daf;
    padding: 20px 25px 20px 0px;
}

#socool-static-block-home .text-slide-table tr.text-slide-heading td.text-slide-table-padding {
    padding-left: 150px;
}

#socool-static-block-home .text-slide-table tr.text-slide-text td {
    background: rgba(0, 0, 0, 0.5);
    padding: 12px 25px 12px 0px;
}

#socool-static-block-home .text-slide h1 {
    margin: 0;
    padding: 5px 10px 5px 0;
    width: auto;
    float: left;
}

#socool-static-block-home .text-slide h1,
#socool-static-block-home .text-slide h2,
#socool-static-block-home .text-slide h3,
#socool-static-block-home .text-slide h4,
#socool-static-block-home .text-slide h5,
#socool-static-block-home .text-slide p {
    color: #fff;
}

#socool-static-block-home .text-slide .contentarea {
    padding-left: 1px;
    padding-right: 1px;
}

#socool-static-block-home .socool-block-arrows {
    width: 100%;
    margin: 0px auto;
    display: block;
    float: left;
}

#socool-static-block-home .socool-slider-inner {
    width: 100%;
    margin: 0px auto;
    display: block;
    float: left;
}

#socool-static-block-home .text-slide .link-2,
#socool-static-block-home .text-slide .btn {
    background: #fff;
    color: #17a555;
}

html.no-touch #socool-static-block-home .text-slide .link-2:hover,
html.no-touch #socool-static-block-home .text-slide .btn:hover {
    background: #fff;
    color: #000;
}

#socool-static-block-home .text-slide .link-1 {
    color: #fff;
}

#socool-static-block-home .slick-slide img {
    width: 100%;

    height: auto;
}

#socool-static-block-home .slick-prev, .slick-next {
    width: 40px;
    height: 40px;

}

#socool-static-block-home .slick-prev:before,
#socool-static-block-home .slick-next:before {
    font-size: 40px;
    text-shadow: 2px 2px 30px rgba(0, 0, 0, 0.6);
    width: 40px;
    height: 40px;
}

#socool-static-block-home .slick-slide .socool-block-background-image {
    position: absolute !important;
    background-position: top center !important;
}

#socool-static-block-home .slick-track:before,
#socool-static-block-home .slick-track:after {
    float: left;
    height: 1px;
    clear: both;
}

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

    #socool-static-block-home .text-slide-table tr.text-slide-heading td.text-slide-table-padding {
        padding-left: 90px;
    }
}

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

    #socool-static-block-home .text-slide-table tr.text-slide-heading td.text-slide-table-padding {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 719px) {
    #socool-static-block-home .text-slide {
        height: 195px;
    }

    #socool-static-block-home .slick-dots {
        margin-left: 0px;
        padding-left: 0;

    }

    #socool-static-block-home .slick-slide img {
        width: auto;
        height: 220px;
    }

    #socool-static-block-home #text-slides-wrap {
        top: 200px;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        padding: 0px 0px;

    }

    #socool-static-block-home .text-slide-table tr.text-slide-heading td.text-slide-table-padding {
        padding-left: 0;
    }

    #socool-static-block-home {
        display: block;
        float: left;
        min-height: 460px;
    }

}


/* @end */


/* @group Some napit */


/* Some napit */
.share-buttons {
    display: block;
    float: left;
    position: absolute;
    left: 0;
    bottom: -18px;
    z-index: 2;
    padding: 8px 4% 8px 4%;
}

.share-buttons-text {
    display: block;
    float: left;
    padding: 20px 0;
    position: relative;
}

.share-buttons-heading {
    color: #000;
    padding-bottom: 4px;

    position: absolute;
    z-index: -1;
    display: none;
}

.share-buttons-text .share-buttons-heading {
    position: static;
    display: none;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0 5px 0 0;
    display: block;
    float: right;
    z-index: 3;

}

.resp-sharing-button {
    border-radius: 20px;
    border: 1px solid #fff;

    transition: 25ms ease-out;
    padding: 4px 5px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.3);
}

.share-buttons-text .resp-sharing-button {
    box-shadow: none;
}


.resp-sharing-button__icon svg {
    width: 20px;
    height: 20px;
    margin: 0;
    vertical-align: top
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: none;
    fill: #fff;
}

/* Solid icons get a fill */

.resp-sharing-button--twitter {
    background-color: #55acee
}

.resp-sharing-button--twitter:hover {
    background-color: #2795e9
}


.resp-sharing-button--facebook {
    background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
    background-color: #2d4373
}


.resp-sharing-button--email {
    background-color: #777
}

.resp-sharing-button--email:hover {
    background-color: #5e5e5e
}


.resp-sharing-button--link {
    background-color: #54606d
}

.resp-sharing-button--link:hover {
    background-color: #44505d
}


.resp-sharing-button--whatsapp {
    background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
    background-color: #1da851
}

.resp-sharing-button--hackernews {
    background-color: #FF6600
}

.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
    background-color: #FB6200
}

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
}

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
}

.resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
    background-color: #5e5e5e;
    border-color: #5e5e5e;
}

.resp-sharing-button--link {
    background-color: #54606d;
    border-color: #54606d;
}

.resp-sharing-button--link:hover,
.resp-sharing-button--link:active {
    background-color: #44505d;
    border-color: #44505d;
}

.resp-sharing-button__link {
    background: none;
    padding: 0;
    border: 0;
    outline: none;
    position: relative;
}


.resp-sharing-button--link {
    height: 22px;
}

.resp-sharing-button--link .resp-sharing-button__icon {
    width: 20px;
    height: 20px;
}

.resp-sharing-button--link img {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-left: 1px;
}

.copy-link--notify {
    display: none;
    position: absolute;
    top: 35px;
    background: #54606d;
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;

}

/* @end */

/* @group Zebra_DatePicker */

.Zebra_DatePicker_Icon_Wrapper {
    margin: 0;
    padding: 0;
}

.Zebra_DatePicker {
    background: #fff;
    color: #1d1d1a;
    font: 13px MuseoSans, Helvetica, sans-serif;
    padding: 3px 3px;
    position: absolute;
    display: table;
    z-index: 1200;
    margin-top: -80px;
    margin-left: 20px;
}

.template-blocks_tapahtumakalenteri .Zebra_DatePicker {
    margin-top: -50px;
    margin-left: 20px;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
}

.Zebra_DatePicker table th,
.Zebra_DatePicker table td {
    color: #1d1d1a;
}

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
    box-sizing: content-box !important;
}

.Zebra_DatePicker * {
    padding: 0;
}

.Zebra_DatePicker table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0;
}

.Zebra_DatePicker th, .Zebra_DatePicker td {
    padding: 5px;
    cursor: pointer;
    text-align: center;
    min-width: 25px;
    width: 25px;
}

.Zebra_DatePicker .dp_body {
    border: 8px solid #fff;
}

.Zebra_DatePicker .dp_body th, .Zebra_DatePicker .dp_body td {
    border: none;
}

.Zebra_DatePicker .dp_body th:first-child, .Zebra_DatePicker .dp_body td:first-child {
    border-left: none;
}

.Zebra_DatePicker .dp_body th:last-child, .Zebra_DatePicker .dp_body td:last-child {
    border-right: none;
}

.Zebra_DatePicker .dp_body tr:first-child th,
.Zebra_DatePicker .dp_body tr:first-child td {
    border-top: none;
}

.Zebra_DatePicker .dp_body tr:last-child th,
.Zebra_DatePicker .dp_body tr:last-child td {
    border-bottom: none;
}

.Zebra_DatePicker .dp_body td {
    background: #fff;
}

.Zebra_DatePicker .dp_body .dp_weekend {
    color: #1d1d1a;
}

.Zebra_DatePicker .dp_body .dp_not_in_month {
    color: #cccccc;
}

.Zebra_DatePicker .dp_body .dp_current {
    color: #000;
    font-weight: bold;
}

.Zebra_DatePicker .dp_body .dp_selected {
    background: #60bb46;
    color: #fff;
    border-radius: 3px;
}

.Zebra_DatePicker .dp_body .dp_disabled {
    color: #cccccc;
    cursor: text;
}

.Zebra_DatePicker .dp_body .dp_disabled.dp_current {
    color: #b56a6a;
}

.Zebra_DatePicker .dp_body .dp_hover {
    background: #60bb46;
    color: #fff;
    border-radius: 3px;
}

.Zebra_DatePicker.date-selected .dp_body .dp_hover {
    color: #60bb46;
    background: #fff;
}


.Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
    background-color: #8c8c8c;
    color: #fff;
}

.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td,
.Zebra_DatePicker .dp_timepicker td {
    width: 33.3333%;
}

.Zebra_DatePicker .dp_timepicker .dp_disabled {
    border: none;
    color: #222;
    font-size: 39px;
    font-weight: bold;
}

.Zebra_DatePicker .dp_time_separator div {
    position: relative;
}

.Zebra_DatePicker .dp_time_separator div:after {
    content: ":";
    color: 1px solid #bfbfbf;
    font-size: 37px;
    left: 100%;
    position: absolute;
    z-index: 1;
}

.Zebra_DatePicker .dp_header {
    margin-bottom: 2px;
    background: #495f71;
}

.Zebra_DatePicker .dp_footer {
    margin-top: 3px;
}

.Zebra_DatePicker .dp_footer .dp_icon {
    width: 50%;
}

.Zebra_DatePicker .dp_actions td {

    color: #fff;
    border: none;
}

.Zebra_DatePicker .dp_actions .dp_caption {
    font-weight: bold;
    width: 100%;
}

.Zebra_DatePicker .dp_actions .dp_hover {
    background-color: #04bcda;
    color: #fff;
}

.Zebra_DatePicker .dp_actions .dp_clear {
    background-color: #04bcda;
    color: #fff;
}

.Zebra_DatePicker .dp_daypicker th {
    cursor: text;
    font-weight: normal;
}

.Zebra_DatePicker.dp_hidden {
    display: none;
}

.Zebra_DatePicker .dp_icon {
    height: 16px;
    background-image: none; /* url("icons.png"); */
    background-repeat: no-repeat;
}

.Zebra_DatePicker .dp_icon.dp_confirm {
    background-position: center -123px;
}

.Zebra_DatePicker .dp_icon.dp_view_toggler {
    background-position: center -91px;
}

.Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar {
    background-position: center -59px;
}

button.Zebra_DatePicker_Icon {
    background: none; /* url("icons.png") no-repeat center top; */
    border: none;
    cursor: pointer;
    display: block;
    height: 16px;
    line-height: 0;
    margin: 0 0 0 3px;
    padding: 0;
    position: absolute;
    text-indent: -9000px;
    width: 16px;
}

button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
    background-position: center -32px;
    cursor: default;
}

button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Right {
    margin: 0 3px 0 0;
}

button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Left {
    margin: 0 0 0 3px;
}

/* @end */


.ui-helper-hidden-accessible {
    display: none;
}

/* Error tooltip */
.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    padding: 4px 6px;
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0 0 7px black;
    color: red;
    font-weight: bold;
    font-size: 0.9em;
}


#contacts {
    display: block;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 20px 0 0;
}

.btn-login {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    height: 15px;
    line-height: 15px;

    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: #213164;
    padding: 12px 20px;

    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.btn-login.btn-verkkokauppa {
    width: auto;
    right: 98px;
}

.scrolled .btn-login.btn-verkkokauppa {
    display: none;
}

html.no-touch .btn-login:hover {
    background: #1a389b;
    text-decoration: none;
}


.bg-stretch {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.next-previous-links {
    width: 100%;
    display: block;
    float: left;
}

.next-previous-links .previous-link {

    display: block;
    float: left;
    background: #999;
    color: #fff;
    border-radius: 4px;
    padding: 3px 10px 3px 6px;
}

.next-previous-links .next-link {
    display: block;
    float: right;
    background: #999;
    color: #fff;
    border-radius: 4px;
    padding: 3px 6px 3px 10px;
}

.next-previous-links .previous-link:before {
    content: '❮';
    margin-right: 8px;
}

.next-previous-links .next-link:after {
    content: '❯';
    margin-left: 8px;
}


.list-list {
    list-style: none;
    margin: 0;

    padding: 0 0 12px;
    font-weight: bold;
}

.list-list li {
    margin: 0 0 12px;
}

.link-1:after {
    content: ' ›';
}

.link-2,
.btn {
    font-size: 17px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    background: #007daf;
    border-radius: 2px;
    padding: 9px 15px 8px;
    cursor: pointer;
}

.btn.selected,
.link-2.selected,
html.no-touch .link-2:hover,
html.no-touch .btn:hover {
    text-decoration: none;
    background: #005fac;
    cursor: pointer;
}

.align-center {
    text-align: center !important;
}

.market .text-box {
    width: 492px;
    float: right;
    padding: 199px 80px 30px 10px;
}

.market-alt h1 {
    margin: 0 0 26px;
}

.market-alt .text-box {
    width: 350px;
    padding: 100px 10px 67px 20px;
}

.volunteer .text-box {
    width: 100%;
    padding: 53px 90px;
    text-align: center;
}

.volunteer {
    min-height: 581px;
}

.activities .text-box {
    width: 491px;
    float: right;
    padding: 144px 10px 120px;
}

.post-holder {
    display: block;
    float: left;
    width: 102%;

}

.post-holder .holder {
    margin: 0 -10px;
    overflow: hidden;
    padding: 30px 0 29px;
    font-size: 0;
    letter-spacing: -4px;
}

.post-holder .post {
    display: inline-block;
    vertical-align: top;
    width: 322px;
    padding: 0 10px;
    letter-spacing: 0;
    margin: 0 0 21px;

}

.post .img-holder {
    position: relative;
    background: #fff;
    min-height: 25px;

}

.post .img-holder img {
    width: 100%;
    display: block;
    height: auto;
}

.post .img-holder .btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    padding: 6px 10px;
    border-radius: 0;
    font-weight: normal;
    background: #34861d;
}

.post .tag-holder .btn {
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    padding: 6px 10px;
    border-radius: 0;
    font-weight: normal;
    background: #007daf;
}

html.no-touch .post .tag-holder a:hover .btn {
    background: #005fac;
}


html.no-touch .post .img-holder a:hover .btn {
    background: #005fac;
}

.post .text-holder {
    background: #fff;
    padding: 10px 10px 20px 10px;
}

.post {
    font-size: 14px;
    line-height: 18px;
}

.post h1 {
    font: bold 18px/21px Arial, Helvetica, sans-serif;
    margin: 0 0 9px;
}

.post h1 a {
    color: #101010;
}

a .post p {
    color: #101010;
}

html.no-touch a:hover .post h1 {
    color: #007daf;
    text-decoration: none;
}

html.no-touch a:hover .post p {
    color: #007daf;
    text-decoration: none;
}

html.no-touch a:hover {
    text-decoration: none;
}

.post p {
    margin: 0 0 5px;
}

.post .title {
    color: #101010;
    display: block;
}

.align-right {
    text-align: right;
}

.panel {
    float: right;
    width: 300px;
    padding: 10px 0 0;
}

.service-nav {
    list-style: none;
    margin: 0;

    padding: 0 0 13px;
    font-size: 14px;
    line-height: 18px;
}

.service-nav li {
    margin: 0 0 8px 11px;
}

.service-nav a {
    color: #fff;
}

#social-networks {
    margin: 10px 0 0px 0;
    padding: 0;
    display: block;
    float: right;
    clear: both;
}

#social-networks h5 {
    display: block;
    float: left;
    padding: 0;
    margin: 7px 1px 0 0;
    font-size: 12px;
    text-transform: uppercase;
}

#social-networks ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    float: right;
}

#social-networks li {
    float: left;
    display: block;
    margin: 0 0 0 10px;
}


#social-networks a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(images/some-icons_huge.png) no-repeat -9999px -9999px;
    background-size: 128px 34px;
    width: 34px;
    height: 34px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min--moz-device-pixel-ratio: 1.25), only screen and ( -o-min-device-pixel-ratio: 1.25/1), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {

    #social-networks a {
        background: transparent url(images/some-icons_x2_huge.png) no-repeat -9999px -9999px;
        background-size: 128px 34px;
    }
}

html.no-touch #social-networks a:hover {
    opacity: 0.7;
}

#social-networks #sn-twitter a {
    background-position: -1px 0px;
}

#social-networks #sn-facebook a {
    background-position: -47px 0px;
}

#social-networks #sn-linkedin a {
    background-position: -93px 0px;
}


.copy {
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 0 13px;
}

.copy p {
    margin: 0 0 10px;
}

.main-holder {
    padding: 80px 0 50px;
    /*	background:#e2ebef; */
    /*	background: #fff url(/css/images/header_color.jpg) repeat-x 0 0;
	background-size: 100px 400px; */
    position: relative;
}


body.socool-popup .second-menu-visible .main-holder,
body.socool-popup .main-holder {
    padding: 10px 2% 10px 2%;
    width: 96%;
}

body.socool-popup .main-holder .aside {
    display: none;
}

body.socool-popup #content {
    width: 98%;
}

.template-news_list .main-holder {
    background: #EEF1F6;
}

#content {
    width: 608px;
    float: left;
    padding: 0px 56px 30px 0px;
    font-size: 15px;
    line-height: 20px;
    color: #595d5d;
}

body.socool-popup #content {
    padding: 0 0 0 0;
}

.article h1 {
    margin: 0 0 7px;
}

.article header time {
    font-size: 12px;
    line-height: 14px;
    color: #595d5d;
    display: block;
}

.article header {
    margin: 0 0 10px;
}

.article .img-holder {
    margin: 0 0 25px;
}

.article .img-holder img {
    margin: 0 auto;
    display: block;
    height: auto;
    max-width: 100%;
}

.share {
    padding: 12px 0 0;
}

.share li {
    margin: 0 7px 0 0;
}

.share .facebook {
    background-position: 0 -60px;
}

.share .twitter {
    background-position: -40px -60px;
}

.share .google {
    background-position: -80px -60px;
}

.aside {
    float: left;
    width: 322px;
    margin-left: 20px;
}

.aside .post {
    margin: 0 0 21px;
    border: 1px solid #E0E9EE;
}

.aside .post p a {
    color: #595d5d;
    font-weight: normal;
}

.aside .post h4 {
    margin: 0 0 6px 0;
}

.filter-form {
    margin: 0 20px 20px 0px;
    padding: 10px 55px 10px 20px;
    background: #007daf;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;

}

.filter-form label {
    display: inline-block;
    vertical-align: top;
    margin: 5px 12px;
    color: #fff;
}

.select-holder {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border-radius: 4px;
    width: 235px;
    background: #fff url(images/sprite.png) no-repeat 100% -128px;
    background-size: 220px 160px;
    margin-left: 10px;
}

.select-holder select {
    display: block;
    width: 110%;
    color: #007daf;
    font-size: 18px;
    line-height: 20px;
    border: 0 !important;
    text-overflow: "";
    background: transparent;
    padding: 6px 50px 6px 7px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.filter-form select:focus {
    outline: none;
}

.post-holder.alt .post {
    margin: 0 0 21px;
}

.post-holder.alt .holder {
    padding: 0;
}

.donate {
    max-width: 556px;
    margin: 0 auto;
    padding: 190px 0 0;
}

.donat-form p.donate-submit-note {
    float: left;
    padding: 0 0 0 5px;
    margin: 0;
    width: 30%;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    text-align: left;
}

.donate #content {
    float: left;
    display: block;
    width: 500px;
}

.donat-form {
    margin: 0 0 40px;
    padding: 20px 0 0px 0;
    display: block;
    color: #fff;
    font-weight: bold;
    background: #007daf;
    font-size: 14px;
    box-shadow: 2px 0px 46px 0px rgba(0, 0, 0, 0.15);
}

.donat-form .top-box {
    padding: 25px 52px 3px 52px;
}

.donate h1 {
    display: block;
    text-align: center;
    font: normal 36px/40px Georgia, "Times New Roman", Times, serif;
    margin: 10px 0 10px 0;
    color: #fff;
}

.donat-form p {
    text-align: center;
    padding: 0 0 20px 0;
}

.donat-form p a {
    color: #fff;
    text-decoration: underline;
}

.donat-form .row:after {
    content: "";
    display: block;
    clear: both;
}

.donat-form .row {
    margin: 0 0 21px;
}

.donat-form .row .btn {
    background: #005fac;
    color: #fff;
    padding: 9px 12px 8px;
    margin: 0 6px 4px 0;
    position: relative;
}

.donat-form .row label.btn {
    width: auto;
}

.donat-form .row .btn input {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
}

.donat-form #donate-submit:disabled {
    opacity: 0.2;
    cursor: arrow !important;
}

html.no-touch .donat-form #donate-submit:hover:disabled {
    cursor: arrow !important;
    background: #f36e25;
}

html.no-touch .donat-form .row .btn:hover,
.donat-form .row .btn.active {
    background: #fff;
    color: #005fac;
}

.donat-form label {
    float: left;
    width: 67px;
    padding: 7px 5px 0 0;
    color: #fff;
}

.donat-form .select-holder {
    width: auto;
    display: block;
}

#summa-muu-wrap.active:after {
    position: absolute;
    display: block;
    right: 5px;
    top: 3px;
    content: '€';
    color: #005fac;
}

#summa-muu-wrap.active input {
    font-size: 15px;
    color: #005fac;
}


#summa-muu-wrap {
    position: relative;
}

#summa-muu-wrap input {
    padding: 0;
}

#summa-muu-wrap.active {
    background: #fff;
}

.donat-form .select-holder select {
    padding-right: 65px;
    color: #005fac;
    font-weight: bold;
}

.donat-form .btn-box {
    overflow: hidden;
}

.donat-form .hold {
    float: right;
    width: 85px;
    background: #005fac;
    margin: 3px 0 0 8px;
    padding: 0 10px;
}

.donat-form input[type="text"] {
    display: block;
    width: 100%;
    border-style: none;
    background: none;
    color: #e0e8e8;
    font-size: 14px;
    line-height: 18px;
    height: 31px;
    outline: none;
    padding: 6px 0;
}

.donat-form ::-webkit-input-placeholder {
    color: #e0e8e8;
}

.donat-form :-moz-placeholder {
    color: #e0e8e8;
}

.donat-form ::-moz-placeholder {
    color: #e0e8e8;
    opacity: 1;
}

.donat-form :-ms-input-placeholder {
    color: #e0e8e8;
}

.donat-form .footer-box {
    background: #fff;
    text-align: right;
    padding: 15px 15px 14px;
    color: #4c5151;
}

.donat-form input[type="submit"] {
    border-style: none;
    height: 33px;
    padding: 0;
    width: 169px;
    text-align: center;
    font-size: 16px;


}

.donat-form .mark {
    display: inline-block;
    vertical-align: top;
    padding: 6px 6px 0 0;
    font-weight: normal;
}

.select-city {
    background: #f36e25;
    display: block;
    float: left;
    width: 100%;
    padding: 12px 0 12px 0;
    margin: 20px 0 20px 0;
    position: relative;
}

#paikallinen {
    content: '';
    position: absolute;
    top: -73px;
    display: block;
    float: left;
    width: 1px;
    height: 1px;
    background: transparent;
}

.select-city label {
    float: left;
    width: auto;
    padding: 7px 5px 0 12px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}


/* @end */

.container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 0 0px;
}

.post-holder.alt .post,
.post-holder .post {
    float: left;
    width: 30.333%;
    margin: 0 3% 20px 0;
    padding: 0;
}

@media only screen and (max-width: 1220px) {
    .donate {
        padding: 120px 0 0;
    }

    .container {
        max-width: 1024px;
        margin: 0 auto;
        position: relative;
        padding: 0 0px;
    }
}

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


    .contentarea figure img {
        max-width: 100% !important;
        min-width: 75px !important;
    }

    .contentarea figure {
        max-width: 100% !important;
    }

    .aside .post {
        margin: 0 0 12px;
    }

    .filter-form {
        margin: 0 25px 20px 0px;
    }

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


    h1 {
        margin: 0 0 26px;
    }

    .list-list {
        padding: 0 0 16px;
    }

    .market .text-box {
        width: 352px;
        padding: 120px 10px 62px 10px;
    }

    .market h1 {
        margin: 0 0 16px;
    }

    .market-alt .text-box {
        width: 350px;
        padding: 102px 10px 63px 20px;
    }

    .volunteer .text-box {
        width: 100%;
        padding: 52px 10px;
        text-align: center;
    }

    .volunteer h1 {
        margin: 0 0 16px;
    }

    .activities .text-box {
        width: 352px;
        float: right;
        padding: 100px 10px 68px;
    }

    .activities h1 {
        margin: 0 0 22px;
    }

    .post-holder .holder {
        margin: 0;
        padding: 48px 5px;
    }

    .post-holder.alt {
        width: 100%;
    }

    #social-networks {
        margin: 10px 0 10px 0;
    }

    .panel {
        border-top: 1px solid #cb292b;
        width: 90%;
        padding: 41px 4.9% 40px;
    }

    .panel .box {
        float: right;
        padding: 0 16% 0 0;
    }

    .main-holder {
        padding: 80px 0 50px 3%;

        width: 97%;
    }

    #content {
        /*		float:none;*/
        width: 60%;
        margin: 0 0 20px 0;
    }

    .aside {
        float: left;
        width: 32%;
        margin-left: 0;
    }

    .aside .post-hold {
        font-size: 0;
        letter-spacing: -4px;
        /*		margin:0 -10px; */
    }

    .aside .post-hold .post {
        display: inline-block;
        vertical-align: top;
        /*		width:50%;*/
        padding: 0 0px;
        letter-spacing: 0;
        width: 100%;
    }

    /*	.post-holder.alt{margin:0 -10px;}*/
    .donate {
        padding: 50px 0 20px 0;
    }

    .donat-form {
        margin: 0 0 40px;
    }

    .fixed-content {
        position: static !important;
        left: auto !important;
        bottom: auto !important;
    }


    h1 {
        margin: 0 0 25px 0;
    }

    #content h2, .contentarea h2 {
        font-size: 20px;
        line-height: 26px;
    }

}

@media only screen and (max-width: 990px) {
    #vikailmoitus-linkki {
        display: none !important;
    }

    #tarjous-linkki {
        display: none !important;
    }

}

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

    .blog-header {
        margin-top: 20px;
        margin-left: 4%;
        margin-right: 4%;

    }

    .blog-filters {
        margin-left: 4%;
        margin-right: 4%;
    }

    .blog-filters a {
        font-size: 12px;
        line-height: 13px;
    }

    .post-holder .blog-post {
        width: 92%;
        margin: 10px 0 11px 4%;
    }

    .blog-post .post-content h2 {
        font-size: 21px;
        line-height: 24px;
    }


    .donat-form p.donate-submit-note {
        display: none;
    }

    .form {
        width: 100%;
    }

    .template-news_list .main-holder {
        padding-top: 90px;
    }

    .main-holder {
        width: 100%;
    }

    .aside {
        width: 100%;
    }

    .note-holder {
        padding: 10px 4% 10px 4%;
        width: 92%;
    }


    .text-three-columns .text-box-column-left {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .text-three-columns .text-box-column-center {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .text-three-columns .text-box-column-right {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }


    .text-two-columns .text-box-column-left {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .text-two-columns .text-box-column-right {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }


    .container {
        max-width: 1024px;
        margin: 0 auto;
        position: relative;
        padding: 0 0px;
    }

    .filter-form {
        margin: 0px 0 20px 0;
        padding: 20px;
    }

    .donate #content {
        width: 94%;
        padding: 14px 3% 0 3%;
    }

    .donate #content img,
    .donate #content iframe {
        max-width: 100%;
    }

    .scrolled .btn-login,
    .btn-login {
        display: none;
    }

    #social-networks {
        position: relative;
        width: 100%;
        height: 50px;
        clear: both;
        padding: 0;
        margin: 30px 0 10px 0;

    }

    #social-networks ul {
        position: absolute;
        top: 40px;
        padding: 0;
        margin-left: -70px;
        left: 50%;
    }

    #social-networks h5 {
        width: 100%;
        text-align: center;
    }

    .section .text-box p {
        margin: 0 0 15px;
    }

    .list-list {
        padding: 0 0 9px;
    }

    .market .text-box {
        padding: 25px 10px 173px;
    }

    .list-list li {
        margin: 0 0 14px;
    }

    .market-alt .text-box {
        padding: 26px 10px 172px;
    }

    .market-alt h1 {
        margin: 0 0 15px;
    }

    .volunteer {
        min-height: 1px;
    }

    .volunteer .text-box {
        padding: 25px 10px 149px;
    }

    .activities .text-box {
        padding: 25px 10px 217px;
    }

    .activities h1 {
        margin: 0 0 15px;
    }

    .post-holder .holder {
        padding: 21px 0 0 0;
        /* margin:0 -10px; */
    }

    .post-holder {
        width: 100%;
    }

    .post-holder.alt .post,
    .post-holder .post {
        margin: 0 0 20px 4%;
        width: 92%;
        padding: 0;
    }

    .post .text-holder {
        padding: 16px 16px 18px 16px;
        height: auto !important;
    }

    #home-posts-container.container {
        padding: 0;
    }

    .panel {
        padding: 30px 0 0 0;
        width: 100%;
    }

    .panel .box {
        float: none;
        padding: 25px 10px 0;
        /*		margin:0 -10px;*/
        border-top: 1px solid #cb292b;
    }

    .service-nav li {
        margin: 0 0 8px;
    }


    .main-holder {
        padding: 10px 0 20px;
    }


    #content {
        margin: 0 0 20px 0;
        padding: 25px 4% 30px 4%;
        width: 92%;
    }

    .article h1 {
        margin: 0 0 11px;
    }

    #content p {
        margin: 0 0 20px;
    }

    #content h2 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 12px;
    }

    #content h3 {
        font-size: 16px;
        line-height: 18px;
    }

    .share {
        padding: 7px 0 0;
    }

    .aside .post-hold {
        margin: 0;
    }

    .aside .post-hold .post {
        width: 92%;
        padding: 0;
        margin-left: 4%;
    }

    .aside .post .text-holder {
        padding: 16px 19px 20px;
    }

    .post-holder.alt {
        margin: 0;
    }

    .main-holder > .bg-stretch {
        position: static;
        height: 250px;
    }

    .donat-form .top-box {
        padding: 0px 15px 3px 15px;
    }

    .donat-form .title {
        margin: 0 0 25px;
        font-size: 30px;
        line-height: 32px;
    }

    .donat-form label {
        float: none;
        display: block;
        width: 100;
        margin: 0 0 10px;
    }

    .donat-form .select-holder {
        width: 90%;
    }

    .donat-form .row {
        margin: 0 0 15px;
    }

    .donat-form .hold {
        float: none;
        margin: 10px 0 0;
    }

    .donat-form {
        margin: 0 0 40px;
    }
}