html { height: 100% !important; width:100% !important; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x:hidden; }
body { margin:0px; padding:0px; font-size:13px; }
body, h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; }
.h3, h3 { font-size: 22px; text-decoration:none; }
a { color: #000; text-decoration: none; }
a:hover { color: #0f1e40; }
a, a:hover { text-decoration:none; outline:0px; }
a:hover { color: initial; }
li { list-style: none; text-decoration: none; }
.nav>li>a:focus, .nav>li>a:hover { background: transparent; }
#main .section-title { width: 100%; height: auto; float: left; position: relative; text-align: center; margin-bottom: 40px; }
#main .section-title h2 { text-align: center; }
#main .section-title:after { content: ''; position: relative; display: inline-block; bottom: -4px; left: 0px; width: 80px; height: 4px; background: #bbbbb1; }
#hizmetlerimiz ul.slick-dots { position: relative; text-align: center; left: 0px; margin-bottom: -20px; margin-left: 0px; padding-left: 0px; }
.slick-dots li.slick-active button:before { z-index: 4; }
#hizmetlerimiz ul.slick-dots li { display: inline-block; margin-bottom: 14px; width: 100px; height: 4px; background: #eee; }
#hizmetlerimiz .slick-dots li button:before { content:''; width: 100px; height: 4px; z-index: -2; }
#hizmetlerimiz .slick-dots li button { width: 100px; height: 4px; float: left; padding: 0px; }
#hizmetlerimiz .slick-slide img { display: inline-block; }
#hizmetlerimiz .slick-active button { background: #aaa; }
.navbar-collapse.in { overflow: hidden; }
#header { width: 100%; height: 110px; float: left; }
#header .lang { position: relative; margin-bottom: 20px; float: left; }
#header .lang ul { margin: 0px; padding: 0px; }
#header .lang ul li { display: inline-block; line-height: 100px; }
#header:before { content: ''; position: relative; width: 100%; height: 10px; float: left; background: #d6d6ce; }
#header .logo { display: inline-block; };
#header .logo ul { display: inline-block; margin: 0px; padding: 0px; }
#header .logo ul li { line-height: 100px; }
#header .logo ul li img { height: auto; }
#header .header-nav { float: right; z-index: 2222; }
#header .header-nav ul { margin: 0px; padding: 0px; }
#header .header-nav ul li { display: inline-block; margin: 0px 8px 0px 8px; position: relative; }
#header .header-nav ul li a { padding: 0px 10px 0px 10px; margin: 0px; line-height: 100px; font-weight: bold; color: #3d3d3d; }
#header .header-nav ul li.active:after { content: ''; position: absolute; bottom: 30px; left: 0px; width: 100%; height: 4px; background: #d6d6ce; }
#main { width: 100%; height: auto; float: left; overflow: hidden; }
#main #banner { width: 100%; height: auto; float: left; position: relative; }
#main #banner .banner-bottom { position: absolute; bottom: 0px; float: left; width: 100%; text-align: center; }
#main #banner .mouse-click { position: relative; bottom: 0px; z-index: 4; display: inline-block; }
#main #banner .mouse-click img { position: absolute; left: 53px; bottom: 10px; }
#main #banner .mouse-click:after { content: ''; position: relative; float: left; bottom: 0px; z-index: -4; background: url(../images/mouse-bg.png) no-repeat; width: 120px; height: 58px; }
#main #banner .banner-img { width: 100%; height: 96vh; margin: 0px; float: left; position: relative; overflow: hidden; }
#main #banner .banner-img img { width: 100%; height: 96vh; }
#main #banner .banner-text { position: absolute; width: 80%; margin-left: 10%; margin-right: 10%; display: table; }
#main #banner .banner-content-text { display: table-cell; vertical-align: middle; height: 96vh; }
#main #banner .banner-content-text .banner-article { width: 40%; display: inline-block; background: rgba(10,10,10,0.5); padding-bottom: 10px; }
#main #banner .banner-content-text .banner-article h2 { display: block; float: none; color: #fff; }
#main #banner .banner-content-text .banner-article p { display: block; float: none; color: #fff; }
#main #banner .banner-article-container { width: auto; }
#main #banner .banner-next { position: absolute; right: 80px; bottom: 280px; }
#main #banner .banner-prev { position: absolute; left: 80px; bottom: 280px; }
#main #banner .banner-next span { margin-right: 10px; color: #fff; font-size: 18px; }
#main #banner .banner-next span:after { content: ''; position: absolute; color: #fff; top: -10px; right: 0px; width: 2px; height: 40px; background: #fff; }
#main #banner .banner-prev span { margin-left: 10px; color: #fff; font-size: 18px; }
#main #banner .banner-prev span:after { content: ''; position: absolute; color: #fff; top: -10px; left: 0px; width: 2px; height: 40px; background: #fff; }
/* Hizmetlerimiz */
#hizmetlerimiz { width: 100%; height: auto; float: left; margin-top: 80px; position: relative; }
#hizmetlerimiz .hizmetlerimiz-container { width: 100%; float: left; }
#hizmetlerimiz .hizmetlerimiz-content { width: 100%; height: auto; float: left; text-align: center; }
#hizmetlerimiz .hizmetlerimiz-content ul { padding: 0px; margin: 0px; }
#hizmetlerimiz .hizmetlerimiz-content .hizmetlerimiz-resim { width: 100%; height: 65px; float: left; margin-bottom: 20px; }
#hizmetlerimiz .hizmetlerimiz-content ul li h2 { margin-bottom: 20px; font-size: 18px; font-weight: bold; }
#hizmetlerimiz .hizmetlerimiz-content ul li p { margin: 0px; padding: 0px; margin-bottom: 20px; font-size: 13px;height: 95px; }
#hizmetlerimiz .hizmetlerimiz-content ul li a { text-decoration: underline; color: rgb(100,100,100); }
/* Kurumsal */
#kurumsal { width: 100%; height: auto; float: left; margin-top: 80px; background-color: #f0f0e8; }
#kurumsal .kurumsal-container { width: 100%; float: left; height: auto; padding-bottom: 80px; background: url(../images/kurumsal-bg.png) no-repeat; }
#kurumsal .kurumsal-content { width: 50%; height: auto; float: right; padding: 60px 0px 0px 0px; text-align: center; }
#kurumsal .kurumsal-content-article { float: left; width: 100%; margin-top: 20px; height: auto; }
#kurumsal .kurumsal-content-article p { line-height: 22px; font-weight: 600; }
/* Blog */
#blog { width: 100%; height: auto; float: left; margin-bottom: 80px; margin-top: 80px; }
#blog .blog-content { width: 100%; height: auto; float: left; }
#blog .blog-content .blog-content-img { width: 100%; height: auto; overflow: hidden; }
#blog .blog-content .blog-content-img img { width: 100%; height: auto; }
#blog .blog-content ul { padding: 0px; margin: 0px; }
#blog .blog-content ul li .blog-content-left { float: left; height: auto; text-align: center; background: #ecece6; margin: 15px 0px 0px 0px; padding-bottom: 10px;}
#blog .blog-content ul li .blog-content-left span { float: none; display: block; color: #bdbdb2; font-weight: bold; padding: 0px; margin: 0px; font-size: 12px; }
#blog .blog-content ul li .blog-content-left span:nth-child(1) { font-size: 40px; }
#blog .blog-content ul li .blog-content-right { float: left; margin-top: 15px; height: auto; }
#blog .blog-content ul li .blog-content-right h2 { font-weight: 600; font-size: 15px; margin: 0px 0px 24px 0px; padding: 0px; }
#blog .blog-content ul li .blog-content-right p { font-size: 13px; margin: 0px; padding: 0px; }
/* Footer */
#footer { width: 100%; height: 60px; background: #f0f0e8; float: left; }
#footer .copyright { display: inline-block; }
#footer .copyright span { color: #989898; font-weight: 400px; font-size: 12px; line-height: 60px; }
#footer .incefikirler { display: block; }
#footer .incefikirler span { float: right; display: block; margin-top: 20px; }
/* Page */
/* Hizmetlerimiz Page */
#main #hizmetlerimiz-banner { width: 100%; height: 300px; background: url(../images/banner-bg.png) no-repeat; float: left; }
#main #hizmetlerimiz-content { margin-top: 60px; float: left; width: 100%; height: auto; margin-bottom: 80px; }
#main #hizmetlerimiz-content .hizmetlerimiz-content-left { width: 100%; height: auto; float: left; }
#main #hizmetlerimiz-content .hizmetlerimiz-content-left p { line-height: 26px; font-size: 13px; }
#main #hizmetlerimiz-content .hizmetlerimiz-content-right { width: 100%; height: auto; float: left; background: rgba(251, 251, 251, .4); }
#main #hizmetlerimiz-content .hizmetlerimiz-content-right h2 { width: 100%; text-align: left; padding: 0px; margin: 0px 0px 20px 0px; font-size: 20px; font-weight: 600; }
#main #hizmetlerimiz-content .hizmetlerimiz-content-right ul { padding: 0px; margin: 0px; }
#main #hizmetlerimiz-content .hizmetlerimiz-content-right ul li { line-height: 28px; position: relative; border-top:1px solid #eee; }
#main #hizmetlerimiz-content .hizmetlerimiz-content-right ul li.active { background:#eee; }
#main #hizmetlerimiz-content .hizmetlerimiz-content-right ul li a { padding: 10px 10px 10px 10px; font-size: 15px; display: block; }
/* Contact Page */
#main #contact-page-info { margin-bottom: 80px; }
#main #contact-banner { width: 100%; height: 300px; background: url(../images/banner-bg.png) no-repeat; float: left; }
#main #contact-page-info { width: 100%; height: auto; float: left; margin-top: 60px; }
#main #contact-page-info .contact-page-left { width: 100%; height: auto; float: left; }
#main #contact-page-info .contact-page-left p { margin-top: 30px; }
#main #contact-page-info .contact-page-left ul { padding: 0px; margin: 0px; }
#main #contact-page-info .contact-page-left ul li { color: #333e48; font-weight: 600; line-height: 24px; }
#main #contact-page-info .contact-page-right { width: 100%; height: auto; float: left; }
#main #contact-page-info .contact-page-right form input { width: 46%; margin: 2%; float: left; height: 40px; padding: 0px 10px 0px 10px; border: 1px solid rgb(180,180,180); }
#main #contact-page-info .contact-page-right form input[type="submit"] { float: right; width: auto; padding: 10px 30px 10px 30px; background: #333e48; color: #fff; }
#main #contact-page-info .contact-page-right form textarea { width: 96%; float: left; margin: 0% 2% 2% 2%; height: 80px; padding: 10px; border: 1px solid rgb(180,180,180); }
#main #contact-page-info .contact-page-maps { width: 100%; height: auto; float: left; }
#main #contact-page-info .contact-page-maps iframe { width: 100%; height: 400px; float: left; }
/* Blog Page */
#main #blog-banner { width: 100%; height: 300px; background: url(../images/banner-bg.png) no-repeat; float: left; }
#main #blog-content { width: 100%; height: auto; float: left; margin-top: 60px; margin-bottom: 60px; }
#main #blog-content .blog-box { width: 100%; height: auto; float: left; margin-bottom: 20px; }
#main #blog-content .blog-box .blog-box-left { float: left; height: 190px; overflow: hidden; }
#main #blog-content .blog-box .blog-box-left img { width: 100%; height: auto; }
#main #blog-content .blog-box .blog-box-right { float: left; padding-top: 10px; }
#main #blog-content .blog-box .blog-box-right h2 { width: 100%; height: auto; float: left; padding: 0px; margin: 0px; font-size: 24px; }
#main #blog-content .blog-box .blog-box-right p { width: 100%; height: auto; float: left; padding-top: 0px; margin: 10px 0px 10px 0px; line-height: 22px; font-size: 13px; }
#main #blog-content .blog-box-cat { width: 100%; float: left; display: block; }
#main #blog-content .blog-box-cat h2 { width: 100%; text-align: center; padding: 0px; margin: 0px 0px 20px 0px; font-size: 20px; font-weight: 600; }
#main #blog-content .blog-box-cat ul { padding: 0px; margin: 0px; }
#main #blog-content .blog-box-cat ul li { line-height: 28px; position: relative; }
#main #blog-content .blog-box-cat ul li a { padding: 10px 10px 10px 10px; font-size: 15px; display: block; }
#main #blog-content .blog-box-cat ul li:nth-child(1):after { content: ''; position: absolute; bottom: 0px; width: 100%; height: 1px; background: #d6d6ce; }
#main #blog-content .blog-box-cat ul li:nth-child(1):before { content: ''; position: absolute; top: 0px; width: 100%; height: 1px; background: #d6d6ce; }
#main #blog-content .blog-box-cat ul li:hover:after { content: ''; position: absolute; bottom: 0px; width: 100%; height: 1px; background: #d6d6ce; }
#main #blog-content .blog-box-cat ul li:hover:before { content: ''; position: absolute; top: 0px; width: 100%; height: 1px; background: #d6d6ce; }
/* Responsive */
@media screen and (max-width: 1100px) {
.navbar-toggle { display: none; z-index: 4444; }
}
@media screen and (max-width: 1000px) {
#main #banner .banner-content-text { text-align: center; }
#header { height: auto; }
#header .header-nav { width: 100%; }
#header .logo { width: 100%; text-align: center; }
#blog .blog-content { margin-bottom: 20px; }
}
@media screen and (max-width: 991px) {
#main #banner .banner-bottom { display: none; }
#footer { height: auto; }
#footer .copyright { text-align: center; }
#footer .incefikirler { text-align: center; }
#footer .incefikirler span { float: initial; margin-top: 0px; margin-bottom: 20px; }
#header .lang { width: 100%; text-align: center; float: initial; display: inline-block; }
#header .lang ul li { line-height: initial; }
}
@media screen and (max-width: 920px) {
#main #banner .banner-content-text { display: block; vertical-align: initial; height: auto; margin-top: 10%; }
#main #banner .banner-img { height: auto; }
#main #banner .banner-img img { height: auto; }
#main #banner .banner-content-text .banner-article h2 { font-size: 20px; }
}
@media screen and (max-width: 740px) {
#kurumsal .kurumsal-content { width: 100%; }
}
@media screen and (max-width: 767px) {
.navbar-toggle { padding: 0px; position: relative; margin-top: -30px; display: block; }
.navbar-toggle span { background: #000; margin-top: 30px; }
#header .header-nav { width: 100%; background: rgba(10,10,10,0.8); position: absolute; z-index: 4; left: 0px; margin-top: 62px; overflow: hidden; }
#header .header-nav ul { width: 100%; position: relative; z-index: 44; padding: 20px 0px 20px 0px; }
#header .header-nav ul li { float: none; width: 100%; text-align: center; }
#header .header-nav ul li a { color: #fff; line-height: 40px; }
#header .header-nav ul li:nth-child(1):after { background: transparent; }
}
@media screen and (max-width: 540px) {
#main #banner .banner-next { right: 10px; }
#main #banner .banner-prev { left: 10px; }
#header .logo ul li img { width: 100%; height: auto; }
#main #banner .banner-content-text { margin-top: 5%; }
}
@media screen and (max-width: 400px) {
#blog .blog-content ul li .blog-content-left span { font-size: 10px; }
#blog .blog-content ul li .blog-content-left span:nth-child(1) { font-size: 34px; }
}
.service-text p{text-align: justify;}
.pagetitle{ width: 100%;
text-align: left;
padding: 0px;
margin: 0px 0px 10px 0px; font-size: 19px;
font-weight: 500;}