body {
	margin: 0 auto;
	color: #000;
	max-width:1200px;

	position: relative;
    background: url(https://moonlighttrail.shop/images/background2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

h1 {text-align: center; font-family: 'Oswald',arial; color: white; font-weight: 300; font-size:1.7em;}
h2 {font-size:1.5em;}
h3 {font-family: oswald;font-size: 150%;margin: 0px;color: #555555;font-weight:normal;line-height:280%;}

.new_alt_bolum_big {display:block;}	
.new_alt_bolum_small {display:none;}

.mobile-header {display:none;}

.container {width:100%;padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0;}
.header-bkg {position: relative; width: 100%; float: left;}
.header-bkg img {vertical-align: middle; max-width: 100%; height: auto; width: 100%; border: 0;}

#header-nav-links {position: absolute; width: 1%; top: 0; left: 0; padding-top: 11.5%; margin-left: 4%; z-index: 30;}
#header-logo {position: absolute; width: 21.5%; top: 0; left: 0; padding-top: 1.5%; margin-left: 2.8%; z-index: 20;}
#header-logo img {height: auto; width: 100%; border: 0;}

.header-tagline-text {font-family: 'ITCFranklinGothicStdBookCondensed'; text-rendering: optimizeLegibility; position: absolute; width: 60%; top: 0; left: 0; margin-left: 27%; padding-top: 8.2%; z-index: 10;}

.rotator {position: relative; width: 100%; float: left;}

#jssor_1 {position:relative;margin:0 auto;top:0px;left:0px;width:1200px;height:410px;overflow:hidden;visibility:hidden;}
.jssorl-009-spin {position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);}
.jssor1-009-spin img {margin-top:-19px;position:relative;top:50%;width:38px;height:38px;}

.orta-slider {cursor:default;position:relative;top:0px;left:0px;width:1200px;height:410px;overflow:hidden;}

.menu-dis {max-width:1200px; position: relative;}
.menu {position: absolute; padding-top: 7.2%; left: 32%; width: 50%;}
.menu-ic {border-bottom: 3px solid white;}

.menu-aciklama-dis {font-family: 'Oswald'; font-size:110%;}
.menu-aciklama {position: absolute; right: 0; background: url(https://moonlighttrail.shop/images/slide_bg.png); width: 100%; height: 50%;z-index: 9999;}
.menu-aciklama-ic {position: absolute; width:100%;}
.menu-aciklama-ic img {max-width:10%; height:auto; width:100%; float:left; padding-right: 2%;}
.menu-aciklama-ic p {color:white;}

.nav-menu {width: 100%; float: left; text-align: center;}
.nav-ic {width: 100%; float: left; text-align: center; background-color: #00b1eb;}
.nav-ic ul {padding:0; list-style: none; margin:0;}
.nav-ic ul li {float:left; width:16.66%;}
.nav-ic ul li img {width:100%}

.baslik-text {font-weight: 500; line-height: 1.1; color: #2e368f; font-family: 'ITCFranklinGothicStdDemi'; font-size: 170%; margin: 0; padding: 0; top: 1%;}
.bolum-baslik {margin:13px;font-family: oswald; font-size: 170%; color: #555555; font-weight: 600; border-bottom: 1px solid #555555;}
.bolum-tanim {margin:13px;font-family: arial; line-height: 130%; color: #555555;}
.bolum-tanimH {margin:13px;font-family: oswald; line-height: 130%; color: #555555;}

.adres-resim {width: 5%; top: 15px; margin-right: 10px;}

.blok-ic {font-family: 'Oswald';}
.blok-cerceve {padding:1%;float:left;width:23%;}
.blok-cerceve-foto {padding:1%;float:left;width:25%;}
.blok-zemin {background-color:white;padding:4px;}
.blok-resim img {width: 100%;}
.blok-alan {padding:10px;}
.blok-alan-foto {padding:7px;}
.blok-baslik {font-size: 120%;margin: 0;}
.blok-baslik-foto {font-size: 100%;margin: 0;}
.blok-text {color: #555555;}
.blok-link {text-align:right;margin:0;}

.orta-blok {float:left;width:50%;}
.orta-blok-ic {margin:13px;}
.orta-blok-ic-text {font-family: arial;line-height: 120%;margin: 0px;color: #555555;}
.orta-blok-ic-resim {float:left;width:17%;}
.orta-blok-ic-baslik {float:left;width:83%;}
.orta-blok-ic-resim img {max-width: 100%;}
.orta-blok-video {margin: 50px 13px 13px 13px;position: relative;height: 0;padding-bottom: 75%;margin-bottom: 1rem;overflow: hidden;}

.alt-bolum2 {background-color: white;display: -webkit-box;padding: 50px 0px 00px 0px;}
.alt-blok3 {background-color:white;width:100%;}
.alt-blok3-bolme {float: left; padding: 1%; width: 31.33%;}
.alt-blok3-bolme-baslik {font-family: 'Cuprum', sans-serif; font-size: 140%; border-bottom: 1px solid black; color: #332f4c;}
.alt-blok3-bolme-yazi {font-family: arial; line-height: 130%; color: #555555;}

.sol {float: left; width: 75%;}
.sag {float: left; width: 25%;}

@font-face {
    font-family: 'ITCFranklinGothicStdDemi';
    src: url('https://moonlighttrail.shop/font/itcfranklingothicstd-demi.eot');
    src: url('https://moonlighttrail.shop/font/itcfranklingothicstd-demi.eot') format('embedded-opentype'),
         url('https://moonlighttrail.shop/font/itcfranklingothicstd-demi.woff') format('woff'),
         url('https://moonlighttrail.shop/font/itcfranklingothicstd-demi.ttf') format('truetype'),
         url('https://moonlighttrail.shop/font/itcfranklingothicstd-demi.svg##ITCFranklinGothicStdDemi') format('svg');
     }

@font-face {
    font-family: 'ITCFranklinGothicStdBookCondensed';
    src: url('https://moonlighttrail.shop/font/itcfranklingothicstd-bkcd.eot');
    src: url('https://moonlighttrail.shop/font/itcfranklingothicstd-bkcd.eot') format('embedded-opentype'),
         url('https://moonlighttrail.shop/font/itcfranklingothicstd-bkcd.woff') format('woff'),
         url('https://moonlighttrail.shop/font/itcfranklingothicstd-bkcd.ttf') format('truetype'),
         url('https://moonlighttrail.shop/font/itcfranklingothicstd-bkcd.svg##ITCFranklinGothicStdBookCondensed') format('svg');
     }

.menu-ic ul {padding:0; color:white; list-style: none; font-family:'Oswald';}
.menu-ic li {float:left; margin: 3px 2% 3px 2%;}
.menu-ic ul li p {font-size: 110%; margin:0;}
.menu-ic ul li p:hover {color:#2e368f; background-color:white;}
.menu-ic ul li p:hover a {color:#2e368f;}
.menu-ic ul li a {color:white; text-decoration: none;}
.menu-ic ul li a:hover {color:#2e368f;}



.picture {
    height: 200px;
    background-size: contain;
    position: relative;    
    overflow: hidden;
}
.pic_transform {
   line-height:50px;
    transition-duration: 0.1s;            
    -webkit-transition-duration: 0.1s; 
    -moz-transition-duration: 0.1s;    
    -o-transition-duration: 0.1s;
    overflow: hidden;
    height: 0px;
}
.picture:hover .pic_transform {
    height: 50px;
}
.text_display {
    font-size: 110%;
    font-family: Oswald;       
    font-weight: normal;
    text-align:center;
    color: #FFF;       
}

.text_display a {color:white;text-decoration: none;}

.picture:hover .text_display {
    background: rgba(0, 0, 0, 0.5);   
    color: #fff;   
    height:50px;   
}

.sosyal {position: absolute;width: 3%;top: 0;left: 0;text-align: right;margin-left: 95%;padding-top: 8.2%;z-index: 20;}
.sosyal img {width:100%;}

#header-headline {position: absolute; width: 67%; top: 3%; left: 0; margin-left: 33%; z-index: 10;}

.alt-menu-baslik {border-bottom: 2px solid white; font-family: 'Oswald';}
.alt-menu-satir {margin: 4px 0px 4px 0px; font-family: arial; font-size: 85%;}
.alt-menu-satir a {color:white;text-decoration: none;}

.referans {float:left;width:25%;}
.referans1 {font-family: arial;font-size: 105%;line-height: 150%;text-align: justify;margin-bottom:0px;font-weight: bold;}
.referans2 {font-family: arial;font-size: 105%;line-height: 150%;text-align: justify;margin-top:0px;}

.bottom-area-1-outside {display:-webkit-box;}
.bottom-area-1-inside {font-family: 'Oswald'; background-color:white;}
.bottom-area-1-blok {padding:1%;float:left;width:25%;}
.bottom-area-1-blok:hover {position: relative; top: -10px; box-shadow: 0 5px 15px rgba(0,0,0,0.25);}
.bottom-area-1-blok-inside {background-color:white;}
.bottom-area-1-picture img {width:100%;}
.bottom-area-1-content-title {margin: 0;}
.bottom-area-1-content-text {color: #555555;}
.bottom-area-1-content-link {text-align:right;margin:0;}

.space {clear:both;}

.havuz-list ul {text-align: center;list-style: none; font-size: 11pt; font-family: PT Sans, Arial; padding: 10px;}
.havuz-list ul li {height: 162px;margin-bottom: 20px;line-height: 130%;float:left; width:154.5px;font-size: 14px;}
.havuz-list ul li a {text-decoration: none;color:#333;}

.Peyzaj-Link {font-size:150%;font-family: 'Oswald',arial;}

@media (max-width: 468px){
.alt-bolum2 {display:none;}
.alt-blok3 {background-color:white;width:100%;}
.alt-blok3-bolme {padding: 3%; width: 94%;}
.alt-blok3-bolme-baslik {font-family: 'Cuprum', sans-serif; border-bottom: 1px solid black; color: #332f4c;margin:0px;}
.alt-blok3-bolme-yazi {font-family: arial; line-height: 130%; color: #555555; margin-top:0px;}

.header-bkg {display:none;}
.menu-dis {display:none;}

.blok-cerceve-foto {padding:1%;float:left;width:33.33%;}
.blok-baslik-foto {margin: 0;}
.blok-alan-foto {padding:1px;}

.mobile-header {display:block;background-color: white;}
.mobile-logo-bar {}
.mobile-menu-bar {background-color: #2a7abf;height:38px;}
.navbar-toggle {float:none;}
.navbar-nav {margin:0;}

.bolum-baslik {margin:13px;font-family: oswald; color: #555555; font-weight: 600; border-bottom: 1px solid #555555;}
.bottom-area-1-outside {display:-webkit-box;}
.bottom-area-1-inside {font-family: 'Oswald'; background-color:white;}
.bottom-area-1-blok {padding:3%;float:left;width:50%;}
.bottom-area-1-blok:hover {position: relative; top: -10px; box-shadow: 0 5px 15px rgba(0,0,0,0.25);}
.bottom-area-1-blok-inside {background-color:white;}
.bottom-area-1-picture img {width:100%;}
.bottom-area-1-content-title {margin: 0;}
.bottom-area-1-content-text {color: #555555;}
.bottom-area-1-content-link {text-align:right;margin:0;}

.new_alt_bolum_big {display:none;}	
.new_alt_bolum_small {display:block;}	


.sol {width: 100%;}
.sag {display:none;}

//.bolum-tanimH {font-size:300%;}
//.bolum-tanim {font-size:250%;}

h1 {}

.havuz-list ul {text-align: center;list-style: none; font-size: 11pt; font-family: PT Sans, Arial; padding: 10px;}
.havuz-list ul li {height: auto;margin-bottom: 20px;line-height: 130%;float:left; width:33.33%;}
.havuz-list ul li a {text-decoration: none;color:#333;font-size:295%;line-height: 110%;}

.mobile-sosyal {float: right;width: 14.28%;}
.mobile-sosyal img {width: 75%;float: right;}
}