body,html{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
}
a,a:visited{color:#222;text-decoration: none;}
a:hover,a:active,a:focus{color:#e5023a;text-decoration: none}
ol,ul{ margin:0;padding: 0;clear: both;list-style: none}
hr {margin: .5rem 0 1rem 0;}
h1,h2,h3,h4,h5{font-family: Roboto, sans-serif}
h1{font-size:1.35em;}
h2{font-size:1.3em;}
h2 span{border-bottom: 2px solid #e5023a;}
h3{font-size:1.25em;}
h4{font-size:1.2em;}
h4{font-size:1.15em;}
header{    z-index: 3;
    position: relative;
    background: #fff;}
#header-bar{
    background: #e5023a;
    position: absolute;
    width: 100%;
    height: 55px;
    left: 0;
    top: 0;
    z-index: 0;
}
#header-container{
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
}
#header-bar-container
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-width: 100%;
    min-height: 55px;
}
#logo-col{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 170px;
    flex: 0 0 130px;
    justify-content: space-around;
    padding-top: .5rem;
    display: inline-flex;
}
#logo-col img{max-width: 160px}
#header-col{
    position: relative;
    width: 100%;
    padding-right: 15px;
    -ms-flex: 0 0 75%;
    flex: 0 0 80%;
    max-width: 80%;
}
#bar-lang{
    display: inline-flex;
    flex-direction: row;
    flex: 0 0 20%;
    justify-content: flex-end;
    justify-self: flex-end;}
#bar-lang ul{display: flex;
    flex-direction: row;justify-content: flex-end}
#bar-lang li{padding-left:1rem}
#bar-lang li img{border:1px solid #fff}
.bar-item{
    display: inline-flex;
    color: #fff;
    flex: 1 0 80%;
    min-width: 80%;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
}
.bar-item i {
    margin-right: .25rem;
}
.bar-item a{color:#fff;}
#nav-row{display: flex;
    flex: 1 1 100%;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    min-height: 80px;
}
.navbar,.navbar-nav,.navbar-collapse{min-width: 100%;padding: .5rem 0}
.navbar-nav{justify-content: space-between}
.navbar-brand{display: none}
.navbar-light .navbar-nav .nav-link{color:#000;font-family: Roboto, sans-serif;font-weight: 500;    white-space: nowrap;
    font-size: 16px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{

    color:#e5023a;
}
.bx-wrapper{margin-bottom:3rem;border:none;align-items: center;background: none;-webkit-box-shadow:none;box-shadow: none;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{background: none;}
.bx-wrapper .bx-controls-direction a{text-indent:0px;}
.bx-wrapper img{transition: all .2s ease-in-out;
    width: 100%;height:auto}
.bx-wrapper .bx-controls-direction a {
    width: 41px;
    height: 33px;
}
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover{background-position: center center}
#slider-area .bx-wrapper{max-height: 600px;overflow: hidden;}
#manset img{width: 100%;height: auto;}

#otelimiz .card-title{
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: #fff;
    padding: .5rem 1rem;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 1.5em;
}
#otelimiz a{color:#222222;transition: all .2s linear}
#otelimiz a:hover,#otelimiz a:visited,#otelimiz a:active{color:#555}
#cnk-rehber ul{display: flex;flex-direction: row;
    flex-wrap: wrap;justify-content: space-around;align-items: center;border: 1px solid rgba(0,0,0,.125);}
#cnk-rehber li{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-height: 110px;
    width: 100%;
    padding: .5rem;
    position: relative;
    text-align: center}
#cnk-rehber li:before{
    border-bottom: 1px solid #cbcbcb;
    width: 90%;
    position: absolute;
    content: '';
    left: 5%;
    bottom: 0;
}
#cnk-rehber li:after {
    border-right: 1px solid #cbcbcb;
    height: 90%;
    width: 1px;
    position: absolute;
    content: '';
    right: 0;
    top: 5%;
}
#cnk-rehber li:nth-child(4n):after{content: unset}
#cnk-rehber li:nth-child(n+9):before{content: unset}
#cnk-rehber li:last-child:after{content: unset}
#cnk-rehber a{font-family: Roboto, sans-serif;font-size: 1.2em;line-height: 1.2em; }
#cnk-rehber i{color: #e5023a;font-size: 2em;padding-bottom:.5rem}
#oda-container{padding-top: 3rem;padding-bottom: 3rem;margin-top:3rem}
#oda-list{
    display: flex;flex-direction: row;align-items: flex-start;}
.oda-item{background: #fff}
.oda-desc{padding: 1rem;position: relative;height: 65px;}
.oda-title{     position: absolute;
    background: #fff;
    z-index: 2;
    width: auto;
    left: 0;
    top: 1rem;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    transition: all .2s linear;
    padding: .5rem 1rem;
    margin-left: .5rem;}
.oda-props{    position: absolute;
    background: #fff;
    z-index: 1;
    width: 100%;
    height: 48px;
    left: 0;
    top: 1.2rem;
    padding-left: 1rem;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    opacity: 0;
}
.oda-item ul{display: flex;flex-direction: row;justify-content: space-around;align-items: center}
.oda-item ul li{font-size: 1.5em;color: #5e5e5e;}
.oda-item:hover .oda-title{top: -4rem;transition: all .2s linear
}
.oda-item h5{margin: 0;line-height: 1.5em}
.oda-item:hover .oda-title:after {
    content: "";
    background: #fff;
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
}
.oda-item:hover .oda-props{opacity: 1}
.oda-img {background: #222;}
.oda-img img{opacity: 1;transition: all .2s linear}
.oda-item:hover .oda-img img{opacity: .7}
#oda-container .bx-wrapper .bx-controls-direction a {
    top: unset;
    bottom: -4rem;
}
#oda-container .bx-wrapper .bx-prev{left: calc(50% - 25px);}
#oda-container .bx-wrapper .bx-next{right:unset;left:calc(50% + 25px)}

.bx-wrapper .bx-prev {background: url("../img/prev_hover.jpg") center center no-repeat;transition: all .2s linear}
.bx-wrapper .bx-next {background: url("../img/next_hover.jpg") center center no-repeat;transition: all .2s linear}

.bx-wrapper .bx-prev img,.bx-wrapper .bx-next img{opacity: 1;transition: all .2s linear}
.bx-wrapper .bx-prev:hover img, .bx-wrapper .bx-next:hover img{opacity: .1;}

#gezilecek-alan{padding-top: 3rem;}
.head-title {
    margin-bottom: 1rem;
}
.head-title .title-text{
    font-size:1.4em;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    position: relative;
    border-bottom:3px solid #e5023a;
    padding-left:0;
}
.head-title .title-text span{position: relative}
.head-title .title-text span:after{
    content: '';
    position: absolute;
    left: 0;
    bottom:-6px;
    z-index: 1;
    height: 3px;
    background: #222;
    width: 100%}
.item-list{display: flex;flex-direction: row;}
.item-list .item a:hover .desc-p,.item-list .item a:visited .desc-p{color:#555}
.item-list .item-desc{background: #fff;margin:1rem 0}
.item-list .desc-p {max-height: 128px;text-overflow: ellipsis;overflow: hidden;}
.item-list .item-title{font-family: Roboto, sans-serif;font-size: 1.2em;margin-bottom: .5rem;font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
a.other-items-btn{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #222;
    color:#fff!important;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    align-items: center;
}
a.other-items-btn label{padding:0 1rem;margin: 0;}
a.other-items-btn span{
    background: #e5023a;
    padding:.5rem 1rem ;
}
#on-basvuru{
    display: flex;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #e5023a;
    color:#f5f5f5;
    height: 22rem;
    text-align: center;
}
#on-basvuru-form{
    position: absolute;
    left: 0;
    top:0;
    min-width: 100%;
    background-color:#fff;
    padding:20px;
    z-index: 999;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5);
}
#forma-git{position: fixed;
    right: 1rem;bottom: 1rem;
    width:48px;
    height: 48px;
    background: #e50c3a;
    border-radius: 50%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid #f5f5f5;
    cursor: pointer;
    transition: all .3s linear;
}
#forma-git:hover {
    background: #fff;
    color: #e50c3a;
    border-color: #e50c3a;
}

#helen{
    background: #ffffff;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: all .3s linear;
    padding: .5rem .5rem 0;
    margin-top: 1.25rem;
    align-items: center;
    text-align: center;
    justify-content: center;
    align-self: flex-end;
}
#helen:hover {
    background: #fff;
    color: #e50c3a;
    border-color: #e50c3a;
}
#ob-header {
    background: url("../img/on_basvuru_bg.jpg") center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 1rem 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 125px;
    margin-bottom:1rem;
}
#ob-header p{font-size: 16px;margin:0}
#ob-header h3{font-weight: 400}
#il-bilgileri{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: left;
    margin-top: 1rem;max-width: 80%;
    margin-left: auto;margin-right: auto;}
/*#il-bilgileri h2{margin: 0}*/
#il-bilgileri ul{font-size: 1.1em;}
#il-bilgileri ul li{margin-bottom: .9rem}
#il-bilgileri li i{margin-right: .5rem;color: #ddd;}
#map{margin:0;padding:0}
footer{border-top:3px solid #e5023a;background:#222222;padding-top:3rem;}
footer a,footer a:visited{color:#f5f5f5;transition: all .2s linear}
footer a:hover,footer a:active{color:#e5023a}

#footer-social{
    list-style: none;
    margin: 1rem 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0;
    align-items: center;
    text-align: center;
    max-width: 160px;
    min-width: 160px;
}
#footer-social li {background: #3f3f3f;border-radius: 50%;overflow: hidden}
#footer-social a{color:#f5f5f5;display: inline-flex;width:32px;height:32px;text-align:center;justify-content: center;align-items: center;transition: all .2s linear}
#footer-social i{font-size: 1.1em}
#face:hover{background-color: #2b4a84}
#twit:hover{background-color: #64A2F1}
#youtube:hover{background-color: #b03434}
#instagram:hover{background-color: #a5277c}
#whatsapp:hover{background-color: #88E67B}
#footer-header{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start}
.footer-menu{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.footer-menu li{margin:.25rem 0}
.footer-menu a{ font-size: 1.1em;font-family: Roboto, sans-serif; }
#haberdar-ol{color:#eaeaea;display: inline-flex;flex-direction: column;max-width: 350px;padding-left:15px;padding-right: 15px}
#haberdar-ol p{color:#aaa;margin-top:.5rem;margin-bottom: 1rem}
#haberdar-ol input{background: transparent;border:1px solid #e5023a;height: 40px}
.btn.btn-helen{
    color: #fff;
    background-color: #e5023a;
    border-color: #e5023a;
    height: 40px;
}
#footer-iletisim{border-top: 1px solid #5e5e5e;border-bottom:1px solid #5e5e5e;margin-top:2rem}
#footer-iletisim ul{
    display:flex;flex-direction: row;justify-content: space-between;
    color: #eaeaea;
}
#footer-iletisim ul li{
    display: inline-flex;justify-content: flex-start;align-items: center;max-width:320px;min-height: 110px;font-size: 1.1em}
#footer-iletisim span{background:#3f3f3f;display: inline-flex;align-items: center;justify-content: center;text-align: center;border-radius: 50%;min-width: 64px;min-height: 64px;
    margin-right: 1rem;font-size: 1.8em}
#footer-iletisim p{margin: 0;padding: 0}
.mobile{display: none!important;}
.non-mobile{display: block}
#copyright{background: #000000;
    padding:1rem 0;
    color:#c9c9c9;
}
#copyright a,#copyright a:visited{color:#c9c9c9}
#designer{text-align: right}

/*İç Sayfalar*/

#main-content{
    background: #fff;position: relative;z-index: 1;
}
#page-header{
    background: #fff;
    overflow: hidden;
}
#ph-bg{background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 300px;
   /* filter: grayscale(25%) blur(3px);
    -webkit-filter: grayscale(25%) blur(3px);*/
    z-index: 0;
    transition: all .3s ease-in-out;
}


#page-title{
    margin-bottom: 1rem;
    border-bottom: 3px solid #e5023a;
    padding-bottom: 2px;
}
#page-title h1,#page-title h2,#page-title h3,#page-title h4,#page-title h5 {
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    position: relative;

    padding-left: 0;
    margin: 0;
}
#page-title h1:after,#page-title h2:after,#page-title h3:after,#page-title h4:after,#page-title h5:after{content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    z-index: 1;
    height: 3px;
    background: #222;
    width: 100%;}
#ph-title{position: absolute;bottom:0;left:1rem;padding: 1rem 1.5rem .5rem 1.5rem;;color:#E50C3A;
    z-index: 2;background: #fff;border-top-left-radius: .25rem;border-top-right-radius: .25rem}
#ph-title h1{margin: 0}
#content{margin:2rem auto}
 ul.list{
    display: flex;
    flex-direction:column;
    justify-content: flex-start;
    align-items: flex-start;
     margin:1rem 0;
}
 ul.list li:before{
    font-family : "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
    position: relative;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #e5023a;
    padding: .5rem;
}
 .kirmizi-ikon i {color: #e5023a;padding-right: .5rem}

#konum {flex-direction: row;flex-wrap: wrap;margin-bottom: 2rem;margin-top:0}
#konum a{
     color:#e5023a
 }
 ul#konum li{flex: 0 0 50%;line-height: 2.25em;}
ul#konum li:nth-child(2n) {
    padding-left: 1rem;
}
#content p{margin:.75rem 0}
#content .head-title{
    margin-top:2rem;
}

#main-content #oda-list{
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
#main-content .oda-item{margin-bottom: 1rem;border:1px solid #eaeaea}
#content #oda-list ul{    flex-direction: row;justify-content: space-between}
#content .oda-item ul li{padding:0 .5rem;}
#main-content #oda-list li:before{
    content: unset;}
#ob-formu{border:1px solid #eaeaea;border-radius: .25rem;}
#ob-formu h4{border-bottom:1px solid #eaeaea;padding: .75rem 15px;}
#ob-formu #basvuru-formu{padding: 1rem}
#sidebar{padding: 1rem .5rem}

.image-3d-effect {
    position: relative
}

.image-3d-effect .side {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 10
}

.image-3d-effect .side.left {
    left: 0;
    width: 50%
}
.image-3d-effect .side.left:hover ~ .images .front-image {
    -webkit-transform: matrix3d(.94, 0, .34, -.0002, 0, 1, 0, 0, -.34, 0, .94, 0, 1, 0, 10, 1) translateX(-10px);
    transform: matrix3d(.94, 0, .34, -.0002, 0, 1, 0, 0, -.34, 0, .94, 0, 1, 0, 10, 1) translateX(-10px)
}

.image-3d-effect .side.left:hover ~ .images .back-image {
    -webkit-transform: matrix3d(.94, 0, .34, -.00025, 0, 1, 0, 0, -.34, 0, .94, 0, 1, 0, 10, 1) translateX(30px);
    transform: matrix3d(.94, 0, .34, -.00025, 0, 1, 0, 0, -.34, 0, .94, 0, 1, 0, 10, 1) translateX(30px)
}

.image-3d-effect .side.right {
    right: 0;
    width: 50%
}

.image-3d-effect .side.right:hover ~ .images .front-image {
    -webkit-transform: matrix3d(.94, 0, .34, .0002, 0, 1, 0, 0, -.34, 0, .94, 0, 1, 0, 10, 1) translateX(30px);
    transform: matrix3d(.94, 0, .34, .0002, 0, 1, 0, 0, -.34, 0, .94, 0, 1, 0, 10, 1) translateX(30px)
}

.image-3d-effect .side.right:hover ~ .images .back-image {
    -webkit-transform: matrix3d(.94, 0, .34, .0005, 0, 1, 0, 0, -.34, 0, .94, 0, 1, 0, 10, 1.1) translateX(-100px);
    transform: matrix3d(.94, 0, .34, .0005, 0, 1, 0, 0, -.34, 0, .94, 0, 1, 0, 10, 1.1) translateX(-100px)
}

.image-3d-effect .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.image-3d-effect .front-image, .image-3d-effect .back-image {
    -webkit-perspective: 200px;
    perspective: 200px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    height: 300px;
    width: 500px;
    max-width: 92%;
    max-height: 100%;
    margin-right: 30px;
    background-size: cover;
    background-position: center center;
    -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .25)
}

.image-3d-effect .front-image {
    margin-right: 50px;
    z-index: 1;
    border-radius: 4px
}

.image-3d-effect .back-image {
    margin-left: 100px;
    margin-top: -200px;
    background-position: bottom;
    border-radius: 4px
}

.image-gallery{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    margin-top: 1rem;
    margin-left: -15px;
    margin-right: -15px;
}
.image-gallery .item{
    position: relative;
    display: inline-flex;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    flex-direction: column;
    padding:0 1rem;
    margin-bottom: 2rem;

}
.image-gallery .gallery-img{
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.gallery-img:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00e";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: #f5f5f5;
    transition: all .3s ease-in-out;
}
.width-desc .gallery-img:after{content: ""}
.item:hover .gallery-img:after{opacity: 1}
.image-gallery .item .image{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}
.image-gallery .item:hover .image{
    transform: scale(1.1);
}
.image-gallery .item-title{
    position: relative;
    padding:1rem;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #eaeaea;
}
.image-gallery .item-desc{
    opacity: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 2rem);
    height: 100%;
    color: #fefefe;
    background: rgba(0,0,0,.6);
    text-align: center;
    padding: 1.5rem;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    transition: all .3s ease-in-out;
    z-index: 2;
}
.image-gallery .item:hover .item-desc{
    opacity: 1;
}

.oda-detail-props{
    position: relative;
    background: #fff;
    width: 100%;
    padding-left: 1rem;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    margin: 1rem 0;
    border-bottom: 1px solid #eaeaea;
}
.oda-detail-props  ul{display: flex;flex-direction: row;justify-content: space-around;align-items: center;flex-wrap: nowrap;
    margin-top: 1rem;overflow: hidden;max-width: 100%}
.oda-detail-props  ul li{color: #5e5e5e;display: inline-flex;flex-direction: column;justify-content: space-between;align-items: center;line-height: 2.5em}
.oda-detail-props  ul li:before{content: unset}
.oda-detail-props  ul li i{font-size: 2em;}
#oda-ayrinti .image-gallery .item{-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
#oda-thumb-list{
    margin-top:2rem;
    margin-bottom: 1rem;
    border:1px solid #eaeaea;
    border-radius: .25rem;
}
#oda-thumb-list h4{margin-bottom:1rem;padding:.75rem 15px;;border-bottom:1px solid #eaeaea}
.oda-thumbs{display:flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;flex:0 0 100%; padding-left:15px ;
    padding-right:15px ;}
.oda-thumbs-item{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background:#f5f5f5;
    border:1px solid #f5f5f5;
    margin-bottom:1rem;
    flex: 0 0 100%;
    min-width: 100%;
    transition: all .3s ease-in-out;
}
.oda-thumbs-item:hover{background: #fff;}
.oda-thumbs-item img{max-width: 120px;filter: contrast(90%);
    max-height: 108px;transition: all .3s ease-in-out}
.oda-thumbs-item:hover img{opacity:.8;
}
.oda-thumb-props{display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}
.oda-thumb-desc{display: inline-flex;
    flex-direction: column;
    margin-left:15px;
    margin-right:15px;
    flex: 1 1 100%;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
}
.oda-thumb-props ul{
    display: inline-flex;
    flex: 0 0 100%;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    min-width: 100%;
    margin-top: 1rem;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
    white-space: nowrap;}
.oda-thumb-props li{text-align: center;padding-right: .5rem;}
.oda-thumbs-item:hover .oda-thumb-props li i{color:#222}
.oda-thumbs-item:hover .oda-thumb-props li:hover i{color:inherit}

.fotolar{margin-bottom:1rem;}
.fotolar .bx-wrapper{margin-bottom:1rem}
.fotolar .bx-wrapper img{max-height: 600px;width: auto;display: inline}
.fotolar li{    display: inline-block;
    text-align: center;}
.fotolar .bx-pager{text-align: center}
.fotolar .bx-pager a {
    width: 100px;
    height: 70px;
    overflow: hidden;
    display: inline-block;
}
.fotolar .bx-pager img{max-width: 100px;}

#iletisim .list-group-item{display: flex;flex-direction: row;align-items:center}
#iletisim  li.list-group-item > i{padding-right:1rem}
#iletisim-social{
    list-style: none;
    margin: 1rem auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0;
    align-items: center;
    text-align: center;
    max-width: 200px;
    flex: 1 1 200px;
}
#iletisim-social li {border-radius: 50%;overflow: hidden;text-align: center}
#iletisim-social a{
    color:#f5f5f5;
    display: inline-flex;
    width:40px;
    height:40px;
    text-align:center;
    justify-content: center;
    align-items: center;
    opacity: .8;
    transition: all .2s linear;
}
#iletisim-social a:hover{opacity: 1}
#iletisim-social i{font-size: 1.1em}
#iletisim-social .face{background-color: #2b4a84}
#iletisim-social .twit{background-color: #64A2F1}
#iletisim-social .youtube{background-color: #b03434}
#iletisim-social .instagram{background-color: #a5277c}
#iletisim-social .whatsapp{background-color: #88E67B}
#header-row{      flex: 0 0 100%;
    flex-wrap: nowrap;  justify-content: space-between;}
label.error {
    position: absolute;
    top: 6px;
    right: 15px;
    color: #f88282;
    font-size: .9em;
}

@media only screen and (min-width: 992px) and (max-width:1199.99px) {
    .navbar-light .navbar-nav .nav-link{font-size: 15px}
    #logo-col{
        flex: 0 0 150px;
        align-items: center;}
    #logo-col img{
        max-width: 100%;}
    #header-col{max-width: unset;width: unset ; flex: 0 0 85%;}
    #nav-row{    min-height: 90px;}
}

@media only screen and (max-width: 991.98px) {
    #header-bar{height: 40px}
    .container{max-width: 98%;}
    #header-bar-container{min-height: 40px}

    #header-col {
        position: relative;
        padding-right: 15px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        min-width: 100%;
    }
    #logo-col{display: none}
    .navbar-brand{display: block;    position: absolute;
        left: 0;
        top: -52px;
        width: 120px;}
    .bar-item{flex: 1 1 80%;    justify-content: flex-end;}
    #helen{
        position: absolute;
        left: calc((100% - 124px)/2);
        top: 0;
    }
    #nav-row{min-height: 70px;padding-top: 1rem;    align-items: flex-start;}
    .navbar, .navbar-nav{    justify-content: flex-end;    align-items: center;}
     .navbar-collapse{    justify-content: space-around;}
    .oda-item .oda-title {
        top: -4rem;
        transition: all .2s linear;
    }
    .oda-item .oda-title:after {
        content: "";
        background: #fff;
        width: 1rem;
        height: 1rem;
        position: absolute;
        transform: rotate(45deg);
    }
    .oda-item .oda-props {
        opacity: 1;
    }
    #footer-header{flex-wrap: wrap;justify-content: space-around}
    #footer-header > div{min-width: 48%;margin-bottom: 2rem}
    #footer-iletisim ul{flex-wrap: wrap;justify-content: space-around}
    #footer-iletisim ul li{max-width: 50%;min-width: 48%;min-height: unset;margin: 1rem 0}
    #footer-iletisim span{min-width: 40px;min-height: 40px;font-size: 1.2em}
    .image-3d-effect{max-width: 98%}
    .image-3d-effect {margin-top: 40px}
    .image-3d-effect .front-image, .image-3d-effect .back-image{
        height: 250px;}
    .image-gallery .item{
        margin-top:1rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 1rem;
    }

}
@media only screen and (max-width: 767.98px) {
    .mobile{display: block!important;}
    .non-mobile{display: none!important;}
    #ph-bg{height: 200px;}
    #on-basvuru {
        align-items: flex-start;
        height: unset;
        padding-top: 15px;
        padding-bottom: 15px
    }

    #on-basvuru-form {
        position: relative;
        padding: 0;
        box-shadow: unset;
        -webkit-box-shadow: unset
    }

    #basvuru-formu {
        padding: 0 1rem 2rem 1rem;
    }
    ul#konum li {
        flex: 0 0 100%;
    }
    ul#konum li:nth-child(2n){
        padding-left: 0;
    }

    #ob-iletisim {
        display: none
    }

    #footer-logo img {
        max-height: 120px;
    }

    #footer-logo {
        min-width: 48%;
        margin-bottom: 2rem;
        display: block;
        width: 100%;
        text-align: center;
    }
    .image-3d-effect .front-image, .image-3d-effect .back-image{
        width: 460px;
        height: 280px;
        max-width: unset;
    }
}
@media only screen and (max-width: 575.98px) {
    #footer-iletisim ul{flex-direction: column}
    #footer-iletisim ul li{max-width: unset}
    .other-items-btn label{display: none}
    #bar-lang li.active{display: none}
    #cnk-rehber li{
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        font-size: .9em;}
    #cnk-rehber li:nth-child(4n):after{ content: '';}
    #cnk-rehber li:nth-child(n+9):before{ content: '';}
    #cnk-rehber li:nth-child(3n):after{content:unset}
    #cnk-rehber li:nth-child(n+10):before{content: unset}
    .footer-menu{margin-right: 1rem}
    #copy{text-align: center}
    #designer{text-align: center;padding-top:.5rem;font-size: .9em}

    .image-3d-effect .front-image, .image-3d-effect .back-image{
        width: 320px;
        height: 230px;
    }
    .image-gallery .item{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
    .oda-detail-props ul{margin-bottom:1rem}
    .oda-detail-props ul li div{display: none}
    .oda-detail-props ul li i{font-size:1.5em}
    #ph-title h1{font-size: 1.4em;}
    #ph-title h2{font-size: 1.3em;}
    #ph-title h3{font-size: 1.2em;}
    #ph-title h4{font-size: 1.1em;}
}

@media only screen and (max-width: 399.98px){
        #cnk-rehber li:nth-child(3n):after{ content: '';}
        #cnk-rehber li:nth-child(n+10):before{ content: '';}
        #cnk-rehber li:nth-child(2n):after{content:unset}
        #cnk-rehber li:nth-child(n+11):before{content: unset}
        #footer-nav{display: none}
        #cnk-rehber li {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            font-size: .9em;
        }
    }

#calendar{
    display:none;
}
.res_big , #res_r_box_a {display:none}
#res_bordered_row{border:none !important;}

#res_adult_selection{
    display:none;
}
.searchform.s-separator.ng-pristine.ng-valid {
    display: none;
}
#reservationform {
    display: none;
}

div#reselivaNav div,
div#reselivaNav span,
div#reselivaNav img,
div#reselivaNav strong,
div#reselivaNavtr,
div#reselivaNav th,
div#reselivaNav td,
div#reselivaNav nav {
    vertical-align:top !important;
}
.cpBorder td, .cpBorder th {
    padding: 7px !important;
}

#res_r_box td, #res_r_box td strong {
    color: #000 !important;
    font-size: 12px !important;
}
div#reselivaNav table{
    background:none;
}

#res_r_box_h_table {
    border:none;
}
.res_big {
    display:none
}
#res_bordered_row{
    border:none !important;
}

div#pCalendar {
    z-index: 9999999999 !important;
    position:absolute !important;
}
div#res_r_box tr:nth-of-type(2n+1) {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#anchorA > img {
    display: inline !important;
}
.res_big {
    display:none
}
#res_bordered_row{
    border:none !important;
}
#res_r_box td, #res_r_box td strong,  #res_r_box a {
    color: #b07c5a !important;
}

.res_big {
    display:none
}
#res_bordered_row{
    border:none !important;
}

select#tmp_numAdults_0{
    max-width:50px !important;
}

#res_r_box_h_table {
    border-collapse: separate;
    width:100% !important;
    margin:0px !important;
}
#res_r_box_h_table td,#res_r_box_h_table th {
    text-align:center;
    border:none !important;
    padding:0px !important;
}

div#reselivaNav {
    background-color:rgba(229, 2, 58, 1);
    color: inherit;
    max-height:53px;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
}

.cpBorder, .cpBorder table {
    border:none !important;
}
#btnShowPrices{
    -moz-user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.42857 !important;
    margin-bottom: 0 !important;
    padding: 6px 6px !important;
    text-align: center !important;
    white-space: nowrap !important;
    position:inherit;
    left: -60%;
    background-color: #fff !important;
    color: #000 !important;
    height:35px !important;
    text-transform:uppercase;
    min-width:167px !important;
    float:right;

}

.cpBorder td , .cpBorder th{
    padding: 1px 1px !important;
}

.cpBorder ,.cpBorder table{
    border: thin solid #808080;
    margin: 0px !important;
}
#btnShowPrices:hover{
    color: #ffffff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}
#res_r_box td, #res_r_box td strong {
    font-size: 12px !important;
    color:#ffffff !important;
}
#td_res_checkin > input,
#td_res_checkout > input,
#td_res_adult > select,
td#res_child_selection > select {
    display: inline !important;
    height: 35px !important;
    width:50% !important;
    padding: 3px 6px !important;
    font-size: 12px;
    line-height: 1.42857143 !important;
    color: #555555 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #cccccc !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius:0px !important;



}
#res_r_box_a a {
    color:#ffffff !important;
}

td#res_r_box_a span a {
   /* vertical-align:calc()  !important;*/

}

#td_res_adult > select, td#res_child_selection > select{
    min-height: 35px !important;
}


select#tmp_numChildren_0{
    max-width:20% !important;
}
td#res_child_selection{

}

#res_r_box_h_table {
    border: none !important;
}
@media screen and (max-width: 1152px) and (max-height: 684px){
    td#res_r_box_a{
        display:none !important ;
    }

}
@media screen and (max-width: 1024px) and (max-height: 768px){
    td#res_r_box_a{
        display:none !important ;
    }

}
@media screen and (max-width:906px){
    #td_res_checkin > input,#td_res_checkout > input,#td_res_adult > select {
        margin-top:0px;
    }
    a#anchorB,a#anchorA{
        position:absolute;
    }

}
@media screen and (max-width:800px){
    div#reselivaNav {
        padding:3px;
        width:100%;

    }
    td#res_r_box_a{
        display:none;
    }
}
@media screen and (max-width:600px){
    td#td_res_adult {
        display: block !important;
        float: left;
        position: relative !important;
        top: 40px;
        width: 200px;
    }
    td#td_res_button {
        display: block !important;
        position: relative;
        top: 210px;
    }
    div#reselivaNav {
        min-height: 320px !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom:20px !important;
        border-radius:0;
        box-shadow:5px 7px 7px #CCCCCC;
        width:220px !important;
    }
    #td_res_checkin > input,#td_res_checkout > input{
        width:81% !important;

    }
    td#res_r_box_a {
        display: none;
    }
    td#td_res_checkout {
        display: block !important;
        position: relative;
        top: 30px;
        width: 200px !important;
        float:left;

    }
    td#td_res_checkin {
        display: block;
        position: relative !important;
        width: 200px !important;
        top:10px;
        float:left;


    }
    #td_res_button input {
        left: 10%;
        position: absolute;

    }
    h4#resHeader{
        display:inline-block !important;
    }
}