::selection {
color : #bd9d4b;
background : #494e53;
}
::-moz-selection {
color : #bd9d4b;
background : #494e53;
}
body::-webkit-scrollbar {
width : 6px !important ;
height : 6px !important ;
}
body::-webkit-scrollbar-button {
width : 0 !important ;
height : 0 !important ;
}
body::-webkit-scrollbar-thumb {
background : #c1c1c1 !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-thumb:hover {
background : #bd9d4b !important ;
}
body::-webkit-scrollbar-thumb:active {
background : #bd9d4b !important ;
}
body::-webkit-scrollbar-track {
background : #fff !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-track:hover {
background : #fff !important ;
}
body::-webkit-scrollbar-track:active {
background : #fff !important ;
}
body::-webkit-scrollbar-corner {
background : transparent !important ;
}
* {
font-family: 'Poppins', sans-serif;
box-sizing : border-box;
}
b, strong, h1, h2, h3 {
font-weight : 500;
}
a {
color : #2F3134;
text-decoration : none;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
min-height : 100%;
font-size : 14px;
font-weight : 400;
color : #2F3134;
}
body.ov_open .overlay{
visibility : visible;
opacity : 1;
background : rgb(0, 0, 0, 0.4);
}
.link3{position: absolute;margin-left:-1000px;margin-top:-1000px;}
.overlay {
height : 100%;
width : 100%;
position : fixed;
z-index : 4;
left : 0;
top : 0;
overflow-x : hidden;
visibility : hidden;
opacity : 0;
transition : visibility 0s, opacity 0.5s linear;
background : rgb(0, 0, 0, 0);
z-index : 100;
}
.overlay .outer {
display : table;
position : absolute;
height : 100%;
top : 0;
width : 100%;
padding-top : 50px;
}
.overlay .outer .middle {
display : table-cell;
vertical-align : middle;
}
.ma {
width : 90%;
max-width : 600px;
height : auto;
background : #fff;
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
margin : 0 auto;
position : relative;
z-index : 5;
padding : 25px 25px 0 25px;
text-align : center;
}
.ma .logos {
width : 120px;
height : 120px;
background : #fafafa;
margin : 20px auto;
border-radius : 120px;
text-align : center;
border : 1px solid #ddd;
overflow : hidden;
}
.ma .logos img{
width : 120px;
height : 120px;
}
.ma .moter {
width : calc( 100% + 50px);
height : 105px;
background : #ddd;
margin-left : -25px;
padding : 15px;
position : relative;
margin-top : 25px;
}
.ma span{
width : 50px;
height : 50px;
line-height : 50px;
color : #aaa;
text-align : center;
display : block;
position : absolute;
cursor:pointer;
top : 10px;
right : 10px;
font-size : 40px
}
.ma span:hover{
color : #424242;
}
.ma .icon i {
width : 80px;
height : 80px;
display : block;
color : #fff;
font-size : 40px;
margin : 0px auto;
}
.ma b {
	display : block;
font-size : 20px;
color : #444;
margin-bottom : 5px;
}
.ma p {
font-size : 15px;
color : #666;
line-height : 23px;
}
.ma .moter .sosyal {
width : 130px;
margin : 0 auto;
padding-left : 10px;
height : 40px;
text-align : center;
}
.ma .moter .sosyal a {
float : left;
width : 50px;
height : 50px;
display : block;
border-radius : 10px;
text-decoration : none;
margin-top : 10px;
margin-right : 10px;
background : #999;
}
.ma .moter .sosyal a.pinterest:hover {
background : #DF0022;
}
.ma .moter .sosyal a.facebook:hover {
background : #4267b2;
}
.ma .moter .sosyal a.instagram:hover {
background : #ce1467;
}
.ma .moter .sosyal a img {
margin : 0 auto;
width : 30px;
height : 30px;
display : block;
color : #f0f2f5;
margin-top : 10px;
}
.ma .moter .sosyal a.instagram img {
margin-top : 5px;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1230px;
padding : 0 15px;
}
.instagrams {
margin-left : -15px;
width : calc(100% + 30px);
max-width : 1215px;
padding : 7.5px;
box-sizing : border-box;
}
.instagram {
float : left;
width : 33.33%;
padding : 5px 7.5px;
box-sizing : border-box;
}
.instagram img{
width : 100%;
height : auto;
}
.clear {
clear : both;
}
.right {
float : right;
}
#loader {
width : 100%;
height : 100%;
background : #fff;
position : fixed;
z-index : 98;
}
#loader.go {
margin-top : -100%;
}
#header {
width : 100%;
height : 75px;
position : sticky;
top : 0;
z-index : 99;
background : url(../img/bg.jpg) bottom center no-repeat #34383d;
background-size : 100% auto;
box-shadow : 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
#logo {
float : left;
overflow : hidden;
height : 75px;
margin : 0;
padding : 10px 0;
box-sizing : border-box;
}
#logo img{
float : left;
height : 55px;
}
ul#mega {
float : right;
list-style : none;
margin : 0;
height : 75px;
padding : 0 10px;
transition : all 0.2s linear;
}
#mega li {
float : left;
}
#mega li a {
color : #fff;
text-decoration : none;
display : block;
padding : 0 15px;
line-height : 75px;
text-transform : capitalize;
}
#mega li a span{
text-decoration : none;
display : block;
font-size : 20px;
}
#mega li:hover a {
color : #2F3134;
background-color : #bd9d4b;
}
#mega li.grp:hover a {
color : #2F3134;
background-color : #bd9d4b;
}
#mega div.menu {
position : absolute;
left : 0;
top : 75px;
max-height : 0;
min-width : 100%;
background: #bd9d4b;
z-index : 1;
overflow : hidden;
transition : height 2s;
}
#mega div.menu .center {
padding : 0px;
padding-top : 75px;
}
#mega li:hover div.menu {
height : 420px;
max-height : 500px;
transition : max-height 0.25s ease-in;
}
#mega li:hover div.menu a{
background : none;
}
#mega li.grp div.menu .m{
float : left;
width : 50%;
width : 33.33%;
display : block;
height : auto;
transition : all 0.2s linear;
position :relative;
padding : 10px;
overflow : hidden;
}
#mega li.grp div.menu .m_in{
width : 100%;
height : 100%;
display : block;
border : 1px solid rgba(0, 0, 0, 0.3);
border-radius : 3px;
}
#mega li.grp div.menu .m:hover .m_in{
width : 100%;
height : 100%;
display : block;
border : 1px solid rgba(0, 0, 0, 0.8);
}
#mega li.grp div.menu .m .rsm{
float : left;
width : 110px;
height : 110px;
display : block;
padding : 5px 10px;
}
#mega li.grp div.menu .m .rsm img{
width : 100%;
height : auto;
}
#mega li.grp div.menu .m .ana{
float : left;
width : calc(100% - 110px);
height : auto;
display : block;
}
#mega li.grp div.menu .m .ana a,#mega li.grp:hover div.menu .m .ana a{
float : left;
display : block;
color : #2F3134;
line-height : 30px;
height : auto;
font-weight : 500;
white-space:nowrap;
text-transform : capitalize;
padding : 15px 10px 0 13px;
font-size : 14px;
}
#mega li.grp div.menu .m .alt{
float : left;
width : calc(100% - 110px);
height : auto;
display : block;
}
#mega li.grp div.menu .m .alt a,#mega li.grp:hover div.menu .m .alt a{
float : left;
display : inline-block;
width : 33.33%;
color : #2F3134;
line-height : 20px;
padding : 0;
font-size : 13px;
}
#mega li.grp div.menu .m .alt a,#mega li.grp:hover div.menu .m .alt a span{
float : left;
display : inline-block;
color : #2F3134;
line-height : 20px;
padding : 0;
font-size : 10px;
padding-right : 3px ;
}
#mega li.grp div.menu .m a:hover{
text-decoration : underline;
}
#slide {
width : 100%;
height : 600px;
background : #494e53;
top : 0;
left : 0;
overflow : hidden;
z-index :1;
box-shadow : 0 5px 12px 0 rgba(0, 0, 0, 0.1);
}
.yer {
margin : 0 auto;
width : 100%;
background : #494e53;
min-height : 50px;
padding : 10px 0;
line-height : 30px;
margin-bottom : 0px;
font-size : 12px;
}
.yer a{
float : left;
display : inline-block;
color :#fff;
text-decoration : none;
padding-right : 10px;
font-size : 12px;
}
.yer span{
float : left;
display : inline-block;
color :#fff;
text-decoration : none;
padding-right : 10px;
font-size : 10px;
}
.yer a:hover{
text-decoration : underline;
}
.yer b{
font-size : 12px;
color :#fff;
font-weight : 400;
}
a.tg{
margin : 0;
padding : 7.5px 10px;
margin-bottom : 10px;
display : inline-block;
color : #2F3134;
text-decoration : none;
background : #eee;
}
a.tg:hover{
background : #eee;
}
a.tg.sec{
background : #bd9d4b;
font-weight : 500;
color : #2F3134;
}
.page {
padding : 15px;
}
.page h1 {
margin : 0;
padding : 0 0 10px 0;
font-size : 17px;
display : inline-block;
border-bottom : 2px solid #bd9d4b;
}
.icons {
width : 100%;
height : auto;
padding : 20px 0px;
}
.neden {
width : 100%;
height : auto;
position :relative;
display : block;
text-decoration : none;
text-align : center;
padding : 10px 30px;
}
.neden b{
display : block;
}
.neden img.logo{
width : auto;
height : 55px;
}
.iconbanner {
float : left;
width : 33.33%;
height : auto;
position :relative;
display : block;
text-decoration : none;
padding : 10px 30px;
}
.iconbanner .icon_in{
width : 100%;
height : auto;
text-align : center;
}
.iconbanner i{
width : 50px;
height : 50px;
line-height : 50px;
text-align : center;
font-size : 30px;
display : block;
margin-right : 10px;
background: #bd9d4b;
border-radius : 100%;
margin : 0 auto;
}
.iconbanner b{
display : inline-block;
font-size : 16px;
margin : 15px 0;
}
.iconbanner p{
display : block;
margin : 0;
padding : 0;
text-transform: none;
height : auto;
}
.galeri {
width : 100%;
padding : 15px 5px;
box-sizing : border-box;
background: #494e53;
background : url(../img/bg2.jpg) top center #fff;
background-size : cover;
border-top : 10px solid rgba(0,0,0,0.1);
}
.galeri.renk {
background: #fafafa;
border-top : 10px solid rgba(0,0,0,0.05);
}
.galeri b.h1 {
padding :  10px 0 10px 0;
margin-bottom : 10px;
font-size : 17px;
display : inline-block;
border-bottom : 2px solid rgba(0,0,0,0.2);
border-bottom : 2px solid #bd9d4b;
}
.galeri .galeri_in {
margin-left : -10px;
margin-bottom : 0;
width : calc(100% + 20px);
}
.galeribox {
float:left;
width :33.33%;
display : block;
position : relative;
padding : 10px;
}
.galeri.renk .galeribox {
padding : 10px 15px;
margin : 10px 0;
}
.galeri.renk .galeribox_in {
background : linear-gradient(#fafafa, #eee);
background : #eee;
border-radius : 100%;
padding-bottom : 10px;
}
.galeribox a.resim {
width : 100%;
height : 290px;
display : block;
background : #494e53;
background-size : cover;
background-position : center center;
transition : all 0.2s linear;
overflow : hidden;
border-radius : 3px;
box-shadow : 0 0 7px 0 rgba(0, 0, 0, 0.1);
}
.galeri.renk .galeribox a.resim {
height : auto;
border-radius : 0;
box-shadow : 0 0 0 0 rgba(0, 0, 0, 0);
background : none;
}
.galeribox a.resim img{
opacity : 0;
}
.galeri.renk .galeribox a.resim img{
opacity : 1;
width : 100%;
height : auto;
margin-top : -7px;
}
.galeri.renk .galeribox a.seri {
width : 100%;
height : 30px;
line-height : 30px;
padding : 0;
margin-top : -10px;
display : block;
color : #2F3134;
text-decoration : none;
text-align : center;
font-size : 12px;
}
.galeribox a.isim {
width : 100%;
height : 50px;
line-height : 50px;
padding : 0 15px;
display : block;
color : #2F3134;
text-decoration : none;
text-align : center;
font-weight : 500;
font-size : 15px;
}
.galeri.renk .galeribox a.isim {
margin-top : -20px;
}
.galeribox:hover a.resim {
box-shadow : 0 0 12px 0 rgba(0, 0, 0, 0.2);
transform: scale(1.03);
}
.galeri.renk .galeribox:hover a.resim {
box-shadow : 0 0 0 0 rgba(0, 0, 0, 0);
transform: scale(1.15);
}
.galeribox:hover a.isim {
}
.whatsapp {
width : 100%;
background: #494e53;
}
.whatsapp .wleft{
float:left;
width : 50%;
padding : 35px 25px 35px 5px;
}
.whatsapp .wleft img{
max-width : 100%;
max-height : 100%;
border-radius : 3px;
box-shadow : 0 0 7px 0 rgba(0, 0, 0, 0.1);
transition : all 0.08s linear;
}
.whatsapp .wleft:hover img{
transform: scale(1.03);
}
.whatsapp .wright{
float:left;
width : 50%;
color : #fff
}
.whatsapp .wright b{
font-size : 25px;
display : block;
line-height : 30px;
margin-top : 80px;
}
.whatsapp .wright strong{
font-size : 30px;
display : block;
line-height : 30px;
}
.whatsapp .wright p{
font-size : 16px;
padding :  15px 0;
}
.whatsapp .wright a{
float : left;
display : inline-block;
line-height : 40px;
padding : 0 15px;
margin-right : 10px;
background: #bd9d4b;
color : #2F3134;
font-weight : 500;
border-radius : 3px;
box-shadow : 0 0 7px 0 rgba(0, 0, 0, 0.1);
text-decoration : none;
}
.whatsapp .wright a span{
float : left;
display : inline-block;
line-height : 40px;
font-size : 20px;
transform: rotate(80deg);
margin-right : 5px;
}
.whatsapp .wright a img{
float : left;
display : inline-block;
height : 22px;
margin-top : 7px;
margin-right : 5px;
opacity : 0.8;
}
.whatsapp .wright a:hover{
box-shadow : 0 0 12px 0 rgba(0, 0, 0, 0.2);
}
#footertop {
width : 100%;
height : 70px;
background : #494E53;
position: relative;
z-index : 3;
margin-top : 25px;
}
#footertop a#altlogo {
float : left;
display : inline-block;
height : 70px;
padding-right : 70px;
text-decoration : none;
position : relative;
overflow : hidden;
}
#footertop a#altlogo img.logo{
width : auto;
height : 35px;
margin-top : 20.5px;
opacity : 0.7;
}
#footertop a#altlogo:hover img.logo{
opacity : 1;
}
#footertop a#altlogo i{
float : right;
font-size : 80px;
position : absolute;
right : -18px;
top : -7px;
color : #666;
}
#footertop a.icon {
float : right;
display : inline-block;
line-height : 70px;
color : #ddd;
text-decoration : none;
font-size : 14px;
}
#footertop a.icon.ad {
float : left;
}
#footertop a.icon b{
float : left;
color : #fff;
}
#footertop a.icon i{
float : left;
display : inline-block;
font-size : 20px;
color : #fff;
margin : 0 10px;
}
#footer {
width : 100%;
padding-top : 30px;
background : #bd9d4b;
background-size : 50% auto;
}
#footer .alan{
float : left;
width : 20%;
padding :7.5px 25px 7.5px 0;
box-sizing : border-box;
}
#footer .sosyal{
float : left;
width : 40%;
padding :7.5px 25px 7.5px 7.5px;
padding-right : 25px;
box-sizing : border-box;
border-radius : 3px;
color : #333;
}
#footer .alan b{
display : block;
color : #333;
font-size : 16px;
line-height : 30px;
margin-bottom : 10px;
}
#footer .sosyal b{
display : block;
color : #333;
font-size : 16px;
line-height : 30px;
margin-bottom : 10px;
}
#footer .sosyal a{
float : left;
margin-top : 10px;
margin-right : 10px;
display : block;
width : 50px;
height : 50px;
border-radius : 25px;
background : #444;
padding : 12.5px;
}
#footer .sosyal img{
width : 25px;
opacity : 0.7;
}
#footer .sosyal img:hover{
opacity : 1;
}
#footer .sosyal img:first-child{
margin-left : 0px;
}
#footer .sosyal p{
margin  : 0px;
margin-top  : -5px;
margin-bottom  : 5px;
padding  : 0px;
}
#footer .alan a{
display : block;
color : rgba(255,255,255,0.5);
color : rgba(0,0,0,0.6);
text-decoration : none;
line-height : 25px;
font-size : 14px;
}
#footer .alan a:hover{
color : #333;
}
#footer .cop{
color : #333;
padding : 15px 0;
margin : 0px 0;
line-height : 30px;
border-top : 1px solid rgba(0,0,0,0.2);
border-bottom : 1px solid rgba(0,0,0,0.2);
font-size : 12px;
}
#footer .cop span{
float: left;
font-size: 20px;
line-height: 25px;
margin-right: 5px;
}
#footer .cop a{
text-decoration : none;
color : #333;
}
#copyright {
width : 100%;
box-sizing : border-box;
padding : 15px 0px;
background : #bd9d4b;
bottom : 0;
z-index : 2;
}
a.leoliva {
float : right;
display : block;
width : 25px;
height : 25px;
background : url(../img/leo.svg) center left no-repeat;
background-size : auto 28px;
transition : all 0.2s linear;
}
a.leoliva:hover {
width : 76px;
}
#up{
position : fixed;
bottom : 20px;
right : 20px;
width : 40px;
height : 40px;
cursor : pointer;
z-index : 5;
transition : all 0.2s linear;
background : #2F3134;
color : #fff;
border-radius : 3px;
opacity : 0;
}
#up span{
width : 40px;
height : 40px;
line-height : 40px;
text-align : center;
font-size : 20px;
display : block;
}
#up.goster {
opacity : 0.7;
}
#up.goster:hover {
opacity : 1;
color : #bd9d4b;
}
b.tags{
color : #fff;
font-size : 0px;
line-height : 0px;
display : none;
}
#tabalan{
width : 100%;
position : relative;
}
#tabs{
width : 100%;
padding : 0;
list-style: none;
}
#tabs li{
display:inline-block;
}
#tabs a{
margin : 0;
padding : 7.5px 15px;
display : inline-block;
color : #2F3134;
text-decoration : none;
background : #eee;
}
#tabs a:hover{
background : #eee;
}
#tabs a:focus{
outline: 0;
}
#tabs #current a,
#tabs #current a::after{
background : #bd9d4b;
font-weight : 500;
color : #2F3134;
}
#content{
width : 100%;
margin : 0;
position: relative;
z-index: 2;
}
@media screen and (max-width:1000px) {
.instagram {
width : 50%;
}
#slide {
width : 100%;
height : 320px;
background : #494e53;
top : 0;
left : 0;
overflow : hidden;
z-index :1;
}
#header {
height : 60px;
}
#logo {
height : 60px;
padding : 10px 0;
}
#logo img{
float : left;
height : 40px;
}
#megaac{
float : right;
width : 50px;
height : 40px;
display : block;
margin-right : -15px;
}
#megaac span{
width : 50px;
height : 40px;
line-height : 55px;
display : block;
font-size : 40px;
margin-right : -15px;
color : #fff;
}
#megaac span.lnr-cross{
display : none;
}
#megaac.ac span.lnr-cross{
display : block;
}
#megaac.ac span.lnr-menu{
display : none;
}
ul#mega{
display : none;
}
ul#mega.ac{
display : block;
width : 100%;
position : absolute;
top : 60px;
left : 0;
height : auto;
min-height : 1000px;
background : #bd9d4b;
line-height : 50px;
padding : 5px 0 15px 0;
}
ul#mega.ac li,ul#mega.ac li:hover{
float : none;
display : block;
width : 100%;
padding :  0 15px;
}
ul#mega.ac li:last-child{
border-bottom : 0;
}
ul#mega.ac li a{
line-height : 50px;
color : #2F3134;
font-weight : 500;
border-bottom : 1px solid rgba(0,0,0,0.1);
padding :  0;
}
#mega li:hover div.menu {
max-height :  0px;
}
.whatsapp .wright b {
margin-top: 50px;
}
}
@media screen and (max-width:900px) {
	.galeribox {
	width : 50%;
	}
	.whatsapp .wleft,.whatsapp .wright{
	float : none;
	width : 100%;
    padding: 25px 5px;
	}
	.whatsapp .wright b {
	margin-top: 0px;
	}
	.iconbanner {
    padding: 10px;
	}
	.iconbanner p {
    display : none;
	}
}


@media screen and (max-width:800px) {
	#footertop a.icon.ad,#footertop a.icon b {
    display : none;
	}
	.iconbanner {
    float: none;
    width: 100%;
    height: auto;
    padding: 10px 5px;
	}
	.iconbanner .icon_in {
    text-align: left;
	}
	.iconbanner i {
		float : left;
		margin-right : 15px;
	}
	.neden {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    text-decoration: none;
    text-align: left;
    padding: 5px;
	}
}

@media screen and (max-width:680px) {
	.galeribox {
	width : 100%;
	}

	#footer .alan{
	display : none;
	}
	#footer .sosyal{
	float : none;
	width : 100%;
	padding :5px;
	padding-right : 5px;
	}
	#slide {
	height : 280px;
	}
	.whatsapp .wright a.wht{
	margin-bottom : 15px;
	}
	a.tg{
	display : block;
	margin-bottom : 10px
	}
	#tabs li {
	float : left;
	display : block;
	width : 50%;
	padding-right : 10px;
	margin-bottom : 10px;
	}
	#tabs li a{
	display : block;
	width : 100%;
	}
}