#header-wrapper,
.wfull,
header {
	position: relative
}

.hdetail,
.hsticky {
	background: #fff
}

#breadcumb ul li a:hover,
#footer-links>li>a:hover,
.wwo-links a:hover {
	text-decoration: underline
}

#breadcumb ul li:last-child:after,
#footer-info>li:after {
	content: ""
}
#gallery{height:auto!important;padding-left:0px!important;}
#gallery li{float:left; margin-right:5px;list-style:none!important;}
#gallery img {height:120px;}
.photo-slide{position:relative!important;left:auto!important;top:auto!important}
#duyuru li a,
.fb {
	right: 0;
	bottom: 0
}

#header-wrapper {
	width: 100%;
	height: 100vh
}

.wfull {
	width: 100%
}

header {
	width: 1200px;
	margin: auto!important;
	height: 100px
}

#wwd-content a,
.wwo-content a {
	margin-top: 10px;
	transition: all ease .3s
}

.reftablo {width:100%;}
.reftablo td {border:1px solid #000;padding:10px;}

header .logo {
	float: left;
	height: 100px;
	padding: 12px 30px 12px 0
}

.hdetail {
	height: 100px!important;
	position: fixed!important;
	z-index: 999
}

#header-container {
	width: 100%;
	position: fixed;
	z-index: 9;
	height:100px;
	background:#fff;
}

nav {
	float: right;
	height: 100px
}

nav>ul>li:hover,
nav>ul>li>ul {
	background: #8e7a48
}

nav>ul>li {
	float: left;
	display: inline-block;
	position: relative
}

nav>ul>li>a {
	font-weight: 700;
	font-size: 15px;
	color: #000;
	display: inline-block;
	padding: 0 12px;
	line-height: 100px
}

nav>ul>li>a:hover {
color:#fff;
}


nav>ul>li>ul {
	position: absolute;
	left: 0;
	top: 75px;
	width: 260px;
	display: none
}

#wwd-image,
#wwd-text {
	float: left;
	width: 50%;
	height: 480px
}

#wwd,
#wwd-content,
#wwd-title,
#wwo {
	width: 100%
}

nav>ul>li>ul>li>a {
	color: #fff;
	padding: 12px;
	display: block;
	font-size: 14px
}

#wwd h1,
#wwd-content a,
#wwd-title span {
	color: #7b6a3f;
	display: block
}

nav>ul>li>ul>li {
	border-bottom: 1px solid #675834
}

#wwd-content b,
nav>ul>li:hover ul {
	display: block
}

nav>ul>li>ul>li:hover {
	background: #675834
}

#wwd {height:480px}
#wwo {
	position: relative;
	height: 600px
}

#wwd-image {
	background-image: url(../images/wwd.jpg);
	background-position: center center;
	background-repeat: no-repeat;

}

#wwd-text {
	padding: 60px
}

#wwd-title h2 {
	color: #4e524d;
	font-size: 36px;
	margin-bottom: 20px
}

#wwd-title span {
	font-size: 18px;
	margin-bottom: 5px
}

#wwd-content blockquote {
	color: #a0a0a0;
	font-size: 16px;
	font-style: italic;
	margin-bottom: 20px
}

#wwd-content p {
	color: #505050;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 20px
}

#wwd-content a {
	height: 40px;
	line-height: 40px;
	width: 120px;
	text-align: center;
	font-size: 14px;
	border: 2px solid #7b6a3f;
	border-radius: 20px
}

.wwo-image,
.wwo-text {
	width: 50%;
	height: 600px;
	padding: 25px 60px
}

#wwd-content a:hover {
	background: #7b6a3f;
	color: #fff;
	transition: all ease .3s
}

#wwd h1 {
	font-size: 13px;
	margin-bottom: 10px
}

.wwo-image {
	float: right;
	background: url(../images/wwo.png) top left no-repeat
}

.wwo-text {
	float: left
}

.wwo-content,
.wwo-title {
	width: 100%;
	text-align: right
}

.wwo-title h3 {
	color: #395c6e;
	font-size: 36px;
	margin-bottom: 20px
}

.wwo-title span {
	font-size: 18px;
	color: #395c6e;
	display: block;
	margin-bottom: 5px
}

.wwo-content li,
.wwo-content p {
	color: #505772;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 20px
}

.wwo-content a {
	height: 40px;
	float: right;
	line-height: 40px;
	width: 120px;
	text-align: center;
	font-size: 14px;
	display: block;
	color: #395c6e;
	border: 2px solid #395c6e;
	border-radius: 20px
}

#footer-top-full,
#store,
#wwo #tab-container,
.wwo-links,
.wwom-title,
footer {
	width: 100%
}

.wwo-content a:hover {
	background: #395c6e;
	color: #fff;
	transition: all ease .3s
}

.wwo-links {
	float: right;
	margin-top: 30px
}

.wwo-links a {
	float: right;
	margin-left: 20px;
	font-size: 14px;
	color: #7f8ec2
}

.wwo-links a:first-of-type {
	color: #7cc576
}

#wwo ul.tabs {
	margin: auto
}

#wweat h1,
#wwpsy h2 {
	margin-top: 15px;
	transition: all ease .3s
}

.wwo-image ul.tabs li {
	display: block;
	width: 100%;
	line-height: 35px;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase
}

#store:hover h2,
#store:hover p,
#store:hover span,
.wwo-image ul.tabs li.current,
.wwom-title h3 {
	color: #ebebeb
}

.wwo-text .tab-content {
	display: none
}

#wwo .tab-content.current {
	display: inherit
}

#wwo #tab-text {
	width: 1200px;
	margin: auto
}

.wwom-title {
	text-align: left
}

#wweat,
#wwpsy {
	width: 50%;
	height: 180px;
	padding: 30px;
	position: relative
}

#footer-bottom,
#store,
#store h2,
#wweat h1,
#wwpsy h2 {
	text-align: center
}

.wwom-title h3 {
	font-size: 36px;
	margin-bottom: 20px
}

#store span,
#wweat span,
#wwpsy span,
.wwom-title span {
	margin-bottom: 5px;
	display: block
}

.wwom-title span {
	font-size: 18px;
	color: #fff
}

#wweat {
	float: left;
	background: url(../images/hly.png) top left no-repeat;
	text-align: right
}

#wweat h1 {
	color: #ffede7;
	font-size: 36px;
	width: 400px;
	float: right;
	margin-right: 20px
}

#wweat span {
	font-size: 18px;
	color: #71250e
}

#wweat:hover h2 {
	color: #ad3e47;
	transition: all ease .3s
}

#wwpsy {
	float: left;
	background: url(../images/psy.png) top left no-repeat;
	text-align: left
}

#wwpsy h2 {
	color: #d5ffe4;
	font-size: 36px;
	width: 410px;
	float: left;
	margin-left: 20px
}

#wwpsy span {
	font-size: 18px;
	color: #2b6440
}

.fb {
	position: absolute;
	left: 0;
	top: 0
}

#store,
footer {
	position: relative
}

#wwpsy:hover h2 {
	color: #2b6440;
	transition: all ease .3s
}

#store {
	padding: 60px 0;
	transition: all ease .3s;
	background-image: url(../images/str.png);
	background-position: top center;
	background-repeat: no-repeat
}

#store h2 {
	color: #4e524d;
	font-size: 36px
}

#store span {
	font-size: 18px;
	color: #7cc576
}

#store p {
	color: #505050;
	font-size: 17px;
	line-height: 24px
}

#store:hover {
	background-color: #00bac6;
	transition: all ease .3s
}

footer {
	background: #21282f
}

#footer-top-full {
	height: 80px;
	background: #2e373f
}

#footer-top-full>ul {
	width: 1200px;
	height: 80px;
	margin: auto
}

#footer-top-full>ul>li {
	width: 200px;
	float: left;
	height: 80px;
	line-height: 80px;
	text-align: center;
	position: relative;
	font-size: 24px;
	color: #616b74;
	transition: all ease .3s
}

#footer-info>li>ul>li>a,
#footer-top-full>ul>li>a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

#footer-top-full>ul>li:nth-child(1):hover {
	transition: all ease 0.3s;
	color: #fff;
	background: #4d70a8;
}

#footer-top-full>ul>li:nth-child(2):hover {
	transition: all ease 0.3s;
	color: #fff;
	background: #00bbf2;
}

#footer-top-full>ul>li:nth-child(3):hover {
	transition: all ease 0.3s;
	color: #fff;
	background: #bc2a8d;
}

#footer-top-full>ul>li:nth-child(4):hover {
	transition: all ease 0.3s;
	color: #fff;
	background: #cb3737;
}

#footer-top-full>ul>li:nth-child(5):hover {
	transition: all ease 0.3s;
	color: #fff;
	background: #ffc000;
}

#footer-top-full>ul>li:nth-child(6):hover {
	transition: all ease 0.3s;
	color: #fff;
	background: #fff000;
}

#footer-center-full {
	width: 100%;
	background: #fff;
	padding: 60px 0
}

#footer-center {
	width: 1200px;
	margin: auto
}

#footer-logo {
	float: left;
	width: 210px
}

#footer-links {
	float: left;
	margin-left: 60px;
	width: 715px
}

#footer-info>li>ul>li>span,
#footer-links span {
	color: #000;
	font-size: 16px
}

#footer-links>li {
	display: block;
	line-height: 30px
}

#footer-info>li>ul>li>address,
#footer-info>li>ul>li>p,
#footer-links>li>a {
	color: #737e88;
	font-size: 14px
}

#footer-links>li>a:hover {
	color: #fff
}

#footer-info {
	float: left;
	width: 610px
}

#footer-info>li {
	width: 100%;
	border-bottom: 1px solid #2e373f
}

#footer-info>li>ul>li:first-child {
	width: 360px;
	float: left
}

#footer-info>li>ul>li:last-child {
	width: 250px;
	float: left
}

#footer-info>li:after {
	clear: both;
	display: table
}

#footer-info>li>ul>li {
	position: relative;
	padding: 20px 0;
	height: 80px
}

#footer-info>li>ul>li>i {
	color: #fff;
	font-size: 36px;
	float: left;
	margin-right: 20px
}

#footer-info>li>ul>li>strong {
	color: #737e88;
	font-size: 14px;
	display: block;
	margin-bottom: 5px
}

#footer-info>li>ul>li>address>b {
	display: block;
	margin-top: 5px
}

#footer-info .ffr li {
	padding: 0;
	border: none;
	height: 20px
}

#slider,
#slider li {
	height: 100vh!important
}

#footer-info>li:first-child {
	border: none
}

#tcontact-form,
#tcontact-info {
	border-right: 1px solid #eaeaea
}

#breadcumb,
#tcontact-info li {
	border-bottom: 1px solid #eaeaea
}

#footer-info>li>ul>li:hover p,
#footer-info>li>ul>li:hover strong {
	color: #fff
}

#footer-bottom {
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: rgb(142 122 72);
}

#slider-wrapper {
	width: 100%;
	height: 100vh
}

#slider li {
	width: 100%;
	position: relative;
	color: #fff;
	font-size: 120px;
	background-size: cover;
	-webkit-box-shadow: inset 0 178px 103px -30px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 178px 103px -30px rgba(0, 0, 0, .3);
	box-shadow: inset 0 178px 103px -30px rgba(0, 0, 0, .3)
}

.slider-text h4,
.slider-text i {
	font-size: 36px
}

.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block
}

.list_carousel li {
	display: block;
	float: left
}

.list_carousel.responsive {
	width: auto;
	margin-left: 0
}

.clearfix {
	float: none;
	clear: both
}

#slider .a {
	background-position: top center
}

.slider-text {
	width: 720px;
	height: 80px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -360px;
	background: rgb(142 122 72);
	text-align: center;
	line-height: 80px
}

.slider-text .geri,
.slider-text .ileri {
	width: 30px;
	top: 0;
	background: #564a2b;
	height: 80px;
	position: absolute;
	text-align: center
}

.slider-text .ileri {
	right: 0
}

.slider-text .geri {
	left: 0
}

#breadcumb ul li,
#duyuru li,
#page-text,
.mdetail {
	position: relative
}

.slider-text i {
	color: #fff;
	float: left;
	margin-top: 25px;
	margin-left: 10px
}

#breadcumb-content,
#page-text,
#tcontact {
	margin: auto;
	width: 1200px
}

.slider-text .geri:hover,
.slider-text .ileri:hover {
	background: #857243
}

#breadcumb {
	width: 100%;
	height: 80px;
	background: #f8f8f8
}

#breadcumb-content {
	height: 80px;
	line-height: 80px
}

#breadcumb h1 {
	color: #4e524d;
	font-size: 30px;
	font-weight: 200;
	float: left
}

#breadcumb ul {
	float: right
}

#breadcumb ul li {
	float: left;
	margin-left: 40px;
	font-size: 14px;
	color: #7b6a3f
}

#breadcumb ul li a {
	font-size: 14px;
	color: #505050;
	font-weight: 400
}

#breadcumb ul li:after {
	content: "\f105 ";
	font-family: fontawesome;
	color: #9e9e9e;
	position: absolute;
	right: -22px;
	font-weight: 400
}

#breadcumb mark {
	color: #7b6a3f
}

#page-text {
	padding: 60px 0;
	margin-bottom:150px
}

#page-text h2 {
	color: #2d3245;
	font-size: 36px;
	margin-bottom: 20px
}

#page-text span {
	font-size: 18px;
	color: #7f8ec2;
	display: block;
	margin-bottom: 5px
}

#page-text p {
	color: #505772;
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 20px
}

#page-text figure {
	width: 100%;
	margin-bottom: 30px
}

#page-text figure img {
	max-width: 100%
}

#page-text ul {
	padding-left: 30px
}

#page-text ul li {
	color: #505772;
	font-size: 17px;
	line-height: 24px;
	list-style: circle
}

#tcontact {
	display: flex
}

#tcontact-form {
	width: 400px;
	padding: 30px 30px 30px 0;
	float: left
}

#tcontact-form ul {
	width: 100%
}

#tcontact-form li {
	width: 100%;
	margin-bottom: 15px
}

#tcontact-form li a {
	display: block;
	width: 100px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: #7b6a3f;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	transition: all ease .3s
}

#tcontact-form li a:hover {
	background: #029187;
	transition: all ease .3s
}

#tcontact-form li span {
	display: block;
	color: #888;
	font-size: 14px;
	margin-bottom: 10px
}

#tcontact-form li input,
#tcontact-form li select {
	width: 100%;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #eaeaea
}

#tcontact-form li textarea {
	width: 100%;
	padding-left: 15px;
	height: 70px;
	line-height: 20px;
	border: 1px solid #eaeaea
}

#tcontact h3 {
	display: block;
	color: #7b6a3f;
	margin-bottom: 30px;
	font-size: 22px
}

#tcontact-info {
	width: 400px;
	float: left
}

#tcontact-info li {
	width: 100%;
	padding: 20px 30px
}

#tcontact-info li:first-child {
	padding: 10px 30px
}

#tcontact-info li span {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #7b6a3f;
	margin-bottom: 10px
}

#tcontact-info li p {
	display: block;
	font-size: 15px;
	color: #5a5a5a;
	line-height: 20px
}

#tcontact-info h3 {
	margin-top: 20px
}

#tcontact-map {
	width: 400px;
	padding: 30px;
	float: left
}

#tcontact-map h3 {
	margin-bottom: 45px
}

#tcontact-form li input,
#tcontact-form li textarea {
	outline: 0
}

#tcontact input[type=submit] {
	width: 100px;
	height: 40px;
	text-align: center;
	background: #7b6a3f;
	color: #fff;
	border: none;
	outline: 0;
	border-radius: 25px;
	cursor: pointer;
	margin-top: 5px
}

#tcontact input[type=submit]:hover {
	background: #00cabd
}

.menu-close,
.menu-open,
.responsive-top {
	display: none
}

#ggaleri:after,
.mdetail:after {
	display: table;
	clear: both;
	content: ""
}

.mdetail {
	top: 100px;
	margin-bottom: 100px
}

#duyuru li a,
#duyuru time {
	position: absolute;
	top: 0;
	left: 0
}

#ggaleri {
	width: 1200px;
	margin: auto
}

#ggaleri>li {
	float: left;
	width: 380px;
	height: 250px;
	margin-right: 30px;
	margin-bottom: 30px
}

#ggaleri>li:nth-child(3n) {
	margin-right: 0
}

.news-galeri {
	width: 1200px;
	margin: auto;
	padding: 60px 0;
	column-count: 7;
	column-gap: 1em
}

.news-galeri img {
	background-color: #eee;
	display: inline-block;
	margin: 0 0 1em;
	width: 100%
}

.clear {
	clear: both;
	display: table;
	content: ""
}

.profile {
	width: 300px;
	float: left;
	padding: 0 15px 15px 0;
	height: 450px
}

.profile img {
	width: 280px;
	vertical-align: top
}

.profile-text {
	width: 900px;
	float: right;
	height: 450px
}

.bsg {
	font-weight: 300!important;
	font-size: 24px;
	display: block
}

#duyuru {
	width: 1200px;
	margin: auto;
	padding-top: 30px
}
#duyuru p {color:#4e524d;font-size:15px;}
#duyuru figure {
	width: 380px;
	height: 380px;
	margin-bottom: 20px
}

#duyuru figure img {
	width: 100%
}

#duyuru li {
	float: left;
	width: 380px;
	margin-right: 30px;
	margin-bottom: 30px
}

#duyuru li:nth-child(3n) {
	margin-right: 0
}

#duyuru h2 {
	color: #4e524d;
	font-size: 18px;
	margin-bottom: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 22px;
	height: 50px;
	font-weight: bold;
}

#duyuru time {
	font-size: 13px;
	font-weight: 700;
	background: #7b6a3f;
	color: #fff;
	padding: 10px 20px
}

#footer-logo img,
.logo img {
	height: 84px
}

.photo-slide {
	position: relative!important;
	left: auto!important;
	top: auto!important
}

.news-galeri {
	height: auto!important
}

.thamcon a {
	color: #737e88;
	font-size: 14px;
	display: block;
	position: relative!important;
}

.thamcon a:first-of-type {
	margin-bottom: 10px;
}

.thamcon a:hover {
	color: #fff;
}

.thamaa a {
	display: block;
	font-size: 15px;
	color: #5a5a5a;
	line-height: 20px;
}

.thamaa a:Hover {
	text-decoration: underline;
}

#biz-sizi {
	width: 100%;
	padding: 30px;
	background: #27ae60;
	color: #fff;
	font-size: 36px;
	font-weight: 300;
	position: relative;
	text-align: center;
	transition: all ease 0.3s;
}

#biz-sizi a {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
}

#biz-sizi:hover {
	background: #1a7b43;
	transition: all ease 0.3s;
}

#blog-video {
	width: 100%;
	position: relative;
	background: #7b6a3f;
	display: flex;
}

#blog {
	width: 100%;
	float: left;
	padding: 60px 0;
	position: relative;
	overflow: hidden;
}

#blog>div {
	width: 800px;
	height: 380px;
	float: right;
	position: relative;
	min-height: 200px;
	padding-right: 60px;
}

#video {
	width: 37%!important;
	float: left;
	padding: 60px 0;
	position: relative;
	background: #0047a4;
}

#video ul li {
	width: 100%!important
}

#video h3 {
	color: #fff;
}

#video>div {
	width: 400px;
	float: left;
	position: relative;
	min-height: 200px;
	padding-left: 60px;
}

.blog-video-baslik {
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 30px;
}

.blog-video-baslik>a {
	transition: all ease 0.3s;
	font-size: 13px;
	color: #0051bb;
	font-weight: bold;
	float: right;
	width: 85px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	padding: 0 10px 0 15px;
	border-radius: 15px;
}

.blog-video-baslik>a:hover {
	background: #002c65;
	color: #fff;
	transition: all ease 0.3s;
}

.blog-video-baslik>a:hover i {
	color: #fff;
}

.blog-video-baslik>a>i {
	font-size: 11px;
	margin-left: 10px;
	color: #0051bb;
	line-height: 30px;
	display: inline-block;
}

.blog-video-baslik>h3 {
	float: left;
	line-height: 30px;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}

.blog-video-baslik>ul {
	float: right;
	margin-right: 30px;
}

.blog-video-baslik>ul>li {
	float: right;
	height: 30px;
	cursor: pointer;
	line-height: 30px;
	position: relative;
	width: 10px;
	margin-left: 10px;
}

.blog-video-baslik>ul>li:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 0.3;
	top: 10px;
	left: 5px;
	border-radius: 50%;
}

.blog-video-baslik>ul>li:hover:before {
	opacity: 1;
}

.blog-video-baslik .secili:before {
	opacity: 1!important;
}

#blog-liste {
	width: 4880px;
	position: absolute;
	right: 0;
	top: 60px;
	margin-right: 60px;
}

#blog-liste>li {
	height: 320px;
	width: 1200px;
	background: #032047;
	float: right;
	margin-left: 20px;
}

#blog-liste>li>article {
	height: 320px;
	background: #fff;
}

#blog-liste>li>article>figure {
	width: 320px;
	height: 320px;
	float: right;
}

#blog-liste>li>article>figure>img {
	width: 320px!important;
	height: 320px!important;
}

#blog-liste>li>article>div {
	width: 880px;
	position: relative;
	height: 320px;
	float: left;
	padding: 20px;
}

#blog-liste>li>article>div>h4 {
	font-size: 24px;
	color: #535353;
	margin-bottom: 15px;
}

#blog-liste>li>article>div>p {
	font-size: 17px;
	color: #535353;
	margin-bottom: 15px;
	letter-spacing: 0.2px;
	line-height: 20px;
}

#blog-liste>li>article>div>p:last-child {
	margin-bottom: 0;
}

#blog-liste>li>article>div>a {
	transition: all ease 0.3s;
	z-index: 4;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	background: #0047a4;
	padding: 0 20px;
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 100px;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 20px;
	-moz-border-radius-topleft: 0;
	border-radius: 20px;
	border-top-left-radius: 0;
}

#blog-liste>li>article>div>a>i {
	font-size: 11px;
	margin-left: 10px;
	line-height: 40px;
}

#blog-liste>li>article>div>a:hover {
	background: #002c65;
	transition: all ease 0.3s;
}

#blog-liste>li>article>div>span {
	position: relative;
	display: block;
	font-size: 13px;
	color: #555e69;
	line-height: 20px;
	height: 20px;
	padding-left: 30px;
}

#blog-liste>li>article>div>span:before {
	content: "\e901";
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	height: 20px;
	font-family: profornet;
	font-size: 25px;
	color: #555e69;
}

#video-liste>li {
	position: Relative;
	width: 340px;
	height: 320px;
	background: #fff;
}

#video-liste>li>h5>a {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #414141;
	display: block;
}

#video-liste>li>figure {
	width: 340px;
	height: 280px;
	overflow: hidden;
}

#video-liste>li>h5>a:hover {
	text-decoration: underline;
}

.onceki-blog{float:left;background-color:#7b6a3f;position:relative;}

.sonraki-blog {float:right;background-color:#27ae60;position:relative;}
.onceki-blog a {width:100%;height:100%;position:absolute;right:0;left:0;}
.sonraki-blog a {width:100%;height:100%;position:absolute;right:0;left:0;}
.bloglist {width:500px;height:120px;border-radius:10px; color: #fff; box-sizing: border-box; padding: 10px; margin-bottom: 20px; transition: all ease 0.3s;}
.bloglist h3 {font-weight: 800; font-size: 24px; margin-bottom: 10px;}
.bloglist img {width:100px; float:left; margin-right: 10px; border-radius:10px;}
.bloglist p {margin-top:10px;color: #fff!important; font-size: 12px!important;}
.bloglist strong {margin-bottom: 16px; font-size: 16px!important;}
.bloglist:hover {background-color: #2e373f; }