@charset "utf-8";
/* Alestas Alüminyum - CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  font-weight:normal;
}
/* GENERAL CLASSES */
.clear { clear:both; }
.pointer { cursor:pointer !important; }
strong,  b { font-weight:700 !important; }
input[type=button] { cursor:pointer; }
input[type=submit] { cursor:pointer; }
img { border:0px; display:block; width:100% \9; max-width:100%; height:auto; }
ul { list-style:none; }
a { text-decoration:none; transition:0.3s ease-in !important; -moz-transition:0.3s ease-in !important; -webkit-transition:0.3s ease-in !important; }
a:hover { text-decoration:none; }
/* BASIC CLASSES    */
html { width:100%; height:100%; }
body { height:100%; width:100%; font-size:12px; color:#000; font-family:"Roboto",sans-serif,helvetica; position:relative; }
.left { float:left; }
.center { width:1170px; margin:auto; }
.right { float:right; }
.nonClick { cursor:none !important; }
input-placeholder { color:#fff !important; } 

/* Background Banner */
.bodyBanners { width:100%; height:100%; position:fixed; z-index:1; overflow:hidden; background:#fff; }
.bodyBanner { position:absolute; z-index:2; width:100%; height:100%; display:none; opacity:0; }

.bodyBanner1 { display:block; opacity:1; }

.desktop { position:relative; z-index:5; width:100%; height:100%; overflow:auto; }

/* Palet */
/*  Mavi: 0973ba
/*********/
.header { width:1170px; height:100px; margin:auto; }
.logo { width:40%; height:100px; background:url(../_img/logo.png) no-repeat 25px center; cursor:pointer; }

.langBar { height:50px; line-height:50px; }
.langBar a { color:#000; margin:0px 5px; font-weight:500; }
.langBar a:hover { color:#0973ba; }

.socials { height:50px; display:flex; justify-content:center; align-items:center; }
.socials a { background:#000; width:30px; height:30px; border-radius:15px; margin-left:1em; display:flex; justify-content:center; align-items:center; }
.socials a:hover { color:#0973ba; }
.socials img { width:20px; }

.menuBar { width:650px; height:35px; display:flex; justify-content:space-between; align-items:center; }
.menuBar a { color:#000; }
.menuBarItem { height:33px; display:flex; justify-content:center; align-items:center; border-bottom:2px solid transparent; transition:0.4s; }
.menuBarItem:hover { border-bottom:2px solid #000; }
.menuBarItemSelected { border-bottom:2px solid #000; }

/* Banners & Sliders */
.banners { width:1170px; height:250px; margin:auto; background:rgba(12,17,23,0.8); position:relative; overflow:hidden; }
.banner { position:absolute; z-index:2; width:100%; height:250px; display:none; opacity:0; justify-content:space-around; align-items:center; }
.bannerImg { width:500px; height:200px; border:2px solid #fff; }
.bannerInfo { width:450px; height:200px; color:#fff; } 
.bannerName { font-size:250%; font-weight:200; margin:50px 0px; }
.bannerTxt { color:#fff; font-weight:300; font-size:125%; }
.banner1 { display:flex; opacity:1; }

.slidersBg { width:100%; height:200px; background:rgba(13,19,26,0.9);  }
.slidersBox { height:200px; display:flex; justify-content:center; align-items:center; }
.slidersCont {  }
.arrow { color:#fff; border:1px solid #fff; display:flex; align-items:center; justify-content:center; padding:5px 15px; font-weight:300; cursor:pointer; transition:0.4s; }
.arrow:hover { color:#0973ba; border:1px solid #0973ba; }

.sliders { display:none; opacity:0; justify-content:space-between; align-items:center; }
.sliderItem { border:1px solid #fff; width:200px; height:175px; margin:0px 5px; transition:0.4s; cursor:pointer; overflow:hidden; background-size:cover !important; }
.sliderItem:hover { border:1px solid #0973ba; }
.sliderItemName { width:220px; height:30px; opacity:1; line-height:30px; position:relative; z-index:2; top:145px; padding-left:5px; background:rgba(0,0,0,0.7); color:#fff; transition:0.4s; }
.sliderItem:hover > .sliderItemName { background:rgba(9,115,186,0.7); }

.sliders1 { display:flex; opacity:1; }

/* Ana Sayfa */
.main { width:1170px; margin:auto; background:#fff; }

.mainGallery { display:flex; justify-content:space-around; align-items:center;  }
.mainGalleryPhotos { width:500px; height:250px; border:1px solid #ededed; margin:20px 0px; transition:0.4s; cursor:pointer; }
.mainGalleryPhotos:hover { border:1px solid #0973ba; }
.mainGalleryPhotosBg { width:500px; height:250px; background:url(../_img/mainGallery.jpg) no-repeat center center; background-size:contain; display:flex; justify-content:center; align-items:center; }
.mainGalleryPhotosName { opacity:0; font-size:2em; font-weight:700; color:#fff; padding:1em; background:rgba(9,115,186,0.5); transition:0.4s; }
.mainGalleryPhotosBg:hover > .mainGalleryPhotosName { opacity:1; }
.mainGalleryVideos { width:560px; height:250px; border:1px solid #ededed; margin:20px 0px; }

.partners { display:flex; flex-direction:column; justify-content:space-between; align-items:center; margin:10px auto;  }
.partnersHead { font-weight:900; height:3em; line-height:3em; }
.partnersImages { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.partnersItem { align-self:center; }
.partnersItem img { width:75%; }
.partnersInfo {}

.references { display:flex; justify-content:center; margin:2em 0; padding:2em; }
.references tr {}
.references td { padding:1.5em 10em; border:1px solid #ddd; }

.footer { width:1170px; margin:auto; height:30px; display:flex; justify-content:space-between; align-items:center; color:#636466; }
.copyright {}
.signs { height:18px; width:29px; background:url(../_img/dnlogo.png) no-repeat center bottom; transition:0.4s; cursor:pointer; }
.signs:hover { background:url(../_img/dnlogo.png) no-repeat center top; }
.signs a { display:inline-block; width:100%; height:100%; }

/*
.leftPart { width:50%; }
.rightPart { width:50%; }
.footerMenu { height:50px; line-height:50px; display:flex; justify-content:space-between; }
.footerMenu a { color:#636466; }
.footerMenu a:hover { color:#0973ba; }
.footerSocials { height:50px; display:flex; justify-content:flex-end; align-items:center; color:#636466; }
.footerSocials i { color:#636466; }
.footerSocials i:hover { color:#0973ba; }
*/

/* Sub Pages */
.pageCont { min-heigt:calc(100% - 300px); }

.pageNameBar {  height:40px; line-height:40px; padding-left:30px; background:#171717; color:#fff; }
.pageNameBar span { font-size:140%; font-weight:300; }
.pageNameBar a { color:#fff; }
.pageNameBar a:hover { color:#0973ba; }

.pageTxt { padding:20px; }
.pageTxt h1 { margin:20px 30px; font-size:150%; font-weight:500; }
.pageTxt p { margin:10px 30px; font-size:125%; font-weight:300; }
.pageTxt li { margin:10px 30px; font-size:115%; font-weight:300; }

/* Services */
.servicesBoxes { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.servicesItem { width:300px; height:175px; margin:5px 10px; position:relative; border:1px solid #444; background:url(../_img/logo.png) no-repeat center center; }
.servicesItem:hover { border:1px solid #0973ba; }
.servicesItem:hover > .servicesName { background:#0973ba; }
.servicesName { position:absolute; bottom:0; background:rgba(0,0,0,0.75); color:#fff; width:100%; height:30px; line-height:30px; transition:0.4s;  }
.servicesName span { font-size:125%; font-weight:500; padding-left:15px; }

.serviceDetail { width:100%; min-height:300px; display:flex; }
.serviceImages { width:50%; }
.serviceImg { width:460px; height:250px; margin:10px auto; border:1px solid #444; transition:0.4s; background:url(../_img/logo.png) no-repeat center center; }
.serviceImg:hover { border:1px solid #0973ba; }
.serviceAlbum { width:80%; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }

.serviceInfo { width:50%; }
.serviceHead { margin:15px 0px; }
.serviceHead span { font-size:150%; font-weight:500; }
.serviceTxt {}
.serviceTxt p { margin:5px 0px; font-size:125%; font-weight:300; }
.serviceTxt ul { margin:5px 30px; }
.serviceTxt ul li { list-style:disc; }
.serviceSpecs {}

/* Projects */
.projectsBar { height:50px; width:50%; margin:auto; display:flex; justify-content:center; align-items:center; }
.projectsButton { background:#444; color:#fff; padding:5px 20px; margin:0px 10px; cursor:pointer; transition:0.4s; border-radius:4px; }
.projectsButton:hover { background:#0973ba; }
.projectsButtonSelected { background:#0973ba; }

.projectsBoxes { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.projectItem { width:300px; height:175px; margin:5px 10px; position:relative; border:1px solid #444; background:url(../_img/logo.png) no-repeat center center; }
.projectItem:hover { border:1px solid #0973ba; }
.projectItem:hover > .projectName { background:#0973ba; }
.projectName { position:absolute; bottom:0; background:rgba(0,0,0,0.75); color:#fff; width:100%; height:30px; line-height:30px; transition:0.4s;  }
.projectName span { font-size:125%; font-weight:500; padding-left:15px; }

.projectDetail { width:100%; min-height:300px; display:flex; justify-content:space-around; align-items:center; }
.projectImg { width:460px; height:250px; border:1px solid #444;transition:0.4s; background:url(../_img/logo.png) no-repeat center center; }
.projectImg:hover { border:1px solid #0973ba; }
.projectInfo { width:50%; margin:20px 0px; padding:0px 20px; }
.projectHead span { font-size:150%; font-weight:500; }
.projectTxt {}
.projectTxt p { margin:5px 0px; font-size:125%; font-weight:300; }
.projectSpecs {}

.projectAlbum { width:75%; min-height:200px; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.albumItem { width:100px; height:80px; border:1px solid #444; margin:5px; cursor:zoom-in; transition:0.4s; }
.albumItem:hover { border:1px solid #0973ba; }

/* Our Partners */
.ourPartnersBoxes { display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; width:75%; margin:auto; }

/* Catalogues */
.cataloguesBoxes { height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding-top:30px; }
.catalogueItem { width:250px; height:300px; margin:5px 10px; position:relative; border:1px solid #444; background:url(../_img/_catalogues/alestas-katalog.jpg) no-repeat center center; background-size:cover; }
.catalogueItem:hover { border:1px solid #0973ba; }
.catalogueItem:hover > .catalogueName { background:#0973ba; }
.catalogueName { position:absolute; bottom:0; background:rgba(0,0,0,0.75); color:#fff; width:100%; height:30px; line-height:30px; transition:0.4s;  }
.catalogueName span { font-size:125%; font-weight:500; padding-left:15px; }

.lr2100 { background:url(../_img/_catalogues/lr-2100.jpg) no-repeat center center; background-size:contain; }
.lr3100 { background:url(../_img/_catalogues/lr-3100.jpg) no-repeat center center; background-size:contain; }
.lr4100 { background:url(../_img/_catalogues/lr-4100.jpg) no-repeat center center; background-size:contain; }
.lr5100 { background:url(../_img/_catalogues/lr-5100.jpg) no-repeat center center; background-size:contain; }
.alestasCatalogue { background:url(../_img/_catalogues/alestas-katalog.jpg) no-repeat center center; background-size:cover; }

/* Gallery */
.videoItems { width:100%; height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.videoItems iframe { margin:25px 0px; border:1px solid #444; }

.galleryItems { width:100%; height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.galleryItem { width:150px; height:150px; margin:5px; border:1px solid #444; cursor:pointer; transition:0.4s; }
.galleryItem:hover { border:1px solid #0973ba; }

/* Press */
.pressBoxes { height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding-top:30px; }
.pressItem { width:250px; height:300px; margin:5px 10px; position:relative; border:1px solid #444; background:url(../_img/logo.jpg) no-repeat center center; background-size:cover; }
.pressItem:hover { border:1px solid #0973ba; }
.pressItem:hover > .pressName { background:#0973ba; }
.pressName { position:absolute; bottom:0; background:rgba(0,0,0,0.75); color:#fff; width:100%; height:30px; line-height:30px; transition:0.4s; overflow:hidden; }
.pressName span { font-size:125%; font-weight:500; padding-left:15px; }

.press1 { background:url(../_img/_press/turizm-ve-yatirim-dergisi-roportaji.jpg) no-repeat center center; background-size:contain; }
.press2 { background:url(../_img/_press/turofed-dergi-reklami.jpg) no-repeat center center; background-size:contain; }
.press3 { background:url(../_img/_press/tourism-today-dergi-reklami.jpg) no-repeat center center; background-size:contain; }
.press4 { background:url(../_img/_press/forbes-turkiye-haberi.jpg) no-repeat center center; background-size:contain; }
.press5 { background:url(../_img/_press/milliyet-gazetesi-ilani.jpg) no-repeat center center; background-size:contain; }

/* Contact */
.contact { width:100%; height:100%; display:flex; justify-content:space-between; align-items:center; }
.contactInfo { width:585px; }
.contactMap { width:500px; height:200px; margin:15px auto; }
.contactMap iframe { width:100%; height:100%; border:1px solid #ccc; }
.contactAddress { margin:5px 40px; }
.contactAddress strong { font-size:115%; font-weight:600; }
.contactAddress span { color:#444; font-weight:500; font-size:110%; }
.contactAddress a { color:#444; }
.contactAddress a:hover { color:#0973ba; }
.contactForm { width:585px; height:300px; display:flex; flex-direction:column; justify-content:space-around; align-items:center; }
.contactForm h1 { font-size:125%; font-weight:500; }
.contactForm input { width:250px; padding:5px; } 
.contactForm textarea { width:250px; }
.sendButton { width:250px; !important; padding:10px !important; border:none; transition:0.4s; cursor:pointer; }
.sendButton:hover { background:#000; color:#c0c0c0; }