/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 28, 2016 */
/* @import url('https://fonts.googleapis.com/css?family=Raleway:400,600,800'); */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');
html,body,h1,h2,h3,h4,h5,h6,p,span,a {font-family: 'Nunito Sans', sans-serif!important;}
div {-webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;}
  img {-webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;}
  a {-webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;}
 


@font-face {
    font-family: 'allianz_sansbold';
    src: url('../fonts/alsanbol-webfont.eot');
    src: url('../fonts/alsanbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alsanbol-webfont.woff2') format('woff2'),
         url('../fonts/alsanbol-webfont.woff') format('woff'),
         url('../fonts/alsanbol-webfont.ttf') format('truetype'),
         url('../fonts/alsanbol-webfont.svg#allianz_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allianz_sanslight';
    src: url('../fonts/alsanlig-webfont.eot');
    src: url('../fonts/alsanlig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alsanlig-webfont.woff2') format('woff2'),
         url('../fonts/alsanlig-webfont.woff') format('woff'),
         url('../fonts/alsanlig-webfont.ttf') format('truetype'),
         url('../fonts/alsanlig-webfont.svg#allianz_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allianz_sanslight_italic';
    src: url('../fonts/alsanlit-webfont.eot');
    src: url('../fonts/alsanlit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alsanlit-webfont.woff2') format('woff2'),
         url('../fonts/alsanlit-webfont.woff') format('woff'),
         url('../fonts/alsanlit-webfont.ttf') format('truetype'),
         url('../fonts/alsanlit-webfont.svg#allianz_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allianz_sansregular';
    src: url('../fonts/alsanreg-webfont.eot');
    src: url('../fonts/alsanreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alsanreg-webfont.woff2') format('woff2'),
         url('../fonts/alsanreg-webfont.woff') format('woff'),
         url('../fonts/alsanreg-webfont.ttf') format('truetype'),
         url('../fonts/alsanreg-webfont.svg#allianz_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avantgarderegular';
    src: url('../fonts/avantgarde-webfont.eot');
    src: url('../fonts/avantgarde-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgarde-webfont.woff2') format('woff2'),
         url('../fonts/avantgarde-webfont.woff') format('woff'),
         url('../fonts/avantgarde-webfont.ttf') format('truetype'),
         url('../fonts/avantgarde-webfont.svg#avantgarderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avantgardeboldbold';
    src: url('../fonts/avantgardebold-webfont.eot');
    src: url('../fonts/avantgardebold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgardebold-webfont.woff2') format('woff2'),
         url('../fonts/avantgardebold-webfont.woff') format('woff'),
         url('../fonts/avantgardebold-webfont.ttf') format('truetype'),
         url('../fonts/avantgardebold-webfont.svg#avantgardeboldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('../fonts/brandon_blk-webfont.eot');
    src: url('../fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_blk-webfont.woff2') format('woff2'),
         url('../fonts/brandon_blk-webfont.woff') format('woff'),
         url('../fonts/brandon_blk-webfont.ttf') format('truetype'),
         url('../fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuraboldmasboldmas';
    src: url('../fonts/futuraboldmas-webfont.eot');
    src: url('../fonts/futuraboldmas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuraboldmas-webfont.woff2') format('woff2'),
         url('../fonts/futuraboldmas-webfont.woff') format('woff'),
         url('../fonts/futuraboldmas-webfont.ttf') format('truetype'),
         url('../fonts/futuraboldmas-webfont.svg#futuraboldmasboldmas') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuraheamasheamas';
    src: url('../fonts/futuraheamas-webfont.eot');
    src: url('../fonts/futuraheamas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuraheamas-webfont.woff2') format('woff2'),
         url('../fonts/futuraheamas-webfont.woff') format('woff'),
         url('../fonts/futuraheamas-webfont.ttf') format('truetype'),
         url('../fonts/futuraheamas-webfont.svg#futuraheamasheamas') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuramasmas';
    src: url('../fonts/futuramas-webfont.eot');
    src: url('../fonts/futuramas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuramas-webfont.woff2') format('woff2'),
         url('../fonts/futuramas-webfont.woff') format('woff'),
         url('../fonts/futuramas-webfont.ttf') format('truetype'),
         url('../fonts/futuramas-webfont.svg#futuramasmas') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	z-index:10;
}
.logo {margin-top:20px}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    background-color: rgba(255,255,255,.8);
    min-width: 169px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	position: absolute;
    right: 200px;
    top: 8px;
	
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 0px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
.alt-bosluk {margin-bottom:42px;}
#firma {margin-top:-10px;}
#iletisim {margin-top:22px;}
.temizle {clear:both;}
body {background:#6d6f71;}

.slogan {color:#fff;font-family:avantgarderegular;position:relative;top:60px;font-size:35px;}
.kalin {font-family:avantgardeboldbold;}
.kutu-btn {background:#4d4d4f;border:none;width:50px!important;height:50px!important;margin-bottom:10px!important; padding:20px;border-radius:0px; font-weight:600;line-height:1px;
	 color:#fff; width:100%}
.kutu-btn:hover {background:#fff; color:#4d4d4f;text-decoration:none}

.dil-aktif {background:#fff!important; color:#4d4d4f!important;text-decoration:none;}
.kucuk-menu {position:relative;right:-105px;}

#firma-btn {width:500px!important;height:60px!important;background:#4d4d4f;border:none;padding:10px 39px;border-radius:0px; font-weight:600;color:#fff;margin-right:5px!important;line-height:1.5;}
#firma-btn:hover {background:#fff; color:#4d4d4f; text-decoration:none}

#referanslar-btn {width:100%!important;height:60px!important;background:#4d4d4f;border:none;padding:8px 33px;border-radius:0px; font-weight:600;color:#fff;line-height:1.5;position:relative;top:-22px;left:-111%;}
#referanslar-btn:hover {background:#fff; color:#4d4d4f;text-decoration:none}


#iletisim-btn {width:100%!important;height:60px!important;background:#4d4d4f;border:none;padding:10px 33px;border-radius:0px; font-weight:600;color:#fff;line-height:1.5;}
#iletisim-btn:hover {background:#fff; color:#4d4d4f; text-decoration:none}
.iletisim-marka {font-size:20px;margin:50px 0px 0px}
.ana-menu {position:fixed;margin-left:880px;margin-top:40px;}
.ana-menu ul {list-style-type:none}
.ana-menu ul li a{font-size:20px;font-family:avantgardeboldbold;margin-bottom:10px;color:#fdb813;display:block}
.ana-menu ul li a:hover {text-decoration:none;color:#fff;}
.aktif-menu {text-decoration:none;color:#fff!important;}

.sari-kutu {background:#fdb813;height:410px;padding:20px;width:52%;overflow:hidden}
.detay-sari-kutu {background:#fdb813;width:50%!important;height:300px;padding:20px;overflow:hidden;float:left}
.ic-sari-kutu {background:#fdb813;width:900px!important;padding:20px;overflow:hidden;float:left}
.ic-sari-kutu h2 {margin:0px 0px 20px 15px;}
.kucuk-sari-kutu {background:#fdb813;padding:20px;width:19%;margin-left:12px;position:relative;bottom:140px;height:385px;overflow:hidden}
.beyaz-kutu {background:#fff;max-height:385px;padding:20px;position:relative;top:-140px;width:32%}
.kirmizi-kutu {background:#e92a25;height:auto;padding:20px;margin-left:12px;}
.gri-kutu {background:#4d4d4f;padding:20px;margin-left:12px;margin-top:12px;max-height:300px;overflow:hidden}
.detay-gri-kutu {background:#4d4d4f;color:#fff;padding:20px;overflow:hidden;height:300px;width:50%!important;float:left;position:relative;left:24px}
.ic-gri-kutu {background:#4d4d4f;color:#fff;padding:20px;overflow:hidden;width:900px!important;}
.acik-gri-kutu {background:#a6a6a6;height:232px;padding:20px;margin-left:12px;margin-top:12px;font-size:20px}
.gri-kutu p {color:#fff;text-align:center;font-size:20px}
.yazi {font-size:20px;}
.gri-kutu .img-responsive {margin:0 auto;}
.beyaz-kutu p {float:left;font-size:20px;}
.kucuk-sari-kutu p {font-size:20px}
.ust-kutular {margin-bottom:25px;}
.container {min-height: 100%;
    height: 100%;}
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.btn-primary {
   
    border-radius: 0px;
}
.form-control {border-radius:0px;}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}
/* .icerik {position:relative;bottom:400px;} */


/*MEDIA SCREEN KODLARI - MOBILE*/
@media screen and (max-width:992px) {
   .sari-kutu {background:#fdb813;height:auto;padding:20px;width:100%;text-align:center}
   .kirmizi-kutu {background:#e92a25;padding:20px;margin-left:0px;margin-top:12px;}
.gri-kutu {background:#4d4d4f;height:auto;padding:20px;margin-left:0px;margin-top:12px;}
.img-responsive {
    margin: 0 auto;
}
.ana-menu {display:none}
.kucuk-menu {display:none}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 0px;
    font-size: 18px;
    line-height: 20px;
}
/* .slogan {text-align:center;clear:both;position:relative;top:0;} */
.slogan {position:absolute;top:45px; left:30%;z-index:12;width:50%;font-size:4vw;}
.logo{display:none}	
.beyaz-kutu {position:relative;width:100%;top:12px;min-height: 500px!important;}
.kucuk-sari-kutu {position:relative;width:100%;top:24px;margin-left:0px;}
.acik-gri-kutu {position:relative;width:100%;margin-left:0px;top:24px;margin-bottom:200px;}


.navbar {background: #6d6f71;
    
    border: none;
    text-align: center;
    font-size: 20px;
    padding: 20px 10px 0px 10px;
    position: relative;
    z-index: 11;
    width: 100%;
    top: 0;
    /* margin-bottom: 50px; */
	}
.navbar-default .navbar-toggle{
    background-color: #333;
	border-radius:0px;
}
.icerik {position:relative;bottom:0px;}
.dropdown {color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#fdb813;text-align:center;}
.navbar-default .navbar-toggle:hover {color:#333;}
.navbar-default .navbar-nav>li>a {
    color: #fdb813;
}
.navbar-brand>img {
    display: block;
    /* top: 0; */
    /* position: relative; */
    margin-top: -15px;
width: 60%;}

.detay-gri-kutu {width:100%!important;left:0px;margin-top:25px;height:auto!important}
.ic-gri-kutu {width:100%!important;left:0px;margin-top:25px;}
.detay-sari-kutu {width:100%!important;height:auto!important}
.ic-sari-kutu {width:100%!important;}
.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
    height: 100px;
}
.navbar-collapse {border:none}
.navbar-default .navbar-nav>li>a:hover {background:#ddd;color:#333}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 14px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
}
@media screen and (min-width: 992px) {
   #mobil-menu {display:none}
   .mobil-logo {display:none}
   
}



/* /* Small devices (tablets, 768px and up) */ */
/* @media (min-width: @screen-sm-min) { .sari-kutu {background:#fdb813;height:auto;padding:20px;width:100%} } */

/* /* Medium devices (desktops, 992px and up) */ */
/* @media (min-width: @screen-md-min) { .sari-kutu {background:#fdb813;height:auto;padding:20px;width:100%} } */

/* /* Large devices (large desktops, 1200px and up) */ */
/* @media (min-width: @screen-lg-min) { .sari-kutu {background:#fdb813;height:auto;padding:20px;width:100%} */
 /* } */