﻿body {
}

html {
}

.CNFAsp001 {
    background-image: url('../images/aspatia/aspatia-bg-001.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    position: relative;
}


.DVLogo001 {
    position: absolute;
    top: 17%;
    left: 3vmax;
}


    .DVLogo001 img {
        width: 30vmax;
        height: auto;
        max-width: 514px;
    }

.DVMetin001 {
    position: absolute;
    right: 3vmax;
    bottom: 5%;
    width: 25vmax;
    text-align: left;
}

    .DVMetin001 p {
        font-family: "Playfair Display", serif;
        font-size: 17px;
        font-weight: 700;
        /**/
        color: #1a2035;
    }









.DVGorsel002 {
    background-image: url('../images/aspatia/aspatia-bg-002.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    position: relative;
}

.DVLogo002 {
    position: absolute;
    left: 40%;
    top: 45%;
    width: 12vmax;
    text-align: left;
}


.DVMetin002-01 {
    font-size: 30px;
}


    .DVMetin002-01 p:nth-child(1) {
        font-family: "Playfair Display", serif;
        font-size: 1em;
        font-weight: 400;
        color: #1a2035;
        letter-spacing: 10px;
    }

    .DVMetin002-01 p:nth-child(2) {
        font-family: "Playfair Display", serif;
        font-size: 1.2em;
        font-weight: 500;
        color: #1a2035;
        letter-spacing: 10px;
    }

.DVMetin002-02 {
    font-size: 30px;
}

    .DVMetin002-02 p {
        font-family: "Playfair Display", serif;
        font-size: 0.9em;
        font-weight: 500;
        color: #1a2035;
        letter-spacing: 20px;
        margin-top: 20px;
    }


    .DVMetin002-02 p {
    }

.CNFAsp002 {
    background-color: #ece0d0;
}

.DVCizgi002 {
    width: 10vmax;
    height: 2px;
    background-color: #1a2035;
    margin: 0 auto;
}

.DVMetin002 {
    background-color: #ece0d0;
    padding: 40px 0px;
    padding-bottom: 0px;
}

.DVMetin002-03 {
    width: 45vmax;
    margin: 0 auto;
    margin-top: 50px;
}

    .DVMetin002-03 p {
        font-family: "Playfair Display", serif;
        font-size: 1em;
        font-weight: 700;
        /**/
        color: #1a2035;
    }



.DVMetin002-04 {
    width: 45vmax;
    margin: 0 auto;
}

    .DVMetin002-04 p {
        font-family: "Playfair Display", serif;
        font-size: 1em;
        font-weight: 500;
        /**/
        color: #1a2035;
    }


.DVMetin002-05 {
    width: 40vmax;
    margin: 0 auto;
}

    .DVMetin002-05 p {
        font-family: "Playfair Display", serif;
        font-size: 1em;
        font-weight: 500;
        /**/
        color: #1a2035;
    }


.DVMetin002-06 {
    width: 40vmax;
    margin: 0 auto;
}

    .DVMetin002-06 p {
        font-family: "Playfair Display", serif;
        font-size: 1em;
        font-weight: 500;
        /**/
        color: #1a2035;
    }

.DVGorsel002-07 {
    width: 100%;
    /*height: 200px;*/
    /*overflow-y: hidden;*/
}

    .DVGorsel002-07 img {
        display: block;
        transform: rotate(45deg);
        margin: 0 auto;
    }

.CNFAsp003 img:first-child {
    width: 100%;
    height: auto;
}

.CNFAsp003 {
    position: relative;
    /*background-image: url('../images/aspatia/aspatia-bg-003.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    position: relative;*/
}

.DVGorsel003 {
    width: 25vmax;
    height: auto;
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 100;
}


    .DVGorsel003 img {
        width: 100%;
        height: auto;
    }

.CNFAsp004 {
    width: 100vw;
    position: relative;
}

.DVBG004-01 {
    background-color: #ece0d0;
    height: 30vh;
    position: relative;
}

    .DVBG004-01 img {
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0px;
        left: 0px;
        max-width: 360px;
    }


.DVBG004-02 {
    /*height: 20vh;*/
    position: relative;
    background-color: #1a2035;
    align-self: center;
}


.DVMetin004 {
    position: static;
    bottom: 15%;
    right: 5%;
    width: 100%;
    height: auto;
    font-size: 19px;
    padding-top: 20px;
}

    .DVMetin004 p {
        font-family: "Playfair Display", serif;
        font-size: 0.9em;
        font-weight: 500;
        
        color: #fff;
        line-height: 43px;
    }


.DVGorsel004-1 {
    padding: 0px;
    /* background-image: url('../images/aspatia/gorsel004-1.jpg');
    background-size:cover;overflow:hidden;width:100vw;height:30vh;*/
}


    .DVGorsel004-1 img {
        width: 100%;
        height: auto;
    }


.DVGorsel004-2 {
    padding: 0px;
    /*background-image: url('../images/aspatia/gorsel004-2.jpg');
    background-size: cover;
    overflow: hidden;
    width: 100vw;
    height: 30vh;*/
}


    .DVGorsel004-2 img {
        width: 100%;
        height: auto;
    }

.DVRow004 {
    position: static;
    z-index: 0;
    top: 5%;
}


.rowMH100 {
    min-height: 100vh;
}

.CNFAsp005 {
    background-color: #ece0d0;
    overflow: hidden;
    width: 100vw;
    /*height: 100vh;*/
}

.DVMetin005 {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 30px;
}

    .DVMetin005 p:first-child {
        font-family: "Playfair Display", serif;
        font-size: 17px;
        color: #1a2035;
        font-weight: 500;
        letter-spacing: 0px;
    }


    .DVMetin005 p {
        font-size: 11px;
        color: #1a2035;
        font-weight: 500;
        
    }

.DVGorsel005 {
    /*background-image: url('../images/aspatia/gorsel-bg-005.jpg');
    background-size: cover;
    overflow: hidden;
    width: 100vw;
    height: 100vh;*/
    padding: 0px;
    position: relative;
}


    .DVGorsel005 img {
        width: 100%;
        height: auto;
    }

.CNFAsp006 {
    background-color: #fff;
    width: 100vw;
}

.DVLogo006 {
    padding: 50px 0px;
}


    .DVLogo006 span {
        font-family: "Playfair Display", serif;
        font-size: 30px;
        color: #1a2035;
        font-weight: 600;
        letter-spacing: 10px;
    }


    .DVLogo006 img {
        width: 35vmax;
        height: auto;
        max-width: 515px;
    }

.DVGorsel006-1 {
    padding: 0px;
}

.DVGorsel006-2 {
    padding: 0px;
}

.DVGorsel006-1 img {
    width: 100%;
    height: auto;
}

.DVGorsel006-2 img {
    width: 100%;
    height: auto;
}

.DVIcerik007 {
    position: relative;
}

    .DVIcerik007 img {
        position: absolute;
        right: -60px;
        bottom: 0px;
        transform: rotate(20deg);
        display: none;
    }

.DVMetin007 {
    padding: 35px 25px;
}

    .DVMetin007 p:first-child {
        font-size: 17px;
        color: #1f2a44;
        font-weight: 600;
        
        letter-spacing: 0px;
    }

    .DVMetin007 p:last-child {
        font-family: "Playfair Display", serif;
        font-size: 40px;
        color: #1f2a44;
        font-weight: 500;
        letter-spacing: 4px;
    }

/*.DVGorsel006-1 {
    background-image: url('../images/aspatia/gorsel-bg-006a.jpg');
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    width: 100vw;
    height: 70vh;
}

.DVGorsel006-2 {
    background-image: url('../images/aspatia/gorsel-bg-006b.jpg');
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    width: 100vw;
    height: 70vh;
}*/



.CNFAsp007 {
    position: relative;
    /*background-image: url('../images/aspatia/aspatia-bg-007.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    position: relative;*/
}

.DVGorsel007 {
    width: 18vmax;
    height: auto;
    position: absolute;
    left: 5%;
    top: 10%;
    z-index: 100;
}


.CNFAsp007 img {
    width: 100%;
    height: auto;
}


.CNFAsp008 {
    background-color: #ece0d0;
    overflow: hidden;
    width: 100vw;
    /*height: 100vh;*/
    position: relative;
}

.DVMetin008 {
    padding-top: 30px;
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;*/
}

    .DVMetin008 p:nth-child(1) {
        font-family: "Playfair Display", serif;
        font-size: 40px;
        color: #1a2035;
        font-weight: 500;
        letter-spacing: 6px;
    }


    .DVMetin008 p:nth-child(2) {
        font-family: "Playfair Display", serif;
        font-size: 38px;
        color: #1a2035;
        font-weight: 500;
        letter-spacing: 5px;
    }


    .DVMetin008 p:nth-child(4) {
        font-family: "Playfair Display", serif;
        font-size: 20px;
        color: #1a2035;
        font-weight: 500;
        letter-spacing: 6px;
    }

.DVCizgi008 {
    width: 6vmax;
    height: 2px;
    background-color: #1a2035;
    margin: 0 auto;
    margin-bottom: 15px;
}

.DVGorsel008 {
    background-image: url('../images/aspatia/gorsel-bg-008.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 80vh;
    position: relative;
}

.DVGorsel008-2 {
    padding: 0px;
}

    .DVGorsel008-2 img {
        width: 100%;
        height: auto;
    }


.DVGorselSandalye008 {
    position: absolute;
    right: 3vmax;
    bottom: 395px;
    z-index: 1000;
    display: none;
}


    .DVGorselSandalye008 img {
        height: auto;
        width: 20vmax;
    }



.DVGorsel009 {
    background-image: url('../images/aspatia/aspatia-bg-009.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    position: relative;
    padding: 0px;
}

.DVMetin009 {
    padding: 40px 15px;
}

.DVMetin009-01 p {
    font-size: 20px;
    color: #1a2035;
    font-weight: 500;
    
    letter-spacing: 0px;
}

.DVCizgi009 {
    width: 6vmax;
    height: 2px;
    background-color: #1a2035;
    margin: 15px auto;
}

.DVMetin009-02 p {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    color: #1a2035;
    font-weight: 500;
    letter-spacing: 6px;
}

.DVGorsel009-06 img {
    width: 100%;
    height: auto;
    max-width: 380px;
}

.DVMetin009-03 p {
    font-family: "Playfair Display", serif;
    font-size: 28px;
    color: #1a2035;
    font-weight: 500;
    letter-spacing: 3px;
}


.DVMetin009-04 p {
    font-size: 16px;
    color: #1a2035;
    font-weight: 500;
    letter-spacing: 0px;
    
}


.CNFAsp010 {
    /*background-image: url('../images/aspatia/aspatia-bg-010.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;*/
    position: relative;
}

    .CNFAsp010 img {
        width: 100%;
        height: auto;
    }

.DVGorsel010 {
    width: 18vmax;
    height: auto;
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: 100;
}


    .DVGorsel010 img {
        width: 100%;
        height: auto;
    }







.CNFAsp011 {
    width: 100vw;
    position: relative;
}

.DVBG011-01 {
    background-color: #fff;
    height: 30vh;
    position: relative;
}

    .DVBG011-01 img {
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -200px;
        max-width: 360px;
    }


.DVBG011-02 {
    /*height: 20vh;*/
    position: relative;
    background-color: #1a2035;
    align-self: center;
}


.DVMetin011 {
    position: static;
    bottom: 15%;
    right: 5%;
    width: 100%;
    height: auto;
    font-size: 19px;
    padding-top: 20px;
}

    .DVMetin011 p {
        font-family: "Playfair Display", serif;
        font-size: 0.8em;
        font-weight: 500;
        
        color: #fff;
        line-height: 43px;
    }


.DVGorsel011-1 {
    padding: 0px;
    /*padding: 0px;
    background-image: url('../images/aspatia/gorsel011-1.jpg');
    background-size: cover;
    overflow: hidden;
    width: 100vw;
    height: 30vh;*/
}


    .DVGorsel011-1 img {
        width: 100%;
        height: auto;
    }


.DVGorsel011-2 {
    padding: 0px;
    /*background-image: url('../images/aspatia/gorsel011-2.jpg');
    background-size: cover;
    overflow: hidden;
    width: 100vw;
    height: 30vh;*/
}


    .DVGorsel011-2 img {
        width: 100%;
        height: auto;
    }

.DVRow011 {
    position: static;
    z-index: 0;
    top: 5%;
}






.CNFAsp012 {
    /*background-image: url('../images/aspatia/aspatia-bg-012.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;*/
    position: relative;
}

    .CNFAsp012 img {
        width: 100%;
        height: auto;
    }


.CNFAsp013 {
    background-image: url('../images/aspatia/aspatia-bg-013.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    position: relative;
}



.DVGorsel013 {
    width: 40vmax;
    height: auto;
    right: 5vmax;
    top: 50%;
    position: absolute;
}

    .DVGorsel013 p {
        font-size: 38px;
        color: #ffffff;
        font-weight: 500;
        letter-spacing: 0px;
        
    }


.CNFAsp014 {
    background-image: url('../images/aspatia/aspatia-bg-014.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center; /* Yatay merkezleme */
    align-items: center;
}

.DVGorsel014 {
    display: flex;
    justify-content: center;
    align-items: center;
}


    .DVGorsel014 img {
        width: 35vmax;
        height: auto;
    }

.DVGorselAra{
    padding:0px;
}

.DVGorselAra img {
    width: 100%;
    height: auto;
}


@media (min-width:992px) {
    .DVLogo001 {
        position: absolute;
        top: 45%;
        left: 3vmax;
    }

    .DVMetin002-01 {
        font-size: 45px;
    }


    .DVGorsel002 {
        background-image: url('../images/aspatia/aspatia-bg-002.jpg');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100vw;
        height: 100vh;
        position: relative;
    }

    .DVLogo002 {
        position: absolute;
        left: 40%;
        top: 45%;
        width: 12vmax;
        text-align: left;
    }



    .DVMetin002-01 p:nth-child(1) {
        font-family: "Playfair Display", serif;
        font-size: 1em;
        font-weight: 400;
        color: #1a2035;
        letter-spacing: 10px;
    }

    .DVMetin002-01 p:nth-child(2) {
        font-family: "Playfair Display", serif;
        font-size: 1.2em;
        font-weight: 500;
        color: #1a2035;
        letter-spacing: 10px;
    }


    .DVMetin002-02 {
        font-size: 30px;
    }

        .DVMetin002-02 p {
            font-family: "Playfair Display", serif;
            font-size: 0.7em;
            font-weight: 500;
            color: #1a2035;
            letter-spacing: 20px;
            margin-top: 20px;
        }


        .DVMetin002-02 p {
        }

    .CNFAsp002 {
        background-color: #ece0d0;
    }

    .DVCizgi002 {
        width: 10vmax;
        height: 2px;
        background-color: #1a2035;
        margin: 0 auto;
    }

    .DVMetin002 {
        background-color: #ece0d0;
        padding: 40px 0px;
        padding-bottom: 0px;
    }

    .DVMetin002-03 {
        font-size: 17px;
        width: 35vmax;
        margin: 0 auto;
        margin-top: 50px;
        padding-bottom: 0px;
    }

        .DVMetin002-03 p {
            font-family: "Playfair Display", serif;
            font-size: 1em;
            font-weight: 700;
            
            color: #1a2035;
        }



    .DVMetin002-04 {
        font-size: 17px;
        width: 40vmax;
        margin: 0 auto;
    }

        .DVMetin002-04 p {
            font-family: "Playfair Display", serif;
            font-size: 1em;
            font-weight: 500;
            
            color: #1a2035;
        }


    .DVMetin002-05 {
        font-size: 17px;
        width: 40vmax;
        margin: 0 auto;
    }

        .DVMetin002-05 p {
            font-family: "Playfair Display", serif;
            font-size: 1em;
            font-weight: 500;
            
            color: #1a2035;
        }


    .DVMetin002-06 {
        font-size: 17px;
        width: 40vmax;
        margin: 0 auto;
    }

        .DVMetin002-06 p {
            font-family: "Playfair Display", serif;
            font-size: 1em;
            font-weight: 500;
            
            color: #1a2035;
        }

    .DVRow004 {
        position: absolute;
        z-index: 100;
        top: 5%;
    }


    .DVGorsel004-1 {
        padding: 0px;
        /*background-image: url('../images/aspatia/gorsel004-1.jpg');
        background-size: cover;
        overflow: hidden;
        width: 100vw;
        height: 50vh;*/
    }


        .DVGorsel004-1 img {
            width: 100%;
            height: auto;
        }


    .DVGorsel004-2 {
        padding: 0px;
        /*background-image: url('../images/aspatia/gorsel004-2.jpg');
        background-size: cover;
        overflow: hidden;
        width: 100vw;
        height: 50vh;*/
    }


        .DVGorsel004-2 img {
            width: 100%;
            height: auto;
        }



    .DVBG004-01 {
        background-color: #ece0d0;
        height: 100vh;
        position: relative;
    }


    .DVBG004-02 {
        height: 100vh;
        position: relative;
        background-color: #1a2035;
    }


    .DVMetin004 {
        position: absolute;
        bottom: 15%;
        left: 22%;
        width: 55vmax;
        height: auto;
        font-size: 19px;
    }

        .DVMetin004 p {
            font-family: "Playfair Display", serif;
            font-size: 1.3em;
            font-weight: 500;
            
            color: #fff;
            line-height: 43px;
        }



    /*  .DVGorsel006-1 {
        background-image: url('../images/aspatia/gorsel-bg-006a.jpg');
        background-size: cover;
        background-position: center center;
        overflow: hidden;
        width: 100vw;
        height: 50vh;
    }

    .DVGorsel006-2 {
        background-image: url('../images/aspatia/gorsel-bg-006b.jpg');
        background-size: cover;
        background-position: center center;
        overflow: hidden;
        width: 100vw;
        height: 50vh;
    }*/

    .DVIcerik007 img {
        position: absolute;
        right: -60px;
        bottom: 0px;
        transform: rotate(20deg);
        display: block;
    }

    .DVMetin007 p:first-child {
        font-size: 16px;
        color: #1f2a44;
        font-weight: 600;
        
        letter-spacing: 0px;
    }

    .DVMetin007 p:last-child {
        font-family: "Playfair Display", serif;
        font-size: 40px;
        color: #1f2a44;
        font-weight: 500;
        letter-spacing: 8px;
    }


    .DVGorsel007 {
        width: 18vmax;
        height: auto;
        position: absolute;
        left: 5%;
        top: 5%;
    }


    .DVGorselSandalye008 {
        position: absolute;
        right: 30vmax;
        bottom: 50px;
        z-index: 1000;
        display: block;
    }


        .DVGorselSandalye008 img {
            height: auto;
            width: 20vmax;
        }




    .DVRow011 {
        position: absolute;
        z-index: 100;
        top: 5%;
    }


    .DVGorsel011-1 {
        padding: 0px;
        /*background-image: url('../images/aspatia/gorsel011-1.jpg');
        background-size: cover;
        overflow: hidden;
        width: 100vw;
        height: 50vh;*/
    }


        .DVGorsel011-1 img {
            width: 100%;
            height: auto;
        }


    .DVGorsel011-2 {
        padding: 0px;
        /*background-image: url('../images/aspatia/gorsel011-2.jpg');
        background-size: cover;
        overflow: hidden;
        width: 100vw;
        height: 50vh;*/
    }


        .DVGorsel011-2 img {
            width: 100%;
            height: auto;
        }



    .DVBG011-01 {
        background-color: #fff;
        height: 100vh;
        position: relative;
    }


    .DVBG011-02 {
        height: 100vh;
        position: relative;
        background-color: #1a2035;
    }


    .DVMetin011 {
        position: absolute;
        bottom: 15%;
        right: 5%;
        width: 55vmax;
        height: auto;
        font-size: 19px;
    }

        .DVMetin011 p {
            font-family: "Playfair Display", serif;
            font-size: 1.3em;
            font-weight: 500;
            
            color: #fff;
            line-height: 43px;
        }


    .DVLogo006 {
        padding: 50px 0px;
    }


        .DVLogo006 span {
            font-family: "Playfair Display", serif;
            font-size: 33px;
            color: #1a2035;
            font-weight: 600;
            letter-spacing: 15px;
        }

}


@media (min-width:1200px) {
    .DVMetin005 p:first-child {
        font-family: "Playfair Display", serif;
        font-size: 20px;
        color: #1a2035;
        font-weight: 500;
        letter-spacing: 1px;
    }


    .DVMetin005 p {
        font-size: 12px;
        color: #1a2035;
        font-weight: 500;
        
    }
}


@media (min-width:1400px) {
    .DVMetin005 p:first-child {
        font-family: "Playfair Display", serif;
        font-size: 25px;
        color: #1a2035;
        font-weight: 500;
        letter-spacing: 1px;
    }


    .DVMetin005 p {
        font-size: 16px;
        color: #1a2035;
        font-weight: 500;
        
    }
}
