/*
Theme Name: mersinmarinaguzellikmerkezi
Theme URI: //mersinmarinaguzellikmerkezi.com
Description: mersinmarinaguzellikmerkezi WP Theme
Version: 1.0
Author: Tübilmer
Author URI: //tubilmer.com
*/
html{background:#eee}
html,body{margin:0;padding:0;width:100%;height:100%;font:1vw 'Catamaran','Georgia';color:#333}
div{margin:0;padding:0;overflow:hidden;vertical-align:middle}
a{margin:0;padding:0;color:#257;text-decoration:none}
a:hover{color:#0bd}
form,img,table,table tr,table tr td{margin:0;padding:0;border:0;vertical-align:middle}
p{margin:0;padding:4px 0 16px 0}
input[type=submit]{padding:2px 8px;color:#060}
input[type=submit]:hover{background:#ddd}
input[type=radio],input[type=checkbox]{margin:auto 0;background:#fff}
table{width:100%;border-collapse:collapse;box-sizing:border-box}
table tr td{padding:1% 2%;border:1px solid #ddd;text-align:left}
form table tr td{border:none}
iframe{max-width:100%}

@media(max-width:720px){
input,textarea,select{margin:1px;padding:1px;border:0;background:#bbb;color:#000;border-radius:4px;cursor:pointer;font:4vw 'Catamaran'}
	.page-item-0,#sldr{display:none}
	#head{height:12%}
	#logo{float:left;width:50%}
	#anamenu{float:right;margin-top:3%;width:50%;text-align:center;font-size:3vw}
	#mm{float:right;width:17%;margin-right:10%;font-size:200%;opacity:0.7;color:#0bd}
	#mm span{display:block;font-weight:bold;font-size:3vw;color:#fff;margin:0 0 -5% 0;padding:0}
	.m{display:block;width:100%;height:8px;margin-bottom:2px;background:#0bd}
	#menu a{display:block;text-align:left;color:#444;padding:12px;background:#111}
	#slider{position:static}
	#row{margin:0 auto;width:100%;color:#fff;font-size:3vw}
	.row{margin:5%;width:90%;height:auto;border-radius:5px;background:#000000}
	.rowimg img{max-width:100% !important;width:100%;height:200px}
	#menu,#f2,#f1 span,.active,ul.list{display:none}
	#menu{position:absolute;width:100%;left:0;top:90%;z-index:9999}
	#lang{float:none;position:fixed;top:1%;right:14%;width:40%}
	#lang a.sc{width:6%;height:auto !important}
	#sc{float:none;position:fixed;margin:0 auto;width:100%;top:12%}
	#sc a.sc{float:right;display:block;margin:0 5%;padding:0 !important;width:10%}
	#page{margin-top:15%;font-size:4vw}
	#f div{float:none;height:100%}
	#f1,#f3{float:left;width:100%;text-align:center;font-size:3vw}
	.urun{float:left;width:45%;margin:1%;padding:1%;border:1px solid #ddd;text-align:center}
	.gallery{float:left;width:100%}
	.gallery img{border:0 !important;border-radius:2px;width:100% !important;height:auto}
	.gal{float:left;width:100%;text-align:center;margin:8px}
	.gal div{padding:4px 0;margin-top:8px;width:97%;border:1px solid #ddd;border-radius:16px;font-size:11px;font-weight:bold;text-transform:uppercase}
	#mcon{padding:1vw;width:98vw;position:fixed;bottom:0;background:#333;z-index:5}
	.mcon{float:left;margin:1%;width:48%;text-align:center}
	.mcon a{display:block;width:100%;padding:4% 0;color:#fff;font-size:16px}
	#tp{background:#34B7F1 url('img/phone.png') 12px center no-repeat}
	#wa{background:#25D366 url('img/whatsapp.png') 12px center no-repeat}
}
@media(min-width:721px){
input,textarea,select{margin:1px;padding:1px;border:0;background:#bbb;color:#000;border-radius:4px;cursor:pointer;font:1vw 'Catamaran'}
	#head{height:20%}
	#logo{display:table-cell;width:25%}
	#anamenu{width:100%}
	#mm,a#wp,a#ph{display:none}
	#menu{float:right;width:100%}
	#menu ul li{float:left;border-radius:4px}
	#menu ul li:hover{background:#28a}
	#menu .categories:hover > ul,#menu .page_item_has_children:hover > .children{display:block !important}
	#menu a{display:block;color:#444;padding:12px 16px}
	#sc{display:table-cell;width:15%}
	a.sc{float:right;display:block;margin:0 4px;padding:0 !important;width:32px;height:32px}
	#lang{margin-bottom:16px}
	#slider{position:absolute;top:0;height:100% !important}
	.forcefullwidth_wrapper_tp_banner,#rev_slider_1_1_wrapper,#rev_slider_1_1,#rev_slider_1_1 ul{height:100% !important;max-height:100% !important}
	#sldr{width:100%;height:82%}
	#row{margin:0 auto;width:80%;color:#fff}
	.row{float:left;margin:0 1%;width:31%;height:24%;border-radius:5px;background:#000000}
	#f{display:table-cell;line-height:1.4em}
	#f div{float:left}
	#f1{width:38%;min-height:60px}
	#f1 ul{list-style-type:none;padding:0}
	#f1 ul li{float:left;margin:0 8px 0 0;padding:0}
	#f2{width:22%;min-height:120px}
	#f3{width:40%;min-height:60px;text-align:right}
	.urun{float:left;width:20%;margin:1%;padding:1%;border:1px solid #ddd;text-align:center}
	#ok{position:absolute;bottom:1%;right:1%;z-index:99999;width:58px;height:60px;cursor:pointer;background:url('img/ok.gif?') center center no-repeat}
	ul.list{float:right;width:15%;font-size:11px}
	.gallery{float:left;width:91%;margin-left:-6% !important}
	.gallery img{border:0 !important;border-radius:2px;width:174px;height:116px}
	.gal{float:left;text-align:center;margin:12px 4px}
	.gal div{padding:4px 0;margin-top:8px;width:172px;border:1px solid #ddd;border-radius:16px;font-size:11px;font-weight:bold;text-transform:uppercase}
	#mcon{display:none}
}
.urun{border-radius:8px}
.urun:hover{border:1px solid #111}
.urunadi{height:58px;margin-top:7%;font-weight:bold}
.urunaciklama{height:48px;font-size:80%;color:#333}
.alignleft,.alignnone,.aligncenter{margin-right:32px}
.alignright{float:right;margin-left:32px}

header{position:fixed;z-index:9999;width:100%;top:0;background:url('img/head.png') center center / 100% 100% no-repeat}
#header{display:table;width:100%;height:100%}
#head2{position:absolute;z-index:99;width:100%;bottom:0;height:60px;background:url('img/head2.png') center center / 100% 100% no-repeat}

#menu ul{list-style-type:none;margin:0 auto;padding:0}
#menu ul li{margin:0;padding:0}
#menu ul li a{color:#eee}
#menu ul li a:hover{color:#fff}
#menu .children,.screen-reader-text{position:absolute;display:none !important}
#menu .children li,.categories ul li{float:none !important;margin:0 !important;background:#111}
#menu .children a{padding:8px 16px}

#slider{width:100%}
#slider img{width:100%;height:100%}
#slider div{overflow:visible}

#page{min-height:80%}
#content{margin:0 auto;padding:5%;width:90%;max-width:1024px;min-height:100%;border-radius:0 0 16px 16px;text-align:justify;background:#fff}
#title{margin:0 auto;padding:0 5%;width:90%;max-width:1024px;background:#fff linear-gradient(#eee,#fff)}
h1{margin:0;padding:0;font:bold 32px 'Catamaran';color:#257;text-align:center;background:-webkit-linear-gradient(#257,#0bd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#subp ul{margin:2% 0;text-align:left}
#subp li.page_item_has_children a{font-weight:bold}
#subp ul.children a,#subp ul.children li.page_item_has_children a{font-weight:normal}
.post-edit-link{display:block;font-size:75%;margin-top:2%;width:100%;color:#bbb}

.rowimg{width:100%;height:50%}
.rowimg a{display:block;width:100%;height:100%}
.rowimg img{width:100% !important;height:175px}
.rowtxt{padding:2% 4%;width:92%;height:46%}
.rowtxt h2{margin:0;padding:0}
a.rowbut{padding:4px 12px;color:#fff;border-radius:6px;border:1px solid #fff}

ul.list,ul.list ul.children{list-style:none;margin:0;padding:0;letter-spacing:1px;text-align:left}
ul.list li.page_item a{display:block;margin:6px 0;padding:1px 4px;width:200px;font-size:90%;border:1px solid #ccc;border-radius:4px;font-weight:bold}
ul.list ul.children li.page_item a{width:200px;border:1px solid #ddd;font-weight:bold}
ul.list ul.children li.page_item ul.children a{width:200px;border:1px solid #ddd;font-weight:normal}
ul.list li.page_item a:hover,ul.list ul.children li.page_item a:hover,ul.list ul.children li.page_item ul.children a:hover{color:#000}

.gal:hover{opacity:0.8}

#fback{width:100%;height:10%;background:url('img/head.png') center center / 100% 100% no-repeat;transform:rotate(180deg)}
footer{width:100%;height:20%;color:#eee;background:#000}
footer a{color:#eee}footer a:hover{color:#fff}
#footer{display:table;height:100%;margin:0 auto;width:90%;max-width:900px}
#catalog{padding:2px 8px;background:#257;border-radius:3px;font-size:86%;letter-spacing:1px}
#catalog:hover{color:#111;padding:2px 8px;background:#0bd;border-radius:3px}