/* *************************** FONTS *************************** */
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muller-Regular';
  src: url('../fonts/Muller-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muller-Regular.otf')  format('opentype'),
       url('../fonts/Muller-Regular.woff') format('woff'), url('../fonts/Muller-Regular.ttf')  format('truetype'), url('../fonts/Muller-Regular.svg#Muller-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Muller-Bold';
  src: url('../fonts/Muller-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muller-Bold.otf')  format('opentype'),
       url('../fonts/Muller-Bold.woff') format('woff'), url('../fonts/Muller-Bold.ttf')  format('truetype'), url('../fonts/Muller-Bold.svg#Muller-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* *************************** *************************** */
.padding0{
  padding:0;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background-color: #114C8E;
    border-color: #114c8d;
}
/* *************************** HEADER *************************** */
body.slide-active{ overflow-x:hidden;}
.navbar{ margin-bottom:0px;  min-height:113px;  }
.navbar-default{ background-color:#ffffff; border-color:#ffffff; transition:all 1s;  }
.navbar-fixed-top{  top:0; border-width:0; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.23); }

#slide-nav .navbar-header .navbar-toggle{ cursor:pointer;  position:relative; line-height:0;  float:right; margin:0;  width:30px;  height:40px; padding:10px 0 0 0; border:0; background:transparent;  z-index: 9999; }
#slide-nav .navbar-header .navbar-toggle > .icon-bar{width:100%;  display:block; height:3px;  margin: 5px 0 0 0;  }
#slide-nav .navbar-header .navbar-toggle.slide-active .icon-bar { background:rgb(17, 76, 141);  }
#slide-nav .navbar-header .navbar-toggle:focus, 
#slide-nav .navbar-header .navbar-toggle:hover{  background-color:transparent;  }
#slide-nav #slidemenu ul{ list-style-type:none;  }
#slide-nav #slidemenu ul i{  color:#819098;  }
#slide-nav #slidemenu ul i:hover{ color:#587185; }
#slide-nav #slidemenu ul .home-menu .navbar-right{ margin-right:0;   position: absolute; right: 70px;  }
#slide-nav #slidemenu ul .navbar-right .form-group{ margin-bottom:0;  margin-left: 30px;}
#slide-nav #slidemenu ul .navbar-right .form-group .form-control{height:46px; font-size:15px; font-family:"Roboto-Bold"; color:#677983;  border:1px solid white; border-radius:0;}
#slide-nav #slidemenu ul .top-menu {position: relative; margin: 10px 15px; margin-left: -40px;}
#slide-nav #slidemenu ul .top-menu .search_box {  position: absolute;  right: 15px;  top: 5px;  width: 200px;}
#slide-nav #slidemenu ul .top-menu .search_box input {  color: #000;  border: 0;    background: none;  box-shadow: none;  font-size: 15px;}
#slide-nav #slidemenu ul .top-menu .search_box input:focus {  box-shadow: none;}
#slide-nav #slidemenu ul .top-menu .search_box button {  margin-top: -3px;  color: #fff;  border: 0;  background: none;  font-size: 18px;}
#slide-nav #slidemenu ul .top-menu .search_box button i {  color: #819098 !important;}
#slide-nav #slidemenu ul .top-menu .search_box button:hover, .search_box button:focus {  color: #ccc !important;  background: none !important;  box-shadow: none;}
#slide-nav #slidemenu ul .top-menu .search_box:hover button i {  color: #114c8d !important;}
#slide-nav #slidemenu ul .top-menu .search_box .line{  background-color: #114c8d;  width: 0;  height: 1px;  transition: 300ms;}
#slide-nav #slidemenu ul .top-menu .search_box:hover .line{  width: 100%;}
#slide-nav #slidemenu ul .home-menu {position: relative; top: 60px; margin: 10px 0;}
#slide-nav #slidemenu ul .home-menu ul{border-top:1px solid rgb(241, 241, 241); margin-left: 50px;}
#slide-nav #slidemenu ul .top-menu li a,
#slide-nav #slidemenu ul .home-menu .navbar-nav>li>a{padding: 15px 15px; font-size: 15px; font-family: "Muller-Regular"; color: rgb(144, 164, 174); text-align: center; line-height: 0.99; text-decoration: none;}
#slide-nav #slidemenu ul .home-menu .navbar-nav>li>a:hover {color: #587185; background-color: transparent;}

#slide-nav #slidemenu ul .home-menu ul.children { position: absolute;  left: -50px;  top: 41px;  width: 400%;  display: none;  margin: 0 ;   padding: 15px;  background-color: rgba(17, 75, 139, 0.8);  box-shadow: 5px 10px 20px 4px rgba(23, 21, 21, 0.34);}
#slide-nav #slidemenu ul .home-menu ul.children  li { display: :inline-block !important;  padding: 5px 0;  margin-right: 5px;  border-bottom: 1px solid rgb(95, 112, 142);}
#slide-nav #slidemenu ul .home-menu ul.children  li a { padding: 10px 0px;  border-right: 0;  line-height: 15px;  font-size: 17px;  text-decoration: none;  color: #fff;}

@media screen and (min-width:980px){
  #slide-nav .navbar-header .navbar-brand-centered{  position:absolute;  left:50%;  margin-left: -80px; display:block; width: 160px; text-align:center; padding: 10px 15px; background-color:#fff; }
}
@media (min-width:994px) and (max-width:1199px) { 
  #slide-nav #slidemenu ul .home-menu .navbar-nav>li>a {  padding: 15px 5px 0;  font-size: 13px;}
  #slide-nav #slidemenu ul .navbar-right {  margin-right: 0;  margin-left: -25px;}
}
@media (min-width:980px) and (max-width:993px) { 
  #slide-nav #slidemenu ul .home-menu .navbar-nav>li>a {  padding: 15px 5px 0;  font-size: 13px;}
  #slide-nav #slidemenu ul .home-menu {  left: -150px;}
  #slide-nav #slidemenu ul .home-menu .navbar-right {  position: absolute;  right: -150px;}
  #slide-nav #slidemenu ul .home-menu .navbar-right>li>a {  padding: 15px 10px 0;}
}
@media (max-width:979px) { 
  #slide-nav .navbar-header .navbar-toggle {margin-top: 30px !important; margin-right: 50px !important;}
  #slide-nav .navbar-header .navbar-brand {float: none; padding: 10px 30px;}
  #slide-nav .navbar-header .navbar-brand img{width: 21%; margin: 0 30px;}
  #slide-nav #navbar-height-col {position: fixed;top: 0;height: 100%;width: 70%;right: -80%;background: #fff;}
  #slide-nav.navbar-default #navbar-height-col {background: #fff;z-index: 1;border: 0;}
  #slide-nav.navbar-default #slidemenu ul{text-align: center;     margin-left: -10px !important;}
  #slide-nav #slidemenu .navbar-nav { min-width: 0;width: 100%;margin: 0;left: 0;}
  #slide-nav .navbar.slide-active {position: absolute;width: 80%;top: -1px;z-index: 1000;}
  #slide-nav #slidemenu {background: #fff;right: -100%;width: 70%;min-height: 100%;min-width: 0;position: absolute;padding: 30px 0;padding-left: 0;z-index: 2;top: -8px;margin: 0;}
  
  #slide-nav .navbar-header .navbar-toggle.slide-active {    margin-right: 0px !important; }
  #slide-nav .navbar-header {  position: relative;}
  #page-content.slide-active.banner-home{ margin-top: 0 !important;}
  #slide-nav {  border-top: 0;}
  #slide-nav .navbar-header {  padding: 0 15px;}
  #slide-nav #slidemenu ul .navbar-right .form-group {  margin-left: 0;}
  #slide-nav #slidemenu ul .top-menu {  margin-left: 0;}
  #slide-nav #slidemenu ul .top-menu .nav>li{  display: inline-block;  vertical-align: top;}
  #slide-nav #slidemenu ul .navbar-right { margin: 15px auto;}
  #slide-nav #slidemenu ul .navbar-right.nav li{display: block;}
  #slide-nav #slidemenu ul .top-menu .search_box { right: inherit; top: inherit; left: 50%; margin-left: -100px;}
  #slide-nav #slidemenu ul .navbar-right .form-group .form-control{  width: 50%;  margin: 0 auto;}
  #slide-nav #slidemenu ul .home-menu {  position: relative;  top: inherit;  margin: 0 auto;  left: inherit;}

  #slide-nav #slidemenu ul .home-menu ul.children  li a{ color: rgb(144, 164, 174); }
  #slide-nav #slidemenu ul .home-menu ul.children { box-shadow: none;  background-color: #fff;   display: none;  position: relative;  left: 0; top: 0;  width: inherit;}
  #slide-nav #slidemenu ul .home-menu ul.children  li{  border-bottom: none;}

}
@media (max-width:478px) { 
  #slide-nav .navbar-header .navbar-brand img { width: 24%;}
}

/* *************************** ANASAYFA *************************** */
.banner-home{ margin-top:113px; }
.banner-home #slider .item .slider-content{  position:absolute; top:30%; left:15%; width:25%; }
.banner-home #slider .item .slider-content .title{  font-size:35px; font-family:"Muller-Regular"; color:rgb(255, 255, 255); line-height:1.2; }
.banner-home #slider .item .slider-content .title strong{  font-size:47px; font-family:"Muller-Bold"; }
.banner-home #slider .item .slider-content .dest{  font-size:15px; font-family:"Muller-Regular"; color:rgb(255, 255, 255); line-height:1.2; margin-top:50px; }
.banner-home #slider .owl-theme .owl-nav [class*=owl-]{  padding: 4px 18px !important;  background: transparent !important; border-radius: 50% !important;  border:1px solid rgb(247, 243, 237) !important;}
.banner-home #slider .owl-carousel .owl-nav .owl-next{  position: absolute;  right: 10%;  top:50%; margin-top: -27px;}
.banner-home #slider .owl-carousel .owl-nav .owl-prev{  position: absolute;  left: 10%;  top:50%; margin-top: -27px; }
.banner-home #slider .owl-theme .owl-nav [class*=owl-]:hover {  background: rgba(255, 255, 255,0.471) !important;}

.content .post{margin-top: -10px;}
.content .post h1{ font-family: "Muller-Bold";  color: rgb(74, 86, 98);  line-height: 1.2; margin: 0; }
.content .post h1 span{ font-family: "Muller-Bold";  color: #677983; }
.content .post p{ font-size:15px; font-family: "Muller-Regular";  color: rgb(144, 164, 174);  line-height: 1.4; }
.content .post .read{ border-top:1px solid rgba(17, 76, 141,0); border-bottom:1px solid rgba(17, 76, 141,0); padding:10px 15px; margin-right:100px; transition: 300ms; }
.content .post .read a{ font-size: 13px; font-family: "Muller-Regular"; color: rgb(74, 86, 98); letter-spacing: 1px; text-decoration:none; }
.content .post .read:hover{ border-top:1px solid rgba(17, 76, 141,1); border-bottom:1px solid rgba(17, 76, 141,1);  }

.content .banner{ background-color: rgb(250, 250, 250); padding:30px 0px 0 ;}
.content .banner h2{ font-family: "Muller-Bold";  color: rgb(74, 86, 98);  line-height: 1.2; text-align: center; margin: 15px 0; }
.content .banner h2 span{ font-family: "Muller-Bold";  color: #677983; }
.content .banner .img{position: relative;}
.content .banner .img .banner-content{position: absolute; right: 15%; top:30%; width: 30%; }
.content .banner .img .banner-content p{ font-size:15px; font-family: "Muller-Regular";  color: rgb(255, 255, 255);  line-height: 1.4; }
.content .banner .img .banner-content .read{ border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px 15px; margin-right:100px; margin-top:50px; transition: 300ms; }
.content .banner .img .banner-content .read a{ font-size: 13px; font-family: "Muller-Regular"; color: #fff;; letter-spacing: 1px; text-decoration:none; }
.content .banner .img .banner-content .read:hover{ border-top:1px solid rgba(17, 76, 141,1); border-bottom:1px solid rgba(17, 76, 141,1);  }

.content .double{ background-color: rgb(69, 81, 93); padding:0px 0 30px;}
.content .double h2{ font-family: "Muller-Bold";  color: #fff;  line-height: 1.2; margin: 15px 50px; }
.content .double .item .slider-content{position: absolute; bottom:0; right:0; }
.content .double .item .slider-content .area{ background-color: rgb(103, 121, 131); padding: 15px 45px; text-align: center; font-size: 15px; font-family: "Muller-Regular"; color: #fff; letter-spacing: 1px;}
.content .double .owl-theme .owl-nav {  position: absolute;  bottom: 0;  right: -90px;}
.content .double .owl-theme .owl-nav [class*=owl-] {  color: #FFF;  font-size: 14.4px;  padding: 4px 15px;  background: #677983;  display: inline-block;  cursor: pointer;  border-radius: 0; margin: 0;}
.content .double .owl-theme .owl-nav [class*=owl-]:hover {  background: #55646d !important;}
.content  .news h2,
.content  .news ul{text-align: center;}
.content  .news ul{ margin: 20px auto 50px;}
.content  .news ul li{vertical-align: middle;}
.content  .news ul li a{font-size:13px; font-family: "Muller-Regular";  color: rgb(255, 255, 255); border-bottom: 1px solid #fff; line-height:0.8; letter-spacing: 1px;}
.content  .news .media {  margin: 15px 0px;}
.content  .news .media .media-left {  padding-right: 0;}
.content  .news .media .media-body {  background-color: rgb(127, 140, 153);  padding: 10px 30px; transition: 500ms;}
.content  .news .media .media-body .media-heading small,
.content  .news .media .media-body p {  font-family: "Muller-Regular";  color: rgb(255, 255, 255);  margin: 20px 0; font-size:13px;}

.content .logo{ background-color: rgb(250, 250, 250); padding: 30px 0;}
.content .logo ul{text-align: center;}
.content .logo ul li{ padding: 0 50px; }

footer{padding: 30px 0;}
footer .nav a{ font-size: 13px; font-family: "Muller-Regular"; color: rgb(144, 164, 174); }
footer h4{ font-size: 15px; font-family: "Muller-Regular"; color: rgb(69, 81, 93);line-height: 1.613;}
footer p{ font-family: "Muller-Regular"; color: rgb(69, 81, 93); margin: 30px 0 0; font-size: 14px;}
footer strong{ font-family: "Muller-Bold"; }
footer .form-group .form-control {  height: 45px;  border: 1px solid transparent; border-radius: 0;  box-shadow: inset 0 0px 0px rgba(0,0,0,0);  border-bottom: 1px solid #000;}
footer form .btn-default { border-color: transparent;  border-bottom: 1px solid #114b8c;  border-top: 1px solid #114b8c;   border-radius: 0;  transition: 300ms; color:rgb(69, 81, 93); font-family: "Muller-Bold"}
footer form .btn-default i{ margin-left: 30px;  transition: 300ms; }
footer form .btn-default:hover { background-color: transparent; border-color: #114b8c; }
footer form .btn-default:hover i{  transform: translateX(5px); }
footer .social{ margin-top: 15px;}
footer .social a{ color:transparent;}
footer .social a .fa-stack {  border: 1px solid #45515d;  border-radius: 50%;}
footer .social a .fa-stack-1x {  color: #45515d;  }
footer .logo img{  margin: 30px auto 0;}
footer .social a:hover .fa-stack {  border-color: #114b8c;}
footer .social a:hover .fa-stack-1x {  color: #114b8c;  }

.copy img{
  width: 36px;
  transition: 500ms;
}
.copy:hover img{
  transition: 500ms;
  transform: skew(-15deg);
}

/* *************************** KURUMSAL *************************** */

.banner-home .cover{ position: relative;}
.banner-home .cover .cover-content{position: absolute; bottom:0; left: 50%;  width: 400px; margin-left: -200px;}
.banner-home .cover .cover-content p{font-size:35px;  font-family: "Muller-Bold"; color: rgb(255, 255, 255); line-height: 1.2; text-align: center; margin-bottom: 30px;}
.banner-home .cover .cover-content .breadcrumb{background-color: rgb(103, 121, 131); text-align: center;  border-radius: 0;  margin: 0;  padding: 10px 70px;}
.banner-home .cover .cover-content .breadcrumb>li,
.banner-home .cover .cover-content .breadcrumb>li a{ font-size:15px; font-family: "Muller-Regular";  color: rgb(255, 255, 255); text-decoration: none;}

.content.sub-page{padding: 50px 0;}

.content.sub-page .post{margin-top: 0px; margin-bottom: 30px}
.content.sub-page .post p {  text-align: center;}
.content.sub-page .post h1{  text-align: center;}
.content.sub-page .post img{  margin: 0 auto;}
.content.sub-page .post #hidden-first {display:none;}
.content .post p strong {
    font-size: 15px;
    font-family: "Muller-Bold";
    color: rgb(74, 86, 98);
    line-height: 1.4;
}

.content.sub-page .banner .ban{     background-color: #164e8b; text-align: center; color: #fff; padding: 15px 0 30px; }
.content.sub-page .banner .ban h2 {  color: #fff;}

.content.sub-page .double{ padding: 0;}
.content.sub-page .double .news { padding: 30px;}
.content.sub-page .double .news p{ font-size:15px; font-family: "Muller-Regular";  color: rgb(255, 255, 255); padding: 0 100px; text-align: center;}
.content.sub-page .double .part{ background-color: rgb(127, 140, 153); }


.content.sub-page .post .list p {  text-align: left;}
/* *************************** HABERLER *************************** */

.content.sub-page .news{padding: 0 0 50px;}
.content.sub-page .news .media .media-object{  min-height: 161px;}
.content.sub-page .news .media:hover .media-body {  background-color: #114c8d;min-height: 161px;}
.content.sub-page .news .media .media-body a {  font-family: "Muller-Regular";  color: rgb(255, 255, 255); border-bottom:1px solid white; }
.content.sub-page .ntitle{font-size:25px;font-family: "Muller-Bold";  color: rgb(74, 86, 98);  line-height: 1.2;  text-align: center;  margin: 15px 0;}

/* *************************** ÜRÜNLER *************************** */

.content.sub-page .product{padding-bottom: 50px;}
.content.sub-page .product h2{ font-family: "Muller-Bold"; color: rgb(17, 76, 141);} 
.content.sub-page .product.post p{text-align: left;}
.content.sub-page .product .tablo{background-color: rgb(127, 140, 153); padding: 15px; margin-bottom: 30px;}
.content.sub-page .product .tablo .table>tbody>tr>td,
.content.sub-page .product .tablo .table>tfoot>tr>td, 
.content.sub-page .product .tablo .table>thead>tr>td { font-size:13px; color: rgb(255, 255, 255); font-family: "Muller-Regular"; border-bottom: 1px solid rgb(137, 150, 164); border-top: none;}
.content.sub-page .product .tablo .table>tbody>tr>th, 
.content.sub-page .product .tablo .table>tfoot>tr>th, 
.content.sub-page .product .tablo .table>thead>tr>th { font-size:15px; color: rgb(255, 255, 255); font-family: "Muller-Bold"; border-bottom: 1px solid rgb(137, 150, 164); border-top: none;}

/* *************************** İLETİŞİM *************************** */

.content .banner .contact{padding: 50px 0;}
.content .banner .panel-default {  border: 1px solid rgb(250, 250, 250);  background-color: #fff;  margin: 15px auto;}
.content .banner .panel-default>.panel-heading { border: 1px solid rgb(222, 230, 234);  background-color: #fff;  font-size: 17px;  font-family: "Muller-Bold";  color: rgb(38, 50, 56);  line-height: 1.2;  text-align: left;}
.content .banner .panel-default>.panel-heading span{  padding: 5px 20px;  background-color: rgb(17, 76, 141);  margin-right: -15px;  margin-top: -10px;}
.content .banner .panel-default .panel-body p,
.content .banner .panel-default .panel-body a{  font-size: 15px;  font-family: "Muller-Regular"; color: rgb(38, 50, 56);  line-height: 2;  text-align: left;  text-decoration: none;}
.content .banner .panel-default .panel-body p.border {  border-bottom:1px solid rgb(17, 76, 141);}
.content .banner .panel-default .panel-body{  background-color: #fafafa;}
.content .banner .form {padding: 30px 0; text-align:center;}
.content .banner .form label{  font-size: 20px;  font-family: "Muller-Bold";  color: rgb(17, 76, 141);  line-height: 1.495; margin-bottom: 0;}
.content .banner .form hr { border-top: 1px solid rgb(207, 216, 220); }
.content .banner .form .form-group {  margin-bottom: 20px;}
.content .banner .form .form-control {font-size: 15px; color: #000; padding: 20px 15px 10px; background-color: transparent; border: none;border-radius: 0;border-bottom: 1px solid rgb(103, 121, 131); -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}
.content .banner .form .btn-default {  border:none; border-radius: 0; border-bottom: 1px solid rgb(17, 76, 141);  background-color: transparent; font-family: "Muller-Bold"; width: 150px; transition: 800ms;}
.content .banner .form .btn-default:hover {background-color: transparent; text-align:right; border-color:rgb(17, 76, 141);} 

/* *************************** RESPONSİVE *************************** */

@media (max-width:991px) { 
  .banner-home #slider .owl-theme .owl-nav [class*=owl-] {  padding: 0px 15px !important;}
  .banner-home .cover .cover-content p {  font-size: 20px;  margin-bottom: 15px;}
  .content .banner .panel-default .panel-body .list-inline>li {  vertical-align: top;}
  .banner-home #slider .owl-carousel .owl-nav .owl-prev { left: 5%;}
  .banner-home #slider .owl-carousel .owl-nav .owl-next { right: 5%;}
  .banner-home #slider .item .slider-content { left: 25%;}
  .banner-home #slider .item .slider-content .dest{  display: none;}
  .banner-home #slider .item .slider-content .title { font-size: 10px;}
  .banner-home #slider .item .slider-content .title strong { font-size: 15px;}
  .content .banner {  padding: 0px 0px 0;}
  .content .banner .img .banner-content p {  font-size: 10px;}
  .content .double h2 { text-align: center; }
  .content .news .media .media-body .media-heading small, 
  .content .news .media .media-body p {  font-size: 10px;  margin: 10px 0;}
  .content .news .media .media-body {  padding: 10px;}
  .content .post .read {  margin-bottom: 15px;}
  .content .banner .img .banner-content { right: 5%; top: 10%;  width: 40%;}
  footer .social{  float: none !important; text-align: center;}
  footer .logo img {  margin: 20px auto;  width: 10%;}
  footer h4{margin-top: 30px;}
  .content .news{  margin-top: 30px;}
  .content .news ul {  margin: 20px auto;}
  .content.sub-page {  padding: 0;}
  .content.sub-page .banner .ban p{ padding: 0 30px;}
  .content.sub-page .double .news p {  padding: 0;}
  .content.sub-page .news .media .media-object{ min-height: inherit;}
  .content.sub-page .news .media .media-body a { font-size: 9px;}
  .content .banner .panel-default>.panel-heading span {  padding: 14px 20px;  margin-top: -10px;}
  label {  max-width: 75%;}
  .content.sub-page .post.product {  margin-top: 30px;}
}
@media (max-width:1433px) { 
  .content .double .owl-theme .owl-nav {  position: initial;}
  .content.sub-page .double .news p {  padding: 0;}

}
@media (min-width:1265px) and (max-width:1596px) { 
  .content .news .media .media-body p {  margin: 10px 0;  font-size: 13px;}
  .content .post p {  font-size: 15px;}

}
@media (min-width:992px) and (max-width:1266px) {
  .content.sub-page .news .media .media-object {  min-height: inherit;} 
  .content .news .media .media-body p {  display: none;}
  .content .news .media .media-body a {  font-size: 13px;  position: absolute;  bottom: 30px;}
  .content .post p {  font-size: 12px;}
  .content .post h1 {  font-size: 18px;  }
  .content .post .read {  padding: 5px 15px; }
  .banner-home #slider .item .slider-content .title {  font-size: 25px;}
  .banner-home #slider .item .slider-content .title strong {  font-size: 30px;  }

}