/*261214*/
/*
@font-face {
    font-family: "TrebucetMS";
    src: url(/html/font/TrebuchetMS.ttf) format("truetype");
}
.FontTrebucetMS {
    font-family: TrebucetMS;
}*/
@font-face {
  font-family: "Jost";
  src: url(/html/font/Jost/Jost-VariableFont_wght.ttf) format("truetype");
}
@font-face {
  font-family: "OpenSans";
  src: url(/html/font/OpenSans/OpenSans-VariableFont_wdth,wght.ttf) format("truetype");
}
@font-face {
  font-family: "OswaldRegular";
  src: url(/html/font/Oswald/Oswald-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "OswaldLight";
  src: url(/html/font/Oswald/Oswald-Light.ttf) format("truetype");
}
@font-face {
    font-family: "RobotoCondensed-Regular";
    src: url(/html/font/Roboto_Condensed/RobotoCondensed-Regular.ttf) format("truetype");
}
.FontRobotoCondensed {
    font-family: RobotoCondensed-Regular;
}
/*@font-face {
    font-family: 'HelveticaNeueItalic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue Italic'), url('/html/font/helvetica-neue-5/HelveticaNeueItalic.woff') format('woff');
}
@font-face {
font-family: 'HelveticaNeueMedium';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue Medium'), url('/html/font/helvetica-neue-5/HelveticaNeueMedium.woff') format('woff');
}
/*@font-face {
    font-family: "Segoe";
    src: url(/html/font/SegoeUI/segoeui.ttf) format("truetype");
}
@font-face {
    font-family: "Lato";
    src: url(/html/font/Lato/Lato-Regular.ttf) format("truetype");
}*/

.SiteResimleri {
    background-image: url("resimler/b2b_entegrasyon.png");
}

body {
    background-color:#37517e !important
}
@media(max-width:767px){
    body {
        /*padding-top: 53px; */
    }
    #Logo { 
        background-repeat: no-repeat;
        display: block;
        height: 40px;
        margin-top: 2px;
        overflow: hidden;
        text-decoration: none;
        text-indent: -1000px;
        width: 70px;
        background-position: -423px -20px;
    }
    
    .container {
        padding-left: 1px;
        padding-right: 1px;
    }
}
@media(min-width:768px){
    body {
        padding-top: 85px;
    }
    #Logo { 
        background-repeat: no-repeat;
        display: block;
        height: 40px;
        /*margin-top: 5px;*/
        overflow: hidden;
        text-decoration: none;
        text-indent: -1000px;
        width: 245px;
        background-position: -55px -35px;
    }
}

#LogoAlt { 
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    /*margin-top: 5px;*/
    overflow: hidden;
    text-decoration: none;
    text-indent: -1000px;
    width: 290px;
    background-position: -19px -335px;
}

.IcerikListeOge3 {
    min-height: 90px;
    background-size: cover;
}

.icerik_resim_stil { 
    border: 1px solid #D4D4D4;
    margin: 5px 15px 15px 5px;
    /*padding: 10px;
    img-responsive*/
    display: block;
    height: auto;
    max-width: 100%;
}

/*.GaleriListeOge {
    background-color: #f7f4f4;
    margin-bottom: 15px;
    padding: 15px;
}
.GaleriListeOge h5 {
    text-shadow: -1px 0 1px rgba(80, 0, 0, 0.3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.GaleriListeOge h5:hover {
    color: #337ab7;
}
.GaleriListeOge a{
    text-decoration: none;
}
.GaleriListeOge figure:hover img {
    -webkit-transform:scale(1.1) rotate(-2deg);
    transform:scale(1.1) rotate(-2deg);
}
.GaleriListeOge figure {
    overflow:hidden;
}
.GaleriListeOge img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}*/

.YukleniyorBar1 {
    width: 0;
    animation-name: YukleniyorBar1;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes YukleniyorBar1 {
    0%   {width: 0;}
    25%  {width: 25%;}
    50%  {width: 50%;}
    100% {width: 100%}
}