/*SECTION 1*/
.section-1 {margin: 140px auto 0px 0}

@media (min-width: 768px){
	.section-1 {margin: 160px auto 80px 0px;
	}
}

.section-1 .container .u-text-1{
   line-height: 1.4; 
	width: 100%; 
	margin: 0px auto;
	font-size: 2rem;
	text-align: center;
}
@media (min-width: 1024px){
	.section-1 .container .u-text-1{
	font-size: 2.7rem;
	line-height: 1.3;
}
}
@media (min-width: 1280px){
	.section-1 .container .u-text-1{
	line-height: 1.25;
	font-size: 3.0rem;	
}
}

.u-section-2 .u-sheet-1 {min-height: 246px}
.u-section-2 .u-layout-wrap-1 {margin: 0 auto 25px 0}
.u-section-2 .u-layout-cell-1 {min-height: 180px}
.u-section-2 .u-text-1 {font-size: 1rem; font-weight: 300; line-height: 1.4; width: 730px; margin: 20px auto} 

@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 216px}
.u-section-2 .u-layout-wrap-1 {margin-bottom: 0; margin-right: initial; margin-left: initial}
.u-section-2 .u-layout-cell-1 {min-height: 196px}
.u-section-2 .u-container-layout-1 {padding-left: 16px; padding-right: 16px}
.u-section-2 .u-text-1 {position: relative; width: 908px; margin-left: 0; margin-right: 0; margin-bottom: 0} }

@media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 218px}
.u-section-2 .u-layout-cell-1 {min-height: 208px}
.u-section-2 .u-container-layout-1 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-text-1 {width: 700px} }

@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 246px}
.u-section-2 .u-layout-wrap-1 {margin-bottom: 25px; margin-right: initial; margin-left: initial}
.u-section-2 .u-layout-cell-1 {min-height: 180px}
.u-section-2 .u-container-layout-1 {padding-left: 5px; padding-right: 5px}
.u-section-2 .u-text-1 {margin-left: auto; margin-right: auto; width: 432px; margin-bottom: 20px} }

@media (max-width: 575px){ .u-section-2 .u-container-layout-1 {padding-left: 1px; padding-right: 1px}
.u-section-2 .u-text-1 {width: 340px} }.u-section-3 .u-sheet-1 {min-height: 820px}
.u-section-3 .u-layout-wrap-1 {margin: 0 auto 0 0}

.u-section-3 .u-image-1 {background-image: url("../images/baroque/1_pikkio-brooch.jpg"); min-height: 273px; background-position: 50% 50%}
.u-section-3 .u-image-2 {background-image: url("../images/baroque/2_pikkio-brooch.jpg"); min-height: 273px; background-position: 50% 50%}
.u-section-3 .u-image-3 {min-height: 273px; background-image: url("../images/baroque/3_pikkio-brooch.jpg")}
.u-section-3 .u-image-4 {min-height: 273px; background-image: url("../images/baroque/4_pikkio-brooch.jpg")}
.u-section-3 .u-image-5 {min-height: 273px; background-image: url("../images/baroque/5_pikkio-brooch.jpg"); background-position: 50% 50%}
.u-section-3 .u-image-6 {background-image: url("../images/baroque/6_pikkio-brooch.jpg"); min-height: 273px; background-position: 50% 50%}
.u-section-3 .u-image-7 {background-image: url("../images/baroque/7_pikkio-brooch.jpg"); min-height: 273px; background-position: 50% 50%}
.u-section-3 .u-image-8 {background-image: url("../images/baroque/8_pikkio-brooch.jpg"); min-height: 273px; background-position: 50% 50%}
.u-section-3 .u-image-9 {background-image: url("../images/baroque/9_pikkio-brooch.jpg"); min-height: 273px; background-position: 50% 50%} 
.u-section-3 .u-image-10 {background-image: url("../images/baroque/10_pikkio-brooch.jpg"); min-height: 273px; background-position: 50% 50%} 
.u-section-3 .u-image-11 {background-image: url("../images/baroque/11_pikkio-brooch.jpg"); min-height: 273px; background-position: 50% 50%} 
.u-section-3 .u-image-12 {background-image: url("../images/baroque/12_pikkio-headband.jpg"); min-height: 273px; background-position: 50% 50%} 

.overtxt{
	position: absolute;
	bottom: -20px;
	width: 100%;
	color: #fff;
	font-size: 14px;
	text-align: center;
	opacity: 0;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
	
}

.overlay:hover .overtxt {
	opacity: 1;
}


@media (max-width: 1199px){ .u-section-3 {min-height: 500px}
.u-section-3 .u-layout-wrap-1 {margin-right: initial; margin-left: initial}
.u-section-3 .u-image-4 {background-position: 50% 50%} }.u-section-4 {background-image: url("../images/home/home_Pikkiojewelsfooter.jpg")}
.u-section-4 .u-layout-wrap-1 {width: 1170px; margin: 137px auto 0 0}
.u-section-4 .u-layout-cell-1 {min-height: 434px; background-image: none}
.u-section-4 .u-text-1 {font-weight: 400; margin: 66px 0 0 105px}
.u-section-4 .u-text-2 {font-size: 1rem; font-weight: 400; margin: 10px 0 0 105px !important}
.u-section-4 .u-text-3 {font-weight: 400; margin: 65px 0 0 104px}
.u-section-4 .u-text-4 {font-size: 1rem; line-height: 1.4; font-weight: 400; margin: 10px 0 45px 104px}
.u-section-4 .u-layout-cell-2 {min-height: 434px; background-image: none}
.u-section-4 .u-container-layout-2 {padding-left: 8px}
.u-section-4 .u-social-icons-1 {white-space: nowrap; height: 20px; min-height: 16px; width: 51px; min-width: 42px; position: absolute; top: 226px; left: 8px}
.u-section-4 .u-icon-1 {height: 100%}
.u-section-4 .u-icon-2 {height: 100%}
.u-section-4 .u-text-5 {font-weight: 400; margin: 66px 28px 0 0}
.u-section-4 .u-link-1 {font-size: 1rem; font-weight: 400; margin: 10px auto 0 -8px}
.u-section-4 .u-text-6 {font-weight: 400; margin: 65px 96px 45px 0}
.u-section-4 .u-layout-cell-3 {min-height: 434px; background-image: none}
.u-section-4 .u-container-layout-3 {padding-left: 14px}
.u-section-4 .u-image-1 {width: 151px; height: 50px; filter: brightness(0); margin: 66px auto 0 0}
.u-section-4 .u-text-7 {font-weight: 400; margin: 28px 136px 40px 0}
.u-section-4 .u-layout-wrap-2 {width: 1170px; margin: 0 auto 0 0}
.u-section-4 .u-layout-cell-4 {background-image: none; min-height: 22px}
.u-section-4 .u-link-2 {font-weight: 400; font-size: 0.875rem; margin: 0 auto 0 104px}
.u-section-4 .u-layout-cell-5 {min-height: 44px; background-image: none}
.u-section-4 .u-link-3 {font-weight: 400; font-size: 0.875rem; margin: 0 auto 5px 104px}
.u-section-4 .u-layout-cell-6 {min-height: 62px; background-image: none}
.u-section-4 .u-container-layout-6 {padding-left: 105px; padding-right: 327px}
.u-section-4 .u-text-8 {font-size: 0.75rem; font-weight: 400; margin: 26px 0 5px}
.u-section-4 .u-sheet-1 {min-height: 572px; margin: -572px auto 0} 

@media (max-width: 1199px){ .u-section-4 {background-position: 50% 50%}
.u-section-4 .u-layout-wrap-1 {width: 940px}
.u-section-4 .u-layout-cell-1 {min-height: 708px}
.u-section-4 .u-container-layout-1 {padding-left: 96px}
.u-section-4 .u-text-1 {font-weight: normal; width: auto; margin-right: 16px; margin-left: 0}
.u-section-4 .u-text-2 {width: auto; margin-top: 16px; margin-right: 16px; margin-left: 0}
.u-section-4 .u-text-3 {width: auto; margin-top: 71px; margin-right: 102px; margin-left: 0}
.u-section-4 .u-text-4 {width: auto; margin: 20px 102px 40px 0}
.u-section-4 .u-layout-cell-2 {min-height: 708px}
.u-section-4 .u-container-layout-2 {padding-left: 7px}
.u-section-4 .u-social-icons-1 {width: 50px; top: 248px; left: 7px}
.u-section-4 .u-text-5 {width: auto; margin-right: 79px}
.u-section-4 .u-link-1 {position: relative; margin-top: 17px; margin-left: 7px; margin-right: 7px}
.u-section-4 .u-text-6 {width: auto; margin-top: 67px; margin-right: 210px; margin-bottom: 483px}
.u-section-4 .u-layout-cell-3 {min-height: 708px}
.u-section-4 .u-container-layout-3 {padding-left: 30px}
.u-section-4 .u-image-1 {width: 150px; margin-top: 86px}
.u-section-4 .u-text-7 {font-weight: normal; width: auto; margin-top: 55px; margin-right: 91px; margin-bottom: 70px}
.u-section-4 .u-layout-wrap-2 {width: 940px}
.u-section-4 .u-layout-cell-4 {min-height: 16px}
.u-section-4 .u-link-2 {font-weight: normal; margin-left: 87px}
.u-section-4 .u-link-3 {margin-top: 2px; margin-left: 87px; margin-bottom: 20px}
.u-section-4 .u-layout-cell-6 {min-height: 56px}
.u-section-4 .u-container-layout-6 {padding-left: 87px; padding-right: 133px}
.u-section-4 .u-text-8 {font-size: 0.875rem; font-weight: normal; width: auto; margin-top: 21px} }

@media (max-width: 991px){ .u-section-4 .u-layout-wrap-1 {width: 720px}
.u-section-4 .u-layout-cell-1 {min-height: 743px}
.u-section-4 .u-container-layout-1 {padding-left: 60px}
.u-section-4 .u-text-1 {margin-right: 10px}
.u-section-4 .u-text-2 {width: 170px; margin-top: 29px; margin-right: 10px}
.u-section-4 .u-text-3 {margin-top: 72px; margin-right: 76px}
.u-section-4 .u-text-4 {width: 120px; line-height: 26px; margin-right: 60px; margin-bottom: 45px}
.u-section-4 .u-layout-cell-2 {min-height: 743px}
.u-section-4 .u-container-layout-2 {padding-left: 10px}
.u-section-4 .u-social-icons-1 {top: 265px; left: 11px}
.u-section-4 .u-text-5 {margin-right: 56px}
.u-section-4 .u-link-1 {margin-top: 27px; margin-right: auto; margin-left: -7px}
.u-section-4 .u-text-6 {margin: 70px 102px 75px 1px}
.u-section-4 .u-layout-cell-3 {min-height: 743px}
.u-section-4 .u-container-layout-3 {padding-left: 25px}
.u-section-4 .u-image-1 {margin-top: 87px}
.u-section-4 .u-text-7 {margin-top: 43px; margin-right: 43px; margin-bottom: 75px}
.u-section-4 .u-layout-wrap-2 {width: 720px}
.u-section-4 .u-layout-cell-4 {min-height: 19px}
.u-section-4 .u-link-2 {margin-left: 66px}
.u-section-4 .u-link-3 {margin-left: 66px}
.u-section-4 .u-container-layout-6 {padding-left: 66px; padding-right: 21px}
.u-section-4 .u-text-8 {font-size: 0.75rem; margin-top: 27px; margin-right: -54px} }

@media (max-width: 767px){ .u-section-4 .u-layout-wrap-1 {width: 540px}
.u-section-4 .u-layout-cell-1 {min-height: 358px}
.u-section-4 .u-container-layout-1 {padding-left: 78px}
.u-section-4 .u-text-1 {margin-top: 60px; margin-right: 6px; margin-bottom: 20px}
.u-section-4 .u-text-2 {width: 456px; margin-top: 20px; margin-right: 6px}
.u-section-4 .u-text-3 {margin-top: 68px; margin-right: 312px}
.u-section-4 .u-text-4 {width: auto; margin-top: 18px; margin-right: 304px; margin-bottom: 13px}
.u-section-4 .u-layout-cell-2 {min-height: 342px}
.u-section-4 .u-container-layout-2 {padding-right: 0; padding-left: 0}
.u-section-4 .u-social-icons-1 {top: 231px; left: 75px}
.u-section-4 .u-text-5 {margin-top: 43px; margin-right: -22px; margin-left: 71px}
.u-section-4 .u-link-1 {font-weight: normal; margin-top: 10px; margin-right: 4px; margin-left: 75px}
.u-section-4 .u-text-6 {margin: 97px 49px 117px 72px}
.u-section-4 .u-layout-cell-3 {min-height: 349px}
.u-section-4 .u-container-layout-3 {padding-left: 78px}
.u-section-4 .u-image-1 {margin-top: 37px}
.u-section-4 .u-text-7 {margin-top: 29px; margin-right: 179px; margin-bottom: 33px}
.u-section-4 .u-layout-wrap-2 {width: 540px}
.u-section-4 .u-layout-cell-4 {min-height: 22px}
.u-section-4 .u-link-2 {margin-left: 50px}
.u-section-4 .u-link-3 {margin-top: 0; margin-bottom: 5px; margin-left: 50px}
.u-section-4 .u-layout-cell-6 {min-height: 78px}
.u-section-4 .u-container-layout-6 {padding-left: 50px; padding-right: 29px}
.u-section-4 .u-text-8 {font-size: 0.625rem; margin-top: 37px; margin-right: 0; margin-bottom: 10px} }

@media (max-width: 575px){ .u-section-4 .u-layout-wrap-1 {width: 340px}
.u-section-4 .u-layout-cell-1 {min-height: 382px}
.u-section-4 .u-container-layout-1 {padding-right: 0; padding-left: 55px}
.u-section-4 .u-text-1 {margin-top: 57px; margin-right: -30px; margin-bottom: 0}
.u-section-4 .u-text-2 {width: auto; margin-right: -55px}
.u-section-4 .u-text-3 {margin-right: 30px; margin-left: 1px}
.u-section-4 .u-text-4 {margin-right: 31px; margin-bottom: 40px; margin-left: 1px}
.u-section-4 .u-layout-cell-2 {min-height: 311px}
.u-section-4 .u-container-layout-2 {padding-left: 55px}
.u-section-4 .u-social-icons-1 {top: 193px; left: 57px}
.u-section-4 .u-text-5 {margin-top: 40px; margin-right: -40px; margin-left: 0}
.u-section-4 .u-link-1 {margin-top: 18px; margin-left: 2px; margin-right: 2px}
.u-section-4 .u-text-6 {margin: 51px 27px 127px 0}
.u-section-4 .u-layout-cell-3 {min-height: 386px}
.u-section-4 .u-container-layout-3 {padding-left: 58px}
.u-section-4 .u-image-1 {margin-top: 18px}
.u-section-4 .u-text-7 {margin-top: 43px; margin-right: 40px; margin-bottom: 0}
.u-section-4 .u-layout-wrap-2 {width: 340px}
.u-section-4 .u-layout-cell-4 {min-height: 31px}
.u-section-4 .u-link-2 {margin-top: 9px; margin-left: 55px}
.u-section-4 .u-link-3 {margin-left: 55px}
.u-section-4 .u-layout-cell-6 {min-height: 122px}
.u-section-4 .u-container-layout-6 {padding-left: 55px; padding-right: 10px}
.u-section-4 .u-text-8 {font-size: 0.75rem; margin-top: 54px} }

p.more2 {
font-family: 'Courier New', monospace !important;
line-height: 1.5rem;
margin-top: 0;
margin-left: 18.5%;
opacity: 1;
transform: translate3d(0px, 0px, 0px);
	}

@media (max-width:767px){
p.more2 {
margin-left:50%;
	}

}

p.more2 a {
color: #c0c0c0;
font-size: 1rem;
font-weight: 400;
display: block;
height: 100%;
min-height: 5px;
margin-top: 15px;
padding-left: 1.625rem;
}


p.more2 a::before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    top: 0;
    right: auto;
    width: 1px;
    height: 100%;
    transform-origin: 0 0;
    transform: scaleY(0);
    background-color: #747474;
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}


p.more2 a::after {
	content: '';
    position: absolute;
    width: 1px;
    bottom: 0;
    left: 0;
    top: 0;
    right: auto;
    height: 100%;
	background-color: #fff;
	opacity: 0.4;
transition: opacity 0.3s ease-out;
}



p.more2 a:hover::before {
   transform: scaleY(1);
	content: '';
position: absolute;
    width: 1px;
    bottom: 0;
    left: 0;
    top: 0;
    right: auto;
    height: 100%;
	background-color: #fff;
	 transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

p.more2 a:hover::after {
   opacity: 0.25;
}