html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body { background: url("../images/bg2.jpg") repeat-y 50% 0;  color: #282828; word-wrap: break-word; font-size: 15px; }
h1, h2, h3, h4, h5 {  line-height: normal; }
a { color: #a8001c; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
h1 { font-size: 22px; color: #2E2E2E; padding: 1px 0 10px 32px; margin: 1px 0 10px 0; display: block; }
h1 a { color: #c40f27; text-decoration: none;  }
h2 a { color: #c40f27; text-decoration: none;  }
h2 { font-size: 18px; color: #e12011; background: url("../images/bg_mainnews.png") repeat-x 0 100%; padding: 3px 0 10px 9px; margin: 10px 0 10px 0; display: block; }
h2 a:hover { text-decoration: none; }
h3 { font-size: 16px; color: #e12011; padding: 9px 0 7px 1px; margin: 9px 0 1px 0;}
h4 { font-size: 14px;  padding: 0; margin: 0; }
h5 { text-align: center; font-size: 17px; color: #913333; display: block; padding: 2px 0; font-weight: normal;  }
ul { padding: 0; margin: 0; }
td { vertical-align: top; }
* {margin: 0; padding: 0;}
td { vertical-align: top; }
textarea { resize: vertical; }
input, textarea, select, button, a { outline: none; }

@font-face {
    font-family:"Calibri";
    font-style:normal;
    font-weight:500;src: local("Calibri"), local("Calibri"), url('../font/Calibri.ttf') format("ttf")
} 














#wrap { width: 100%; background: url("../images/bg.jpg") no-repeat 50% 0; font-family: Avanti; }
#wrapper { width: 1200px; text-align: left; margin: 0 auto;  box-shadow: 0px 0px 20px #360d0b; background: url("../images/bg_wrapper.jpg");}


#top { width: 100%; display: table; background: url("../images/bg_top.jpg") repeat-x; height: 41px; }
.video { display: table; margin: 0 auto; }
.video iframe { width: 600px !important; }

#region { float: left; }
#region label { float: left; color: #fff; margin: 10px 7px 0 20px; }
#region select { float: left; margin: 7px 0 0 0; }
#region .inputbox { float: left; background: url("../images/bg_select.png") no-repeat; width: 206px; border: 0 none; color: #fff; margin-bottom: 10px; padding: 3px 3px 3px 3px; }
#region option { background: #1f1f1f; }

.loginbox { margin: 9px 0 0 20px; }
.loginbox, .lvsep, .loginbtn, .lbn, .lbn b, .loginava, .lexit { float: left; }
.loginbox .loginbtn, .loginbox .loginava { position: relative; margin: 0; }
.lbn { z-index: 13; position: relative; color: #fff; margin: 0 10px 0 0; }
.loginbox li { list-style: none; float: left; color: #fff; }
.loginbox #logform { border: 1px solid #000; padding: 10px; top: 42px; left: 0; z-index: 12; display: none; position: absolute; width: 180px; background: #282828;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.loginbox #logform .lfield {  margin-bottom: 1em; }
.loginbox #logform .lfield label { display: block; margin-bottom: 0.2em; }
.loginbox #logform .lfield input { width: 170px; padding: 4px; border: 1px solid #c0d4de; background: #fff ; }
.loginbox a { color: #fff; }
.loginbox #logform .lfchek input { width: 13px; border: none; background: none; }
.loginbox #logform .lfchek label { display: inline; margin-bottom: 0.2em; }
.loginbox #logform .lbtn { text-align: center; }
.loginbox .loginava { overflow: hidden; margin-right: 7px; }
.loginbox .loginava img { width: 43px; }
.loginbox .loginava { height: 43px; width: 43px; }
.loginbox .lvsep .radial { margin-right: 5px; background: #96c; color: #fff; float: left; padding: 0 8px; }
.loginenter { font-size: 12px;}
.loginenter li { display: block; border-bottom: 1px solid #dbe8ed; padding: 5px 0; float: none; }
.loginenter li a { display: block; width: 100%;  }

.fbutton { background: #A9A9A9; color: #FFF; font-weight: bold; cursor: pointer; border: 0; padding: 2px 10px; }
#topnav { float: right; margin: 10px 0 0 0; }
#topnav li { list-style: none; float: left; margin: 0 10px; }
#topnav li a { display: block; color: #fff; padding: 0 0 5px 0; }
#topnav li a:hover { background: url("../images/redline.png") repeat-x 0 100%; text-decoration: none; }


.head { clear: left; overflow: hidden; width: 100%; height: 137px; background: url("../images/topshadow.png") no-repeat 50% 0%;  }
#logo { float: left; margin: 25px 0 0 33px; }
#head-txt { float: right; border-bottom: 6px solid #da251d; width: 686px; padding: 25px 0 10px 37px; }
#head-txt p { font-size: 22px; display: block; }
#head-txt span { color: #da251d; font-size: 36px;  }
#head-txt h1 { display: inline; font-size: 31px; padding: 0 0 0 30px; }

#topmenu { clear: left; background: #da251d; height: 41px; border-bottom: 6px solid #d6d6d6; }
#topmenu ul { display: table; margin: 0 auto; font-size: 18px; }
#topmenu ul li { list-style: none; float: left; }
#topmenu ul li a { color: #fff; display: block; padding: 10px 25px; }
#topmenu ul li a:hover { background: url("../images/topmenu.png") repeat-x; text-decoration: none; }


#main { margin: 35px 32px 0 0;  }
.clear {  clear: both; height: 0; visibility: hidden; display: block; }
.mleft { margin: 0 0 0 32px; }
#right { width: 403px; margin: 0 25px 0 0; }


#tab-container { font-size: 16px; line-height:14px; margin: 2em auto; width: 403px; overflow: hidden; background: #f5f5f5; border: 1px solid #d6d6d6; }
#tab-container ul{ list-style: none; list-style-position: outside; width: 100%; }
#tab-container ul.tab-menu li { display: block; float: left; position: relative; width: 133px; padding: 8px 0; text-align: center; background: #da251d; color: #fff; cursor: default; height: 14px; margin-left: 2px; }
#tab-container ul.tab-menu li:first-child { margin-left: 0px;}
#tab-container ul.tab-menu li.active{ background: #f5f5f5; color: #282828; }
.tab-content { margin: 0 auto; background: #f5f5f5; padding: 10px; display: none; min-height: 250px;}
#tab-container div.active{  display: block; }

#tab-container2 { font-size: 16px; line-height:14px; margin: 0 auto; width: 708px; overflow: hidden;   }
#tab-container2 ul{ list-style: none; list-style-position: outside; width: 100%; }
#tab-container2 ul.tab-menu2 li { display: block; float: left; position: relative; width: 133px; padding: 8px 0; text-align: center; background: #1f1a17; color: #fff; cursor: default; height: 14px; margin-left: 1px; 
border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;  border-top: 1px solid #d6d6d6;  }
#tab-container2 ul.tab-menu2 li:first-child { margin-left: 0px;}
#tab-container2 ul.tab-menu2 li.active2 { color: #282828; background: url("../images/bgtabli") repeat-x 0 0; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;  border-top: 1px solid #d6d6d6;  }
.tab-content2 { margin: 0 auto; background: #f5f5f5; padding: 20px; display: none; min-height: 250px; border: 1px solid #d6d6d6; }
#tab-container2 div.active2 {  display: block; }

.main-news { overflow: hidden; padding: 8px 0 0 0;  margin: 8px 0 0 0; }
.main-news li { list-style: none; float: left; margin: 0 0 0 0; width: 216px; background: url("../images/hline.png") no-repeat 13px 50px, url("../images/box-shadow.png") no-repeat 100% 100%; padding: 0 0 16px 30px;  }
.main-news li .box { width: 216px; height: 216px; border: 1px solid #dbdbdb; padding: 0; position: relative; }
.main-news li .box img { width: 190px; display: block; margin: 0 auto; }
.main-news li h3 { display: block; text-align: center; height: 35px; overflow: hidden; }
.main-news li h3 a { color: #a8001c; }
.main-news a.buy { position: absolute; right: 12px; bottom: -12px; color: #fff; font-weight: bold; background: #da251d; padding: 5px 10px; font-size: 18px; }
.main-news a.buy:hover { background: #f1281f; text-decoration: none; }


.product {  float: left; margin: 0 0 0 0; width: 216px; background: url("../images/hline.png") no-repeat 13px 50px, url("../images/box-shadow.png") no-repeat 100% 100%; padding: 0 0 16px 30px;  }
.product .box { width: 216px; height: 216px; border: 1px solid #dbdbdb; padding: 0; position: relative; }
.product .box img { width: 190px; display: block; margin: 0 auto; }
.product h3 { display: block; text-align: center; height: 35px; overflow: hidden; }
.product h3 a { color: #a8001c; }
.product a.buy { position: absolute; right: 12px; bottom: -12px; color: #fff; font-weight: bold; background: #da251d; padding: 5px 10px; font-size: 18px; }
.product a.buy:hover { background: #f1281f; text-decoration: none; }








.side-news { overflow: hidden; background: url("../images/bg_mainnews.png") repeat-x 0 100%; padding: 10px 0 15px 0; }
.side-news img { float: left; width: 102px; border: 1px solid #dbdbdb; }
.side-news h3 { max-width: 200px; }
.side-news div { float: left; display: block; width: 266px; min-height: 104px; margin: 0 0 0 12px; position: relative; }

.side-news a.buy { position: absolute; right: 12px; bottom: 0px; color: #fff; font-weight: bold; background: #da251d; padding: 5px 10px; font-size: 18px; }
.side-news a.buy:hover { background: #f1281f; text-decoration: none; }


#lcarousel { clear: left; padding: 20px 0; width: 100%; background: url("../images/bg_mainnews.png") repeat-x 0 100%, url("../images/bg_mainnews.png") repeat-x 0 0%; margin: 30px 0 0 0; }
h1.title { text-align: center; color: #1b1b1b; font-size: 30px; padding: 30px 0 0 0; margin: 0 0 -10px; }
h1.title span { color: #DA251D;  }

.list_carousel { margin: 0 auto; width: 950px; }
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel li { text-align: center; padding: 0; margin: 6px; display: block; float: left; }
.list_carousel.responsive { width: auto;	margin-left: 0; }
.clearfix { float: none; clear: both; }
.list_carousel .prev { float: left; margin: -90px 0 0 -40px; font-size: 40px; }
.list_carousel .next { float: right; margin: -90px -40px 0 0; font-size: 40px;  }
.list_carousel .prev:hover, .list_carousel .next:hover { text-decoration: none; }


#footer { clear: left; background: url("../images/bg_footer.jpg"); margin: 50px 0 0 0; display: block; overflow: hidden; padding: 15px; position: relative; color: #fff; }
.fmenu { float: left; margin: 0 0 0 34px; }
.fmenu strong { color: #de3b34; border-bottom: 1px solid #535353; display: block; padding: 3px 0; }
.fmenu ul li { list-style: none; display: block; border-bottom: 1px solid #535353; padding: 3px 0; min-width: 197px;  }
.fmenu ul li a { color: #fff; }
.fright { float: right; line-height: 20px; }

.copyrights { position: absolute; right: 20px; bottom: 15px; }

.main-img { display: block;  background: url("../images/m_img_shadow.png") 0% 100% no-repeat; padding: 0 0 20px 0; margin: 0 20px 0 0; }
.main-img img, .small-img img { border: 1px solid #dbdbdb; }
.add-img { padding: 10px 0; overflow: hidden; }
.small-img { width: 132px; display: block;  background: url("../images/s_img_shadow.png") 0% 100% no-repeat; padding: 0 0 9px 0; float: left; margin: 0 0 0 17px; }
.small-img:first-child { margin: 0; }
.afield { display: block; padding: 0 0 3px 0;  }
.afield  span { color: #e12011; }
.main-txt { position: relative; }
.buy-btn { clear: left; padding: 10px 0 0 0; text-align: right; }
.main-txt a.buy { color: #fff; font-weight: bold; background: #da251d; padding: 5px 10px; font-size: 18px; }
.main-txt a.buy:hover { background: #f1281f; text-decoration: none; }

.bcomment { padding: 10px;  overflow: hidden; border: 1px solid #d6d6d6; margin: 10px 0 0 0; }
.bcomment h4 { display: block; text-align: center; padding: 3px 0; }
.speedbar  { padding: 10px 0 10px 0; }
.editnow { overflow: hidden; padding: 10px 0 0 0;}
.editnow li { padding: 0 10px 0 0; list0style:none; float: left; }

.argmore { clear: left; padding: 5px 0; text-align: right; }
.argmore a { color: #fff; font-weight: bold; background: #da251d; padding: 5px 10px; font-size: 14px; }
.argmore a:hover { background: #f1281f; text-decoration: none; }


h1.sidetitle { background: #da251d; font-size: 18px; font-weight: bold; color: #fff; padding: 5px 15px; }
#sertifikat { padding: 10px 20px; }
#sertifikat p { font-size: 17px; text-align: center; display: block; padding: 10px 0; }
#sertifikat img { width: 174px; height: 248px; }

.rek1
element.style {
    width: 1200px;
    height: 300px;
    border: 0px;
    vertical-align: middle;
    max-width: 1200px;
}

@font-face 

html, body {
  margin: 0;
  max-width: 1200px; 
  height: 300px;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  width: 1200px;
}

.section {
  transition: all 0.4s;
  position: relative;
  height: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  flex: 1;
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
}