@font-face {
    font-family: 'Opensans Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Opensans Semibold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'Opensans Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'DIN Light';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/DINTLightTr.otf') format('opentype');
}
@font-face {
    font-family: 'DIN Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/DINTr.otf') format('opentype');
}
@font-face {
    font-family: 'DIN Medium';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/DINMediumTr.otf') format('opentype');
}
@font-face {
    font-family: 'DIN Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/DINTBoldTr.otf') format('opentype');
}
@font-face {
    font-family: 'DIN Black';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/DINBlackTr.otf') format('opentype');
}
@font-face {
    font-family: 'Montserrat Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat SemiBold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat Medium';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat BoldItalic';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Montserrat-BoldItalic.woff2') format('woff2');
}

:root{
    
    
    --siyah:#181818;
    --maviAcik:#00c0ff;
    --gri1:#ebebeb;
    --gri2:#c2c2c2;
    --gri3:#8b8d8d;
    --transition:all 0.6s ease-out;
    --transitionDelay:all 0.9s ease-in-out;
}

body{

    position: relative;
    height: 100%;/*footer absolute olabilsin diye*/

    margin: 0;
    padding: 0;


    font-family: Arial, Helvetica, sans-serif;
    /*font-smooth: always;*/

    /*font-size: 1.2vw;*/
    font-size: 4pt;
    box-sizing: border-box;
    
    
    
}

a{

    text-decoration: none;


}

@media all and (min-width: 20rem) {
    body{


        font-size: 5pt;

    }
}
@media all and (min-width: 38rem) {
    body{


        font-size: 7pt;

    }
}
@media all and (min-width: 55rem) {
    body{


        font-size: 8pt;

    }
}
@media all and (min-width: 63rem) {
    body{

       
        font-size: 10pt;

    }
}
@media all and (min-width: 70rem) {
    body{

       
        font-size: 11pt;

    }
}

.secOuter{  /*bu classı kullanmak yerine her section içinde genişliği max-80em olarak ayarlıyorum, yanlara doğru devam edebiliyor section backgroundlar*/

    position:relative;

    /*height: 440em;*/


    max-width: 80rem;

    margin: 0 auto;

    /*padding-bottom: 10em;*/

    overflow-x: hidden;
    overflow-y: hidden;

    /*background-color: #a1b4e8;*/

}

.divGeneralContainer{
    
    position: relative;
    
    max-width: 78em;
    
        
    margin: 0 auto;
    
    padding: 0 1em;
    
    
    
    /*border:1px solid limegreen;*/
    
}

@media all and (max-width: 50rem) {
   .divGeneralContainer{
    
    position: relative;
    
    max-width: 100%;
    
    
    margin: 0 auto;
    
    padding: 0 1em;
    
    
    /*broder:1px solid limegreen;*/
    
}
}


.divFixedPhone{
    
    position: fixed;

        
    width: 0em;
    height: 0em;
    
    bottom:5em;
    left:-5em;
    
    /*background-color: #0ed16f; */
    
    opacity: 0;
    
    cursor:pointer;
    
    transition:all 0.3s;
    
    -webkit-tap-highlight-color: transparent;
    
    z-index:3;
        
}
.divFixedPhone img{
    width: 100%;
}
.divFixedPhoneCompleted{
    
    display: none;

    
    width: 4em;
    height: 4em;
    
    bottom:calc(5% + 5em);
    left:1em;
    
    opacity: 1;
}
.divFixedPhone:hover{
    transform: scale(1.1);
}

.divFixedWhatsapp{
    
    position: fixed;
    
        
    width: 0em;
    height: 0em;
    
    bottom:0%;
    left:-5em;
    
    /*background-color: #0ed16f; */
    
    opacity: 0;
    
    cursor:pointer;
    
    transition:all 0.3s;
    
    -webkit-tap-highlight-color: transparent;
    
    z-index:3;
    
}
.divFixedWhatsapp img{
    width: 100%;
}
.divFixedWhatsappCompleted{
    
    display: none;
    
    width: 4em;
    height: 4em;
    
    bottom:5%;
    left:1em;
    
    opacity: 1;
}
.divFixedWhatsapp:hover{
    transform: scale(1.1);
}

@media all and (max-width: 50rem) {
    
    .divFixedPhoneCompleted{
    
    display: block;
        
    width: 7.8em;
    height: 5em;
    
    bottom:calc(5% + 9.5em);
    left:1em;
    
    opacity: 1;
}
    
    .divFixedWhatsappCompleted{
    
    display: block;
        
    width: 7.8em;
    height: 5.6em;
    
    bottom:5%;
    left:1em;
    
    opacity: 1;

}
    
}