body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; text-shadow: 0 0 0 none;  font-weight:normal;}
html, body { height: 100%; font-size: 14px; font-family:'Roboto', Arial; font-weight:normal; !important;background:#e5e5e5; }
body {position: relative;overflow-y:scroll;background:#e5e5e5;background-repeat:no-repeat;background-position:top center; font-weight:normal; line-height:180%;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0px none; display:block;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
li {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;margin: 0px;padding: 0px;}
q:before, q:after {}
abbr, acronym {border: 0px none;font-variant: normal}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit; box-sizing: border-box;}
input, textarea, select {*font-size:100%;}
input, textarea { -webkit-border-radius: 0;}
legend {color: #000;}
del, ins {text-decoration: none;}
a {text-decoration: none; -moz-outline-style:none; color:#333; outline: none; font-weight:normal;}
a:link {text-decoration: none; -moz-outline-style:none; color:#333; outline: none; font-weight:normal;}
a:hover {text-decoration: none; font-weight:normal; color:#<%=opt_color%>;}
a:active {outline: none;-moz-outline-style: none; font-weight:normal;}
a:focus {-moz-outline-style: none; font-weight:normal;}
object, input {outline: none;}
object, input {-moz-outline-style: none;}
.clr:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clr {@display: inline-block}
* html .clr {height: 1%;_height: auto;}
.clear:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clear {@display: inline-block}
* html .clear {height: 1%;_height: auto;}
.clearBoth {clear: both;}
.FL {float: left;}
.FR {float: right;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;background: #e5e5e5;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet-active {opacity: 1;background: #<%=opt_color%>;}
@keyframes flickerAnimation { 0%   { opacity:1; } 50%  { opacity:0; } 100% { opacity:1; }}
@-o-keyframes flickerAnimation{ 0%   { opacity:1; } 50%  { opacity:0; } 100% { opacity:1; }}
@-moz-keyframes flickerAnimation{ 0%   { opacity:1; } 50%  { opacity:0; } 100% { opacity:1; }}
@-webkit-keyframes flickerAnimation{ 0%   { opacity:1; } 50%  { opacity:0; } 100% { opacity:1; }}
.animate-flicker {-webkit-animation: flickerAnimation 1s infinite;-moz-animation: flickerAnimation 1s infinite;-o-animation: flickerAnimation 1s infinite;animation: flickerAnimation 1s infinite;}
.havadurumu{position:absolute;top:0px;right:0px;background-size:40px 32px;background-position:right 0px;width:70px;height:24px;font-size:11px;color:#999;padding-top:26px;padding-right:5px;float:right;text-align:right;background-repeat:no-repeat;}
.havadurumu i{color:#555;font-style:normal;font-weight:bold;}    
p{margin-bottom:20px;}

#comment-form {padding:0 0 0 0; margin-top: 0px;}
#comment-form .success {width:100%;  padding:10px;}
#comment-form textarea, #comment-form input {margin:0;font-size:15px; border:none; color:#555; padding:11px 9px 11px; outline:none; position:relative; background:#fff; width:100%; border:1px solid #ccc;}
#comment-form select {margin:0;font-size:13px; border:none; color:#555; padding:11px 9px 11px;outline:none; position:relative; background:#fff; border:1px solid #ccc;}
#comment-form textarea {overflow:auto; height:185px;resize:none; float:left; margin: 0 0 10px 0;}	
#comment-form label {display:block; min-height:51px; overflow:hidden;}	
#comment-form label.message { display:block; padding-bottom:0; }
#comment-form .button {margin-right:8px;}
#comment-form .error, #comment-form .empty, #comment-form .success {display:none;}	
#comment-form .error, #comment-form .empty {text-align:left; color:red; font-size:13px; clear:both;}
#comment-form .buttons2 {overflow:hidden;position:relative; clear:both; padding-top:0px;}
#comment-form .buttons2 a {cursor:pointer;margin-top:0;text-align:center;}
#comment-form span{ display:block; margin: 0px 0 0 5px;}
.button:hover{color:#fff;}
.button:hover em{height:100%; top:0;}
.button span{padding:0; margin:0;}

.categorytitle{font-size:18px; background-color:#666; color:#fff; font-weight:500; line-height:40px; height:40px; padding-left:15px; margin-bottom:10px;}

.banner1 {margin-top:10px; padding:0 10px; text-align:center;}
.banner2 {margin:10px 0; padding:0 10px; text-align:center;}
.banner3 {margin:10px 0; text-align:center;}