@charset "UTF-8";
/************************************************
Kod Yoneticisi | www.kodyoneticisi.com
ie6, ff, opera. chrome, safari
************************************************/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700,900&subset=latin,latin-ext);

.mlog{    height: 229px;
    overflow: hidden;}
body {
	font-family: 'Titillium Web', sans-serif;
	color: #6a6b6c;
	background-color: white;
}

a,
a:hover,
a:focus,
a:active { text-decoration: none; color: #ababab; outline: 0; }


h1,h2,h3,h4,h5,h6 { color: #3a3a3a; }


/* Short Codes *****************************************************/

.f3 {font-weight: 300;}
.f4 {font-weight: 400;}
.f5 {font-weight: 500;}
.f6 {font-weight: 600;}
.f7 {font-weight: 700;}
.f8 {font-weight: 800;}
.f9 {font-weight: 900;}
.ft36 {font-size: 36px; font-weight: 500;}
.m0 { margin: 0px; }
.mT15 {    margin-top: 15px;}
.mT38 {    margin-top: 38px;}
.mB15 {margin-bottom: 15px;}
.mT30 {margin-top: 30px;}
.mT60 {margin-top: 60px;}
.mB30 {margin-bottom: 30px;}
.mR10 { margin-right: 10px;}
.p0 { padding: 0px; }
.pT15 {padding-top: 15px;}
.pB15 {padding-bottom: 15px;}
.pT30 {padding-top: 30px;}
.pB30 {padding-bottom: 30px;}

.pR { position: relative;     z-index: 99;}
.db { display: block !important; }
.dib { display: inline-block !important; }
.w100 { float: left; width: 100%; }
.w50 { float: left; width: 50%; }
.eclipse { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }

.tBG { background-color: transparent;}
.tW {color: #fff !important;}
.tW a {color: #fff !important;}
.bW {background-color: #fff !important;}

.tY {color: #ff0001 !important;}
.tY a {color: #ff0001 !important;}
.bY {background-color: #ff0001   !important;}


.tB {color: #000 !important;}
.tB a {color: #000 !important;}
.bB {background-color: #000 !important;}

.tG {color: #3a3a3a !important;}
.tG a {color: #3a3a3a !important;}
.bG {background-color: #3a3a3a !important;}

.trl { -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.trlX { -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.trlY { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.contain { background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.yuz {width: 136px; height: 136px;}
/* Buttons *********************************************************/

.btn1 { display: inline-block; padding: 10px 30px; color:#fff; background-color: #ff0001; font-weight: 700; font-size: 18px; text-align: center; border: 0px; border-radius: 0px; }
.btn1.sm { padding: 7px 20px; font-size: 13px; }
.btn1.xs { padding: 5px 10px; font-size: 12px; }
.btn1 i { margin-right: 5px; }
.btn1:focus,
.btn1:hover { background-color: #fff; color:#000; }

.btn2 { display: inline-block; padding: 5px 20px;     color: #5db4e4; background-color: #fff; font-weight: 600; font-size: 14px; text-align: center;  border-radius: 0px; }
.btn2.sm { padding: 4px 15px; font-size: 13px; }
.btn2.xs { padding: 3px 10px; font-size: 12px; }
.btn2 i { margin-right: 5px; }
.btn2:focus,
.btn2:hover { background-color: #a6a6a6; color:#fff; }

.btn3 { display: inline-block; padding: 10px 30px; color:#fff; background-color: #ff0001; font-weight: 600; font-size: 14px; text-align: center; border: 0px; border-radius: 0px; }
.btn3.sm { padding: 7px 20px; font-size: 13px; }
.btn3.xs { padding: 5px 10px; font-size: 12px; }
.btn3 i { margin-right: 5px; }
.btn3:focus,
.btn3:hover { background-color: #333333; color:#fff; }

/*******************************************************************/


/* Share Buttons ***************************************************/


.share-box { float: left; display: block; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ccc; }
.share-box .share-caption { margin-top: 0px; font-weight: 700; }
.btnShare { float: left; display: inline-block; padding: 7px 20px; margin-right: 5px; margin-bottom: 5px; color:#555; background-color: #fff; font-weight: 400; font-size: 12px; text-align: center; border-radius: 0px; }
.btnShare.circle { border-radius: 40px; }
.btnShare i { font-family: 'FontAwesome'; opacity: 0.9; }
.btnShare span { margin-left: 5px; }
.btnShare:focus,
.btnShare:hover {  }

.btnShare:focus i,
.btnShare:hover i { opacity: 1; }

.btnShare.facebook { background-color: #3b5998; color: white; }
.btnShare.facebook:hover { background-color: #304d8a; }
.btnShare.facebook i:after { content: '\f09a'; }

.btnShare.twitter { background-color: #0084b4; color: white; }
.btnShare.twitter:hover { background-color: #00719b; }
.btnShare.twitter i:after { content: '\f099'; }

.btnShare.google-plus { background-color: #dc4a38; color: white; }
.btnShare.google-plus:hover { background-color: #de321d; }
.btnShare.google-plus i:after { content: '\f0d5'; }

.btnShare.instagram { background-color: #49769c; color: white; }
.btnShare.instagram:hover { background-color: #3d698e; }
.btnShare.instagram i:after { content: '\f16d'; }

.btnShare.linkedin { background-color: #1f88be; color: white; }
.btnShare.linkedin:hover { background-color: #147baf; }
.btnShare.linkedin i:after { content: '\f0e1'; }



/*******************************************************************/




/* Custom CSS Desing ***********************************************/

.captionCenter { color:black; font-weight: 700;position: relative; text-align: center; margin: 30px 0px;  font-size: 30px;  z-index: 2; }
.captionCenter span { padding: 0px 30px; background-color: transparent; }
.captionCenter.grey span { background-color: #f8f8f8; }
.captionCenter:before { content: ''; position: absolute; width: 150px; height: 0px; bottom: -8px; left: 50%; margin-left: -75px; background-color: #ff0001;  }

.contact-head { position: relative; text-align: left;  margin: 30px 0px;  font-weight: 600; color: #000; z-index: 2; }
.contact-head span { padding: 0px 30px; background-color: transparent; }
.contact-head.grey span { background-color: #f8f8f8; }
.contact-head:before { content: ''; position: absolute; width: 170px; height: 0px; bottom: -8px; left: 18%; margin-left: -75px; background-color: #ff0001;  }

.cI {font-size: 22px; color: #ff0001;}

.projeCenter { color:white; font-weight: 700;position: relative; text-align: center; margin: 30px 0px;  font-size: 30px;  z-index: 2; }
.projeCenter span { padding: 0px 30px; background-color: transparent; }
.projeCenter.grey span { background-color: #f8f8f8; }
.projeCenter:before { content: ''; position: absolute; width: 150px; height: 0px; bottom: -8px; left: 50%; margin-left: -75px; background-color: #ff0001;  }

.baslikFooter { position: relative; text-align: left; margin: 10px 0px; font-weight: 500; font-size: 20px; color: #000; z-index: 2; }
.baslikFooter span {    padding: 0px 0px;
    background-color: transparent;
    font-size: 19px;
    font-weight: 700;
}
.baslikFooter.grey span { background-color: #f8f8f8; }
.baslikFooter:before {     content: '';
    position: absolute;
    width: 76px;
    height: 6px;
    bottom: 30px;
    left: 21%;
    margin-left: -75px;
    background-color: #ff0001;  }


.haberbaslik { position: relative; text-align: center; margin: 20px 0px; font-weight: 500; font-size: 18px; color: #fff; z-index: 2; }
.haberbaslik span { padding: 0px 40px; background-color: transparent; color: #0f0f0f; }
.haberbaslik:before { content: ''; position: absolute; width: 150px; height: 2px; bottom: -13px; left: 50%; margin-left: -75px; background-color: #dddddd;  }

.navbar-toggle { border-radius: 0px; border-color: transparent !important; background-color: transparent; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: #000; }
.navbar-toggle.collapsed .icon-bar:nth-child(1) { transform: none; -webkit-transform:none; }
.navbar-toggle.collapsed .icon-bar:nth-child(2) { opacity: 1; }
.navbar-toggle.collapsed .icon-bar:nth-child(3) { transform: none; -webkit-transform:none; }

.navbar-toggle .icon-bar:nth-child(1) { transform: rotate(45deg)translate(4px, 4px); -webkit-transform: rotate(45deg)translate(4px, 4px); -moz-transform: rotate(45deg)translate(4px, 4px); -ms-transform: rotate(45deg)translate(4px, 4px); -o-transform: rotate(45deg)translate(4px, 4px); }
.navbar-toggle .icon-bar:nth-child(2) { opacity: 0; }
.navbar-toggle .icon-bar:nth-child(3) { transform: rotate(-45deg)translate(5px, -5px); -webkit-transform: rotate(-45deg)translate(5px, -5px); -moz-transform: rotate(-45deg)translate(5px, -5px); -ms-transform: rotate(-45deg)translate(5px, -5px); -o-transform: rotate(-45deg)translate(5px, -5px); }



.pagination>li>a,
.pagination>li>span { border: 1px solid #eeeeee; margin-left: 0px; font-weight: 700; }

.pagination>li:first-child>a,
.pagination>li:first-child>span { border-radius: 0px; }
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-radius: 0px; }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { border-color: #2185d0; background-color: #2185d0; color: #fff; }

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { background-color: #1678c2; }

.bx-wrapper .bx-viewport { border: none; box-shadow: none; background-color: transparent; left: 0; }

/*******************************************************************/


/* TRANSITION ******************************************************/

.navbar-nav>li>a,
.navbar-nav>li>a>div,
.navbar-nav>li>a:before,
.btn1,
.btn2,
.btn3,
.btnShare,
.trible-text i,
.suite-text i,
.suite-text,
.trible-text,
.activity-box .text,
.activity-box .text .icon,
.activity-box .text .icon svg *,
.activity-box .img,
.news-box,
.bottom-carousel .box:before,
.bottom-carousel .box:after,
.footer-social li a i,
.icon-bar,
.buttons i,
.gallery .box:before,
.gallery .box:after {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.team-box .text,
.team-box .img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
/*******************************************************************/



/* HEADER **********************************************************/
.topInfo{ background-color: transparent; line-height: 40px;}
.topInfo .info-contact{margin-right: 40px;     top: 8px;
    position: relative; display: inline-block; color: #000;}
.topInfo .info-social{margin-right: 15px; top: 0; display: inline-block; color: #000;}
.topInfo .info-social i{ font-size: 18px; margin-left: 15px; top: 0; display: inline-block; color: #000;}

#header { font-family: 'Open Sans', sans-serif; }
#header .navbar { border-radius: 0px;     z-index: 99;border: none; background-color: transparent; margin-bottom: 0px; }
#header .navbar-nav {}

#header .navbar-brand { height: 124px; padding: 0px 15px; }
#header .navbar-brand img {  }
#header .navbar-brand img.scroll-logo { display: none; }
#header .navbar-nav { margin-top: 45px;  }
#header .navbar-nav>li>a { position: relative; color: #000; font-size: 16px; padding: 16px 13px; }
#header .navbar-nav>li>a:before { content: '';     position: absolute;
    width: 100%;
    height: 45%;
    top: -10px;
    left: 0;  }
#header .navbar-nav>li>a:after { content: ''; position: absolute; width: 0%; height: 2px; top: 0; left: 0;   }

#header .navbar-nav>.active>a,
#header .navbar-nav>.active>a:focus,
#header .navbar-nav>.active>a:hover { background-color: transparent; background: url(../img/hover2.png) no-repeat bottom center; }

#header .navbar-nav>.active>a:before,
#header .navbar-nav>.active>a:focus:before,
#header .navbar-nav>.active>a:hover:before { background-color: transparent; background: url(../img/hover1.png) no-repeat center; }


#header .navbar-nav>.active>a:before,
#header .navbar-nav>.active>a:focus:before,
#header .navbar-nav>.active>a:hover:before {     background: url(../img/hover1.png) no-repeat center;}

#header .navbar-nav>.active>a:after,
#header .navbar-nav>.active>a:focus:after,
#header .navbar-nav>.active>a:hover:after { width: 20%; }

#header .navbar-nav>li>a:focus,
#header .navbar-nav>li>a:hover { color: grey;background: url(../img/hover2.png) no-repeat bottom center; }

#header .navbar-nav>a:before,
#header .navbar-nav>a:focus:before,
#header .navbar-nav>a:hover:before {     background: url(../img/hover1.png) no-repeat center;}

#header .navbar-nav>li>a:focus:before,
#header .navbar-nav>li>a:hover:before { height: 40%;  background: url(../img/hover1.png) no-repeat center; }

#header .navbar-nav>li>a:focus:after,
#header .navbar-nav>li>a:hover:after { width: 40%; }

#header .navbar-nav>.open>a,
#header .navbar-nav>.open>a:focus,
#header .navbar-nav>.open>a:hover { background-color: transparent; }

#header .navbar-nav>.open>a:before,
#header .navbar-nav>.open>a:focus:before
#header .navbar-nav>.open>a:hover:before { height: 100%; }

#header .navbar-nav>li>.dropdown-menu { padding: 0px; border: none; border-radius: 0px; border-left: 3px solid grey; }
#header .navbar-nav>li>.dropdown-menu>li>a { position: relative; z-index: 2; padding: 8px 20px; }
#header .navbar-nav>li>.dropdown-menu>li>a:before { content: ''; position: absolute; width: 0%; height: 100%; top: 0; left: 0; background-color: grey; z-index: -1; }
#header .navbar-nav>li>.dropdown-menu>li>a:hover { color: white; }
#header .navbar-nav>li>.dropdown-menu>li>a:hover:before { width: 100%; }

#header .top-contact { position: absolute; right: 15px; top: 0; display: inline-block; color: #205f8a; }
#header .top-contact i { margin-right: 10px; }
#header .top-contact a { color: #205f8a; }

/*******************************************************************/
.form-control { border-radius: 0px; border: 2px solid #ccc; height: 50px; box-shadow: none; background-color: white; }
.form-control:focus { border-bottom-color: #ff0001; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; box-shadow: none; -webkit-box-shadow:none; }
.form-control-feedback { font-weight: 300; line-height: 50px; }


#main .contact .form-control { border-radius: 0px; border: 0px; color: #333333;  box-shadow: none; background-color: #eeeeee; }
#main .contact .form-control:focus { border-bottom-color: #ff0001; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; box-shadow: none; -webkit-box-shadow:none; }
#main .contact .form-control-feedback { font-weight: 300; line-height: 50px; }

/* MAIN ************************************************************/


#main { background-color: #fff; }
#main .banner { height: 535px;  }
#main .banner .bread { height: 150px; }
#main .callyou {     min-height: 123px;
    margin-top: -24px;    background-color: #f2e5dd
   }
#main .callyou .callyou-title{ color: #3a3a3a;;     font-size: 22px;}
#main .callyou .form-control {color: white;}
#main .hizmetler  img{width: 100%;}
#main .hizmetler .hizmet-title {border-bottom: solid; border-bottom-width: 3px; solid-color: #ff0001}
#main .hizmetler .hizmet-content {    text-align: center;
    margin-left: 31px;background-color: #fff; margin-top: -55px;}
#main .hizmetler article{}


#main .main-team { padding: 50px 0px; }
#main .main-team .team-box { position: relative; overflow: hidden; }
#main .main-team .team-box .img { position: relative; width: 100%; }
#main .main-team .team-box .text { position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 2px solid transparent; text-align: center; background-color: white; padding: 30px 0px; }
#main .main-team .team-box .text figcaption { font-size: 15px; }
#main .main-team .team-box:hover .text { border-bottom: 2px solid #ff0001; padding: 60px 0px; }
#main .main-team .team-box:hover .img { transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); }


#main .content .content-body .team-box { position: relative; overflow: hidden; cursor: pointer; }
#main .content .content-body .team-box .img { position: relative; width: 100%; }
#main .content .content-body .team-box .text { position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 2px solid transparent; text-align: center; background-color: white; padding: 30px 0px; }
#main .content .content-body .team-box .text figcaption { font-size: 15px; }
#main .content .content-body .team-box:hover .text { border-bottom: 2px solid #ff0001; padding: 60px 0px; }
#main .content .content-body .team-box:hover .img { transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); }




#main .projeler { background-color: #272a2d; min-height: 202px;}
#main .projeler .proje-tab>li { display: block}
#main .projeler .proje-tab>li>a { position: relative;   color: #babfc5; font-size: 16px; padding: 10px 13px; }
#main .projeler .proje-tab>li>a:active { position: relative;   color: #ff0001; font-size: 16px; padding: 10px 13px; }
#main .projeler .proje-tab>li>a:before { content: ''; position: absolute; width: 2px; height: 0%; top: 0; left: 0; background-color: #1f88be;  }
#main .projeler .proje-tab>li>a:after { content: ''; position: absolute; width: 0%; height: 2px; top: 0; left: 0; background-color: #1f88be;  }
#main .proje-blok .tab-pane img {width: 100%;}


#main .projeler .proje-menu  .nav-tabs {     border: 1px solid white;    border-bottom: 1px solid #fff; }
#main .projeler .proje-menu  .nav-tabs>li>a {   margin-right: 2px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff; }
#main .projeler .proje-menu  .nav>li>a:focus,
#main .projeler .proje-menu .nav>li>a:hover {border: 0px solid #E0001B; border-bottom-color: #ff0001; background-color: transparent;     font-size: 15px;
    font-weight: 700;
    color: #ff0001; border-radius: 0px;  }

#main .projeler .proje-menu  .nav-tabs>li.active>a,
#main .projeler .proje-menu .nav-tabs>li.active>a:focus,
#main .projeler .proje-menu .nav-tabs>li.active>a:hover { border: 0px solid #E0001B;  border-bottom-color: #fff; background-color: transparent;    font-size: 15px;
    font-weight: 700;
    color: #ff0001; border-radius: 0px; }
.tab-content{;}
.tab-content>.tab-pane {  }

#main .container-fluid{margin:0;}

#main .hizmet {margin-top: 30px;}
#main .hizmet img{width: 100%;}
#main .mlog .mlog-baslik{margin-top: -135px;        top: 399px; z-index: 5; position: absolute; height: 135px;  background-color: #004378; filter: alpha(opacity=80); opacity: 0.8; align-content: center;}
#main .mlog .mlog-contact{margin-top: -135px; z-index: 5;  height: 135px;  background-color: #004378; filter: alpha(opacity=80); opacity: 0.8; align-content: center;}

#main .hizmet .room-gallery {  }
#main .hizmet  .room-gallery #room-gallery {  }
#main .hizmet  .room-gallery #room-gallery .item {  }
#main .hizmet  .room-gallery #room-gallery .item img { width: 100%; }

#main .hizmet  .room-gallery #room-gallery-thumb { margin-top: 10px; }
#main .hizmet  .room-gallery #room-gallery-thumb .item { padding: 2px; }
#main .hizmet  .room-gallery #room-gallery-thumb .item img { padding: 3px; width: 100%; }
#main .hizmet  .room-gallery #room-gallery-thumb .owl-item img { border: 1px solid transparent; }
#main .hizmet  .room-gallery #room-gallery-thumb .owl-item.active img { border: 1px solid #02A0CF; }

#main .diger img {width: 100%;}
#main .diger .hizmet-title {border-bottom: solid; border-bottom-width: 3px; solid-color: #ff0001}
#main .diger .hizmet-content {background-color: #fff; margin-top: -55px;}
#main .diger article{}

#main .hizmet .hizmet-title {border-bottom: solid; border-bottom-width: 3px; solid-color: #ff0001}
#main .hizmet .hizmet-content {      background-color: #ececec;
    
    padding-left: 36px;
    padding-bottom: 28px;
    text-align: center;
    padding-right: 37px;}
#main .himzet article{}

/*******************************************************************/




/* FOOTER **********************************************************/

#footer { padding: 30px 0; margin-top: 60px; color: #000; border-top:2px solid #ff0001; }
#footer .footer-contact address { margin-bottom: 5px; font-size: 16px; }
#footer .footer-contact p { margin-bottom: 0; font-size: 16px; }
#footer .footer-contact a { color: black; }
#footer .footer-reservation { text-align: center; }
#footer .footer-reservation i { width: 40px; height: 40px; line-height: 40px; font-size: 30px; text-align: center; background-color: #acd373; color: #fff; }
#footer .footer-logo { margin-top: 40px; }
#footer .footer-form-box { text-align: right; }
#footer .footer-form {  }
#footer .footer-form .input-group { width: 100%; margin-bottom: 5px; }
#footer .footer-social { padding: 0; margin: 0; list-style-type: none; float: right; }
#footer .footer-social li { float: inherit; }
#footer .footer-social li a { display: block; margin-left: 15px; }
#footer .footer-social li a i { width: 30px; height: 30px; line-height: 30px; text-align: center; color: black; font-size: 24px; }
#footer .footer-social li a:hover i { transform:translateY(-3px); -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -ms-transform:translateY(-3px); -o-transform:translateY(-3px); }
.footer-link{color: black;}
#footer-line{    height: 61px;color:#ffffff; background-color:#ff0001; }
/*******************************************************************/






/* Responsive ******************************************************/

/* SM Mobil Menu */
@media (max-width: 1199px) {
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 2px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-text { float: none; margin: 15px 0; }
    .navbar-collapse.collapse.in { display: block!important; }
    .collapsing { overflow: hidden!important; }
    .navbar-brand { position: relative; }

}
.floatnone{float: left;  }
.mobillayer {  top: -181px; }
.float50{ margin-left: 52px;}
.mobilnews{height: 192px;width: 561px;}
.mobilnews1{margin-top: 35px;padding-right: 41px;padding-left: 0;}
.mobilnews3{position: absolute; right: -4px;    top: -39px;    background: #ff0001;    padding: 7px;color: white;}


/* XS */
@media (max-width: 767px) {
	.btnShare { padding: 0px; }
	.mobillayer {  top: 0px; }
    #main .banner {
        height: 100%;
    }
    .conttop{       margin-top: -180px;}
    #main .mlog .mlog-baslik {
   display:none;
    }
    #header .navbar-nav>li>.dropdown-menu {
        padding: 0px;
        text-align: center;
        border: none;
        margin-bottom: 20px;
        border-radius: 0px;
        border-left: 3px solid grey;
    }
    #header .navbar-nav>li>a:focus, #header .navbar-nav>li>a:hover {
        color: grey;
        background:none;
    }
    .mlog {
     height: 100%;
        overflow: hidden;
    }
    .mobilnews{height: 100%;width: 100%;}
    .mobilnews1{margin-top: 0px;padding-right: 0px;padding-left: 0;}
    .mobilnews3{position: absolute; right: 0px;    top: 0px;    background: #ff0001;    padding: 0px;color: white;}
    .mT303{
        margin-top: 30px!important;}
.floatnone{float:none;}
    .lastc{ border-right:none!important;}
    .lastc:last-child{ border:none;}

    .float50{ margin-left: 0px;}

    .mobil50{float:none!important;    text-align: center;}
    #main .projeler .proje-menu .nav-tabs {
        border: 1px solid white;
        border-bottom: 1px solid #fff;
        margin-bottom: 20px;
    }
    #header .navbar-nav>.active>a, #header .navbar-nav>.active>a:focus, #header .navbar-nav>.active>a:hover{background:none;}
	.btnShare.circle { border-radius: 50%; }
	.btnShare i { margin-right: 0px; width: 31px; height: 31px; line-height: 31px; text-align: center; }
    #main .hizmetler .hizmet-content {
        text-align: center;
        margin-left: -1px;
        background-color: #fff;
        margin-top: 0;
        padding-top: 6px;
    }
	.btnShare span { display: none; }
	#header .navbar-brand { height: 50px; }
    #header .navbar-brand img { height: 55px; }
    #header .top-contact { display: none; }
    #header .navbar-nav {}
    .navbar-right {}
    #header .navbar-nav>li>a { text-align: center; padding: 10px 15px; }
    #header .navbar-nav>li>a:before { display: none; }
    #header .navbar-nav>li>a:after { display: none; }
    #header .navbar-nav>li>a:focus>div,
    #header .navbar-nav>li>a:hover>div { opacity: 1; font-weight: 700; }
    #main .main-rooms .suite { width: 100%; }
    #main .main-rooms .trible { width: 100%; }
    #main .main-rooms .trible-text { width: 100%; height: auto; bottom: 0; left: 0; top: auto; }
    #main .main-rooms .trible:hover .trible-text { width: 100%; padding: 30px 15px; }
    #main .main-rooms .trible-text i { top: -40px; }
    #footer { text-align: center; }
    #footer .footer-form-box { text-align: center; }
    #footer .footer-social { display: flex; display: -webkit-flex; justify-content:center; float: none; }
    #main .content-body { padding: 30px 15px; }
    #header .navbar-nav>.active>a>div { opacity: 1; font-weight: 700; }
    #main .projeler .proje-menu{ width: 220px; margin: 0 auto;}
}
@media (min-width:300px) and (max-width:737px){
    #main .mlog .mlog-baslik{margin-top: -70px; z-index: 5; position: absolute; height: 70px;  background-color: #004378;  opacity: 0.8; align-content: center;}
}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	#header .navbar-brand { height: 50px; }
    #header .navbar-brand img { height: 35px; }
    #header .top-contact { display: none; }
    #header .navbar-nav { margin-top: 0; }
    .navbar-right { margin-right: 0; }
    #header .navbar-nav>li>a { text-align: center; padding: 10px 15px; }
    #header .navbar-nav>li>a:before { display: none; }
    #header .navbar-nav>li>a:after { display: none; }
    #header .navbar-nav>li>a:focus>div,
    #header .navbar-nav>li>a:hover>div { opacity: 1; font-weight: 700; }
    #main .main-rooms .suite { width: 100%; }
    #main .main-rooms .trible { width: 100%; }
    #header .navbar-nav>.active>a>div { opacity: 1; font-weight: 700; }
    #main .projeler .proje-tab>li { display: block;}
    #main .projeler .proje-menu{ width: 220px; margin: 0 auto;}
    #main .mlog .mlog-baslik{margin-top: -80px; z-index: 5; position: absolute; height: 80px;  background-color: #004378;  opacity: 0.8; align-content: center;}
}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .dropdown:hover .dropdown-menu { display: block; }
    #header .navbar-brand { height: 50px; }
    #header .navbar-brand img { height: 35px; }
    #header .top-contact { display: none; }
    #header .navbar-nav { margin-top: 0; }
    .navbar-right { margin-right: 0; }
    #header .navbar-nav>li>a { text-align: center; padding: 10px 15px; }
    #header .navbar-nav>li>a:before { display: none; }
    #header .navbar-nav>li>a:after { display: none; }
    #header .navbar-nav>li>a:focus>div,
    #header .navbar-nav>li>a:hover>div { opacity: 1; font-weight: 700; }
    #main .main-rooms .suite { width: 100%; }
    #main .main-rooms .trible { width: 100%; }
    #main .projeler .proje-tab>li { float: left; display: block}
    #main .projeler .proje-menu{ width: 550px; margin: 0 auto;}

}

/* LG */
@media (min-width: 1200px) {
    .dropdown:hover .dropdown-menu { display: block; }
    #main .projeler .proje-tab>li { float: left; display: block}
    #main .projeler .proje-menu{ width: 550px; margin: 0 auto;}
}


.carousel-item:hover .carousel-img {
    overflow: hidden;
}
.carousel-item .carousel-img {
    position: relative;
    cursor: pointer;
}
.carousel-item:hover .carousel-img:before {
    opacity: 1;
}
.parallax-mirror{z-index: 0!important;}
.carousel-item .carousel-img:before {
    content: '';
    position: absolute;
    width: 100%;
    z-index: 999999999999999993;
    height: 100%;
    left: 0;
    top: -20px;
    background-color: rgba(24, 106, 130, 0.7);
    opacity: 0;
    background: url(../img/artt.png) no-repeat center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.carousel-item:hover .carousel-img:after {
    opacity: 1;
    z-index: 59;
    height:100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.carousel-item:hover .carousel-img:after {
    opacity: 1;
}
.carousel-item .carousel-img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* margin-left: 4px; */
    margin-top: 56px;
    left: 0;
    top: -56px;
    background-color: rgba(255, 0, 1, 0.68);
    mix-blend-mode: normal;
    opacity: 0;}

.lastc{ border-right: 2px solid #ccc;}
.lastc:last-child{ border:none;}


.show{
    width: 100%;
    height: 100%;
    float: left;
    border: 1px solid rgba(0,0,0,0.04);
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
    display: block;
    border-radius: 4px;
}
.show .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.show .mask2{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 30px;
    left: 0
}
.show-third a.more {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: transparent;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    position: relative;
}

.show-third a.more:hover {
    background-color: #c08f48;;
    color: #fff;
}

.show-third p{
    font-size: 18px;
}

.show-third .mask {
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.show-third h2 {
    color: #000;
    margin-top: 10%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.show-third p {
    opacity: 0;
    transition: all 0.2s linear;
}

.show-third a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.show-third img{
    transition: all 0.2s ease-in-out;
}

.show-third:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(50%);}

.show-third:hover .mask {
    opacity: 1;
}
.show-third:hover .mask1 {
    opacity: 1;
    background: rgba(192, 143, 72, 0.87);
}
.show-third:hover h2,
.show-third:hover p,
.show-third:hover a.info {
    opacity: 1;
}
.show-third:hover p {
    transition-delay: 0.1s;
}
.show-third:hover a.info {
    transition-delay: 0.2s;
}