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

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; }
li { list-style: none; text-decoration: none; }
.nav>li>a:focus, .nav>li>a:hover { background: transparent; }

#header { position: relative; width: 100%; min-height: 120px; margin-top: 20px; background: transparent; z-index: 44; }
#header .header-container { width: 100%; min-height: 120px; position: relative; box-shadow: 0px 2px 2px rgba(10,10,10,0.2); }
#header .header-left { position: relative; float: left; background: #fff; min-height: 120px;}
#header .header-left .logo { width: 100%; height: auto; margin-top: 25px; text-align: center; }
#header .header-left .logo img { width: auto; height: auto; }
#header .header-right { position: relative; float: left; background: #fff; min-height: 120px; }
#header .header-right .header-right-top { position: relative; float: left; min-height: 50px; background: #009ee5; }
#header .header-right .header-right-top ul { padding: 0px; margin: 0px; float: left; }
#header .header-right .header-right-top ul li { line-height: 50px; margin-right: 10px; display: inline-block; color: rgb(240,240,240); font-size: 12px; font-weight: bold; }
#header .header-right .header-right-top ul li a { color: #fff; }
#header .header-right .header-right-bottom { position: relative; float: left; height: 70px; }
#header .header-right .header-right-bottom ul { padding: 0px; margin: 0px; float: right; margin-top: 24px; }
#header .header-right .header-right-bottom ul li { display: inline-block; margin: 0px 10px 0px 10px; }
#header .header-right .header-right-bottom ul li a { color: #142335; font-weight: bold; font-size: 15px; padding: 0px 10px 0px 10px; }
#header .header-right .header-right-top ul.language { float: right; }

/* Banner */

#banner { margin-top: -140px; width: 100%; float: left; height: 700px; position: relative; overflow: hidden; }
#banner .banner-container { width: 100%; height: 700px; float: left; position: relative; }
#banner .banner-container .banner-img { width: 100%; height: 700px; float: left; overflow: hidden; margin: 0px; padding: 0px; }
#banner .banner-container .banner-img img { width: 100%; height: auto; }
#banner .banner-container .banner-text { position: absolute; margin-top: 380px; width: 100%; }
#banner .banner-container .banner-text .banner-text-container { width: 100%; text-align: center; }
#banner .banner-container .banner-text-content { float: right; text-align: right; width: 100%; }
#banner .banner-container .banner-text-content h2 { font-size: 32px; }
#banner .banner-container .banner-text-content h2 a { color: #fff; padding: 15px; float: left; width: 50%; background: rgba(0,0,0,0.4); text-align: left; }
#banner .banner-container .banner-text-content p { color: #fff; font-weight: 600; font-size: 12px; line-height: 20px; }
#banner .slick-dots { width: auto; right: -80px; margin-bottom: 44px; position: absolute; }
#banner .slick-dots li { float: none; display: block; margin-bottom: 8px; border: 1px solid #fff; background: transparent; width: 10px; height: 10px; }
#banner .slick-dots li button:before { background: transparent; content: ''; }
.slick-dots li.slick-active button:before { background: #fff!important; width: 12px; height: 12px; }
#main #banner-bottom-info { width: 100%; min-height: 100px; float: left; text-align: center; background: #2eaaba; margin-top: -100px; position: relative; }
#main #banner-bottom-info .banner-bottom-content { width: 100%; height: auto; float: left; }
#main #banner-bottom-info .banner-bottom-content img { margin-top: 30px; float: left; }
#main #banner-bottom-info .banner-bottom-content p { margin-top: 30px; color: #fff; }
#main #banner-bottom-info .banner-bottom-content a { border: 1px solid #fff; padding: 15px 60px 15px 60px; font-size: 16px; margin-top: 25px; color: #fff; display: block; border-radius: 4px; }

/* About */

#main #about { width: 100%; height: auto; float: left; margin-top: 60px; position: relative; }
#main #about .about-transparent-title { position: relative; margin-left: -300px; top: -50px; opacity: 0.6; float: left; }
#main #about .about-transparent-title h2 { font-weight: bold; font-size: 80px; color: rgb(240,240,240); }
#main #about .about-title { width: 100%; height: auto; float: left; position: relative; }
#main #about .about-title h2 { padding: 0px; margin: 0px; line-height: 50px; padding-left: 15px; font-weight: bold; font-size: 22px; color: #3d3d3d; }
#main #about .about-title:after { content: ''; position: absolute; top: 0px; left: 0px; height: 100%; width: 6px; background: #3d3d3d; }
#main #about .about-article { width: 100%; height: auto; float: left; padding-top: 20px; }
#main #about .about-article strong { padding: 10px 0px 10px 0px; display: block; }
#main #about .about-article p { line-height: 28px; color: #3d3d3d; }
#main #about .about-image { width: 100%; height: 340px; float: left; overflow: hidden; }
#main #about .about-image img { width: auto; height: 80%; }

/* Service Port */

#main #service-port { width: 100%; height: auto; float: left; position: relative; background: rgb(20,30,50); height: auto; margin-bottom: 60px; margin-top: 60px; }
#main #service-port .service-port-container { width: 100%; height: 100%; padding: 40px 0px 40px 0px; float: left; background: url(../images/service-port.png) no-repeat; background-size: 100% 100%; padding-bottom: 60px; }
#main #service-port .service-port-transparent-title { position: relative; margin-left: -580px; top: -26px; opacity: 0.1; float: left; }
#main #service-port .service-port-transparent-title h2 { font-weight: bold; font-size: 80px; color: rgb(240,240,240); }
#main #service-port .service-port-title { width: 100%; height: auto; float: left; position: relative; margin-top: 20px; margin-bottom: 20px; }
#main #service-port .service-port-title h2 { padding: 0px; margin: 0px; line-height: 50px; color: #fff; padding-left: 15px; font-weight: bold; font-size: 22px; }
#main #service-port .service-port-title:after { content: ''; position: absolute; top: 0px; left: 0px; height: 100%; width: 6px; background: #fff; }
#main #service-port .service-port-content { width: 100%; height: auto; float: left; }
#main #service-port .service-port-content .service-port-article { width: 100%; height: auto; float: left; position: relative; background: #fff; }
#main #service-port .service-port-content .service-port-article ul { padding: 0px; margin: 0px; }
#main #service-port .service-port-content .service-port-article ul li { float: none; display: block; }
#main #service-port .service-port-content .service-port-article ul li.service-port-top { width: 100%; height: auto }
#main #service-port .service-port-content .service-port-article ul li.service-port-top img { width: 100%; height: auto }
#main #service-port .service-port-content .service-port-article ul li.service-port-bottom { width: 100%; height: auto; float: left; padding: 20px; }
#main #service-port .service-port-content .service-port-article ul li.service-port-bottom h2 { font-size: 18px; padding: 0px; margin: 0px 0px 10px 0px; }
#main #service-port .service-port-content .service-port-article ul li.service-port-bottom h2 a { color: #3d3d3d; display: block; }
#main #service-port .service-port-content .service-port-article ul li.service-port-bottom p { font-size: 12px; padding: 0px; margin: 0px 0px 10px 0px; color: #3d3d3d; }
#main #service-port .service-port-content .service-port-article ul li.service-port-bottom a { display: block; padding: 0px; margin: 0px; font-weight: bold; color: #3d3d3d; }
#main #service-port .service-port-article-container { padding: 0px; margin: 0px; }
#main #service-port .slick-dots { width: auto; right: 10px; top: -45px; margin-bottom: 44px; position: absolute; bottom: initial!important; }
#main #service-port .slick-dots li { float: left; display: inline-block; margin-bottom: 8px; border: 1px solid #fff; background: transparent; width: 10px; height: 10px; }
#main #service-port .slick-dots li button:before { background: transparent; content: ''; }
.slick-dots li.slick-active button:before { background: #fff!important; width: 10px; height: 10px; }

/* Referanslar */

#main #referanslar { width: 100%; height: auto; float: left; position: relative; margin-bottom: 60px; }
#main #referanslar .referanslar-transparent-title { position: relative; margin-left: -580px; top: -26px; opacity: 0.6; float: left; }
#main #referanslar .referanslar-transparent-title h2 { font-weight: bold; font-size: 80px; color: rgb(240,240,240); }
#main #referanslar .referanslar-title { width: 100%; height: auto; float: left; position: relative; margin-top: 20px; margin-bottom: 40px; }
#main #referanslar .referanslar-title h2 { padding: 0px; margin: 0px; line-height: 50px; color: #3d3d3d; padding-left: 15px; font-weight: bold; font-size: 22px; float: left; }
#main #referanslar .referanslar-title:after { content: ''; position: absolute; top: 0px; left: 0px; height: 100%; width: 6px; background: #3d3d3d; }

/* Page */

#main #page-banner { width: 100%; height: 250px; float: left; background: url(../images/zemin.jpg); margin-top: -140px; }
#main #page-contact { width: 100%; height: auto; float: left; margin-top: 20px; margin-bottom: 20px; }
#main #page-contact .page-title { width: 100%; height: auto; float: left; text-align: center; margin-bottom: 20px; }
#main #page-contact .page-title h2 { font-size: 26px; position: relative; width: auto; display: inline-block; }
#main #page-contact .page-title h2:after { content: ''; position: absolute; left: 50%; width: 40%; margin-left: -20%; height: 2px; background: #142335; bottom: -8px; }
#main #page-contact .page-contact-info { width: 100%; height: auto; float: left; }
#main #page-contact .page-contact-info ul { padding: 0px; margin: 0px; }
#main #page-contact .page-contact-info ul li { color: #333e48; font-weight: 600; line-height: 24px; }
#main #page-contact .page-contact-form form input { width: 46%; margin: 0% 2% 4% 2%; float: left; height: 50px; padding: 0px 10px 0px 10px; border: 1px solid rgb(180,180,180); }
#main #page-contact .page-contact-form form input[type="submit"] { float: right; width: auto; padding: 10px 30px 10px 30px; background: #142335; color: #fff; }
#main #page-contact .page-contact-form form textarea { width: 96%; float: left; margin: 0% 2% 2% 2%; height: 150px; padding: 10px; border: 1px solid rgb(180,180,180); }
#main #page-contact .page-contact-form { width: 100%; height: auto; float: left; }
#main #page-contact .page-contact-map iframe { width: 100%; height: 400px; float: left; }
#main #page-contact .service-port-article { text-align: center; min-height: 280px;}
#main #page-contact .service-port-article ul { margin: 0px; padding: 0px; }
#main #page-contact #map-canvas { width: 80%; margin: 0px auto; height: 300px; }
#main #page-contact .team { text-align: center; min-height: 100px;}

/* Map */

#main #map { width: 100%; height: auto; float: left; position: relative; background-image: url(../images/map.html); background-size: cover; background-position: 0 0; background-repeat: no-repeat; padding: 70px 0px; }
#main #map .map-content { width: 100%; position: relative; float: left; font-size: 14px; }
#main #map .map-content article { margin-bottom: 20px; }
#main #map .map-content article form { width: 100%; float: left; margin-top: 6px; }
#main #map .map-content article input { width: 100%; }
#main #map .map-content article strong { margin-bottom: 6px; display: inline-block; }
#main #map .map-content img { margin-top: 6px; }
#main #map .map-content h2 { font-weight: bold; color: #900; font-size: 16px; margin: 6px 0px 6px 0px; padding: 0px; }
#main #map .map-content .map-border { width: 100%; height: 400px; float: left; overflow: hidden; margin-top: 40px; border: 10px solid #f6f5f0; box-shadow: 0px 0px 3px 3px #e7e4dc; }
#main #map .map-content .map-border iframe { width: 100%; height: 100%; }

/* Footer */
#main #footer { width: 100%; min-height: 50px; float: left; position: relative; background: #009ee5; }
#main #footer .copyright { float: left; margin-top: 20px; }
#main #footer .copyright span { font-weight: 200; color: #fff; font-size: 12px; }
#main #footer .logo { float: right; margin-top: 15px; }
#main #footer .logo img { width: auto; height: auto; }


 #Menu
    {
        padding:0;
        margin:0;
        list-style-type:none;
        font-size:13px;
        color:#717171;
        width:100%;
        float: left;
    }

    #Menu li
    {
        border-bottom:1px solid #eeeeee;
    	height: 37px;
    }

    #Menu li.active
    {
        background: #142335;
        color: white !important;
    }

    #Menu li.active a
    {
        color: white !important;
    }

    #Menu li:hover
    {
        background-color:rgb(10,61,64);
    }
#Menu li:hover a
    {
        color:White;
    }


    #Menu a
    {
        color:#717171;
        text-decoration:none;
        padding: 7px 10px 7px 3px;
        display: block;
    }

    #Menu a:hover
    {
        color:White;
    }

    @media screen and (max-width: 1000px) {
        #banner .banner-container .banner-text { margin-top: 220px; }
        #banner { height: 600px; margin-top: 0px; }
        #banner .banner-container { height: 600px; }
        #banner .banner-container .banner-img { height: 600px; }
    }

    @media screen and (max-width: 900px) {
        #banner .banner-container .banner-text-content { text-align: left; }
    }

@media screen and (max-width: 767px) {
    #header .header-right .header-right-bottom .header-nav { width: 100%; background: rgba(10,10,10,0.8); }
    #header .header-right .header-right-bottom .header-nav ul { width: 100%; position: relative; z-index: 44; }
    #header .header-right .header-right-bottom .header-nav ul li { float: none; width: 100%; padding-bottom: 20px; text-align: center; }
    #header .header-right .header-right-bottom .header-nav ul li a { color: #fff; }
    .navbar-collapse.in { overflow: initial; }
    .navbar-toggle .icon-bar { background: #000; color: #000; }
    #header .header-right { min-height: initial; height: 50px; }
    #banner { height: auto; margin-top: 0px; }
    #banner .banner-container { height: auto; }
    #header .header-right .header-right-bottom { height: auto; }
    #banner .banner-container .banner-img { height: auto; }
    #banner .banner-container .banner-text { margin-top: 120px; }
    #header .header-right .header-right-bottom ul li { margin: 0px; }
    #main #referanslar { text-align: center; }
    #main #referanslar img { margin-bottom: 20px; }
    #main #footer { text-align: center; }
    #main #footer .logo { text-align: center; float: initial; display: inline-block; padding-bottom: 10px; }
}

@media screen and (max-width: 600px) {
    #banner .banner-container .banner-text .banner-text-container { width: 90%; margin-left: 5%; margin-right: 5%; }
}

@media screen and (max-width: 500px) {
    #banner .banner-container .banner-text { margin-top: 80px; }
    #page-contact table {
    	table-layout: initial!important;
	    max-width: initial!important;
	    border: none!important;
	    color: initial!important;
	    font-family: Asap, sans-serif!important;
	    font-size: initial!important;
}
    #main #map .map-content .map-border { height: 300px; }
    #header .header-right .header-right-top ul li { line-height: 36px; }
}

@media screen and (max-width: 360px) {
    #banner .banner-container .banner-text { margin-top: 40px; }
}