@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');   body
{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img
{
    border: 0;
    font: inherit;
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
a
{
    text-decoration: none;
}
*:focus
{
    outline: 0;
}
.clear
{
    clear: both;
}
.margin
{
    height: 100px;
}
.body
{
    background-color: #ffffff;
}
.clear
{
    clear: both;
}
.ortala
{
    margin: 0 auto;
    position: relative;
    width: 1024px;
}
#header
{
    left: 0;
    margin: 0;
    padding-top: 20px;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 88888;
}


#imza-digital {
    position: relative;
    width: 287px;
    margin: 0 auto;
}
#imza-digital a p {margin-bottom: 0px;text-align: center;}
#imza-digital a:hover {color: #fab51f!important}
#imza-digital a img {
    position: absolute;
    width: 24px;
    right: 30%;
bottom: -21px;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
#imza-digital a img.top {
  opacity:0;
}
#imza-digital a img.top:hover {
  opacity:1;
  transition: transform 1s;
  transform: scale(.8);
  color: #fab51f!important;
}




#panel
{
    float: right;
}
#panel li
{
    float: left;
    margin: 0 0 0 10px;
}
#panel li a
{
    display: block;
    overflow: hidden;
}
#panel li a img
{
    display: block;
    float: left;
}
#panel li a span
{
    display: block;
    float: left;
    margin: 0 0 0 10px;
}
#panel li a span strong
{
    color: #222;
    display: block;
    font-size: 21px;
    font-weight: normal;
}
#panel li a span em
{
    color: #222;
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
}
#logo
{
    display: block;
    float: left;
    position: relative;
    top: -10px;
}
.menu
{
    float: right;
    padding-top: 25px;
    z-index: 9;
}
.menu ul li
{
    float: left;
    margin-left: 23px;
}
.menu ul li:firsh-child
{
    margin-left: 0px;
}
.menu ul li a
{
    color: #555;
    font-size: 17px;
    font-weight: 500;
}
.menu ul li a:hover
{
    color: #e30613;
}
.dropdown
{
    display: inline-block;
    position: relative;
}
.dropdown-content
{
    display: none;
    min-width: 190px;
    padding-top: 45px;
    position: absolute;
    z-index: 1;
}
.dropdown-content a
{
    background: #e30613;
    border-bottom: 1px solid #b1000a;
    color: #fff !important;
    color: black;
    display: block;
    padding: 12px 16px;
    text-decoration: none;
}
.dropdown-content a::before
{
    color: #9e0009;
    content: "\f0c8";
    font-family: FontAwesome;
    font-size: 14px;
    left: -3px;
    margin-right: 4px;
    position: relative;
}
.dropdown-content a:hover
{
    background-color: #b1000a;
}
.dropdown:hover .dropdown-content
{
    display: block;
}
.dropdown:hover .dropbtn
{
    background-color: #3e8e41;
}
.resmenu
{
    display: none;
}
.form
{
    padding: 20px 0xp;
}
.form h1
{
    color: #d1202a;
    font-size: 35px;
    line-height: 150%;
}
.input
{
    background-color: #393e47;
    border-radius: 10px;
    display: block;
    height: 20px;
    margin: 15px 0 0;
    moz-border-radius: 10px;
    padding: 20px 5%;
    webkit-border-radius: 10px;
    width: 90%;
}
.gonder
{
    background-color: #d1202a;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 60px;
    margin: 15px 0 0 0;
    moz-border-radius: 10px;
    webkit-border-radius: 10px;
    width: 200px;
}
.form ::-webkit-input-placeholder
{
    color: #fff;
}
.form :-moz-placeholder
{
    color: #fff;
    opacity: 1;
}
.form ::-moz-placeholder
{
    color: #fff;
    opacity: 1;
}
.form :-ms-input-placeholder
{
    color: #fff;
}
.tanitim
{
    margin-top: 60px;
    padding: 0px 0;
    text-align: center;
}
.tanitim h1
{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 30px;
}
.tanitim p
{
    color: #333;
    font-size: 19px;
    line-height: 30px;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 90%;
}
.sirketler
{
    margin-bottom: 70px;
    margin-top: -10px;
    padding-top: 30px;
    position: relative;
}
.sirketler a {
    display: block;
    position: relative;
    z-index:99;
}
.sirketler .sek
{
    float: left;
    margin-bottom: 80px;
    margin-left: 30px;
    position: relative;
    width: 300px;
    border: 1px solid #ddd
}
.sirketler .sek h2
{

    bottom: -60px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    height: 40px;
    line-height: 16px;
    background: #d1202a;
    display: block;
    font-size: 14px;
    padding-left:30px;
    padding-right:30px;
    left: 0px;
    padding-bottom: 10px;
    position: absolute;
    width: 70%;
    z-index: 99;

}
.sirketler .sek img
{
    moz-transition: all 0.4s;
    o-transition: all 0.4s;
    transition: all 0.4s;
    webkit-transition: all 0.4s;
}
.sirketler .sek:hover img
{
    opacity: 0.7;
}
.sirketler .sek a::after
{

    bottom: 2px;
    content: '';
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    height: 100%;
    position: absolute;
    width: 100%;
}
.sb21
{
    color: #d1202a;
    font-size: 42px;
}
.harita
{
    height: 300px;
    padding: 20px 0px;
    width: 100%;
}
.harita iframe
{
    height: 300px;
    width: 100%;
}
#iletisim
{
}
#iletisim li
{
    margin: 10px 0px 0px;
    overflow: hidden;
}
#iletisim li a
{
    display: block;
}
#iletisim li a img
{
    display: block;
    float: left;
    margin: 5px 0 0 0;
}
#iletisim li a span
{
    color: #898989;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 150%;
    margin: 0 0 0 10px;
}
img
{
    max-width: 100%;
}
#duyurular
{
    width: 100%;
}
#duyurular li
{
    float: left;
    margin: 15px 5% 0 0;
    width: 45%;
}
#duyurular li a
{
    display: block;
}
#duyurular li a img
{
    display: block;
    width: 100%;
}
#duyurular li a span
{
    color: #d1202a;
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 60px;
    line-height: 150%;
    margin: 10px 0 0 0;
    text-align: left;
}
@media (min-width: 1440px)
{
    #yuzdele
    {
        background-size: 100% !important;
    }
}
.back
{
    background: #000000 url(../images/bodybg.png) no-repeat center center fixed;
    background-size: cover;
    moz-background-size: cover;
    o-background-size: cover;
    webkit-background-size: cover;
    width: 100%;
}
.efek
{
    background-color: #000000;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
}
#efekcik
{
    background-color: rgb(196, 34, 42);
    color: #ffffff;
    display: block;
    font-family: 'FontAwesome';
    font-size: 90px;
    height: 90px;
    text-align: left;
    text-shadow: rgb(176, 31, 38) 1px 1px,
    rgb(176, 31, 38) 2px 2px,
    rgb(176, 31, 38) 3px 3px,
    rgb(176, 31, 38) 4px 4px,
    rgb(176, 31, 38) 5px 5px,
    rgb(176, 31, 38) 6px 6px,
    rgb(176, 31, 38) 7px 7px,
    rgb(176, 31, 38) 8px 8px,
    rgb(176, 31, 38) 9px 9px,
    rgb(176, 31, 38) 10px 10px,
    rgb(176, 31, 38) 11px 11px,
    rgb(176, 31, 38) 12px 12px,
    rgb(177, 31, 38) 13px 13px,
    rgb(178, 31, 38) 14px 14px,
    rgb(179, 31, 38) 15px 15px,
    rgb(180, 31, 38) 16px 16px,
    rgb(181, 31, 39) 17px 17px,
    rgb(182, 32, 39) 18px 18px,
    rgb(183, 32, 39) 19px 19px,
    rgb(184, 32, 39) 20px 20px,
    rgb(186, 32, 40) 21px 21px,
    rgb(187, 32, 40) 22px 22px,
    rgb(188, 32, 40) 23px 23px,
    rgb(189, 33, 40) 24px 24px,
    rgb(190, 33, 40) 25px 25px,
    rgb(191, 33, 41) 26px 26px,
    rgb(192, 33, 41) 27px 27px,
    rgb(193, 33, 41) 28px 28px,
    rgb(194, 33, 41) 29px 29px,
    rgb(196, 34, 42) 30px 30px;
    width: 107px;
}
.tikla
{
    background: url(../images/hemensiziarayalim.asp) no-repeat;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 65px;
    line-height: 65px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px;
    width: 292px;
}
#ortabolum
{
    padding: 100px 0px 50px;
}
.ortakirmizi
{
    background: #c4232a;
    box-sizing: border-box;
    color: #fff;
    float: right;
    font-size: 14px;
    height: auto;
    margin-bottom: 360px;
    margin-top: 70px;
    min-height: 300px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    position: relative;
    width: 300px;
    z-index: 9;
}
.ortakirmizi a
{
    color: #fff;
}
.ortakirmizi ul
{
    display: block;
}
.ortakirmizi ul li.ortakirmizi2
{
    font-size: 23px;
    line-height: 27px;
}
.ortakirmizi ul li.ortakirmizi3
{
    line-height: 17px;
    margin-top: 15px;
}
.ortakirmizi ul li.ortakirmizi1
{
    margin-left: 70px;
}
.ortakirmizi ul li.ortakirmizi4
{
    margin-top: 20px;
}
img.gir
{
    bottom: 15px;
    float: right;
    position: absolute;
    right: 30px;
}
.ortakirmizi img.beyazkutu
{
    vertical-align: middle;
}
.ortakirmizi ul li.ortakirmizi5
{
    list-style: none;
}
#footer
{
    background: #393e47;
    display: inline-block;
    height: auto;
    width: 100%;
}
.footeric
{
    background: #393e47 url(../images/footerbg.png) no-repeat;
    background-position: left bottom;
    display: table;
    height: auto;
    margin: 0 auto;
    padding-bottom: 200px;
    padding-top: 70px;
    width: 1000px;
}
.bizeulasin
{
    float: left;
    width: 340px;
}
.bizeulasin ul li.bizeulasin1
{
    color: #7c8592;
    font-size: 15px;
}
.bizeulasin ul li.bizeulasin2
{
    color: #727b87;
    font-size: 21px;
    margin-top: 15px;
}
.bizeulasin ul li.bizeulasin2 span
{
}
.bizeulasin ul li.bizeulasin2 img
{
    margin-right: 5px;
    vertical-align: middle;
}
.bizeulasin ul li.bizeulasin3
{
    color: #727b87;
    font-size: 12px;
    margin-top: 13px;
}
.bizeulasin ul li.bizeulasin3 p
{
    margin-top: 5px;
}
.bizeulasin ul.sosyalmedya
{
    display: inline-block;
    height: auto;
    margin-top: 30px;
}
.bizeulasin ul.sosyalmedya li
{
    float: left;
    margin-right: 20px;
}
.bizeulasin ul.sosyalmedya li:last-child
{
    margin-right: 0px;
}
.bizeulasin ul.sosyalmedya li a
{
    color: #aaa;
    font-size: 20px;
}
.bizeulasin ul.sosyalmedya li a:hover
{
    color: #fff;
}
.footermenu
{
    float: right;
}
.footermenu ul li a
{
    color: #7c8592;
    font-size: 14px;
}
.footermenu ul li
{
    margin-bottom: 10px;
    margin-left: 10px;
}
.footermenu ul li.footermenu1
{
    color: #7c8592;
    font-size: 17px;
    margin-bottom: 15px;
    margin-left: 0px;
}
.footermenu ul
{
    float: left;
    margin-right: 15px;
    width: 205px;
}
.adres
{
    color: #727b87;
    font-size: 12px;
    line-height: 17px;
    margin-top: 13px;
    width: 200px;
}

#copyright
{
    background: #d1202a;
    margin-top: -100px;
    opacity: 0.8;
    padding-bottom: 35px;
    padding-top: 40px;
    position: relative;
    text-align: center;
    width: 100%;
    -webkit-transition:all 0.4s;
}
#copyright:hover {opacity: 1}
#copyright p
{
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 5px;
    margin-top: 4px;
}
#copyright img
{
    margin-top: -80px;
}
.solmenu
{
    background: #d1202a;
    border: 1px solid #bd1d26;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: auto;
    padding: 18px 0px 23px 0px;
    width: 230px;
}
.solmenu ul li.solbas
{
    background: #393e47;

}
.solmenu ul li.solbas
{border-bottom: 0px;box-sizing: border-box;text-transform: uppercase;
    color: #fff;
    font-size: 23px;
    margin-bottom: 15px;
    margin-left: 10px;
    padding: 15px 25px;
    width: 240px;
}
.solmenu ul li
{
    background: url(../images/solmenubg.png) no-repeat;
    background-position: 17px;
    border-bottom: 1px solid #b20d16;
    height: auto;
    min-height: 50px;
}

.solmenu ul li a
{
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding-bottom: 16px;
    padding-left: 40px;
    padding-top: 16px;
}
.solmenu ul li:hover
{
    background: #b20d16 url(../images/solmenubghover.png) no-repeat;
    background-position: 17px;
}
.solmenu ul li.solbas:hover
{
    background: #393e47;
}
.solmenu ul li.secili
{
    background: #b20d16 url(../images/solmenubghover.png) no-repeat;
    background-position: 17px;
}
.solmenu ul li ul
{
    background: #d1202a;
    border: 1px solid #bd1d26;
    box-sizing: border-box;
    display: block;
    height: auto;
    margin-left: -1px;
    width: 230px;
}
.solmenu ul li ul li
{
    background-position: 30px;
    padding-left: 15px;
}
.solmenu ul li ul li:hover
{
    background-position: 30px;
}
.sagbolum
{
    display: inline-block;
    float: right;
    height: auto;
    width: 723px;
}
.sagbolum1
{
    display: inline-block;
    float: right;
    height: auto;
    margin-top: -90px;
}
.sagbolum1 ul li.sb11 h1
{
    color: #fff;
    font-size: 58px;
    padding: 3px 0 0 0;
}
.sagbolum1 ul li.sb12 h2
{
    color: #fff;
    font-size: 16px;
    margin-left: 5px;
    margin-top: 20px;
}
.sagbolum2
{
    display: inline-block;
    height: auto;
    margin-top: 90px;
    position: relative;
    width: 100%;
}
.sagbolum2 ul li.sb21
{
    color: #545454;
    font-size: 32px;
    padding: 10px;
    background: #f7f7f7;
    font-weight: bold;
}
.sagbolum2 ul li.sb22
{
    margin-top: 15px;
}
.sagbolum2 ul li.sb23
{
    color: #898989;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 50px;
    margin-left: 5px;
    margin-top: 55px;
}
.sagbolum2 ul li.sb24
{
    background: url(../images/hemensiziarayalim.asp);
    height: 65px;
    margin-bottom: 100px;
    margin-left: 15px;
    margin-top: 50px;
    width: 302px;
}
.sagbolum2 ul li.sb24 a
{
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 22px 10px;
    width: 100%;
}
.sagbolum2 a.yazdir
{
    float: right;
}
.sagbolum2 #my_office
{
    height: 240px;
    max-width: 100% !important;
    width: 100% !important;
}
.sagbolum2 .gm-style-iw, .sagbolum2 .gm-style-iw div
{
    width: auto !important;
}
ul.iletisimul li
{
    float: left;
}
ul.iletisimul li.im1
{
    width: 35px;
}
ul.iletisimul li.im2
{
    margin-top: -4px;
    width: 60%;
}
ul.iletisimul
{
    display: inline-block;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}
ul.iletisimul img
{
    vertical-align: middle;
}
.clear1
{
    display: none;
}
#galeri
{
    padding: 20px 0px;
    width: 100%;
}
#galeri li
{
    float: left;
    margin: 10px 2%;
    width: 21%;
}
#galeri li a
{
    display: block;
}
#galeri li a img
{
    display: block;
    width: 100%;
}
@media (max-width: 1023px)
{


    #header
    {
       margin: 10px 2%;
       width: 96%;
   }
   .ortala
   {
    width: 100%;
}
#logo
{
    display: block;
    float: none;
    height: auto;
    margin: 20px auto 0px;
}
#logo img
{
    display: block;
    margin: 0 auto;
}
.resmenu
{
    background: #393e47;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 30px;
    height: auto;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 50px;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 53535;
}
.resmenu img
{
    float: right;
    vertical-align: middle;
}
.bxslider {width: 100% !important;height: 400px !important}
.slidebaslik , .bx-wrapper .bx-pager {display: none !important}
.menu ul
{
    display: none;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: 220px;
    width: 80%;
    z-index: 2;
}
.menu ul li
{
    display: block !important;
    background: #d1202a;
    border-bottom: 1px solid #b20d16;
    float: none;
    margin-left: 0px;
}
.menu ul li a
{
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 22px;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none !important;
    width: 100%;
}
#panel
{
    float: none;
    margin: 0 auto;
    padding: 10px 0;
    width: 420px;
}
.bx-wrapper .bx-pager
{
    display: block;
    left: 50% !important;
    margin-left: -100px !important;
    top: 500px;
    width: 100px;
    z-index: 99999;
}
.ortakirmizi
{
    float: none;
    margin: 0 auto;
    margin-bottom: 70px!important;
    margin-top: 150px!important;
}
.footermenu
{
    display: none;
}
.bizeulasin
{
    display: table;
    float: none;
    height: auto;
    margin: 0 auto;
    width: auto;
}
.bizeulasin ul
{
    text-align: center;
}
.bizeulasin ul.sosyalmedya
{
    display: table;
    margin: 0 auto;
    margin-top: 30px!important;
}
.musteripaneli
{
    display: none;
}
.back
{
    background: url(../images/bodybg.png);
}
.clear1
{
    clear: both;
}
.footeric
{
    width: 100%;
}
#ortabolum
{
    width: 100%;
}
.sagbolum
{
    clear: both !important;
    margin-top: 30px;
    width: 100%;
}
.sagbolum2 ul li.sb22 img
{
    height: auto;
    max-width: 100%!important;
}
.sagbolum2
{
    display: table;
    margin: 0 auto;
    width: 80%;
}
.sagbolum1
{
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    position: absolute;
    right: 0;
    top: 280px;
    width: 80%;
    z-index: 1;
}
.solmenu
{
    display: block !important;
    height: auto;
    margin: 0 auto;
    margin-left: 10%;
    margin-top: 180px!important;
    width: 80%;
}
.solmenu ul li.solbas
{
    width: 105%;
}
.solmenu ul li ul
{
    display: block !important;
    width: 100%;
}
.solmenu ul li ul li
{
    display: block !important;
    height: 45px !important;
}
}
@media (max-width: 767px)
{
    #galeri li
    {
        width: 29%;
    }
}
@media (max-width: 479px)
{
    #panel
    {
        float: none;
        padding: 10px 0;
        width: 100%;
    }
    #panel li
    {
        float: left;
        margin: 0 0 0 0;
        width: 33%;
    }
    #panel li a span
    {
        margin: 0 0 0 2px;
    }
    #panel li a span strong
    {
        font-size: 14px;
    }
    #panel li a span em
    {
        font-size: 8px;
    }
    #iletisim li a img
    {
        display: none;
    }
    #galeri li
    {
        width: 46%;
    }
}
.slider
{

    position: relative;
}
.slidebaslik
{
    color: #fff;
    display: block;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.02px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    text-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    top: 30%;
    width: 100%;
    z-index: 99;
}
.btns
{
    position: absolute;
    text-align: center;
    top: 68%;
    width: 100%;
    z-index: 99;
}
.btns a
{
    border: 1px solid #fff;
    color: #fff;
    font-size: 17px;
    margin-right: 10px;
    padding: 12px 23px;
    text-decoration: none;
    webkit-transition: all 0.4s;
}
.btns a:hover
{
    background: #e30613;
    border-color: #e30613;
    color: #fff;
}
.slider:hover span
{
    opacity: 1;
}
.outside span
{
    background: rgba(0,0,0,0.3);
    font-size: 40px;
    margin: 20px;
    opacity: 0.4;
    padding: 10px 20px;
    position: absolute;
    top: 52%;
    webkit-transition: all 0.4s;
    z-index: 999999;
}
.outside span:hover
{
    background: rgba(0,0,0,0.6);
    cursor: pointer;
}
.outside a
{
    color: #fff !important;
}
.outside #slider-prev
{
    left: 0;
}
.outside #slider-next
{
    right: 0;
}
#myBtn
{
    background-color: #d1202a;
    border: none;
    bottom: 20px;
    color: white;
    cursor: pointer;
    display: none;
    font-size: 40px;
    outline: none;
    padding: 10px;
    position: fixed;
    right: 30px;
    z-index: 99;
}
#myBtn:hover
{
    background-color: #555;
}


.ic_sayfa .menu ul li a {
    color:#ddd !important;
}
.sagbolum2 p{font-size: 15px;margin-bottom:20px;line-height: 30px}
.haber  {width:270px;float:left;margin-right:15px;margin-bottom:15px;border:1px solid #eee;padding:10px,;}
.haber .tarih {color:#333;font-size:15px;margin:10px;}
.haber .hbaslik {color:#333;font-size:22px;font-weight: bold;margin:10px;margin-top:20px;margin-bottom: 20px;}

.resimler  a{display: block;width:219px;float: left;margin-right: 20px;margin-bottom: 20px  }
@media screen and (max-width: 768px) {

   .popimg {width:300px !important;height: 300px !important}
}


.gray {background:#eee;}
.temizle {clear: both;}