/*

Pink: FBCDD8 rgba(251, 205, 216, 1)
Turquoise: D1D8F1 rgba(209, 216, 241, 1)
Orange: FFDAB8 rgba(255, 218, 184, 1)
Blue: DBF3FF rgba(219, 243, 255, 1)
Brown: E8DBD5 rgba(232, 219, 213, 1)
Yellow: FEFFD7 rgba(254, 255, 215, 1)
Green: D6FFD5 rgba(214, 255, 213, 1)
Bright blue: D7FDF8 rgba(215, 253, 248, 1)
Hard pink: D2337D rgba(210, 51, 125, 1)
Black: 000000 rgba(0, 0, 0, 1)
Orange neon: FF7262 rgba(255, 114, 98, 1)
Yellow neon: FFD600 rgba(255, 214, 0, 1)
Turqouise neon: 6178CA rgba(97, 120, 202, 1)
*/

.light.page-block{
    background: #000000;
}
.light .page-block-caption{
}
.light .page-block-link{
}
#pageBlock1.light .page-block-caption .page-block-name h1,
.light .page-block-caption .page-block-ttl h2,
.light .page-block-caption .page-block-ttl h2 a{
    color: #ffffff;
}
.light .page-block-caption .page-block-intro h2,
.light .page-block-caption .page-block-intro h3,
.light .page-block-caption .page-block-intro p{
    color: #ffffff;
}
.light .page-block-caption .page-block-txt h3,
.light .page-block-caption .page-block-txt p,
.light .page-block-caption .page-block-txt p a{
    color: #ffffff;
}
.light .btn-primary{
    background: rgba(255,255,255,0.2); border:2px solid #ffffff!important;
}
.light .btn-primary span{
    color: #ffffff;
}
.light .btn-primary::before{
    color: #ffffff;
}




.pinkdark.page-block{
    background: #D2337D;
}
.pinkdark .page-block-caption{
}
.pinkdark .page-block-link{
}
#pageBlock1.pinkdark .page-block-caption .page-block-name h1,
.pinkdark .page-block-caption .page-block-ttl h2,
.pinkdark .page-block-caption .page-block-ttl h2 a{
    color: #ffffff;
}
.pinkdark .page-block-caption .page-block-intro h2,
.pinkdark .page-block-caption .page-block-intro h3,
.pinkdark .page-block-caption .page-block-intro p{
    color: #ffffff;
}
.pinkdark .page-block-caption .page-block-txt h3,
.pinkdark .page-block-caption .page-block-txt p,
.pinkdark .page-block-caption .page-block-txt p a{
    color: #ffffff;
}
.pinkdark .btn-primary{
    background: #ffffff!important;
}
.pinkdark .btn-primary span{
    color: #D2337D!important;
}
.pinkdark .btn-primary::before{
    color: #D2337D!important;
}

.pinkdark .btn-primary:hover{
    background: #000000!important;
}
.pinkdark .btn-primary:hover span{
    color: #ffffff!important;
}
.pinkdark .btn-primary:hover::before{
    color: #ffffff!important;
}



.pink.page-block{
    background: #FBCDD8;
}
.pink .page-block-caption{
}
.pink .page-block-link{
}
#pageBlock1.pink .page-block-caption .page-block-name h1,
.pink .page-block-caption .page-block-ttl h2,
.pink .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.pink .page-block-caption .page-block-intro h2,
.pink .page-block-caption .page-block-intro h3,
.pink .page-block-caption .page-block-intro p{
    color: #000000;
}
.pink .page-block-caption .page-block-txt h3,
.pink .page-block-caption .page-block-txt p,
.pink .page-block-caption .page-block-txt p a{
    color: #000000;
}
.pink .btn-primary{
}
.pink .btn-primary span{
}
.pink .btn-primary::before{
}

#pageBlock0.page-block.pink .page-block-header-caption,
.pink.large-quote.page-block .page-block-caption{
    background: rgba(251, 205, 216, 0.8);
}



.orange.page-block{
    background: #FFDAB8;
}
.orange .page-block-caption{
}
.orange .page-block-link{
}
#pageBlock1.orange .page-block-caption .page-block-name h1,
.orange .page-block-caption .page-block-ttl h2,
.orange .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.orange .page-block-caption .page-block-intro h2,
.orange .page-block-caption .page-block-intro h3,
.orange .page-block-caption .page-block-intro p{
    color: #000000;
}
.orange .page-block-caption .page-block-txt h3,
.orange .page-block-caption .page-block-txt p,
.orange .page-block-caption .page-block-txt p a{
    color: #000000;
}
.orange .btn-primary{
}
.orange .btn-primary span{
}
.orange .btn-primary::before{
}


.blue.page-block{
    background: #DBF3FF;
}
.blue .page-block-caption{
}
.blue .page-block-link{
}
#pageBlock1.blue .page-block-caption .page-block-name h1,
.blue .page-block-caption .page-block-ttl h2,
.blue .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.blue .page-block-caption .page-block-intro h2,
.blue .page-block-caption .page-block-intro h3,
.blue .page-block-caption .page-block-intro p{
    color: #000000;
}
.blue .page-block-caption .page-block-txt h3,
.blue .page-block-caption .page-block-txt p,
.blue .page-block-caption .page-block-txt p a{
    color: #000000;
}
.blue .btn-primary{
}
.blue .btn-primary span{
}
.blue .btn-primary::before{
}


#pageBlock0.page-block.blue .page-block-header-caption,
.blue.large-quote.page-block .page-block-caption{
    background: rgba(219, 243, 255, 0.8);
}


.green.page-block{
    background: #D6FFD5;
}
.green .page-block-caption{
}
.green .page-block-link{
}
#pageBlock1.green .page-block-caption .page-block-name h1,
.green .page-block-caption .page-block-ttl h2,
.green .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.green .page-block-caption .page-block-intro h2,
.green .page-block-caption .page-block-intro h3,
.green .page-block-caption .page-block-intro p{
    color: #000000;
}
.green .page-block-caption .page-block-txt h3,
.green .page-block-caption .page-block-txt p,
.green .page-block-caption .page-block-txt p a{
    color: #000000;
}
.green .btn-primary{
}
.green .btn-primary span{
}
.green .btn-primary::before{
}

.turquoise.page-block{
    background: #D1D8F1;
}
.turquoise .page-block-caption{
}
.turquoise .page-block-link{
}
#pageBlock1.turquoise .page-block-caption .page-block-name h1,
.turquoise .page-block-caption .page-block-ttl h2,
.turquoise .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.turquoise .page-block-caption .page-block-intro h2,
.turquoise .page-block-caption .page-block-intro h3,
.turquoise .page-block-caption .page-block-intro p{
    color: #000000;
}
.turquoise .page-block-caption .page-block-txt h3,
.turquoise .page-block-caption .page-block-txt p,
.turquoise .page-block-caption .page-block-txt p a{
    color: #000000;
}
.turquoise .btn-primary{
}
.turquoise .btn-primary span{
}
.turquoise .btn-primary::before{
}


.yellow.page-block{
    background: #FAFCBE;
}
.yellow .page-block-caption{
}
.yellow .page-block-link{
}
#pageBlock1.yellow .page-block-caption .page-block-name h1,
.yellow .page-block-caption .page-block-ttl h2,
.yellow .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.yellow .page-block-caption .page-block-intro h2,
.yellow .page-block-caption .page-block-intro h3,
.yellow .page-block-caption .page-block-intro p{
    color: #000000;
}
.yellow .page-block-caption .page-block-txt h3,
.yellow .page-block-caption .page-block-txt p,
.yellow .page-block-caption .page-block-txt p a{
    color: #000000;
}
.yellow .btn-primary{
}
.yellow .btn-primary span{
}
.yellow .btn-primary::before{
}



.peach.page-block{
    background: #FFEBD9;
}
.peach .page-block-caption{
}
.peach .page-block-link{
}
#pageBlock1.peach .page-block-caption .page-block-name h1,
.peach .page-block-caption .page-block-ttl h2,
.peach .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.peach .page-block-caption .page-block-intro h2,
.peach .page-block-caption .page-block-intro h3,
.peach .page-block-caption .page-block-intro p{
    color: #000000;
}
.peach .page-block-caption .page-block-txt h3,
.peach .page-block-caption .page-block-txt p,
.peach .page-block-caption .page-block-txt p a{
    color: #000000;
}
.peach .btn-primary{
}
.peach .btn-primary span{
}
.peach .btn-primary::before{
}
#pageBlock0.page-block.peach .page-block-header-caption,
.peach.large-quote.page-block .page-block-caption{
    background: rgba(255, 235, 217, 0.8);
}



.brown.page-block{
    background: #E8DBD5;
}
.brown .page-block-caption{
}
.brown .page-block-link{
}
#pageBlock1.brown .page-block-caption .page-block-name h1,
.brown .page-block-caption .page-block-ttl h2,
.brown .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.brown .page-block-caption .page-block-intro h2,
.brown .page-block-caption .page-block-intro h3,
.brown .page-block-caption .page-block-intro p{
    color: #000000;
}
.brown .page-block-caption .page-block-txt h3,
.brown .page-block-caption .page-block-txt p,
.brown .page-block-caption .page-block-txt p a{
    color: #000000;
}
.brown .btn-primary{
}
.brown .btn-primary span{
}
.brown .btn-primary::before{
}
#pageBlock0.page-block.brown .page-block-header-caption,
.brown.large-quote.page-block .page-block-caption{
    background: rgba(232, 219, 213, 0.8);
}




.orangedark.page-block{
    background: #FF7262;
}
.orangedark .page-block-caption{
}
.orangedark .page-block-link{
}
#pageBlock1.orangedark .page-block-caption .page-block-name h1,
.orangedark .page-block-caption .page-block-ttl h2,
.orangedark .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.orangedark .page-block-caption .page-block-intro h2,
.orangedark .page-block-caption .page-block-intro h3,
.orangedark .page-block-caption .page-block-intro p{
    color: #000000;
}
.orangedark .page-block-caption .page-block-txt h3,
.orangedark .page-block-caption .page-block-txt p,
.orangedark .page-block-caption .page-block-txt p a{
    color: #000000;
}
.orangedark .btn-primary{
}
.orangedark .btn-primary span{
}
.orangedark .btn-primary::before{
}





#simone.page-block.default{
    overflow: hidden;
}
.large-quote.page-block{
    overflow: hidden;
}
#pageBlock1.cleanPageBlock1{
overflow: hidden;
}


#simone.page-block.default::after,
.medium-quote.page-block .page-block-image::after,
.large-quote.page-block .page-block-caption::before,
#pageBlock0.page-block .page-block-header-caption::before,
#pageBlock1.cleanPageBlock1 .page-block-caption::before{
    display: block; position: absolute; left: calc(50% - 300px); top: 60px; background: #ffffff; 
    width: 150px; height: 75px;
    border-radius: 75px 75px 0 0; content: ' ';
    transform: rotate(40deg);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}

.medium-quote.page-block .page-block-image{
    overflow: visible;
}
.medium-quote.page-block .page-block-image::after{
    left: 0px; top: 30px;
    background: #D2337D;
}
.large-quote.page-block .page-block-caption::before{
    left: 0px; top: 30px;
    background: #D2337D;
}
#pageBlock0.page-block.blue .page-block-header-caption::before{
    left: -30px; top: -30px;
}

#simone.page-block.default .page-block-caption::after,
.large-quote.page-block .page-block-caption::after,
#pageBlock1.cleanPageBlock1 .page-block-caption::after{
    display: block; position: absolute; left: auto; right: -75px; top: auto; bottom: -30px; background: #ffffff; 
    width: 150px; height: 75px;
    border-radius: 0 0 75px 75px ; content: ' ';
    transform: rotate(10deg);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}
.large-quote.page-block .page-block-caption::after{
    background: #D2337D; bottom: -30px;right: 0px;
    z-index:0;
}
.large-quote.page-block.brown .page-block-caption::before,
.large-quote.page-block.brown .page-block-caption::after{
    background: #ffffff;
}


.home #pageBlock1.cleanPageBlock1 .page-block-caption::before,
.home #pageBlock1.cleanPageBlock1 .page-block-caption::after{
    display: none;
}


#simone.page-block.default.inView::after,
.medium-quote.page-block.inView .page-block-image::after,
.large-quote.page-block.inView .page-block-caption::before,
#pageBlock0.page-block.inView .page-block-header-caption::before,
#pageBlock1.cleanPageBlock1.inView .page-block-caption::before,
#simone.page-block.default.inView .page-block-caption::after,
.large-quote.page-block.inView .page-block-caption::after,
#pageBlock1.cleanPageBlock1.inView .page-block-caption::after{
    opacity: 1;
    transform: rotate(-20deg);
}





@media(min-width:768px) {
}
@media(min-width:991px) {
#simone.page-block.default::after{
    left: 90px; top: 120px;
}
}
@media(min-width:1280px) {
#simone.page-block.default::after{
    left: 90px; top: 200px;
}
#pageBlock1.cleanPageBlock1 .page-block-caption::before{
    left: -90px;
}
    
.medium-quote.page-block .page-block-image::after{
    left: 60px; top: 0px;
}
.large-quote.page-block .page-block-caption::after,
#pageBlock1.cleanPageBlock1 .page-block-caption::after{
    bottom: 30px;
}
}
@media(min-width:1440px) {
.medium-quote.page-block .page-block-image::after{
    left: 90px; top: -30px;
}
}
@media(min-width:1600px) {
.medium-quote.page-block .page-block-image::after{
    left: 120px;
}
}