@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=latin-ext,latin);

*{padding: 0; margin: 0; font-family: 'Noto Sans', arial, sans-serif; color: #000;}
html{overflow-y: scroll;}
body{background-color: #fff;}

p, ul, ol {margin-bottom: .5em;}
article > p {text-align: justify;}
article>p{line-height: 1.8em;}
article>ul{list-style: none; line-height: 1.8em;}
article>ul.disc{list-style: disc; line-height: 1.8em; margin-left: 1.5em;}
h1{font-size: 20px; font-weight: bold; margin-bottom: .5em; color: #5b6f18;}
h2{font-size: 18px; font-weight: bold; margin-bottom: .5em; color: #5b6f18;}
h3{font-size: 16px; font-weight: normal; margin-bottom: .5em;}
.clr{clear: both;}
.container{width: 980px; margin: 20px auto;}
.center{text-align: center;}
.msg {width: 100%; padding: 5px; background-color: #800; color: #fff; text-align: center; box-sizing: border-box; margin-bottom: 1.5em;}

p strong {color: #5b6f18;}

header{width: 980px; height: 125px; margin: 20px auto; text-align: center; position: relative;}
header > #language{position: absolute; top: 0; right: 0; color: #aaa; text-align: right;}
header > #language .active{color: #000;}
header > #language a {text-decoration: none;}

footer{clear: both; width: 100%; background-color: #5b6f18; color: #fff; margin: 0 auto; padding: 10px 0;}
footer > div {width: 980px; margin: 10px auto; color: #fff; line-height: 1.6em; text-align: justify;}
footer div a {color: #fff;}
footer div#svsz {width: 146px; display: inline-block; vertical-align: top;}
footer div#footer-social {width: 200px; display: inline-block; vertical-align: top;}
#fb-likebox {width: 90px; height: 25px; margin: 0; overflow: hidden;}
#fb-sharebox {clear: both; margin-top: .5em;}
img.footer-icon {height: 25px; vertical-align: bottom; margin: 0 .5em 2px 0;}
img.footer-icon-padded {margin-left: 18px; padding-right: 3px;}
ul#footer-list {list-style: none; display: inline-block;}
ul#footer-list > li {padding-left: 50px; color: #fff;}
ul#footer-list > li.address {background: url(/img/home-white-h25.png) no-repeat;}
ul#footer-list > li.email {background: url(/img/foglalas-white-h25.png) 21px 0 no-repeat;}
ul#footer-list > li.phone {background: url(/img/phone-white-h25.png) 18px 0 no-repeat;}
ul#footer-list > li.policy {background: url(/img/hazirend-white-h25.png) 18px 0 no-repeat;}
#TA_socialButtonBubbles316 {float: right; margin-top: 5px;}
div.justify {width: 100%; display: inline-block; vertical-align: top;}

nav{width: 980px; margin: 0 auto; border-bottom: 1px solid #333;}
nav#menu > ul{margin: 0; padding: 0; list-style-type: none; clear: both;}
# nav#menu > ul > li{float: left; width: 16.66666666%;}
# nav#menu > ul > li{float: left; width: 14.28571429%;}
nav#menu > ul > li{float: left; width: 12.5%;}
body.en nav#menu > ul > li{float: left; width: 14.28571429%;}
nav#menu > ul > li.active{background-color: #5b6f18;}
nav#menu > ul > li > a{display: block; height: 26px; text-decoration: none; text-transform: uppercase; padding-top: 8px; font-size: 15px; text-align: center; color: #333;}
nav#menu > ul > li > a:hover{color: #000;}
nav#menu > ul > li.active > a {color: #fff;}
nav#menu > ul > li.active > a:hover {color: #fff;}
nav#menu > ul > li:hover > ul.submenu{display: block;}
nav#menu > ul ul.submenu{padding: 10px; background-color: #aa8f65; list-style-type: none; display: none; position: absolute; z-index: 10;}
nav#menu > ul ul.submenu li a{font-size: 12px; color: #fff; text-transform: uppercase; text-decoration: none;}


ul#index-images{width: 600px; list-style: none;}
ul#index-images > li{float: left; width: 180px; margin: 0 20px 20px 0;}
ul#index-images > li img{width: 100%; height: auto;}
#index-text{float: right; width: 380px; font-size: 18px; text-align: justify;}

ul#top-images{width: 980px; list-style: none;}
ul#top-images > li{float: left; width: 180px; margin: 0 20px 20px 0;}
ul#top-images > li:last-child{margin-right: 0;}
ul#top-images > li img{width: 100%; height: 100%;}

#gallery{width: 640px; margin: 0 auto;}

.inquiry-button {display: inline-block; background-color: #5a6e17; color: #fff; font-size: 18px; text-transform: uppercase; text-decoration: none; border: 1px solid #888; padding: 5px 5em; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); margin: 0 3px 3px 0;}
.inquiry-button:active {box-shadow: none; -webkit-box-shadow: none; margin: 3px 0 0 3px;}

h2.programs {margin-top: 1em; font-size: 24px; font-weight: normal;}
h2.programs-sm {margin-top: 1em; font-size: 20px; font-weight: normal;}
h2.programs-h1{font-size: 24px; font-weight: bold; margin-top: 1em; margin-bottom: .5em;}
h3.p_open {cursor: pointer; text-decoration: underline; font-size: 12pt;}
h3.p_open::after {content: " »";}
p.p_open {display: none; margin-bottom: 1.5em;}
p.p_open > a {text-decoration: none; font-style: italic;}

table.prices{width: 100%; margin-bottom: .5em; line-height: 1.8em;}
table.prices td.p{padding-left: 1em; text-align: right; white-space: nowrap; vertical-align: bottom;}
table.prices tr:hover{background-color: #eef8dd;}
table.prices ul {margin-left: 1.5em;}

table.prices-new {width: 100%; margin-bottom: 1em; line-height: 1.8em; border-collapse:collapse; border: 1px solid #333; box-sizing: border-box;}
table.prices-new td {border: 1px solid #333; padding: 0 5px;}
table.prices-new td.b {font-weight: bold;}
table.prices-new td.c {text-align: center;}

#calendar h2 {color: #6e8841;}
.calendar-month{display: inline-block; padding: 4px; width: 314px; margin-bottom: 1em;}
#calendar table {width: 90%;}
#calendar table td {width: 14.28571429%; text-align: center;}
#calendar table th {color: #6e8841; font-weight: normal;}

#calendar table td.d0{background-color: #6e8841; color: #fff; text-decoration: line-through;}
#calendar table td.d1{}
#calendar table td.da{background-image: url(/img/cal-arrive.gif);}
#calendar table td.dl{background-image: url(/img/cal-leave.gif);}

#gallery_select{margin-bottom: .5em; text-align: center;}
#gallery_select a{text-transform: uppercase; text-decoration: none; color: #333;}
#gallery_select a.active{font-weight: bold;}

.gallery-index {display: inline-block; text-align: center; margin: 0 5px 10px 5px;}

#popup {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background-color: #333; background-color: rgba(0, 0, 0, 0.8);}
#popup-content {position: relative; margin: 10% auto; width: 600px; color: #075190; background-color: #fff; padding: 20px;}
#popup-close {color: #075190; margin: 1em auto 0 auto; cursor: pointer; text-align: center;}

.inquiry > div {display: table-row;}
.inquiry > div > div {display: table-cell; padding-bottom: .25em; vertical-align: top;}
.inquiry > div > div:first-child {text-align: right; padding-right: .5em;}

div.ajanlat-item {display: inline-block; text-align: center; width: 50%; vertical-align: top;}
div.ajanlat-item > h3 > a {font-size: 18px; font-weight: bold; margin-bottom: .5em; color: #5b6f18;}
div.ajanlat-footer > img {width: 48.97959184%;}
div.ajanlat-footer > img:first-child {margin-right: 2%;}

/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides{position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; border: 1px solid #333;}
.rslides li{-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child{position: relative; display: block; float: left;}
.rslides img{display: block; height: auto; float: left; width: 100%; border: 0;}
.rslides_nav.prev{float: left; margin-top: -310px; margin-left: -80px; z-index: 100;}
.rslides_nav.next{float: right; margin-top: -310px; margin-right: -80px; z-index: 100;}

/* Slicknav */

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
 font-size:16px;
 display: none;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background:#4c4c4c;
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}

/* MailChimp */

#mc_embed_signup{width: 50%; margin: 0 auto; clear: both;}
.mc-field-group {padding-bottom: .5em !important;}

/* Media queries */

@media screen and (max-width: 1000px)
{
 img{max-width: 100%;}
 .container, header, nav, ul#top-images{width: 96%;}
 footer > div {max-width: 98%;}
 nav#menu > ul > li > a  {font-size: 13px;}
 ul#index-images{width: 60%}
 ul#index-images > li{width: 30%; height: auto; margin: 0 3.33333% 3.33333% 0;}
 ul#index-images > li img {width: 100%; height: auto;}
 #index-text{width: 38%; font-size: 15px;}
 ul#top-images > li{width: 18%; margin: 0 2.5% 2.5% 0;}
 ul#top-images > li:last-child{margin-right: 0;}
 ul#top-images > li img {width: 100%; height: auto;}
 #gallery {width: 100%;}
 .rslides_nav.prev{margin-top: -40%; margin-left: -13%;}
 .rslides_nav.next{margin-top: -40%; margin-right: -13%;}
}

@media screen and (max-width: 780px)
{
 #menu{display: none;}
 .slicknav_menu{display: block;}
 ul#index-images{width: 50%}
 ul#index-images > li{width: 46%; height: auto; margin: 0 3% 2% 0;}
/* ul#index-images > li:last-child{display: none;}*/
 ul#index-images > li img {width: 100%; height: auto;}
 #index-text{width: 50%;}
 #mc_embed_signup{width: 100%; margin: 0 auto; clear: both;}
 footer > div {text-align: center;}
 ul#footer-list {float: none; display: inline-block; margin: 0 auto; padding: 0; text-align: left;}
 footer div#svsz {width: 146px; float: none; display: block; margin: 0 auto 1em auto; text-align: left;}
 footer div#footer-social {float: none; display: block; margin: 0 auto 1em auto; text-align: left;}

 div.ajanlat-item {width: 100%;}
 div.ajanlat-image {float: none; width: 100%;}
 div.ajanlat-image img {width: 100%; max-width: 320px;}
 div.ajanlat-desc {float: none; width: 100%; margin-left: 0;}
}

@media screen and (max-width: 640px)
{
 nav#menu > ul > li{float: none; width: 100%;}
 header{height: 125px;}
}

@media screen and (max-width: 480px)
{
 header{height: 125px;}
 ul#index-images{width: 35%}
 ul#index-images > li {width: 95%; margin: 0 0 2% 0;}
 ul#index-images > li img {width: 100%; height: auto;}
 #index-text{width: 63%;}
 ul#footer-list > li {font-size: .8em;}
}