body {background-color:#fff; color:#000; margin:0; padding:0; font-family:arial,sans-serif}
a {color:#000}
img {max-width:100% !important; border:none}
h1 {text-align:center}

#loader {position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:url(images/loader.gif) 50% 50% no-repeat #ede9df}
#wrap {max-width:100%}
#logo {text-align:center}

.fl {float:left}
.fr {float:right}
.cf {clear:both}
.tc {text-align:center}

.mobile-nav-toggle {display:block; padding:12px 20px; background-color:#444; color:#fff}
.mobile-nav-toggle span {display:block}
.mobile-nav-toggle .title {float:left}
.mobile-nav-toggle .lines {float:right}
.mobile-nav-toggle .lines .line {width:30px; height:3px; margin-top:3px; background-color:#fff}

#navigation ul.menu {margin:0; padding:0; list-style-type:none}
#navigation ul.menu > li {margin:0; padding:0; border-bottom:1px solid #fff}
#navigation ul.menu > li > a {display:block; padding:8px 20px; background-color:#EC2327; color:#fff; text-decoration:none}

#navigation ul.menu ul.sub-menu {margin:0; padding:0; list-style-type:none}
#navigation ul.menu ul.sub-menu li {margin:0; padding:0; border-bottom:1px solid #fff}
#navigation ul.menu ul.sub-menu li:last-child {border-bottom:none}
#navigation ul.menu ul.sub-menu li a {display:block; padding:8px 15px 8px 40px; background-color:#000; background-image:url(images/arrow-right.png); background-repeat:no-repeat; background-position:25px center; color:#fff; text-decoration:none}

/* footer */
#footer {clear:both; padding:15px 0; border-top:3px solid #ccc}
#footer .helper {width:70%; margin:0 auto}
#footer a {text-decoration:none}

/* gallery */
ul.gallery {margin:0; padding:0; list-style-type:none}
ul.gallery li {float:left; margin:0; padding:0 10px 10px 0}

/* diger */
h3.style-1 {background-color:#EC2327; color:#fff; margin:0; padding:10px 0; text-align:center}
.column-left {float:left; width:48%; text-align:center; padding-bottom:15px}
.column-right {float:right; width:48%; text-align:center; padding-bottom:15px}
.column-left a, .column-right a {text-decoration:none}

.images-block img {display:block; margin-bottom:10px}



/* listeleme */
ul.list {margin:0; padding:0; list-style-type:none}
	ul.list li {float:left; margin:0 0 15px 0; padding:0; width:313px}
		ul.list li a.wrapper {display:block; position:relative; width:292px; height:193px; margin:0 auto; text-decoration:none; border-radius:10px; overflow:hidden; box-shadow:2px 2px 3px #999}
		ul.list li a.wrapper:hover {}
			ul.list li a.wrapper span.image {display:block}
			ul.list li a.wrapper span.image img {display:block}
			ul.list li a.wrapper span.title {display:block; position:absolute; width:100%; left:0; bottom:0; padding:5px 0; background-color:rgba(244,24,37,0.75); text-align:center; color:#fff; font-size:17px}