@font-face {

    font-family: 'Kuiper-Belt';
    src: url('../webimages/website/font/Kuiper Belt.eot');
    src: url('../webimages/website/font/Kuiper Belt.eot?#iefix') format('embedded-opentype'),
         url('../webimages/website/font/Kuiper Beltt.woff') format('woff'),
         url('../webimages/website/font/Kuiper Beltt.ttf') format('truetype'),
         url('../webimages/website/font/Kuiper Beltt.svg#burnstown_damregular') format('svg');

    font-weight: normal;
    font-style: normal;



}

body{
    color: #575756;
    font-size: 14px;
    font-family: Calibri;
}
b, strong {
    font-weight: bold;
}


.masthead .masthead-scroll .masthead-scroll-btn {
        -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#navbar-main .navbar-brand-logo {
    height: 5rem;
}
#navbar-main .nav-item .nav-link.active {
    color: #38aae1;
}
.main-title .baslik {
    display: inline-block;
    font-size: 1.5rem;
    padding: 5px 20px 5px 20px;
    border: 0.125rem;
    border-style: solid;
    border-color: #38aae1;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    color: #1d1d1b;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
.devami {
    display: inline-block;
    font-size: 1rem;
    padding: 0px 7px 0px 7px;
    border: 0.125rem;
    border-style: solid;
    border-color: #38aae1;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    color: #1d1d1b;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.devami a {
    color: #1d1d1b;
}
.devami a:hover {
    color: #1d1d1b;
}
.main-title hr{
    width: 100px;
    float: left;
    margin-top: 22px;
    height: 1px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    margin-bottom: 20px;
    margin-right: 15px;
    background-color: #1d1d1b;
}
.m1{
    padding-top:80px;
    padding-bottom: 25px;
     font-family: Tahoma;
}

.m1 .col-md-4{
    margin-top: 50px;
}
.m1 h5{
 font-weight: 100;
 margin-top: 10px;
}


.m2{
    padding-top:80px;
    padding-bottom: 25px;
    font-family: Tahoma;
}
.m6{
    margin-top: 80px;
}
.m6 hr{
     font-family: Tahoma;
    width: 100px;
    float: left;
    margin-top: 22px;
    height: 1px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    margin-bottom: 20px;
    margin-right: 15px;
    background-color: #1d1d1b;
}
.m6 .col-md-6:nth-child(2n+1){
    padding-left: 18px;
    padding-right: 0px;
}
.m6 .col-md-6:nth-child(2n){
    padding-left: 0px;
    padding-right: 17px;
}
.m6 .col-md-6 p{

    padding-right: 5px;
}
.m7 strong{
    font-weight: bold;
}
.m88 {

    background-image: url(../webimages/website/main/referanslarimiz.png);
    background-repeat: no-repeat;
    /* background-size: 100% 1107px; */
    /* min-height: 600px; */
    padding-top: 15%;
    padding-bottom: 15%;
    font-size: 33px;
    background-position: center;


}
.m8{
    margin-top: 25px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-right: 20px;
}
.m8 .baslik{
    color: #fff;

}
.m8 .main-title{
    margin-top: 50px;   
}
.m9{
    margin-top: 30px;
    font-size: 16px;

}
.m9 strong{
    font-weight: bold;
    font-size: 20px;
}
.m9 img{
    width:45px; margin: 10px;
    
}
.sosyal li{
    float: right;
    list-style: none;
}
.sosyal .fa{
    font-size:25px;
    color:#38aae1;
    padding: 8px;
    border: 1px #38aae1 solid;
        border-radius: 5px;
}
.m9 a{
    color: #000;
} 
.sosyal a{
    margin: 10px;
}
.sosyal{
    margin: 40px;
}
.m10{
    background-color: #009fe3;
    color: #fff;
    font-size: 16px;
    padding: 25px;
}
.m10 strong{
    font-weight: bold;
}
.m10 .form-control{
     height: 35px; 
     padding: 0px; 
         border-radius: 5px;
}
footer{

    background-color: #575756;
    color: #ccc;
}
footer ul{
    margin-top: 15px;
}
footer strong{
    font-weight: bold;
    font-size: 18px;
}
footer  ul li {
    list-style-image: url('../img/ok.png');
}

.ok-aykar-aluminyum  li  {
    list-style-image: url('../webimages/website/main/ok-aykar-aluminyum.png');
}
.ok-aykar-aluminyum   li  {
    list-style-image: url('../webimages/website/main/ok-aykar-cam-balkon.png');
}
.ok-aykar-aluminyum   li  {
    list-style-image: url('../webimages/website/main/ok-aykar-pen.png');
}

.ok-aykar-aluminyum    li {
    list-style-image: url('../webimages/website/main/ok-aykar-emek-insaat.png');
}

.ok-aykar-aluminyum    li  {
    list-style-image: url('../webimages/website/main/ok-aykar-kopmpozit.png');
}






footer a {
    color:#fff;
}
.footer{
     padding: 3.25rem 0 2rem;
}
.fixed-top.scrolled {
  background-color: #000 !important;
  transition: background-color 900ms linear;
}
.fixed-top{
    position:absolute;
}
.tumhakki{
    background-color: #3d3d3c;
    padding: 5px;
    color: #fff;
}
.navbar-brand-logo{
    /*max-height: 120px;
    min-height: 105px;*/
}

.masthead .masthead-scroll {
    position: absolute;
    bottom: 8rem;
    left: 0;
    width: 100%;
    text-align: center;
}

@media (max-width: 768px) {
.m88 {
    background-image: url(../webimages/website/main/referanslarimiz.png);
    background-repeat: no-repeat;
    padding-top: 15%;
    padding-bottom: 15%;
}

.m6 .col-md-6:nth-child(2n) {
     padding-left: 15px; 
     padding-right: 15px;
}
.navbar-brand-logo{
    max-height: 75px;
}

.masthead .masthead-scroll {

    bottom: 1rem;

}
.m8{
    margin-right: 0px;
}

}