body{
    background-image: linear-gradient(to right, #434343 0%, black 100%);

}
#header{
    background-image: linear-gradient(to right, #434343 0%, black 100%);

    width:100%;
    min-height: 100px;
    max-height: 5%;
    display: flex;
 
    


}
.l{
    position:absolute;
    margin-left:59%;
}
.l li{
    display:inline;
    color:White;
    margin-left:50px;


}
#fbig{
    font-size:20pt;
}

.design{
    color :white;
    margin-top:20%;
}

#top{
    border:1px solid black;
    border-radius: 50%;
    padding:20px;
    background:rgba(0, 0, 0, 0.425);
    color:red;
    transition: all .2s cubic-bezier(.3, .6, .2, 1.8);

}
#top:hover{
    background:white;
}
#scrollicon{
    font-size:25pt;
}
.design2{

margin-left:75%;
}
.fparagraph{
    font-size:20pt;
    color:white;
}

label{
    color:white;
    font-size: 13pt;
    font-family: Arial, Helvetica, sans-serif;
}
form{
    margin-top:1%;

}
.navbar{
    flex:auto;
height:5%;
width:100%;


}
#logo{
    float:left;
    margin-top:-2%;
    width:250px;
    height:250px;
   
}


.content{
    background-blend-mode: darken;
}

.neden{
    background-image: url("image/tmat.jpg");

    display: flex;
}
.left,.right{
    position:absolute;
    margin-top:10%;
    width:5%;
    height:5%;
}
.right{
margin-left:93%;
}
.dot{
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.actived{
    background-color: red;
}
.dotted{
    position:absolute;
    margin-left:48%;
    margin-top:460px;
}
.slider{
    display:flex;
    min-height:300px;
    max-height:600px;
    background:rgb(255, 255, 255);
}
.slides{
    display:none;
}
.slides img{
    height:500px; 
    width:100%;
    vertical-align: middle;
}
#seoheader{
    font-size:12pt;
    display:inline;
    color:transparent;
}
.navbar a ,#nsocial{
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "sans serif";
    margin-top:4%;
    text-decoration:none;
    margin-left:3%;
   text-transform: uppercase;
   font-size:19pt;
   font-weight: bolder;
   color: rgb(255, 136, 0);
    float:left;
   
}
.navlist{
    list-style-type:none;
    display:inline;
}


.about #n{
    color:rgb(255, 255, 255);
    font-weight: bolder;
}

.about,.price,.footer,.footcontent{
    width:100%;
   
    display:flex;

}
.price{
    min-height:600px;
}
.about,.footer,.footcontent{
    min-height:800px;
    max-height:50%;
}
#plist{
    color:white;
    margin-left:17%;
    font-size:20pt;
    height:5%;
    padding:20px;
  
}
#nsocial:hover{
    transform: scale(1.4);
}
.footcontent{
    background-image:url("image/3.jpg");
    background-position-x: -30px;
    background-position-y: -500px;

}
#sociallink{
    list-style: none;
    
}


.slink:hover{
    transform:scale(1.4);
 
}
#fb{
    color:#1957dd;
}
#cont2{
    list-style-type: none;
    margin-left:0%;
    margin-top:9px;
}
#no{
    color:rgb(37, 216, 14);
    font-size:20pt;
    margin-top:20px;
}
#instagram{
    background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    border-radius: 50%;
}
#mail,#hphone{
    color:rgb(37, 216, 14);
}
#sociallink li{
    display:inline-block;
    margin-left:10%;

}
#sociallink i{
    font-size:35pt;
}
#phone{
    margin-right:2%;
    font-size:25pt;
    transform: scale(1.2);
}

.about{
    background-image:url("image/navbar/bg.jpg");
    background-position-y: 90%;
    background-position-x:280px;

}
 .price{
    background-image: url("image/calculator.png");


    background-blend-mode: lighten;

}
#designed{
    margin-left:60%;
    font-weight: bolder;
    font-size:14pt;
}



.whoami , .analizler{
    flex:auto;
    margin-left:4%;
    float:left;
    margin-top:2%;
    width:300px;
    min-height:100px;
    max-height: 10%;


}
.whoami{
    min-height:100px;

}

.analizler{
    margin-top:1%;
    background:rgba(0, 0, 0, 0.425);
    max-height:600px;
    transition: all .2s cubic-bezier(.3, .6, .2, 1.8);

}
.analizler:nth-child(2){
    max-height: 380px;
}
.analizler:nth-child(3){
    max-height:500px;
    margin-right:4%;
}
.analizler:nth-child(4){
    max-height:240px;
}

.analizler:nth-child(5){
    margin-left:2%;
    margin-top:4%;
    max-height: 320px;
  }
  .analizler:nth-child(1){
      margin-left:0px;
      max-height:460px;
  }
  .analizler:nth-child(odd){
      margin-top:10%;
  }
  .pbox ul{
    list-style-type:none;
}
#n,#ftopic{

    text-transform: capitalize;
    
    text-justify: inter-word;
   
    color:white;
    text-transform: capitalize;
    letter-spacing: 5px;
    font-weight: bolder;
}
#n{
    border-bottom:1px solid yellow;
    text-align: center;
    font-size:30px;

}


#ftopic{
    font-weight: bold;
    font-size:25pt;
    text-align:center;
    border-bottom:1px solid yellow;

}
#formmail{
    color:rgb(21, 255, 0);
    text-align: justify;
    margin-left:6%;
}


#parag{
    text-align: center;
    padding-left:15%;
    font-size:25px;
    color:white;
    text-justify: inherit;
   
    
}
 .list , .list2{
    padding-left:10%;
    font-size:25px;
    color:white;

    text-transform: capitalize;


}

.list li{
    margin-top:1%;
}
.list2 li{
color:rgb(255, 255, 255);
text-shadow: white 0px 0px 2px;
font-weight: bolder;
font-size:20pt;
margin-top:4%;
margin-left:5%;
}


.price{
    
    border-top:2px solid yellow;
}
form{
    margin-left:8%;
   
}
.pbox,.calculatebox,.cont{
    flex: auto;
 
  margin-top:1%;

}
.calculatebox,.cont{
    min-height:200px;
    max-height:900px;
}
.cont{
    background:rgba(0, 0, 0, 0.425);

}
.pbox{
    min-height: 200px;
    max-height:1200px;
}
.cont:nth-child(1){
    padding-left:5%;
    min-width:45%;
    max-width:90%;
    width: 2%;
    
}
.pbox,.calculatebox{
    width:30%;
    margin-left:1%;
    background:rgba(0, 0, 0, 0.425);

    transition: all .2s cubic-bezier(.3, .6, .2, 1.8);


}
#fcontent{
    max-width: 500px;


}

#fcontent p{
    color:rgb(255, 255, 255);
    font-weight: 600;
    font-size:20pt;
    text-align: justify;
}
.flink{
list-style-type: none;
}
.flink li{
    display: inline;
    color:white;
}
.flink li a{
    color:white;
    text-decoration: none;
}
.flink li a:hover{
    opacity:0.5;
}
.tolink1{
    margin-left:20%;
}
.scroll{
position:fixed;
margin-left:95%;
margin-top:600px;
font-size: 20pt;
display:none;
}

.signature{
    position:relative;
    margin-top:-16px;
    width:100%;
    min-height:80px;
    background-color: rgb(56, 56, 56)
}
input[type=text],input[type=email],textarea{
min-width:40%;
max-width:300px;
padding:10px;
border: 1px solid rgb(0, 183, 255); /* Gray border */
border-radius: 4px; /* Rounded borders */
box-sizing: border-box; /* Make sure that padding and width stays in place */
margin-top: 6px; /* Add a top margin */
margin-bottom: 16px; /* Bottom margin */
resize: horizontal; /* Allow the user to vertically resize the textarea (not horizontally) */
display:block;
}
input[type=submit]{
    padding:12px 20px;
    cursor:pointer;
    border:none;
    color:white;
    font-size:12pt;
    background: rgba(28, 175, 28, 0.938);
    border-radius: 4px;
}
#sub:hover{
    background:red;
}
textarea{
    min-height: 200px;
    min-width: 50%;
    max-height: 350px;
}
.calculatebox{
    margin-left:30%;
}
.pbox:nth-child(1) .pheader{
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
  

}
.pbox:nth-child(2) .pheader{
    background-image: linear-gradient(-225deg, #69EACB 0%, #EACCF8 48%, #6654F1 100%);

}
.pbox:nth-child(3) .pheader{ 
    background:gold;
}
.pbox:hover{
    transform: scale(1.01);
    box-shadow: 5px 5px 5px;
    

}
.check,.cross{
    font-size:25pt;
    margin-right:8px;

}
.check{
    color:green;

}
.cross{
    color:red;
    margin-top:2px;
}



.pheader{
    text-align: center;
    font-size:25pt;
    color:rgb(10, 10, 10);
    margin-top:0px;
    padding:10px;
    background: rgb(0, 204, 255);
    font-weight: bolder;
}
.price li{
    color:white;
    font-size:20pt;
}
.analizler:hover,.whoami:hover{
    box-shadow: 5px 5px 5px;
    transform: scale(1.01)
}
  .link:hover{
    transform:scale(1.2);
    opacity:0.7;
  }
  #active{
    color:rgb(0, 117, 250);


  }

  .logo{
    transition: all .2s cubic-bezier(.3, .6, .2, 1.8);


  }
  .logo:hover{
    transform:scale(1.4);
    text-shadow: 2px 2px 2px;

  }
  .link::after{
    content:'';
    display: block;
    width:0;
    height:2px;
    background: rgb(13, 138, 211);
    transition: width .3s;
  }
  .link:hover::after{
    width:100%;
    transition: width .3s;

  }
.listnavbar{
    list-style-type: none;
}
.listnavbar li{
    display:inline;
}
  @media screen and (max-width: 1450px) {
   
    .price,.about,.neden,.header,.footcontent,.slider{
        flex-wrap:wrap;
    }
      #logo{
          margin-left:20%;
          width:60%;
          height:60%;
      }
     .navbar{
         margin-bottom:2%;
         margin-top:-40px;
     }
    .navbar a{
        margin-left:25%;
        margin-top:3%;
        font-size:17pt;
    }
    #active{
        color:rgb(10, 110, 224);
    }
    .slider{
        min-height:100px;
        max-height:200px;
    }
    .slides img{
        height:200px; 
        width:100%;
        vertical-align: middle;
    }
    .dot{
        height:7px;
        width:7px;
    }
    .dotted{
        
        margin-left:40%;
        margin-top:184px;
    }
  
   
    .navbar{
        flex : 0 0 100%;
    }
    .analizler:nth-child(5){
        margin-left:0%;
        margin-top:1%;
      }
      .analizler:nth-child(1){
          margin-left:0px;
      }
    .whoami,.analizler{
        flex: 0 0 100%;
        margin-left:0px;
        padding-left:0px;
    }
 
   
   
  
    #parag{
        padding-left:0px;
        font-size:15pt;
    }
  
    .pbox,.calculatebox,.cont{
        flex: 0 0 100%;
        margin-left:0px;
        padding-left:0px;

        
    }
   .cont:nth-child(1){
       max-height:385px;
       width:100%;
   }
   .cont:nth-child(2){
       margin-top:0px;
   }
    #fcontent p{
        text-align: left;
    }
    #formmail{
        margin-left:20%;
    }
    .fin{
        margin-left:10%;
    }
  
    .pricecalculate{
        margin-top:30%;
    }
    #header{        
        min-height: 30px;
        max-height: 3%;
        width:100%;

    }
    .about{
        background-position-x: 40%;
    }
    #nsocial:hover{
        transform: none;
    }
    .slink:hover{
        transform:none;
     
    }
    .pbox:hover{
        transform: none;
        box-shadow: none;
        
    
    }
    .analizler:hover,.whoami:hover{
        box-shadow: none;
        transform: none;
    }
    .design2{
        margin-left:19%;
    }
   .flink{
       display:block;
   }
   .flink li a{
    font-size:10pt;

   }
    .link:hover{
        transform:none;
        opacity:none;
      }
      .price li{
        color:white;
        font-size:15pt;
    }
    #cont2{
        margin-left:0px;
    }
    #no{
        font-size:16px;
    }
    #phone{
        font-size:19px;
    }
    #ftopic{
        font-size:15pt;
    }
    #n{
        font-size:19pt;
    }
    .list2 li{
        font-size:15pt;
    }
    #designed{
        margin-left:2%;
    }
    .fparagraph{
       font-size:12pt; 
    }
    .scroll{
        margin-top:180px;
        margin-left:83%;

    }
    #fbig{
        font-size:12pt;
        margin-left:2px;
       
    }
    .list li{
        font-size:15pt;
    }
    .pricelist li{
        font-size:15pt;
    }
    #top{
        padding:10px;
    }
    #scrollicon{
        font-size:20pt;
    }
    #plist{
        font-size:14pt;
        margin-left:0px;
        margin-left:10%;
    
    }
    .navlist li a{
        display:block;
    }
    .l{
        margin-left:-70px;
    }
    .l li{
        font-size:8pt;
    }
  .pheader{
      font-size:17pt;
  }

   }