<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800&amp;subset=latin-ext');
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: 0;
	color: #3c4043;
}
html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 12px;
	height: 100%;
}
.srow, .sw12 {
	float: left;
	width: 100%;
	min-height: 1px;
	position: relative;
}
.sw1, .sw2, .sw3, .sw4, .sw5, .sw6, .sw7, .sw8, .sw9, .sw10, .sw11 {
	float: left;
	min-height: 1px;
	position: relative;
}
.sw12 {
	width: 100%
}
.sw11 {
	width: 91.66666667%
}
.sw10 {
	width: 83.33333333%
}
.sw9 {
	width: 75%
}
.sw8 {
	width: 66.66666667%
}
.sw7 {
	width: 58.33333333%
}
.sw6 {
	width: 50%
}
.sw5 {
	width: 41.66666667%
}
.sw4 {
	width: 33.33333333%
}
.sw3 {
	width: 25%
}
.sw2 {
	width: 16.66666667%
}
.sw1 {
	width: 8.33333333%
}
.fr {
	float: right !important;
}
.pr10 {
	padding-right: 10px;
}
.pl10 {
	padding-left: 10px;
}
.alert {
	float: left;
	width: 100%;
	background: #fff;
	color: #333;
	padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.alert.error {
	border: 1px solid maroon;
	background: pink;
}
.alert.success {
	border: 1px solid #c9daa9;
	background: #f4ffba;
}
.alert.info {
	color: #c09853;
	background: #fcf8e3;
	border: 1px solid #fbeed5;
}
.clear {
	clear: both;
}
.center {
	display: block;
	width: 100%;
	max-width: 1100px;
	margin: auto;
	position: relative;
}
a, a:hover {
	text-decoration: none;
}
/*popup*/
.sw_popup_bg {
	background: #000;
	opacity: 0.8;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.sw_popup_loading {
	width: 113px;
	height: 113px;
	position: fixed;
	left: -20000px;
	top: -20000px;
	bottom: -20000px;
	right: -20000px;
	z-index: 10000;
	margin: auto;
	color: #FFF;
	text-align: center;
}
.sw_popup_loading &gt; i {
	font-size: 70px;
}
.sw_popup_loading:before {
	content: 'Lütfen Bekleyiniz';
	width: 140px;
	text-align: center;
	z-index: 10000;
	display: block;
	position: relative;
	left: -13.5px;
	top: -10px;
	font-size: 13px;
}
.sw_popup_content {
	display: none;
	background: #fff;
	z-index: 10001;
	border: 0;
	box-shadow: 0 0 100px #000;
}
.sw_popup_content &gt; .append {
	overflow-y: auto;
	height: 100%;
}
/*.sw_popup_content iframe {width:100%;height:100%;display:block;}*/
.sw_popup_content .popup_kapat_button {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 30px;
	height: 30px;
	background: #900;
	color: #fff;
	cursor: pointer;
}
.sw_popup_content .popup_kapat_button i {
	line-height: 30px;
	font-size: 17px;
}
.sw_popup_content .popup_kapat_button:hover {
	background-color: #333;
	color: #fff;
}
.popup_title {
	float: left;
	width: 100%;
	height: 62px;
	padding-top: 15px;
	background: #F5F5F5;
	background: -moz-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%);/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%);/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#dddddd', GradientType=0 );/* IE6-9 */
	font-size: 23px;
	text-align: center;
	border-bottom: 1px solid #dddddd;
	position: relative;
}
.popup_title:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #fff;
}
.popup_body {
	float: left;
	width: 100%;
	padding: 20px;
}
.popup_body fieldset {
	float: left;
	width: 100%;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
.popup_bottom {
	float: left;
	width: 100%;
	background: #f9f9f9;
	border-top: 5px solid #d2d2d2;
	padding: 20px;
	margin: 10px 0 0 0;
}
.sw_popup_content .sw_popup_txt {
	float: left;
	font-size: 13px;
	width: 100%;
	padding: 20px;
	border-bottom: 1px solid #ddd;
	color: #333;
	text-align: center;
}
.sw_popup_content .sw_popup_buttons {
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
	text-align: center;
}
.sw_popup_content .sw_popup_buttons .btn {
	margin: 0 3px 0 3px;
}
.sw_popup_content.sw_confirm {
	border: 7px solid #ddd;
}
.sw_popup_content.sw_alert {
	border: 7px solid #fff;
}
.sw_popup_content.sw_confirm .popup_kapat_button, .sw_popup_content.sw_alert .popup_kapat_button {
	top: -7px;
	right: -37px;
}
.sw_popup_content div.alert {
	margin: 0;
	border-radius: 0;
	text-align: center;
}
/*popup*/

.search_content {
	position: absolute;
	padding-top: 1px;
	top: 30px;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #EEE;
	border-top: 0;
	text-align: left;
	top: 50px;
	left: 18px;
	width: 90%;
	z-index: 9;
}
.search_content .search_results {
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0;
}
.search_content .search_results li {
	float: left;
	width: 100%;
	list-style: none;
}
.search_content .search_results li.title {
	padding: 10px;
	font-weight: 400;
	color: #666;
	font-size: 15px;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
}
.search_content .search_results li.result a {
	float: left;
	width: 100%;
	padding: 7px 10px;
	text-decoration: none;
	color: #222;
}
.search_content .search_results li.result.selected a {
	background: #f9f9f9;
	color: #000;
}
.paging {
	float: left;
	width: 100%;
	margin: 20px 0 10px 0;
	text-align: center;
}
.paging a {
	height: 35px;
	padding: 10px 14px 0 14px;
	margin: 0;
	display: inline-block;
	border: 1px solid #dddddd;
	border-left: 0;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.paging a &gt; i {
	font-weight: bold;
	padding-top: 1px;
}
.paging a:first-child {
	border-left: 1px solid #dddddd;
}
.paging a.active, .paging a:hover {
	color: #FFF;
	background: #FABC05;
}
.entry-title {
	float: left;
	width: 100%;
	margin: 0;
	line-height: 1.9rem;
	font-size: 1.6rem;
	text-align: center;
	font-weight: 500;
	padding: 20px 0;
}
.entry-content {
	text-align: left;
	display: block;
	width: 100%;
	margin: auto;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.25rem;
	font-weight: normal;
	zoom: 1;
}
.entry-content strong {/*color:#283448;*/
}
.entry-content a.link {
	color: #06c;
	font-weight: bold;
	position: relative;
}
.entry-content a.link:hover {
	text-decoration: underline;
}
.entry-content a.link:after {
	content: '👈';
	margin-left: 3px;
	text-decoration: none;
}
.entry-content li {
	list-style: inside;
}
.entry-content img {
	max-width: 100% !important;
	height: auto !important;
}
.contact-detail {
	float: left;
	width: 100%;
	text-align: center;
	margin: 80px 0 50px 0;
}
.contact-detail &gt; div {
	float: left;
	width: 33.333333%;
}
.contact-detail &gt; div span {
	font-size: 19px;
	font-weight: 400;
	display: block;
}
.contact-detail &gt; div strong {
	font-size: 15px;
	font-weight: 400;
	max-width: 400px;
	display: block;
	margin: auto;
}
.contact-detail i {
	color: #82BD31;
}
.gmap iframe {
	float: left;
	width: 100%;
	height: 304px;
	border: 2px solid #ddd !important;
}
form.styleinput input, form.styleinput select, form.styleinput textarea, form.styleinput button {
	font-family: 'Poppins', sans-serif;
	float: left;
	width: 100%;
	border: 0;
	border-bottom: 2px solid #ddd;
	background: transparent;
	font-size: 16px;
	font-weight: 400;
}
form.styleinput input, form.styleinput select {
	height: 42px;
	padding-left: 10px;
	line-height: 42px;
}
form.styleinput textarea {
	max-height: 180px;
	height: 80px;
	padding: 10px;
	max-width: 100%;
}
form.styleinput input.error, form.styleinput textarea.error, form.styleinput select.error {
	border-color: #9F0000 !important;
	background: #FFF4F4 !important;
}
form.styleinput label.error {
	display: none !important;
}
form.styleinput .srow {
	margin-bottom: 20px;
}
form.styleinput button {
	float: right;
	max-width: 175px;
	height: 50px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
form.styleinput button * {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
form.styleinput button span {
	display: block;
}
form.styleinput button:hover span {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}
form.styleinput button i {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 100%;
	left: 50%;
	padding: 10px;
	color: #82BD31;
	font-size: 20px;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
form.styleinput button:hover i {
	-webkit-transform: translate3d(-50%, -100%, 0);
	transform: translate3d(-50%, -100%, 0);
}
a.captcha {
	float: left;
	padding-left: 20px;
	position: relative;
	background: #FFF;
}
a.captcha:before {
	content: '\f021';
	font-family: 'FontAwesome';
	color: #a89282;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	font-size: 20px;
	line-height: 53px;
	padding: 0 10px 0 10px;
}
a.captcha:hover:before {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
a.captcha img {
	float: left;
	height: 50px;
}
.igallery {
	float: left;
	width: 70%;
	padding-top: 66px;
	background: #FFF;
}
.igallery &gt; a {
	float: left;
	width: 25%;
}
.igallery &gt; a span {
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.igallery &gt; a span img {
	float: left;
	width: 100%;
	height: auto;
	-webkit-transition: all 4000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}
.igallery &gt; a:hover span img {
	transform: scale(1.05);
}
.igallery &gt; a span:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: 0;
	transition: all 200ms linear;
}
.igallery &gt; a:hover span:after {
	opacity: .2;
}
.tags {
	float: left;
	width: 100%;
	margin: 20px 0 20px 0;
}
.tags:before {
	content: 'Etiketler';
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #999;
}
.tags a {
	float: left;
	font-size: 11px;
	color: #CCC;
	margin: 0 10px 5px 0;
	text-decoration: none;
}
.tags a:before {
	float: left;
	content: '#';
}
.tags-h1 {
	float: left;
	width: 100%;
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	margin: 0;
	padding: 0;
}
.tags-h1 h1 {
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 25px;
}
.tags-desc {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #303134;
	text-align: center;
	margin: 5px 0 20px 0;
}
.posts-list {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.posts-list &gt; li {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #EEE;
	list-style: none;
}
.posts-list &gt; li h3 {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}
.posts-list &gt; li h3 a {
	font-size: 20px;
	font-weight: 600;
	color: #333;
}
.posts-list &gt; li p {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #666;
}
.posts-list &gt; li:last-child {
	border: 0;
}
body.home main {
	display: none;
}
header {
	width: 100%;
	float: left;
	display: block;
	height: 100%;
}
/*header .logo {
	height: 90px;
	width: 219px;
	margin: 25px auto;
}
header .logo.home {
	
	header .logo.home &gt; img {
	height: 115px !important;
}
*/
header .logo{
	height: 115px;
	width: 280px;
	display: block;
	margin: 5px auto;
}
header .logo &gt; img {
	height: 115px !important;
}

.header-wrapper {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #FFF;
}
.header-wrapper &gt; .header-inner {
	width: 100%;
	max-width: 600px;
	align-self: center;/*padding:2rem;*/
	text-align: center;
	padding: 0 20px
}
.menucontent {
	width: 100%;
	float: left;
	display: block;
	background: #F2F2F2;
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid #E4E4E4;
}
header &gt; nav {
	width: auto;
	height: auto;
	float: right;
	display: block;
}
nav.drillmenu {
	position: fixed;
	right: 0;
	top: 0;
	background: rgba(255,255,255, .7);
	z-index: 15;
}
nav.drillmenu &gt; ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: auto;
	float: right;
}
nav.drillmenu &gt; ul &gt; li {
	float: left;
}
nav.drillmenu &gt; ul &gt; li a {
	float: left;
	width: auto;
	padding: 10px 15px;
	text-decoration: none;
	color: #5F6368;
	font-size: 12px;
	font-weight: 500;
}
nav.drillmenu &gt; ul &gt; li.act &gt; a {
	color: #4c9e47;
}
#cicekara {
	width: 100%;
	float: left;
	display: block;
	margin: 25px 0 0 0;
	position: relative;
	clear: left;
	padding-bottom: 200px;
}
#cicekara &gt; input {
	width: 100%;
	height: 50px;
	border: 1px solid #DFE1E5;
	border-radius: 50px;
	padding-right: 155px;
	text-indent: 15px;
	position: relative;
	z-index: 2;
}
#cicekara &gt; button {
	width: 144px;
	height: 48px;
	border-radius: 50px;
	position: absolute;
	border: 0;
	right: 1px;
	top: 1px;
	cursor: pointer;
	color: #9AA0A6;
	font-size: 13px;
	z-index: 10;
}
#cicekara &gt; button i {
	color: #9AA0A6;
	font-size: 15px;
	margin-right: 5px;
}
#cicekara &gt; .categories {
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	padding-top: 25px;
	display: none;
}
#cicekara &gt; .categories &gt; label, #cicekara &gt; .categories &gt; a {
	position: relative;
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0 5px;
	overflow: hidden;
	cursor: pointer;
}
#cicekara &gt; .categories &gt; label:hover span, #cicekara &gt; .categories &gt; a:hover {
	background-color: #8bc34a;
	color: #FFF;
	-webkit-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
#cicekara &gt; .categories &gt; label &gt; input {
	position: absolute;
	left: -500px;
}
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a {
	background: #F3F3F3;
	padding: 5px 10px;
	width: auto;
	height: auto;
	border-radius: 5px;
	font-size: 14px;
	display: inline-block;
	opacity: .7;
	
}
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a[data-color="0"] {
	background: #159012;
}
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a[data-color="1"] {
	background: #e84438;
}
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a[data-color="0"] span,
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a[data-color="0"] small,
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a[data-color="1"] span,
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a[data-color="1"] small,
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a[data-color="2"] span,
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a[data-color="2"] small{
	color:#FFF;
}

#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a[data-color="2"] {
	background: #f9bc0e;
	color:#3c4043;
}
#cicekara &gt; .categories &gt; a small {
	display: block;
	font-size: 11px;
	font-style: normal;
	min-height: 17px;
	color: inherit;
}
#cicekara &gt; .categories &gt; label &gt; input[type="radio"]:checked+span,
#cicekara &gt; .categories &gt; a.active span, 
#cicekara &gt; .categories &gt; a.active small, 
#cicekara &gt; .categories &gt; a.active {
	background: #FFF;
    color: #111;
}
#cicekara &gt; .categories &gt; a.active {
border:1px solid #CCC;
opacity: 1;	
}
/*body:not(.home)*/
body:not(.home) header {
	height: 260px;
}
body:not(.home) #cicekara {
	margin: 15px 0 0 0;
	padding-bottom: 0px
}
body:not(.home) .logo {
	margin-bottom: 0;
}
.gray {
	background: #f1f5ff;
	/*background: #F2F2F2;*/
}
.blue {
	background: #1a73e8;
	color: #FFF;
}
.center_width {
	width: 100%;
	padding: 0;
	float: left;
	display: block;
}
.flowers.center_width, .center_width.gray, .page.center_width {
	padding: 10px 15%;
}
/* Arama Sonucu Sayfasi ( rn )*/
main {
	width: 100%;
	float: left;
	display: block;
	padding: 10px 0 50px 0;
}
main .flowerName {
	width: 100%;
	float: left;
	display: block;
	text-align: left;
	position: relative;
	padding-left: 150px;
}

main .flowerName &gt; .flowerimg {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    top:-40px;
	background:#FFF;
}
main .flowerName &gt; .flowerimg:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    content: '';
    /* box-shadow: inset 0 0 14px 6px rgb(0 0 0 / 75%); */
    box-shadow: inset 0 0 6px 3px rgb(0 0 0 / 75%);
    border: 5px solid rgb(255, 255, 255, .2);
    z-index: 2;
}
main .flowerName &gt; .flowerimg &gt; img {
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}
main .flowerName &gt; h1, main .flowerName &gt; h2 {
	width: auto;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	font-size: 24px;
	margin-right: 10px;
}
main .flowerName &gt; h2 {
	font-size: 16px;
	font-weight: 300;
	padding-top: 7px;
}
main .flowerName &gt; .sonucsay {
	width: auto;
	height: 25px;
	font-size: 17px;
	color: #5F6366;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
main &gt; ul.products {
	margin: 0;
	margin-top: 40px;
	padding: 0 15% 20px 15%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
main &gt; ul.products &gt; li * {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
main &gt; ul.products &gt; li {
	width: 25%;
	display: block;
	height: auto;
	float: left;
	border-radius: 3px;
	padding: 1%;
}
main &gt; ul.products &gt; li:nth-child(2n+1) {
	clear: left;
}
main &gt; ul.products &gt; li:hover {
	border-color: #bad7ff;
}
main &gt; ul.products &gt; li &gt; a {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	float: left;
	border: 1px solid #f2f2f2;
}
main &gt; ul.products &gt; li &gt; a &gt; .pImg {
	width: 50%;
	float: left;
	display: block;
	padding: 7px;
	height: auto;
	overflow: hidden;
}
main &gt; ul.products &gt; li &gt; a &gt; .pImg &gt; img {
	max-width: 100%;
	float: left;
	height: auto;
}
main &gt; ul.products &gt; li &gt; a &gt; strong {
	width: 50%;
	align-self: center;
	font-size: 15px;
	text-decoration: none;
	padding-right: 10px;
}
main &gt; ul.products &gt; li &gt; a:hover &gt; strong {
	color: #013b7a;
}
main &gt; ul.products &gt; li &gt; a:hover &gt; .pImg {
	padding: 0;
}
/* rn Detay Sayfasi*/
.product_info {
	margin-top: 40px;
	padding: 10px 15%;
}
.product_info * {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.product_info h1._btitle {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: #013b7a;
	padding: 0;
	margin: 0;
	font-size: 24px;
}
.product_info &gt; .pImage {
	width: 40%;
	height: auto;
	float: left;
	display: block;
	padding: 10px;
	text-align: center
}
.product_info &gt; .pImage &gt; img {
	max-width: 100%;
	display: inline-block;
}
.product_info &gt; .pFowDetail {
	width: 60%;
	float: left;
	display: block;
}
/*.product_info &gt; .pFowDetail &gt; .pBuyButton{width:100%;float:left;display:block;padding:15px 0;text-align:center;position:relative;overflow:hidden;border:1px solid #013b7a;margin:25px 0;color:#159012;font-size:20px;font-weight:700;}
.product_info &gt; .pFowDetail &gt; .pBuyButton::before{content:"";position:absolute;top:0;bottom:0;left:0;width:0%;background:#159012;z-index:-1;transition:0.5s;opacity:0;}
.product_info &gt; .pFowDetail &gt; .pBuyButton:hover{color:#FFF;border-color:#159012;}
.product_info &gt; .pFowDetail &gt; .pBuyButton:hover::before{width:200%;opacity:1;}*/
.product_info &gt; .pFowDetail &gt; .pBuyButton {
	width: 100%;
	float: left;
	display: block;
	padding: 15px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	border: 1px solid #157d12;
	margin: 25px 0;
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	background: #159012;
	border-radius: 4px;
}
.product_info &gt; .pFowDetail &gt; .pBuyButton:hover {
	background: #3bbe38;
}
.product_info &gt; .pFowDetail &gt; section {
	float: left;
	display: block;
	clear: left;
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.product_info &gt; .pFowDetail &gt; section:before {
	content: attr(data-title);
	width: 100%;
	float: left;
	display: block;
	font-weight: 500;
	padding: 10px 0;
	margin-bottom: 5px;
	font-size: 17px;
}
.product_info &gt; .pDetailContainer {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	clear: left;
}
.product_info &gt; .pDetailContainer &gt; .pdetail {
	width: 100%;
	height: auto;
	float: left;
	display: block;
}
.product_info &gt; .pDetailContainer &gt; .pdetail img {
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}
.product_info &gt; .pDetailContainer &gt; .pdetail p {
	float: left;
	width: 100%;
}
.product_info &gt; .pDetailContainer &gt; .pdetail table {
	max-width: 100%;
	display: block;
	margin-top: 40px;
}
section[data-color="0"]:before {
	color: #3c4043;
	border-bottom: 1px solid #f2f2f2;
}
section[data-color="1"]:before {
	color: #159012;
	border-bottom: 1px solid #159012;
}
section[data-type="gallery"] &gt; a {
	float: left;
	display: block;
	padding: 5px;
	/*margin: 0 5px 5px 0;*/
	margin:0;
	position: relative;
}
section[data-type="gallery"] &gt; a &gt; .imgcon {
	width: 100%;
	float: left;
	display: block;
	border: 2px solid #f2f2f2;
	overflow: hidden;
	height:168px;
}
section[data-type="gallery"] &gt; a:hover &gt; .imgcon {
	border-color: #159012;
}
section[data-type="gallery"] &gt; a &gt; .imgcon &gt; img {
	width: auto;
	float: left;
	height: 100%;
}
section[data-type="gallery"] &gt; a &gt; .textcon {
	float: left;
	display: block;
	width: 100%;
}
section[data-type="gallery"][data-mod="0"] &gt; a {
	width: 32%;
}
section[data-type="gallery"][data-mod="2"] &gt; a {
	/*width: 49%;*/
	width: 32%;
}
section[data-type="gallery"][data-mod="1"] &gt; a {
	/*width: 100%;*/
	width: 32%;
}
section[data-type="gallery"][data-mod="3"] &gt; a:nth-child(3n), section[data-type="gallery"][data-mod="2"] &gt; a:nth-child(2n) {
	margin-right: 0;
}
section[data-type="productList"] &gt; figure {
	width: 20%;
	float: left;
	display: block;
	padding: 5px;
	margin: 0 5px 5px 0;
	position: relative;
}
section[data-type="productList"] &gt; figure &gt; img {
	width: 100%;
	float: left;
	display: block;
}
section.swpslider &gt; .swiper-container {
	width: 100%;
	float: left;
	display: block;
	opacity: 0;
}
section.swpslider .swiper-slide img {
	width: 100%;
	float: left;
	display: block;
}
footer {
	width: 100%;
	float: left;
	display: block;
	background: #F2F2F2;
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid #E4E4E4;
}
footer &gt; nav {
	width: auto;
	height: auto;
	float: left;
	display: block;
}
footer &gt; nav &gt; ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: auto;
	float: left;
}
footer &gt; nav &gt; ul &gt; li {
	float: left;
}
footer &gt; nav &gt; ul &gt; li a {
	float: left;
	width: auto;
	padding: 10px 15px;
	text-decoration: none;
	color: #5F6368;
	font-size: 12px;
}
/*iekler sayfasi*/ 
.flowers * {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-align: center;
}
.flowers &gt; li {
	width: 25%;
	display: block;
	margin: 10px 0;
	text-align: center;
	float: left;
}
.flowers &gt; li &gt; a {
	float: left;
	width: 100%;
}
.flowers &gt; li:hover &gt; a &gt; .pCol &gt; strong {
	color: #4c9e47;
}
.flowers &gt; li &gt; a &gt; .pImg {
	/*	width: 250px;
	height: 250px;
*/	
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
	margin: auto;
	position: relative;
}
.flowers &gt; li &gt; a &gt; .pImg:before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	content: '';
	/*box-shadow:inset 0 0 14px 6px rgba(0, 0, 0,.75);*/
	box-shadow: inset 0 0 6px 3px rgb(0 0 0 / 75%);
	border: 5px solid rgb(255, 255, 255, .2);
	z-index: 2;
}
.flowers &gt; li &gt; a &gt; .pImg &gt; img {
	height: 100%;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
}
.flowers &gt; li &gt; a &gt; .pCol {
	width: 100%;
	float: left;
	display: block;
	align-self: center;
	padding: 10px 5px;
	clear: left;
}
.flowers &gt; li &gt; a &gt; .pCol &gt; strong, .flowers &gt; li &gt; a &gt; .pCol &gt; em {
	float: left;
	display: block;
	width: 100%;
	clear: left;
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
}
.flowers &gt; li &gt; a &gt; .pCol &gt; em {
	font-size: 13px;
	color: #9e9e9e;
}
/*Border Animasyon*/


.OpCon {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	height: 100%
}
.OpCen {
	align-self: center;
	text-align: center;
}
.keyWords &gt; em, .keyWords &gt; span {
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}
.keyWords &gt; a {
	display: inline-block;
	padding: 10px 25px;
	border: 1px solid #E4E4E4;
	margin: 35px 0 0 0;
	font-size: 14px;
}
.keyWords &gt; span &gt; strong {
	color: #4c9e47;
}
.page.post {
	text-align: left;
	padding: 10px 15%;
}
 @media screen and (min-width:1024px) {
.is_mobil {
	display: none;
}
header a.formenu {
	display: none;
}
}
@media screen and (max-width:1600px) {
	 main &gt; ul.products &gt; li {width:33.33333%;}
}
@media screen and (max-width:1250px) {
	 main &gt; ul.products &gt; li {width:50%;}
}
 @media screen and (max-width:1150px) {
	 .flowers.center_width, .center_width.gray, .page.center_width{padding: 10px 5%}
}
 @media screen and (max-width:1024px) {
	 
.is_desktop {
	display: none;
}
.dnone {
	display: none;
}
.center {
	float: left;
	padding: 0 7px 0 7px;
}
form.styleinput button {
	width: 100%;
}
.gallery-list a {
	width: 33.33333%;
	padding: 0 10px 0 10px;
}
.igallery {
	width: 100%;
}
.igallery &gt; a {
	width: 33.333333%;
}
.swiper-buttons {
	right: 0;
}
.flowers &gt; li {
	width: 33.3333%;
}
header a.formenu {
	display: block;
	position: absolute;
	right: 30px;
	top: 30px;
}
a.formenu .nav-icon {
	position: relative;
	display: inline-block;
	cursor: pointer;
	z-index: 1;
	margin: 0;
	padding: 0;
	-webkit-transition: all .3s ease-in-out;
	-khtml-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: scale(1);
	-khtml-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	transform-origin: top left
}
a.formenu .nav-icon i {
	margin: 3px 0;
	padding: 0
}
a.formenu .nav-icon:before, a.formenu .nav-icon:after, a.formenu .nav-icon i {
	content: "";
	display: block;
	width: 24px;
	height: 3px;
	background: #111;
	-webkit-transition: all .3s ease-in-out;
	-khtml-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
a.formenu.active .nav-icon:before, a.formenu.active .nav-icon:after, a.formenu.active .nav-icon i {
-webkit-border-radius:.1rem;
-khtml-border-radius:.1rem;
-moz-border-radius:.1rem;
-ms-border-radius:.1rem;
-o-border-radius:.1rem;
border-radius:.1rem
}
a.formenu.active .nav-icon:before {
	-webkit-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0);
	-khtml-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0);
	-moz-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0);
	-ms-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0);
	-o-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0);
	transform: rotate(45deg) translate3d(4.5px, 4.5px, 0)
}
a.formenu.active .nav-icon:after {
	-webkit-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0);
	-khtml-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0);
	-moz-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0);
	-ms-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0);
	-o-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0);
	transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0)
}
a.formenu.active .nav-icon i {
	opacity: 0
}
a.formenu .nav-icon:before, a.formenu .nav-icon:after, a.formenu .nav-icon i {
	background: #333;
}
footer {
	position: inherit;
	border: 0;
}
footer nav.drillmenu {
	z-index: 10;
	position: fixed;
	left: -150%;
	top: 70px;
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 0;
	-webkit-transition: all .3s ease-in-out;
	-khtml-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: #FFF;
	border-top: 1px solid #DDD;
}
footer nav.drillmenu &gt; ul {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 66px;
	list-style: none;
}
footer nav.drillmenu &gt; ul li ul {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: 20px;
	width: 100%;
	display: none;
}
footer nav.drillmenu ul li {
	float: left;
	width: 100%;
	position: relative;
	list-style: none;
	margin: 0;
}
footer nav.drillmenu ul li.has-sub i {
	font-size: 23px;
	position: absolute;
	right: 10px;
	top: calc(50% - 10px);
	color: #CCC;
}
footer nav.drillmenu ul li a {
	float: left;
	width: 100%;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	padding: 13px;
	border-bottom: 1px solid rgba(0,0,0,.15);
	border-top: 1px solid rgba(255,255,255,.07);
	color: #444;
	position: relative;
}
footer nav.drillmenu ul li a.active, footer nav.drillmenu li:hover &gt; a, footer nav.drillmenu li.active &gt; a {
}
footer nav.drillmenu &gt; ul &gt; li:last-child a {
	border-bottom: 0;
}
footer nav.drillmenu.active {
	left: 0;
}
footer nav.drillmenu ul li.active &gt; ul {
	display: block;
}
}
 @media screen and (max-width:900px) {
.contact-detail &gt; div {
	width: 100%;
	margin-bottom: 20px;
}
.contact-detail {
	margin-top: 30px;
}
.srow {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}
.sw2, .sw3, .sw4, .sw7, .sw8 {
	width: 100% !important;
	padding: 0 !important;
	margin-bottom: 10px;
}
.srow .sw4:last-child {
	margin: 0;
}
#iform {
	float: none;
	margin: auto;
	max-width: 500px;
}
form.styleinput input, form.styleinput select, form.styleinput textarea {
	border: 2px solid #ddd;
	background: #FFF;
}
.gmap.sw4 {
	margin-bottom: 30px !important;
}
.flowers &gt; li {
	width: 50%;
}
}
 @media screen and (max-width:750px) {
.gallery-list a {
	width: 50%;
}
.center_width {
	padding: 0 20px 0 20px;
}
}
 @media screen and (max-width:650px) {
.igallery &gt; a {
	width: 50%;
}
main .flowerName &gt; .sonucsay {
	display: none;
}
main .flowerName &gt; h2 {
	width: 100%;
}
#cicekara &gt; .categories &gt; label &gt; span {
	width: 90px;
}
#cicekara &gt; .categories {
	padding-top: 25px;
}
}
 @media screen and (max-width:580px) {
main &gt; ul.products &gt; li {
	width: 100%;
}
.product_info &gt; .pImage, .product_info &gt; .pFowDetail {
	width: 100%;
}
#cicekara &gt; .categories &gt; label &gt; span, #cicekara &gt; .categories &gt; a {
	padding: 5px;
	font-size: 12px;
}
main &gt; ul.products &gt; li &gt; a &gt; strong {
	font-size: 15px;
}
nav.drillmenu ul {
	display: none;
}
nav.drillmenu.active ul {
	display: block;
	width: 220px;
	height: auto;
	float: left;
	display: block;
	background: #FFF;
	border: 1px solid #ddd;
	position: absolute;
	right: 25px;
	top: 55px;
	left: unset;
}
nav.drillmenu.active ul li {
	width: 100%;
	float: left;
	display: block;
}
nav.drillmenu &gt; ul &gt; li a {
	width: 100%;
	font-size: 12px;
}
}
 @media screen and (max-width:500px) {
	.flowers.center_width, .center_width.gray, .page.center_width{padding: 10px 5%}
.gallery-list a {
	width: 100%;
	padding: 0;
}
.header-wrapper &gt; .header-inner {
	max-width: inherit;
} main .flowerName &gt; .flowerimg {
    width: 100px;
    height: 100px;
    top:-22px;
}
}
 @media screen and (max-width:440px) {
#cicekara &gt; input {
	padding-right: 84px;
}
#cicekara &gt; button {
	width: 74px;
}
#cicekara &gt; button span {
	display: none;
}
#cicekara &gt; button i {
	margin: 0;
}
#cicekara &gt; .categories &gt; label &gt; span {
	width: auto;
	font-size: 13px;
	padding: 5px 8px;
} main .flowerName &gt; .flowerimg {
    width: 100px;
    height: 100px;
    top:-22px;
}
/*.swiper-container.js_slider .swiper-slide &gt; strong{font-size:18px;}*/
}
 @media screen and (max-width:380px) {
.igallery &gt; a {
	width: 100%;
}
.flowers &gt; li {
	width: 100%;
} main .flowerName &gt; .flowerimg {
    width: 100px;
    height: 100px;
    top:-22px;
}
}
</pre></body></html>