/* Etusivun 4 cta-kategoriaa */

	.cta-4-links-column div {
		position: relative;
		overflow: hidden;
		background: rgba(34, 34, 34, 0.65);
		text-align: center;
		cursor: pointer;
	}

	.cta-4-links-column div:hover {
		background: rgba(51, 117, 132, 0.75);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.cta-4-links-column div img {
		position: relative;
		display: block;
		max-width: 100%;
		opacity: 0.8;
	}

	.cta-3-links .cta-4-links-column div img {
	    opacity: 0.9;
	}

	.cta-4-links-column div .effect-cta-container, .cta-4-links-column div .effect-cta-container > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	div.effect-cta h2 {
		position: absolute;
		top: 47%;
		left: 0;
		width: 100%;
		color: #fff;
		letter-spacing: .5px;
		font-weight: 800;
		/*font-family: 'Fira Sans', sans-serif !important;*/
		-webkit-transition: -webkit-transform 0.35s, color 0.35s;
		transition: transform 0.35s, color 0.35s;
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
		margin-top: 0;
		padding-left: 3%;
    	padding-right: 3%;

	}


	div.effect-cta:hover h2 {
		color: #fff;
		-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
		transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	}


	.cta-4-links-column div .effect-cta-container > a {
		/*z-index: 1000;*/
		text-indent: 200%;
		white-space: nowrap;
		font-size: 0;
		opacity: 0;
	}

	.cta-4-links-column div .effect-cta-container, .cta-4-links-column div .effect-cta-container > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	div.effect-cta:hover .effect-cta-container::before, div.effect-cta:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	div.effect-cta p {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 2em;
		font-weight: 100;
		color: #fff;
		width: 100%;
		letter-spacing: .2px;
		opacity: 0;
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
		/*font-family: 'Fira Sans', sans-serif !important;*/
	}


	div.effect-cta .effect-cta-container::before, div.effect-cta p {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	.cta-4-links-column div .effect-cta-container {
		padding: 2em;
		color: #fff;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.cta-4-links-column {
	    padding: 2px;
	}

	.category-text {
	    font-weight: 100;
	    font-size: 20px;
	}

	.cta-links-container {
	    padding-left: 13px;
	    padding-right: 13px;
	}


/* PÄÄTEKSTIT TAUSTAKUVALLA + LOGO */

.maintext-img-content {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.maintext-img-content.maintext-logo-index {
    height: auto;
    padding: 150px 0 165px;
}

.background-img-overlay {

	width: 150%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -25%;
    background: rgba(255, 255, 255, 0.87);
}

.text-container {
    position: relative;
    height: 100%;
    display: table;
    width: 100%;
}

.text-box {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    /*text-shadow: 1px 1px 8px rgba(35, 29, 25, 0.43);*/
}

.maintext-logo-index .logo-img {
    display: initial;
    margin-bottom: 60px;
    margin-top: -10px;
}

.maintext-and-image h3 {
    font-weight: 100;
    font-size: 22px;
}

.maintext-and-image h2 {
    margin-bottom: 50px;
}

.maintext-description {
    font-weight: 100;
    font-size: 19px;
    text-align: left;
    width: 52%;
    margin: 0 auto;
    color: black;
}

.text-column-left {
    padding-right: 25px;
}


/* PÄÄTEKSTIT TAUSTAKUVALLA + EI LOGOA */

.maintext-img-content.maintext-no-logo {
    height: auto;
    padding: 175px 0 150px;
}



/* HIGHLIGHT KK-URHEILIJA-NOSTO */

.highlight-area-content {
    height: auto;
    padding: 350px 0;
}

.highlight-area.left-text {
    bottom: 10%;
    left: 2.5%;
    position: absolute;
}

.highlight-text-content.right-text {
    position: absolute;
    right: -30%;
    bottom: 11%;
    opacity: 0;
    text-align: left;
    width: 30%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.highlight-text-content.right-text.reveal {
    position: absolute;
    right: 3%;
    opacity: 1;
    text-align: left;
    width: 30%;
}

.highlight-area-img-background {
    color: #fff;
}

span.light-text {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 30px;
}

span.bold-text {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 0.01em;
}

.highlight-text-content p {
    font-weight: 100;
    font-size: 32px;
    color: #61c2d7;
    margin-bottom: 15%;
}

.highlight-text-content h3 {
    font-weight: 100;
    font-size: 22px;
    color: #fff;
    margin-bottom: 15px;
}

.highlight-text-content h2 {
    font-weight: 600;
    font-size: 54px;
    color: #fff;
}

.highlight-button-holder .website-button {
    color: #fff;
    border-color: #61c2d7;
}

.highlight-button-holder {
    margin-top: 50px;
}

.highlight-img-overlay {
    width: 150%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -25%;
    background: rgba(58, 58, 58, 0.3);
}

/* URHEILIJAT KOKOAVA SIVU */

.two-titles {
    text-align: center;
}

.dark-area .two-titles {
    padding: 7% 0;
}

.two-titles h3 {
    font-size: 22px;
    font-weight: 100;
}

.dark-area h3 {
    color: #fff;
}

.dark-area h2 {
    color: #fff;
}

.highlight-container h3 {
    font-weight: 100;
    font-size: 22px;
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 0.01em;
}


.text-and-img-list {
    padding: 2% 0;
}

.text-and-img-list .website-button {
    color: #61c2d7;
    border-color: #61c2d7;
}

.text-and-img-list .website-button:hover {
    color: #fff;
}

.highlight-container h2 {
    color: #fff;
    font-size: 68px;
    margin-bottom: 30px;
    padding-right: 3%;
    letter-spacing: 0.01em;
}


.highlight-container p {
    font-weight: 100;
    padding-right: 15%;
}


.highlight-container {
    display: table;
    width: 100%;
    float: left;
}


.highlight-container-left,
.highlight-container-right {
    /*display: table-cell;*/
    width: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.5s ease-in;
}


.highlight-container-left {
    left: -100%;
}

.highlight-container-right {
    right: -100%;
}

.img-right .highlight-container-right {
	right: 100%;
}

.img-right .highlight-container-left {
	left: 100%;
}

.highlight-container.reveal .highlight-container-left {
	left: 0;
}
.highlight-container.reveal .highlight-container-right {
	right: 0;
}

.img-right .highlight-container.reveal .highlight-container-right {
	right: 0;
}

.img-right .highlight-container.reveal .highlight-container-left {
	left: 0;
}


.highlight-container-right.text-right-side {
    padding-left: 2%;
}

/* Kuvan ollessa oikealla */


.img-right .highlight-img-area-content {
    text-align: left;
    padding-left: 5%;
}


.text-left p {
    padding-right: 0;
}

/* CTA ALAREUNASSA */


.img-list-cta {
    padding: 8% 0;
}

.img-list-cta .two-titles {
    padding: 0;
}

.img-list-cta h2 {
	font-size: 50px;
}

.img-list-cta h3 {
	font-size: 21px;
}

.img-list-dark-area {
    padding-bottom: 5%;
}

.img-right .highlight-container {
    direction: rtl;
}
.img-right .highlight-img-area-content {
    direction: ltr;
}

/* URHEILIJASIVU */

.hero-img-area h3 {
    font-size: 36px;
    font-weight: 100;
    color: #fff;
}

.hero-img-area span {
    color: #61c3d8;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 150px;
    line-height: 1.2;
    opacity: 0.55;
}

.hero-img-area .highlight-area {
    bottom: -9%;
    z-index: 9;
    width: 40%;
    padding-left: 15px;
}

.product-titles h2 {
    font-size: 40px;
}

.product-titles {
    padding-top: 7%;
}

.product-titles h2 {
    margin-bottom: 8%;
}

.maintext-img-content.comment-content {
    height: auto;
    padding: 10% 0;
}

.maintext-img-content.comment-content {
    height: auto;
    padding: 9% 0;
    filter: grayscale(100%);
}

.comment-content h3 {
    font-weight: 100;
    font-size: 22px;
    margin-bottom: 25px;
}

.maintext-img-content.comment-content h2 {
    font-size: 48px;
    width: 60%;
    margin: 0 auto;
    line-height: 1.25;
}

.two-text-background .background-img-overlay {
    background: rgba(255, 255, 255, 0.75);
}

.big-image-area {
    padding: 0 0 5% 0;
}

.big-image-area img.page-text-image {
    margin: 15px 0;
}

.maintext-no-background-img h3 {
    font-size: 22px;
    font-weight: 100;
    color: #444;
    margin-bottom: 25px;

}

.info-row {
    padding: 25px 0;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    width: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 4%;
    text-transform: uppercase;
    font-size: 20px;

}

.maintext-no-background-img h2 {
    margin-bottom: 40px;
}

.maintext-no-background-img {
    padding: 7% 0;
}

.img-background-area {
    padding: 75px 0;
}

.img-background-area h3 {
    color: #61c2d7;
}


/* URHEILIJA-SIVUN SUODATTIMET */


a.filter-list {
    color: #fff;
    margin-right: 10px;
    border: 1px solid #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 17px;
}

a.filter-list:hover {
    background: #61c2d7;
    border: 1px solid #61c2d7;
    color: #222;
}


.filter-list-tab-center {
	text-align: center;
	margin-bottom: 100px;
    margin-top: -25px;
}

a.filter-list-active {
    background: #61c2d7;
    color: #222;
    padding: 8px 15px;
    text-transform: uppercase;
    border: 1px solid #61c2d7;
    margin-right: 10px;
    font-weight: 400;
    font-size: 17px;
}

a.filter-list-dark {
    color: #1b1b1b;
    border: 1px solid #1b1b1b;
}


li.li-link {
    list-style: none;
    float: left;
    /*margin-bottom: 40px;*/ /*Tarvitseeko tätä?*/
}

/* PRODUCT CARD IMITATION OF TABS W DIFFRENET HTML */
.li-link.active a.filter-list {
    background: #61c2d7;
    color: #222;
    padding: 8px 15px;
    text-transform: uppercase;
    border: 1px solid #61c2d7;
    margin-right: 10px;
    font-weight: 400;
    font-size: 17px;
}









/*RESPONSIIVISUUS*/


@media (max-width: 1600px) and (min-width: 1025px) {
	div.effect-cta h2 {
	    font-size: 36px;
	}
}

	@media (max-width: 1350px) and (min-width: 769px) {
		.category-link {
				width: 50%;
		}
}






	.category-text {
	    font-size: 18px;
	}

	.highlight-container h2 {
	    font-size: 45px;
	    margin-top: 15px;
	}

	.highlight-container-left {
	    width: 50%;
	}

	.highlight-button-holder {
	    margin-top: 35px;
	}

}

@media (max-width: 1440px) {

	.highlight-text-content.right-text {
   		width: 37%;
	}

	.highlight-container-right.text-right-side {
	    padding-left: 4%;
	}

	.hero-img-area .highlight-area {
	    width: 50%;
	}
}




@media (max-width: 1199px) {

	.maintext-description {
	    width: 80%;
	    margin: 0 auto;
    }

	.highlight-area-content {
	    padding: 300px 0;
	}

	.hero-img-area span {
	    font-size: 125px;
	}

	.hero-img-area h3 {
	    font-size: 30px;
	}
}



@media (max-width: 1024px) and (min-width: 769px) {
	div.effect-cta h2 {
	    font-size: 28px;
	}
	.category-text {
	    font-size: 16px;
	}

}



@media (max-width: 1199px) {


.highlight-text-content p {
    font-size: 28px;
    margin-bottom: 10%;
	}

	.highlight-text-content h2 {
	    font-size: 48px;
	    line-height: 1.3;
	}
}


@media (max-width: 1024px) {
	.text-column-left {
	    padding-right: 15px;
	}

	.highlight-area.left-text {
	    bottom: 7%;
	}

	.highlight-text-content.right-text {
	    bottom: 9%;
	}

	.highlight-text-content p {
	    font-size: 24px;
	}

	.highlight-container,
	.highlight-container-left,
	.highlight-container-right {
		display: block;
	}


	.highlight-container-left {
	    width: 100%;
	    padding: 0 5%;
	}

	.highlight-container-right {
	    padding: 5%!important;
	}

	.highlight-area-content.hero-img-area {
	    padding: 250px 0;
	}

	.hero-img-area .highlight-area.left-text {
	    bottom: -10%;
	}

	.filter-list-tab-center {
	    margin-top: 0;
	}
}


@media (max-width: 991px) {

	.highlight-container h2 {
	    font-size: 50px;
	    margin-bottom: 25px;
	}

	.highlight-container h3 {
	    font-size: 20px;
	}

	.two-titles h2 {
	    font-size: 50px;
	}

	.two-titles h3 {
	    font-size: 21px;
	}

	.img-list-cta .website-button-holder {
	    margin-top: 35px;
	}

	.hero-img-area span {
	    font-size: 100px;
	}

	.highlight-area-content.hero-img-area {
	    padding: 225px 0;
	}

	.hero-img-area h3 {
	    font-size: 26px;
	}



}


@media (max-width: 768px) {

	div.effect-cta p {
	    top: 53%;
	    font-size: 24px;
	    opacity: 1;
	    padding: 2em 4em!important;
	}

	.maintext-description {
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 25px;
	}

	.maintext-img-content.maintext-logo-index {
	    padding: 100px 0 115px;
	}

	.maintext-logo-index .logo-img {
	    margin-bottom: 45px;
	    height: 75px;
	}

	.maintext-and-image h2 {
	    margin-bottom: 40px;
	    padding: 0 50px;
	    font-size: 50px;
	}

	.maintext-img-content.maintext-no-logo {
	    padding: 100px 0;
	}

	.highlight-text-content p {
	    font-size: 22px;
	}

	.highlight-text-content h2 {
	    font-size: 38px;
	}

	.highlight-text-content h3 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}

	span.light-text {
	    font-size: 21px;
	}

	span.bold-text {
	    font-size: 21px;
	}

	.highlight-area-content {
	    padding: 275px 0;
	}


}


@media (max-width: 767px) {

	.highlight-text-content.right-text {
	    width: 100%;
	    left: 2.5%;
	}

	.highlight-text-content p {
	    margin-bottom: 3%;
	    padding-right: 5%;
	}

	.highlight-area.left-text {
	    top: 3%;
	}

	.highlight-button-holder {
	    margin-top: 25px;
	}

	.highlight-container-right .highlight-button-holder {
	    margin-top: 40px;
	}

	.highlight-container-right {
	    padding: 40px!important;
	}

	.highlight-container-left {
	    padding: 0;
	}

	.hero-img-area .highlight-area.left-text {
	    bottom: 5%;
	    top: auto;
	    width: 90%;
	}

	.hero-img-area span {
	    font-size: 48px;
	    opacity: 0.9;
	}

	.hero-img-area h3 {
	    font-size: 22px;
	}

	.highlight-area-content.hero-img-area {
	    padding: 200px 0;
	}

	a.filter-list-active {
	    display: block;
	    margin-right: 0;
	    margin-bottom: 15px
	}

	a.filter-list {
	    display: block;
	    margin-right: 0;
	    margin-bottom: 15px

	}

}



@media (max-width: 580px) {
	div.effect-cta p {
	    display: none;
	}

	.highlight-text-content p {
	    display: none;
	}

	.highlight-area-content {
	    padding: 225px 0;
	}
}



@media (max-width: 425px) {

	div.effect-cta h2 {
	    padding-left: 4%;
	    padding-right: 4%;
	    font-size: 44px;
	}

	.maintext-img-content.maintext-logo-index {
	    padding: 75px 0 90px;
	}

	.maintext-logo-index .logo-img {
	    height: 70px;
	    margin-bottom: 40px;
	}

	.maintext-img-content.maintext-no-logo {
	    padding: 80px 0;
	}

	.highlight-area-content {
	    padding: 200px 0;
	}

	.highlight-container h2 {
	    font-size: 42px;
	    line-height: 1.3;
	    margin-top: 0;
	}

	.highlight-container h3 {
	    margin-top: 15px;
	}

	.highlight-container-right .highlight-button-holder {
	    margin-top: 35px;
	}

	.two-titles h2 {
	    font-size: 36px;
	}

	.two-titles h3 {
	    font-size: 20px;
	    margin-bottom: 20px;
	}

	.dark-area .two-titles {
	    padding: 8% 0;
	}

	.img-list-cta {
	    padding: 9% 0 13%;
	}

	.img-list-cta h2 {
	    width: 95%;
	    margin: 0 auto;
	}

	.highlight-area-content.hero-img-area {
	    padding: 175px 0;
	}

	.hero-img-area .highlight-area.left-text {
	    padding-left: 25px;
	}
}


@media (max-width: 375px) {

	.hero-img-area span {
	    font-size: 40px;
	}

	.hero-img-area .highlight-area.left-text {
	    bottom: 6%;
	}
}


@media (max-width: 320px) {

	.highlight-area-content.hero-img-area {
	    padding: 150px 0;
	}
}


/***************************/
/* SIIRRETTYJÄ OWL TYYLEJÄ */
/***************************/

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 700ms ease-in-out;
    -moz-transition: height 700ms ease-in-out;
    -ms-transition: height 700ms ease-in-out;
    -o-transition: height 700ms ease-in-out;
    transition: height 700ms ease-in-out;
}

.main-slider-2 .owl-item img{
  display: block;
  width: 100%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 0;
}

.fp-main-slider .owl-buttons {
    display: none;
}

.owl-item img {
		display: block;
		width: 45%;
		height: auto;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		filter: brightness(90%);
		-moz-filter: brightness(90%);
		-webkit-filter: brightness(90%);
	}


.owl-theme .owl-controls {
	text-align: center;
    background: none;
    margin-top: -80px;
    height: 30px;
    z-index: 7;
    position: relative;
    margin-bottom: 31px;
}


.owl-pagination {
	margin-top: 20px;
}
.carousel-control.left-mainslider {
	right: auto;
	left: -15px;
	top: 50%;
}
.carousel-control.right-mainslider {
	left: auto;
	right: -15px;
	top: 56%;
	background: none;
}
.carousel-control {
	color: #fff;
	top: 40%;
	color: #4b4b4b;
	bottom: auto;
	padding-top: 4px;
	width: 30px;
	height: 30px;
	text-shadow: none;
	opacity: 1;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    background: #292929;
    border: none;
}

.carousel-text-container {
    position: absolute;
    bottom: 160px;
}


.slider-title {
    font-size: 70px;
    color: #fff;
    font-weight: 600;
    margin-top: 0;
	width: 65%;
	text-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}


a {
	text-decoration: none;
}


.upper-caption-column {
    position: absolute;
    top: 0;
    padding-bottom: 40px;
    width: 100%;
    background: rgba(12, 12, 12, 0.75);
		background: rgba(12, 12, 12, 0.15);
    height: 100%;
    padding-top: 8%;
	margin-left: 0;
}

p.slider-title-1 {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    margin-top: 40px;
    text-transform: uppercase;
    color: #61c2d7;
    border-bottom: 5px solid;
    padding-bottom: 5px;
 }

 p.slider-title-1:hover,  p.slider-title-1:focus {
	color: #fff;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
 }

.owl-theme .owl-controls .owl-buttons div {
    color: #f28d20;
    padding: 0 25px;
    font-size: 36px;
    border-radius: 0;
    background: transparent;
    opacity: 0.85;
}

.owl-caption1.slider-text {
    font-size: 22px;
    font-weight: 100;
		width: 60%;
		text-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}

.fp-main-slider {
    background: #fff;
    padding-right: 0;
    padding-left: 0;
	margin-top: 0;
}

.owl-prev {
    position: absolute;
    left: -25px;
    top: 45%;
}

.owl-next {
    position: absolute;
    right: -25px;
    top: 45%;
}

.owl-buttons i {
    font-size: 52px;
}

/* Frontpage carousel */

.page-id-1 .fp-main-slider  {
	margin-top: -150px !important;
	position: relative;
    z-index: 1 !important;
}

.owl-caption1.slider-button-holder {
	    margin-top: 45px;
	}

.slider-title-1.website-button {
    background: #fff;
		color: #111;
}

.slider-title-1.website-button:hover {
    background: #111;
		color: #fff;
}


/*Category slider*/

	.category-slider-area .owl-item img {
		width: 100%;
		 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright30'><feComponentTransfer><feFuncR type='linear' slope='0.30'/><feFuncG type='linear' slope='0.30' /><feFuncB type='linear' slope='0.30' /></feComponentTransfer></filter></svg>#bright30");
		filter: brightness(0.77);
		-webkit-filter: brightness(0.77);
		-moz-filter: brightness(0.77);
		-o-filter: brightness(0.77);
		-ms-filter: brightness(0.77);
	}

	.category-slider-area .owl-item .item {
		margin: 0;
	}

	.category-slider-area {
		border: 1px solid #eeeeee;
		height: 438px;
	}

/* Responsive */

@media (max-width:1440px){

	.slider-title {
		font-size: 50px;
		width: 100%;
	}

}




@media (max-width:1429px){


	.owl-caption1.slider-text {
		font-size: 18px;
		width: 70%;
	}

}


@media (max-width:991px){

	.page-id-1 .fp-main-slider {
		margin-top: 0 !important;
	}

	.carousel-text-container {
		position: absolute;
		bottom: 100px;
	}

	.owl-caption1.slider-text {
		width: 70%;
	}

	.slider-title {
		font-size: 40px;
		width: 100%;
	}

}

@media (max-width:768px){

	.upper-caption-column {
		padding-left: 2%;
		padding-right: 2%;
	}

}




.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: none;
  float: left;
  margin: 0 5px 5px 0;
  width: 150px;
}
.my-gallery figcaption {
  display: none;
}

.pswp__button .pswp__button--share{
  display: none !important;
}



#changelog-message{
		overflow-y: auto;
		height: 300px;
		border: 2px solid rgba(29, 29, 29, 0.19);
		padding: 15px;
		font-family: monospace;
		margin: 25px 0;
		color: #2c4362;
		display: none;
}


.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: none;
  float: left;
  margin: 0 5px 5px 0;
  width: 150px;
}
.my-gallery figcaption {
  display: none;
}

.pswp__button .pswp__button--share{
  display: none !important;
}

.error-input{
	background: red !important;
}


.gallery-container{
	text-align: center;
}

.free-wall {
	width: 50% !important;
    display: inline-block !important;
}

.free-wall-logo {
	margin: auto;
	height: 420px;
}
.size2-2 {
	width: 80px;
	height: 80px;
}

.size11 {
	height: 160px;
	width: 160px;
}

.size12 {
	width: 160px;
	height: 320px;
}

.size21 {
	width: 320px;
	height: 160px;
}

.size22 {
	height: 320px;
	width: 320px;
}

.size13 {
	width: 160px;
	height: 480px;
}

.size31 {
	width: 480px;
	height: 160px;
}

.size23 {
	width: 320px;
	height: 480px;
}

.size24 {
	width: 320px;
	height: 640px;
}

.size32 {
	width: 480px;
	height: 320px;
}

.size33 {
	width: 480px;
	height: 480px;
}

.size34 {
	width: 480px;
	height: 640px;
}

.size43 {
	width: 640px;
	height: 480px;
}

.size35 {
	width: 480px;
	height: 800px;
}

.size53 {
	width: 800px;
	height: 480px;
}

.size36 {
	width: 480px;
	height: 960px;
}

.donate form {
	height: 100%;
	width: 100%;
	background: rgb(44, 62, 80);
}

.donate form .paypal {
	display: block;
	margin: auto;
	padding: 20px 0px 0px 0px;
	outline: 0;
}

.img-demo {
	vertical-align: bottom;
	list-style: none;
	margin:0;
	padding: 0;
}

.img-demo li {
	float: left;
	width: 25%;
	text-align: center;
}

.img-demo li img {
	border: 2px solid white;
	width: 98px;
	height: 98px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.rest-left {
	margin-left: 244px;
}

.desc h1,
.desc h2,
.desc h3,
.desc h4,
.desc h5,
.desc h6 {
	font-weight: bold;
}

.desc h2 {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 50px;
}

.desc h2 span {
	float: left;
	display: block;
	line-height: 50px;
}

.brick {
	position: relative;
	background-color: white;
	float: left;
	cursor: default;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.brick img{
	margin: 0;
	display: block;
}

.brick .cover {
	overflow: hidden;
	margin: 20px;
}

.brick .read-more {
	position: absolute;
	display: none;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 12px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.45);
}

.brick:hover .read-more {
	display: block;
	cursor: pointer;
}

.brick .desc {
	display: none;
}

.full-width .float-left {
	display: none;
}

.full-width .desc {
	display: block;
}

.full-width.brick {
	box-shadow: none;
	overflow: visible;
	border: none !important;
	background: none !important;
}

.full-width.brick .cover {
	margin: 0px 20px;
	color: #333;
}

.full-width.brick .cover * {
	text-shadow: none;
}

.full-width.brick .cover code {
	color: #666;
}

/* Etusivun otsikko kuvalla */

.page-main-h2-title {
    text-align: center;
	position: relative;
 	z-index: 1;
	margin-bottom: 0;
	font-size: 36px;
	margin-top: 0;
}

.page-main-h2-icon {
    position: relative;
    margin: -80px auto 0 auto;
    display: block;
    z-index: 1;
    opacity: 0.18;
}

.h2-title-area {
    margin-top: 100px;
    margin-bottom: 50px;
}

.social-slider-wrapper {
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    width: 55%;
    padding: 65px;
    margin: 0 auto;
}


/*Herokuva otsikkotekstillä */

.one-title-hero-background {
    height: auto;
    padding: 175px 0;
}

.hero-img-title {
    text-align: center;
}

.hero-img-title h1 {
    color: #fff;
		font-size: 48px;
		font-weight: 600;
}

.hero-img-overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(49, 49, 49, 0.33);
}

/* osoitelinkki headerissa */

.header-contact-content {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
}

.header-contact-content.address-area i,
.header-contact-content.visiting-hours-area i {
    font-size: 16px;
    color: #777777;
    margin-right: 5px;
}

.header-contact-content.address-area a,
.header-contact-content.visiting-hours-area span {
    color: #777;
		font-size: 14px;
		font-weight: 400;
}

.header-contact-content.address-area a:hover {
    color: #777;
}

/*uusi footer */

.footer-contact.links-right {
    text-align: right;
    margin-top: 65px;
    text-transform: uppercase;
    line-height: 1.8em;
    font-size: 16px;
}


.footer-contact-text p {
    color: #222;
    font-size: 16px;
}

/* Yhteistyökumppanit */

.logos-area .logos-item {
		text-align: center;
		min-height: 100px;
		margin-bottom: 90px;
}

.logos-link-container {
    display: inline-block;
    width: 100%;
		padding: 80px 0 100px;
}

.company-logos .h2-title-area {
    margin-top: 130px;
}

.logos-link-img {
    opacity: 0.85;
}

.logos-link-img:hover {
    opacity: 1;
}

/*Alasivujen otsikot kuvalla */

.page-main-h2-icon.default-title-icon {
    margin: -90px 0 15px -40px;
}

/*contact-forms */

.contact-forms {
    padding: 75px 20% 100px;
}

.contact-forms label {
    font-size: 15px;
    font-weight: 600;
}

.contact-form-title {
    margin-bottom: 45px;
    font-size: 32px;
}

.help-block {
    font-size: 15px;
}

.website-button.send-form-button {
    margin-top: 15px;
}

.website-button.send-form-button:hover {
    background: #777;
    color: #fff;
    border-color: #777;
}

.form-group.cv-area {
    margin-top: 20px;
}

.cv-download {
    font-size: 16px;
    margin-top: 5px;
}

/* togglet */

.toggle-row {
    padding: 10px 20%;
}

.toggle-faq:after {
    position: relative;
    padding: 0 0 0 6px;
    content: "\f107";
    color: #222;
    font-size: 18px;
    font-family: 'FontAwesome';
    font-weight: 600;
}

.form-group.feedback-checkboxes {
    margin-bottom: 45px;
}

.feedback-span {
    margin: 40px 0 20px;
    display: block;
    font-weight: 600;
    font-size: 16px;
}

.form-control.text-area {
    height: 125px;
}

.feedback-form.contact-forms {
    padding-top: 15px;
}

.checkboxes-margin {
    margin: 30px 0;
}

.toggle-mb {
    margin-bottom: 100px;
}

.product-list-view {
    display: none;
}

/* Tuotekategoriat */

.product-category-column {
    margin-bottom: 30px;
}

.product-category-column .cta-boxes-4-text-box {
		z-index: 8;
}

.products-category-page .cta-boxes-4 {
    margin-bottom: 100px;
}

/*Tuotekorttia */

.similar-products-title {
    text-transform: initial;
    margin-bottom: 45px;
}

.search-list-manufacturer.search-list-items {
    display: none;
}

/* Hakusivu */
.search-page .search-number {
    color: #222;
    font-size: 17px;
}

.search-products-row .product-info .medium {
    display: none;
}

.search-products-row .product-info .price.medium {
    display: block;
}

.search-page .product-info {
    margin-top: 15px;
}

.search-page .product-container-area {
    min-height: 415px;
}

.cart-is-empty-text {
    font-size: 17px;
}

.products-category-page {
    margin-bottom: 115px;
}

.article-paragraph {
    font-size: 17px;
}

.page-id-113 .footer-block-container {
    border: none;
}

.default-title-and-text a {
    text-decoration: underline;
}

.footer-column.footer-left a {
    text-decoration: underline;
}


/* cta-boxes-4 */
.cta-boxes-4 {

}

  .cta-boxes-4-row {
      margin: 30px 0px;
  }

    .cta-boxes-4-item {
        height: 400px;
        display: table;
        width: 100%;
        text-align: center;
    }

      .cta-boxes-4-link {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          z-index: 10;
      }

      .cta-boxes-4-text-box {
          z-index: 9;
          position: relative;
          display: table-cell;
          vertical-align: middle;
          width: auto;
      }

      .cta-boxes-4-overlay {
          background: rgba(0, 0, 0, 0.15);
          left: 15px;
          right: 15px;
          top: 0;
          bottom: 0;
          position: absolute;
          transition: all 0.3s ease-in;
      }

        .cta-boxes-4-link:hover ~ .cta-boxes-4-overlay {
            background: rgba(255, 255, 255, 0.15);
            transition: all 0.3s ease-in;
        }

        .cta-boxes-4-box-title {
					background: rgba(255, 255, 255, 0.7);
					padding: 20px 30px;
					margin: 0 auto;
					display: inline-block;
					font-weight: 600;
					font-size: 25px;
					color: #111;
					-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
        }

				.cta-boxes-4-item:hover .cta-boxes-4-box-title {
						background: rgba(255, 255, 255, 1);
            transition: all 0.3s ease-in;
        }




        @media (max-width: 991px) {



        }