
.divCircle1{

    position: absolute;

    width: 41em;
    height: 38em;

    top:2em;
    left:-3em;

    /*border:1px solid red;*/


    background-image: url('../img/hak_circle1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    z-index: -1;


}

.divCircle2{

    position: absolute;
    /*display: none;*/

    width: 40em;
    height: 50em;

    top:4.5em;
    right:-3em;

    /*border:1px solid red;*/


    background-image: url('../img/hak_circle2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    z-index: -1;


}

#iletisim_map_module{

    position: relative;

    width: 70%;
    height: 22em;

    margin:0 auto;

    /*border:solid 1px red;*/

    border-radius: 1.5em;

    /*box-shadow:inset 10px 7px 5px -5px rgba(0,0,0,0.9),inset -10px -7px 5px -5px rgba(0,0,0,0.9);;*/

}

.divAdres{

    position: relative;

    width: 70%;
    height: 5em;

    margin:2em auto;

    color:#f2f2f2;

    text-align: center;

    /*border:solid 1px red;*/
}
.divAdres span{

    position: relative;
    display: block;

}

.divSeper{

    position: relative;

    width: 85%;


    /*top:1em;*/
    margin:auto;

    /*border:solid 1px red;*/

    z-index: -1;

}
.divSeper img{
    width: 100%;
}

.divForm{

    position: relative;

    width: 70%;

    top:-2em;

    margin:0 auto;

    color:#f2f2f2;

    text-align: center;

    /*border:solid 1px red;*/

}

.divForm span{

    font-size: 0.9em;

}

.divForm input[type=text]{

    position: relative;

    display: block;

    width: 50%;
    margin: 1em  auto;
    padding: 0.5em;


    background:  linear-gradient(to right, #b0b0b1 0%, #c8c8c9 17%,#c8c8c9 20%,#b0b0b1 100%);

    border:none;

    border-radius: 0.5em;

    box-shadow:inset 7px 7px 4px -10px rgba(0, 0, 0, 1),inset -7px -7px 4px -10px rgba(0, 0, 0, 1);

}

.divForm textarea{

    position: relative;
    display: block;

    width: 50%;
    margin: 1em auto;
    padding: 0.5em;


    background:  linear-gradient(to right, #b0b0b1 0%, #c8c8c9 17%,#c8c8c9 20%,#b0b0b1 100%);

    border:none;

    border-radius: 0.5em;

    box-shadow:inset 7px 7px 4px -10px rgba(0, 0, 0, 1),inset -7px -7px 4px -10px rgba(0, 0, 0, 1);

}

.divBtnWrap{

    position: relative;

    width:50% ;
    height: 5em;

    margin:0 auto;

    /*border:solid 1px red;*/


}

.divBtnContainer{

    position: absolute;

    height: 2em;
    width: 9em;

    top:0;
    right: -0.5em;

    overflow: hidden;

     /*border:solid 1px red;*/

}
.btn{

    position: relative;

    height: 8em;
    width: 6em;

    top:-3em;
    left:1.5em;

    transform: rotate(31deg);

    background-image: linear-gradient(65deg, #20a309 0%, #27df06 100%);

    cursor: pointer;

}
.btn:active{
    top:-2.9em;
}

.btnInner{

    position: relative;

    width: 6em;
    height: 2em;

    top:3.2em;

    transform: rotate(-31deg);

    color:white;

    /*border:solid 1px red;*/

}
.btnInner span{

    user-select: none;

}