/*

Theme Name: slowmove

*/



/**

 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)

 * http://cssreset.com

 */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

    display: block;

}

body {

    line-height: 1;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

/*//////////////////////////////*/



h1, h2, h3, h4, h5, h6, p, div, em{

    word-wrap:break-word;

}



body{

    min-width: 320px;

}



strong{

    font-weight:bolder;

}



em{

    font-style: italic;

}



blockquote{

    font: inherit;

    font-size: 17px;

    font-style:italic;

    line-height: 150%;

    color:#000000;

    padding-left: 10%;

    margin-bottom:35px;

}

.alignleft img, .alignright img, .alingcenter img, .alignnone img{

    width:100%;

}



.alignright{

    float: right;

    position: relative;

    width: 39%;

    height:auto;

    margin: 5px 0 5px 2%;

}



.alignright{

    float: right;

    position: relative;

    width: 39%;

    height:auto;

    margin: 5px 0 5px 2%;

}



.alignleft{

    float: left;

    position: relative;

    width: 39%;

    height:auto;

    margin: 5px 2% 5px 0;

}



.aligncenter, .alignnone{

    position: relative;

    width: 100%;

    height:auto;

    margin: 10px 0 10px 0;

    clear: both;

}



.wp-caption-text{

    font: inherit;

    font-size:13px;

    margin: 0;

    padding: 0;

    float:left;

}



.gallery{

    width:100%;

    clear:both;

}



.gallery:after, .thumb:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}



.gallery-item{

    float:left;

    width:31.5%;

    margin: 0.75%;

}



.gallery-item:nth-of-type(3n+1){

    clear:both;

}



.gallery-item img{

    width:100%;

    height: auto;

    border: 0;

}



.main{

    background-color: #ffffff;

    font-family: raleway, arial, sans-serif ;

}



.stripe{

    float:left;

    position: relative;

    width:100%;

    padding-top: 15px;

}



.header {

    max-width: 980px;

    margin: 0 auto;

    position:relative;

    display:block;

}



.middle{

    margin:0 auto;

    position:relative;

    padding-top:30px;

    /*height:400px;

    background-color: #dcdcdc;*/

}



.w-1024{

    max-width: 1024px;

}



.w-800{

    max-width:800px;

}



.w-768{

    max-width:768px;

}



.w-grafik{

    max-width: 920px;

}



.w-cennik{

    max-width: 880px;

}



.middle-glowna{

    max-width:1024px;

    margin:0 auto;

    height: 435px;

    background-color: #e8dfdd;

    position:relative;

    margin-bottom: -15px;

}



.middle-glowna img{

    float:right;

    width: 810px;

    height: auto;

    margin-right: 214px;

}



.middle-glowna li{

    background-color: #fff;

}



.glowna-zdjecie-transparent{

    position: absolute;

    opacity: 0.8;

    width:214px;

    height: 435px;

    right: 214px;

    top: 0px;

    z-index: 10;

    background-color: #c8c0bd;

}



.middle-glowna-glass {

    background-color: #D1B8B4;

    opacity: .45;

    position:absolute;

    top: 0px;

    right: 0px;

    z-index:10;

    width:320px;

    height: 345px;

    padding: 45px;

}



.middle-glowna-text{

    font: inherit;

    font-weight: normal;

    font-size: 15px;

    color: #000000;

    padding: 45px;

    max-width:320px;

    line-height: 175%;

    position:absolute;

    top: 0px;

    right: 0px;

    z-index:11;

}



div.footer{

    margin:0 auto;

    max-width: 1024px;

    height:100px;

    background-color: #e5e5e5;

    position:relative;

}



div.footer-glowna{

    margin:0 auto;

    max-width: 1024px;

    height:120px;

    background-color: #F2EBEB;

    position:relative;

}



.logo{

    margin: 35px 15px 35px 5px;

    float: left;

    position:relative;

}



.menu-container{

    float:left;

    position:relative;

    width: calc(100% - 250px);

    margin-top: 75px;

}

.menu-slider-button{

    display:none;

}



ul.menu-glowne{

    list-style:none;

    text-transform:lowercase;

    font-size:14px;

    float:left;

}



.footer ul.footer{

    list-style:none;

    font-size:13px;

    float:left;

    margin: 65px 0px 0px 55px;

}



.footer-glowna ul.footer{

    list-style:none;

    font-size:13px;

    float:left;

    margin: 85px 0px 0px 55px;

}





ul.menu-glowne li{

    display: inline-block;

    padding: 0px 15px 0px 15px;

    margin-top:10px;

    border-right: 2px solid #d8c8c5;

    line-height: 150%;

}



ul.footer li{

    display: inline-block;

    padding: 0px 15px 0px 15px;

    border-right: 2px solid #BCA39F;

    line-height: 150%;

}



.footer .fb_footer{

    border: 0;

    float:right;

    margin: 50px 40px 0px 0px;

}



.footer-glowna .fb_footer{

    border: 0;

    float:right;

    margin: 70px 40px 0px 0px;

}







ul.menu-glowne  li:last-child{

    border: 0;

}



ul.footer  li:last-child{

    border: 0;

}



.current-menu-item{

    font-weight:bolder !important;

}



ul.menu-glowne a:link, ul.menu-glowne a:visited{

    color: black;

    text-decoration: none;

}

ul.menu-glowne a:hover, ul.menu-glowne a:active{

    color: black;

    text-decoration: underline;

}



img.item{

    width:100%;

    height:auto;

}



.layout-4-padding-4{

    width:20%;

    float:left;

    padding-left:4%;

    padding-bottom:30px;

    opacity: 0;

}



.layout-4-padding-4-podpis{

    width:90%;

    margin: 0 auto;

    position:relative;

    top: -12px;

    padding:22px 0px 8px 0px;

    background: rgb(216, 200, 197); /* Fall-back for browsers that don't support rgba */

    background: rgba(216, 200, 197, 0.7);

}



.layout-4-padding-4 h2{

    font: inherit;

    font-size:15px;

    text-align:center;

    text-transform:uppercase;

    position:relative;

    font-weight:normal;

    padding: 0px 10px 0px 10px;

}



.layout-4-padding-4 h3{

    margin: 0 auto;

    width: 90%;

    text-transform: lowercase;

    font: inherit;

    font-size: 14px;

    color: #555	;

    text-align:center;

    position:relative;

    top:-5px;

}

.layout-4-padding-4 a:link, .layout-4-padding-4 a:visited{

    text-decoration:none;

    color: #000000;

}

.layout-4-padding-4 a:hover, .layout-4-padding-4 a:active{

    text-decoration:underline;

    color: #000000;

}



.page-ludzie-obrazek-duzy img{

    width:95%;

    height:auto;

    position:relative;

    margin-left:5%;

    float:left;

}



.page-ludzie-podpis{

    position:relative;

    float:left;

    top: -15px;

    left: -20px;

    font: inherit;

    margin-left:5%;



}



.page-ludzie-podpis h1{

    background: rgb(216, 200, 197); /* Fall-back for browsers that don't support rgba */

    background: rgba(216, 200, 197, 0.6);

    padding: 30px 20px 10px 20px;

    text-transform: uppercase;

    color: #000000;

    font-size: 20px;

}



.page-ludzie-podpis h2{

    color: #000000;

    font-size: 16px;

    text-transform: lowercase;

    padding: 10px 20px 0px 20px;

}



div.page-ludzie{

    width:95%;

    margin-left: 5%;

    float: right;

    margin-bottom: 35px;

}



.layout-4-padding-2{

    width:22.5%;

    float:left;

    padding-left: 2%;

    padding-bottom: 20px;

    position:relative;

    opacity: 0;

}



.page-zajecia-container{

    top: -100px;

    position: relative;

    width:80%;

    margin:0px 0px 0px 10%;

}

.page-zajecia-obrazek-duzy img{

    height:auto;

    position: relative;

    width:100%;

}



.page-zajecia-tytul-transparent{

    font: inherit;

    text-align: center;

    width:33%;

    position: relative;

    background: rgb(216, 200, 197); /* Fall-back for browsers that don't support rgba */

    background: rgba(216, 200, 197, 0.6);

    z-index:100;

    margin-left: 1%;

}



.page-zajecia-tytul-transparent h1{

    font: inherit;

    font-size: 22px;

    padding-left: 20px;

    padding-right: 20px;

}



.page-zajecia-tytul-transparent h2{

    font: inherit;

    font-size: 16px;

    text-transform: uppercase;

    margin-top: 25px;

    font-weight: lighter;

    padding-left: 20px;

    padding-right: 20px;

}



.page-zajecia-tytul-transparent a:link, .page-zajecia-tytul-transparent a:visited{

    color: #000000;

    text-decoration: none;

}



.page-zajecia-tytul-transparent a:hover, .page-zajecia-tytul-transparent  a:active{

    color: #000000;

    text-decoration: underline;

}



.page-zajecia-opis{

    width:100%;

    margin: 50px 0px 0px 0px;

    font: inherit;

    font-size: 16px;

    line-height:150%;

    position:relative;

    clear:both;

    float:left;

}



.two-column-main{

    width:75%;

    float:left;

}



.two-column-sidebar-right{

    width:25%;

    float:left;

    /*background-color:#d8c8c5;*/

}



.widget{

    border-bottom: 3px solid #e6dbd9;

    padding:20px 0px 20px 0px;

    margin:0px 0px 0px 50px;

    font:inherit;

}



.widget h2{

    color: #666666;

    text-transform: uppercase;

    margin-bottom: 5px;

    font-size:16px;

}



.widget:last-child{

    border: 0;

}



.widget:first-child{

    padding-top: 0px;

}



.widget ul{

    list-style:none;

}



.widget li{

    line-height:150%;

    font-size:16px;

    color:#aaaaaa;

    text-transform:lowercase;

}



.widget a:link, .widget a:visited{

    text-decoration:none;

    color:#000000;

}



.blog-item a:link, .blog-item a:visited , .page-ludzie a:visited, .page-ludzie a:link, .page-zajecia-opis a:visited, .page-zajecia-opis a:link {

    text-decoration:none;

    color:#BCA39F;

}

.widget a:hover, .widget a:active, .blog-item a:hover, .page-ludzie a:active, .page-ludzie a:hover, .blog-item a:active, .page-zajecia-opis a:hover, .page-zajecia-opis a:active {

    text-decoration:underline;

    color:#000000;

}



.blog-item{

    width:100%;

    padding-bottom: 50px;

    font:inherit;

    float:right;

    position:relative;

    clear:both;

}



.blog-item .narrow{

    padding-top: 15px;

    width: 85%;

    margin: 0 auto;

}



.blog-item .thumb img{

    width: 100%;

    height: auto;

}



.blog-item .thumb{

    margin-bottom: 30px;

}



.blog-item  p, .blog-item ol, .blog-item ul, .page-ludzie p, .page-ludzie ol, .page-ludzie ul, .page-zajecia-opis p, .page-zajecia-opis ol, .page-zajecia-opis ul{

    color: #000000;

    font-size: 16px;

    line-height:150%;

    margin-top: 5px;

    margin-bottom: 30px;

    position:relative;

}



.blog-item p:nth-child(2){

    margin-top:35px ;

}



.blog-item .read-more,

.blog-item .more-link {

    font: inherit;

    font-weight:bolder;

    clear:both;

}



.blog-item .read-more a,

.blog-item a.more-link,

.blog-item a.more-link:visited {

    color:#000000;

}



.blog-item h1, .page-ludzie h1, .page-zajecia-opis h1{

    text-transform:uppercase;

    color: #000000;

    font-size:20px;

    clear:both;

}



.blog-item h2, .page-ludzie h2, .page-zajecia-opis h2{

    font-size: 22px;

    color: #888888;

    clear: both;;

}



.blog-item h3, .page-ludzie h3, .page-zajecia-opis h3{

    font-size: 20px;

    color: #000000;

    clear: both;;

}



.blog-item h4, .page-ludzie h4, .page-zajecia-opis h4{

    font-size: 20px;

    color: #888888;

    clear: both;;

}



.blog-item h5, .page-ludzie h5, .page-zajecia-opis h5{

    font-size: 18px;

    color: #888888;

    clear: both;;

}



.blog-item h6, .page-ludzie h6, .page-zajecia-opis h6{

    font-size: 17px;

    color: #000000;

    clear:both;

    line-height:150%;

}



.blog-item ol, .page-ludzie ol, .page-zajecia-opis  ol{

    list-style-type: decimal ;

    padding-left:30px;

}



.blog-item ul, .page-ludzie ul, .page-zajecia-opis ul{

    list-style-type: disc;

    padding-left: 30px;

}



.blog-item-tytul{

    float:left;

    background-color: #e9dfdd;

    padding:15px 20px 15px 20px; 

}



.blog-item-date{

    font-size:13px;

    color:#666666;

}



.page-kontakt-container{

    width:35%;

    font:inherit;

    float: left;

    margin-bottom: 35px;

}



.mapa{

    border: 0;

    width:65%;

    float: left;

    margin-bottom:35px;

    background-color: #eeeeee;

    background-image: url('img/bx_loader.gif');

    background-repeat: no-repeat;

    background-position: center center;

    height: 500px;

}



.mapa iframe{

    width:100%;

    height: 500px;

    float: left;

}



.page-kontakt-container h1{

    font-size:20px;

    margin-bottom: 15px;

    color: #888888;

}



.page-kontakt-container p{

    font-size:16px;

    line-height:150%;

}





.nav-links{

    width: 75%;

    margin: 0 auto;

    font: inherit;

    font-size: 17px;

    clear:both;

    margin-bottom: 35px;



}

.nav-links a:link, .nav-links a:visited{

    text-decoration: none;

    color:#000000;

}



.nav-links a:hover, .nav-links a:active{

    text-decoration: underline;

    color:#000000;

}



.nav-links .next{

    float:right;

}



.nav-links .prev{

    float:left;

}





.page-cennik {

    width: 32.5%;

    margin-right: 1.125%;

    float:left;

    text-align:center;

    font: inherit;

    padding: 35px 0 20px 0;

}



.page-cennik-lewy{

    background-color: #e9dfdd;

}



.page-cennik-srodkowy{

    background-color: #efefef;

}



.page-cennik-prawy{

    background-color: #f1ebeb;

    margin-right: 0;

}



.page-cennik h1 {

    font-size:20px;

    color: #000000;

}



.page-cennik hr {

    width:33%;

    margin: 25px auto 0 auto;

    background-color: #9c9c9c;

    border: 0;

    height: 2px;

}



.page-cennik p{

    font-size:16px;

    color:#000000;

    line-height: 200%;

    margin-top:25px;

}



.page-cennik-stopka{

    width: 100%;

    text-align: center;

    padding: 35px 0 25px 0;

    clear: both;

}

.page-cennik-stopka a:link, .page-cennik-stopka a:visited, .page-cennik-stopka a:active, .page-cennik-stopka a:hover{

    text-decoration: none;

}



.page-grafik-container{

    margin: 0 auto;

    width: 100%;

    float: left;

    position: relative;

    font: inherit;

    margin-bottom: 35px;

}



.page-grafik-container-narrow{

    margin-left: 2%;

    width: 96%;

    float: left;

    position: relative;

    font: inherit;

    display:  none;

    margin-bottom: 35px;

}





.page-grafik-row{

    width: 100%;

    float: left;

    position: relative;

    font-size: 16px;

}



.page-grafik-cell{

    padding: 10px 0.5% 10px 0.5%;

    width:14%;

    background-color: #f6f6f6;

    margin-left: 0.6%;

    margin-top: 5px;

    float: left;

    text-align: center;

    opacity: 0;

}



.page-grafik-container .godzina, .page-grafik-container-narrow .godzina{

    padding: 10px 0.5% 10px 0.5%;

    width:5%;

    margin-left: 0;

}



.page-grafik-cell h1{

    font-size: 14px;

    line-height: 150%;

}



.page-grafik-cell h2{

    font-size: 14px;

    text-transform: uppercase;

    line-height: 150%;

}



.page-grafik-container .colored, .page-grafik-container-narrow .colored{

    background-color: #ffffff;

}



.page-grafik-container-narrow .hide{



}



.page-grafik-cell h1 a:link, .page-grafik-cell h1 a:visited, .page-grafik-cell h2 a:link, .page-grafik-cell h2 a:visited{

    color:#000000;

    text-decoration:none;

}



.page-grafik-cell h1 a:active, .page-grafik-cell h1 a:hover, .page-grafik-cell h2 a:active, .page-grafik-cell h2 a:hover{

    color:#000000;

    text-decoration:underline;

}



table.grafik, tr.grafika, table.grafik td {border-top: 3px #fff solid; border-left: 3px #fff solid; max-width: 1000px; color: #333; text-align: center; font-size: 13px; line-height: 15px;}

.jasny, .sredni, .ciemny, .pusty {background: #f4f4f4; padding: 20px 1%; font-size: 12px; word-wrap: break-word;}
.jasny{background: #f1ebeb; }
.sredni{background: #e9dfdd; }
.ciemny{background: #d8c8c5; }
.pusty{font-size: 16px; }
.zero{font-size: 16px; }
.godzina{font-size: 14px; padding: 20px 0.5%;}

.jasny p, .sredni p, .ciemny p, .pusty p {margin: 0; padding:0;}
.jasny a, .sredni a, .ciemny a{text-decoration: none; color: #333 !important;}
.jasny a:hover, .sredni a:hover, .ciemny a:hover{text-decoration: underline; color: #000;}

.trener{line-height: 30px;}



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

    .middle-glowna{

        max-width:1024px;

        background-color: #ffffff;

    }



    .middle-glowna li{

        background-color: #ffffff;

    }





    .middle-glowna img{

        clear:both;

        width: 90%;

        margin-left: 5%;

        height: auto;

        float:left;

    }



    .glowna-zdjecie-transparent{

        display: none;

    }



    .middle-glowna-glass {

        display: none;

    }



    .middle-glowna-text{

        font: inherit;

        font-weight: normal;

        font-size: 15px;

        color: #000000;

        float:left;

        line-height: 175%;

        position:relative;

        max-width: 80%;

        margin:25px 0px  0px 5% ;

        padding: 25px 5% 25px 5%;

        background-color: #e8dfdd;

    }





    .blog-item{

        width: 98%;

        margin-left: 1%;

        float:left;

    }



}



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



    .layout-4-padding-4{

        width:28%;

        padding-left:4%

    }



    .layout-4-padding-2{

        width:30.6%;

        padding-left: 2%;

    }



    .blog-item .thumb img{

        width: 96%;

        margin-left: 2%;

    }



    .page-kontakt-container{

        width: 33%;

        margin-left: 2%;

    }



    .page-cennik p {

        font-size: 14px;

        line-height: 19px;

    }



    .mapa{

        width: 63%;

        margin-right: 2%;

    }



    .gallery-item{

        width: 49%;

        margin: 0 0 7px 0;

    }



    .gallery-item img{

        width: 100%;

        height: auto;

        margin: 0;

    }



    .gallery-item:nth-of-type(2n+1){

        clear: both;

        margin-right: 2%;

    }



    .gallery-item:nth-of-type(3n+1){

        clear: none;

    }



    .alignleft, .alignright, .aligncenter, .alignnone{

        width:48%;

    }



    .aligncenter{

        margin-left: 25%;

    }



    .page-grafik-container{

        display: none;

    }



    .page-grafik-container-narrow{

        display: block;

    }



    .page-grafik-cell{

        width: 73.5%;

        padding: 10px 2.5% 10px 2.5%;

        margin-left: 1.5%;

    }



    .page-grafik-container-narrow .godzina{

        width: 18%;

    }





}



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



    .menu-container{

        display: none;

        float:right;

        width:100%;

    }



    .menu-slider-button{

        float:right;

        display:block;

        margin: 35px 15px 0px 0px;

        background-image: url('img/menu-icon.png');

        background-repeat: no-repeat;

        width:40px;

        height:30px;

    }



    .logo{

        margin: 0px 5px 10px 18px;

    }



    ul.menu-glowne{

        list-style:none;

        text-transform:lowercase;

        font-size:14px;

        float:right;

        position:relative;

        top: 10px;

    }



    ul.menu-glowne li{

        display: block;

        padding: 0px 15px 0px 15px;

        line-height: 150%;

        border: 0px;

        text-align:right;

    }



    .layout-4-padding-4{

        width:44%;

        padding-left: 4%;

    }



    .layout-4-padding-2{

        width:47%;

        padding-left: 2%;

    }



    .page-zajecia-tytul-transparent{

        width: 50%;

        margin-left: 2%;

    }



    .two-column-main{

        width:100%;

    }



    .two-column-sidebar-right{

        width:96%;

        margin-left: 2%;

    }



    .widget{

        padding-left: 0;

        margin-left: 0;

    }



    div.page-ludzie p:last-child{

        margin-bottom: 40px;

    }





    .page-ludzie-podpis{

        margin-left: 2%;

        left: 0;

    }



    .page-ludzie-obrazek-duzy img{

        width:96%;

        margin-left:2%;

    }



    div.page-ludzie{

        margin-left: 2%;

        width:96%;

        float:left;

    }



    .page-kontakt-container{

        width:96%;

        margin-left: 2%;

    }



    .mapa{

        width:96%;

        height: m;

        margin-top: 25px;

        margin-left: 2%;

    }



    div.footer{

        height: 120px;

    }



    .footer ul.footer, .footer-glowna ul.footer{

        list-style:none;

        font-size:13px;

        float:left;

        margin: 15px 0px 0px 6%;

    }



    ul.footer li{

        display: block;

        padding: 10px 15px 0px 0px;

        border-right: 0;

    }



    .footer .fb_footer, .footer-glowna .fb_footer{

        border: 0;

        float:right;

        margin: 70px 40px 0px 0px;

    }



}



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

    .page-cennik {

        width:96%;

        margin: 35px 2% 0 2%;

        font-size: 16px;

        line-height: normal;

    }



    .page-cennik-lewy {

        margin-top: 0;

    }

}

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



    .layout-4-padding-4{

        width:92%;

        padding-left:4%;

    }



    .layout-4-padding-2{

        width:96%;

        padding-left:2%;

    }



    .page-zajecia-opis{

        width:100%;

        margin-left: 0;

        font-size:16px;

        margin-top: 30px;

    }



    .page-zajecia-tytul-transparent{

        margin:0;

        width:96%;

        margin-left: 2%;

    }



    .page-zajecia-container{

        top: -75px;

        width:96%;

        margin:  0;

        margin-left: 2%;

    }



    .page-zajecia-obrazek-duzy img{

        margin:0px 0px 0px 0px;



    }



    .blog-item .narrow{

        width: 96%;

        margin-left: 2%;

    }





    .gallery-item{

        width: 100%;

        margin: 0;

        margin-bottom: 7px;

    }



    .gallery-item img{

        width: 100%;

        height: auto;

        margin: 0;

    }



    .gallery-item:nth-of-type(n+1){

        clear: both;

    }



    .gallery-item:nth-of-type(2n+1){

        clear: none;

    }

    .alignleft, .alignright, .aligncenter, .alignnone{

        float: left;

        width: 100%;

        margin:0 0 7px 0;

    }





    .blog-item{

        width: 96%;

        margin-left: 2%;

        float:left;

    }

}



/* ANIMACJA */



.view-tenth img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



.view-tenth .mask {

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=100);

    opacity: 1;

    overflow:hidden;

    position:absolute;

    z-index:1;

    top:0;

    right:0;

    width:100%;

    height:100%;

    font:inherit;

    text-align:center;

    line-height:150%;

    background-color: #d8c8c5;

}



.view-tenth  .color1, .page-grafik-container .color1, .page-grafik-container-narrow .color1{

    background-color: #d8c8c5;

}



.view-tenth  .color2, .page-grafik-container .color2, .page-grafik-container-narrow .color2{

    background-color: #f0e5e5;

}



.view-tenth  .color3, .page-grafik-container .color3, .page-grafik-container-narrow .color3{

    background-color: #f1ebeb;

}



.view-tenth  .color4, .page-grafik-container .color4, .page-grafik-container-narrow .color4{

    background-color: #e9dfdd;

}



.view-tenth .container{

    width:100%;

    position: relative;

}



.view-tenth h2{

    font-size:18px;

    padding-left: 20px;

    padding-right: 20px;

}



.view-tenth h3{

    text-transform: uppercase;

    font-size: 14px;

    padding-left: 20px;

    padding-right: 20px;

}



.view-tenth h2, .view-tenth h3{

    -webkit-transition: all 0.6s linear;

    -moz-transition: all 0.6s linear;

    -o-transition: all 0.6s linear;

    -ms-transition: all 0.6s linear;

    transition: all 0.6s linear;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    filter: alpha(opacity=100);

    opacity: 1;

}



.view-tenth:hover img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=1);

    opacity: 1;

}



.view-tenth:hover .mask {

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=0);

    opacity: 0;

}



.view-tenth:hover h2, .view-tenth:hover h3{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=0);

    opacity: 0;

}



.view-tenth a:hover, .view-tenth a:visited, .view-tenth a:active, .view-tenth a:link{

    text-decoration:none;

    color:black;

    border: 0;

}



.wpcf7-form-control.wpcf7-textarea,

.wpcf7-form-control.wpcf7-text {

    width: 100%;

    font-family: inherit;

    font-size: 16px;

    padding: 5px 8px;

}



.wpcf7-form-control.wpcf7-submit {

    font-family: inherit;

    padding: 4px 10px;

}



div.wpcf7-mail-sent-ok {

    background-color: #f2f2f2 !important;

    padding: 8px 12px !important;

    border: none !important;

}



h2.inpage-head {

    box-sizing: border-box;

    width: 100%;

    clear:both;

    text-align: center;

    padding: 0 10% 20px 10%;

    color: #888;

}



h2.inpage-head a {

    color: #aaa;

    font-size: 80%;

}



h2.inpage-head a:hover {

    color: #888;

}