.slider-main{ position:relative;}
.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden;}
.nivoSlider img { position:absolute; top:0px; left:0px; max-width: none;}
.nivo-main-image { display: block !important; position: relative !important;  width: 100% !important;} .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white;  filter:alpha(opacity=0);  opacity:0;} .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0;}
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden;}
.nivo-box img { display:block; } .nivo-html-caption { display:none;} .nivo-directionNav a { position:absolute; bottom:45%; z-index:9; cursor:pointer;}
.nivo-directionNav a.nivo-prevNav { left:0px; background-position:11px 10px; border-radius:0; }
.nivo-directionNav a.nivo-nextNav { right:0px; background-position:-20px 10px !important; border-radius:0;} .nivo-controlNav { text-align:left;  right:auto; padding:0; position: absolute; width:100%; bottom:7%; z-index:9; text-align:center;}
.nivo-controlNav a { cursor:pointer; border: 0 none; display:inline-block;   height:12px; margin:0 5px 0 0; text-indent: -9999px; width:12px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px;}
.nivo-controlNav a.active {  font-weight:bold;
}
.resimler{
    width:100%;
    padding-top:10px;
    display: flex;
}
.menu-katalog{
    border: 1px solid;
   
    font-size:15px;
    padding:5px;
    background: #1a5fce; /* Old browsers */
background: -moz-linear-gradient(left, #1a5fce 0%, #2989d8 100%, #207cca 100%, #1874c1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1a5fce 0%,#2989d8 100%,#207cca 100%,#1874c1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1a5fce 0%,#2989d8 100%,#207cca 100%,#1874c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5fce', endColorstr='#1874c1',GradientType=1 ); /* IE6-9 */
        -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    /* color:#FFF; */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a5fce+0,2989d8+100,207cca+100,1874c1+100 */

}

.menu-katalog:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1874c1+0,1a5fce+100,2989d8+100,207cca+100,1a5fce+100 */
background: #1874c1; /* Old browsers */
background: -moz-linear-gradient(left,  #1874c1 0%, #1a5fce 100%, #2989d8 100%, #207cca 100%, #1a5fce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1874c1 0%,#1a5fce 100%,#2989d8 100%,#207cca 100%,#1a5fce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1874c1 0%,#1a5fce 100%,#2989d8 100%,#207cca 100%,#1a5fce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1874c1', endColorstr='#1a5fce',GradientType=1 ); /* IE6-9 */
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.nivo-directionNav a { border: 0 none; display: block; height: 32px;    text-indent: -9999px; transition: all 200ms ease-in-out 0s; width: 32px; background:url(../png/slide-nav.png) no-repeat left top #1874c1;} .nivo-caption { position:absolute; left:0; right:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff; z-index:8; width:50%;  bottom:30%; text-align:center; margin:0 auto; }
.slide_info h2{ font:600 48px/48px 'Roboto Condensed', sans-serif; color:#ffffff; margin:0 0 12px 0;  text-transform:uppercase; padding:0; text-shadow:0 1px 3px #666;}
.slide_info h2 span{ display:block; font-size:20px;}
.slide_info p{ font:400 15px/20px 'Roboto Condensed', sans-serif; margin:0 0 50px 0; text-shadow:0 1px 3px #666; }
.slide_info .slidebtn { font:600 14px/20px 'Roboto Condensed', sans-serif; margin:0 8px 0 0; background-color:#373737; color:#fff; padding:12px 30px; display:inline-block;  text-transform:uppercase;}
.slide_info .slidebtn:hover { background-color:#1874c1; color:#fff;}