/**** Header ****/

.header { width: 100%; height: 100px; border-bottom: 2px #212f66 solid; background: #fff; }
.header-content { margin: auto; width: 980px; height: 100px; box-sizing: border-box; position: relative; }
.home-banner-box { float: left; width: 100%; position: relative; }
.home-banner { float: left; width: 100%; position: relative; }
.home-banner-content { margin: auto; width: 980px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; }
.home-banner-yazi-box { float: left; width: 329px; } 
.home-banner-yazi1 { float: left; width: 329px; height: 178px; background: url(../img/slider_yazi1.png); margin-top: 20px; }
.home-banner-yazi2 { float: left; width: 257px; height: 48px; background: url(../img/slider_yazi2.png); margin-top: 20px; margin-left: 20px; }
.logo { float: left; width: 241px; height: 73px; margin-top: 15px; }
.header-tel { position: absolute; right: 0px; top: 0px; height: 37px; line-height: 37px; vertical-align: middle; background: #212f66; text-align: center; color: #fff; padding: 0px 10px 0px 10px; 

border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
moz-border-radius-bottomleft: 4px;
moz-border-radius-bottomright: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;

}
.header-menu { position: absolute; right: 0px; bottom: 0px; height: 30px; }
.header-menu-button { float: left; height: 30px; line-height: 30px; vertical-align: middle; text-align: center; color: #212f66; }
.header-menu-slash { float: left; width: 7px; height: 15px; background: url(../img/menu-slash.png);  margin:  6px 10px 0px 10px; }

/**** Header End ****/

/* Index Slider */

.index-slider { margin: auto; width: 585px; height: 108px; background: #212f66; margin-top: -50px; position: relative; z-index: 2; 

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
.index-slider-in { position: absolute; top: 0px; left: 0px; width: 100%; }
.index-slider-urun { float: left; width: 130px; height: 97px; margin-right: 5px; margin-top: 5px; }
.index-slider-urun-left { float: left; width: 7px; height: 48px; margin: 29px 10px 0px 10px; }
.index-slider-urun-right { float: right; width: 7px; height: 48px; margin: 29px 10px 0px 0px; }

/* Index Slider End */

/**** Container ****/

.container { margin: auto; width: 980px; box-sizing: border-box; }
.index-blog { float: left; width: 217px; height: 445px; margin: 50px 35px 10px 0px; }
.index-blog-title { float: left; width: 100%; height: 36px; line-height: 36px; vertical-align: middle; box-sizing: border-box; background: #212f66; text-align: center; color: #fff; font-size: 18px;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

.index-blog-content { float: left; width: 100%; height: 389px; margin-top: 20px; font-size: 16px; color: #000; text-align: center; }
.index-blog-content-img { float: left; width: 217px; height: 170px; margin-bottom: 20px; }

/**** Container End ****/

/** Footer **/

.footer { float: left; width: 100%; background: #212f66; }
.footer-content { margin: auto; width: 980px; height: 95px; }
.footer-logo { float: left; width: 196px; height: 60px; margin-right: 90px; margin-top: 20px; }
.footer-content-menu { margin: 40px auto auto auto; display: inline-block; width: 48%; }
.footer-content-menu-line { float: left; width: 100%; box-sizing: border-box; }
.footer-content-menu-button { float: left; padding: 0px 5px 0px 5px; color: #fff; text-align: center; font-size: 12px; }
.footer-content-menu-button-slash { float: left; background: #fff; width: 1px; height: 17px; margin: -2px 5px 0px 5px; }
.footer-social-icons { float: right; margin: 40px 10px 0px 0px; }
.footer-social-face { float: left; width: 15px; height: 26px; margin-right: 10px; }
.footer-social-instagram { float: left; width: 28px; height: 27px; }

/** Footer End **/