/*
	Project:        Bemad Muhendislik
	Author:         Ilker Kurtel
	Author Site:	http://www.ilkerkurtel.com/
	Time:			06.06.2016 - 15:43
	Tested On:		ff, chrome, ie7,ie8,ie9, opera, safari
	Version:		1.0
	ID:				style.css

*/
/*----------------------------------------------------------------------------------------------------*/
/*
    _ ____             __              __       __                                                   
   (_) / /_____  _____/ /____  _______/ /____  / /                                                   
  / / / //_/ _ \/ ___/ //_/ / / / ___/ __/ _ \/ /                                                    
 / / / ,< /  __/ /  / ,< / /_/ / /  / /_/  __/ /                                                     
/_/_/_/|_|\___/_/  /_/|_|\__,_/_/   \__/\___/_/                                                      
    ______                 __                       __   ____                 __                     
   / ____/________  ____  / /_      ___  ____  ____/ /  / __ \___ _   _____  / /___  ____  ___  _____
  / /_  / ___/ __ \/ __ \/ __/_____/ _ \/ __ \/ __  /  / / / / _ \ | / / _ \/ / __ \/ __ \/ _ \/ ___/
 / __/ / /  / /_/ / / / / /_/_____/  __/ / / / /_/ /  / /_/ /  __/ |/ /  __/ / /_/ / /_/ /  __/ /    
/_/   /_/   \____/_/ /_/\__/      \___/_/ /_/\__,_/  /_____/\___/|___/\___/_/\____/ .___/\___/_/     
                                                             www.ilkerkurtel.com /_/     
*/
/*----------------------------------------------------------------------------------------------------*/
/*	BOOTSTRAP v.3.3.6 // MEDANIS BILISIM A.S.                                                         */
/*----------------------------------------------------------------------------------------------------*/

@import url('../css/bootstrap.css'); 
@import url('../css/responsive.css'); 
@import url('../css/jquery.bxslider.css'); 
@import url('../css/owl.carousel.css'); 
@import url('../css/balloon.css'); 
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css);  /* Font Awesome */
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700&subset=latin,latin-ext);

body{background-image: url(../img/bg.jpg); background-attachment: fixed; background-position: right center;background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; font-family: 'Roboto', sans-serif;} 
.clear{clear:both;}
a {outline: 0!important;}
a:hover{text-decoration:none;}
a:focus {text-decoration:none;}
ul {margin:0; padding:0; }
ul li {list-style-type:none;}
.nopadding{padding:0;}


/* Container */
#container {}

/* Mobile Header */
.mobileHeader {background-color: #162733 ; width: 100%; height:55px; overflow: hidden; position: fixed; z-index: 4000;}
.mobileHeader h1 {float:left; margin: 0; line-height:55px; color:#fff; font-family: 'Roboto Slab', serif; font-size:24px; padding:0 10px;}
.mobileMenu {float:right; cursor: pointer; padding: 10px 35px 16px 0px; margin:15px;}
.mobileMenu span, .mobileMenu span:before, .mobileMenu span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px; background: #fff; position: absolute; display: block; content: '';}
.mobileMenu span:before {top: -10px;}
.mobileMenu span:after {bottom: -10px;}
.mobileMenu span, .mobileMenu span:before, .mobileMenu span:after {transition: all .3s ease-in-out;}

/* Left */
#left {width:30%; float:left; height:100%; position: fixed; z-index: 2000; background-color: rgba(28, 48, 62, 0.87);  padding:50px 0 0 0; transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); } 
    
    /* Left Content */
    .leftContent {max-width:290px; width:100%; float:right; height:100%; }

        /* Logo */
        .logo {width: 100%; height:235px;  background-color: rgba(255,255,255,0.3); text-align: center; padding:10px 0;}
        .logo img {height: 100%; width:auto;}

        /* Menu */
        .menu {font-family: 'Roboto Slab', serif; font-weight: 300;}
        .menu ul li {width:100%; display: block; border-top:1px solid rgba(255, 255, 255, 0.12); position: relative; }
        .menu ul li:last-child{border-bottom:1px solid rgba(255, 255, 255, 0.12);}
        .menu ul li a{background-color: rgba(255, 255, 255, 0.03); line-height: 40px; display: block; font-size:16px; color:#fff; padding:0 15px;}
        .menu ul li a:hover {background-color: rgba(255, 255, 255, 0.06); }
        .menu ul li:after {border-bottom: 10px solid transparent; border-right-style: solid; border-right-width: 10px; border-right-color: transparent; border-top: 10px solid transparent; content: "";     height: 0; position: absolute; right: 0; top: calc(50% - 10px);transform: scale(0.9999);  width: 0;}
        .menu ul li:hover:after {border-right-color: rgba(255, 255, 255, 0.18);}
        .menu ul li .sub-menu {position: absolute; left:290px; top:-1px; width:290px; background: #1f3443; opacity: 0; visibility: hidden; z-index: 9999}
        .menu ul li:hover .sub-menu {opacity: 1; visibility: visible; transition:  all .3s ease-in;}

        /* Contact */
        .contact {border-bottom:1px solid rgba(255, 255, 255, 0.12); padding:15px;}
        .contact h3{font-family: 'Roboto Slab', serif; margin:0 0 10px 0; color:#fff; font-weight: 100; font-size:18px;position: relative; padding:0 0 10px 0;}
        .contact h3:before {content: ''; position: absolute; bottom:0; left:0; width:10%; height: 1px; background: rgba(255,255,255,0.12); }
        .contact ul li{color:#fff; margin:0 0 10px 0; font-size:13px; }
        .contact ul li i{width:18px; text-align: center;}

        /* Social Media */
        .socialMedia {}
        .socialMedia li{float:left; margin:5px;}
        .socialMedia li a {background: #1f3443; display: block; color:#fff; text-align: center;  width:25px; height:25px; line-height: 25px; transition:  all .3s ease-in;}
        .socialMedia li a:hover{background: #fff; color: #1f3443; transition:  all .3s ease-in;}

/* Right */
#right {width:70%; float:right; background-color: rgba(255, 255, 255, 0.69);  padding:50px 0 0 0;}

    /* Right Content */
    .rightContent {float:left; width:100%; max-width: 960px; min-height:1000px;}

        /* Page Content */
        .pageContent {padding: 10px 15px; background: #fff; text-align: justify; min-height:600px;}
        .pageContent .maps {margin:0px -15px;}
        .pageContent .maps iframe{width:100%; height:450px !important;}
            
            /* Biz Kimiz */
            .bizKimiz {background: #fff; width: 100%; overflow: hidden;}
            .bizKimiz .item {border-right:1px solid #ddd; text-align: center; padding:25px 0;}
            .bizKimiz .item img {width:150px; height:180px;}
            .bizKimiz .item h3 {font-size:14px; font-weight: 300; font-family: 'Roboto Slab', serif;}
            .bizKimiz .item span {font-style: italic; font-size:12px;}
            .bizKimiz .item:last-child{border-right:none;}

            /* Iletisim Bilgileri */
            .iletisimBilgileri {}
            .iletisimBilgileri input[type="text"] { background-color: #fff; border: 0 none; border-radius: 0; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-sizing: border-box; color:#333; float: left; height: 30px; margin: 0 0 15px; outline: 0 none; padding: 0 14px; width: 100%;}
            .iletisimBilgileri input[type="email"] { background-color: #fff; border: 0 none; border-radius: 0; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-sizing: border-box; color:#333; float: left; height: 30px; margin: 0 0 15px; outline: 0 none; padding: 0 14px; width: 100%;}
            .iletisimBilgileri textarea { background-color: #fff; border: 0 none; border-radius: 0; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-sizing: border-box; color: #333; float: left; height: 140px; margin: 0 0 15px; outline: 0 none; padding: 14px 14px 0; resize: none;width: 100%;}
            .iletisimBilgileri input[type="submit"] {background-color: #162733;border: 0 none;border-radius: 0;color: #fff;float: right;height: 30px;margin: 0 0 15px 0;padding: 0 15px;text-transform: uppercase;}

        /* Slider */
        .slider {width:100%; max-height: 600px; height:100%; position: relative; z-index:1000;}
        .slider img {width:100%; height:100%; max-height: 600px;}
        .slider .sliderBaslik {position: absolute; bottom:15px; right: 15px; background-color: rgba(61, 93, 111, 0.8); padding:20px;}
        .slider .sliderBaslik h3 {margin: 0; color:#fff; font-family: 'Roboto Slab', serif; font-weight: 300;}

        /* Slogan */
        .slogan {background: #fff; width:100%; min-height:130px; padding:20px;}
        .sloganText {border-right:1px solid #ddd; min-height:90px; font-size:22px; color:#2a363c; font-family: 'Roboto Slab', serif; font-weight:100;}
        .sloganBtn {background: rgba(61, 93, 111,1); display: inline-block;  border:1px solid transparent; color:#fff; padding:10px 15px; font-size:16px; font-weight: 300; margin:20px 0 0;}
        .sloganBtn i {margin:0 5px 0 0;}
        .sloganBtn:hover {background: #fff; border:1px solid #ddd; transition: all .3s ease-in;}
        .sloganBtn:focus {background: #fff; border:1px solid #ddd; transition: all .3s ease-in;}
        .sloganBtnWrap {text-align: center;}

        /* Box */
        .boxWrap {background: #f4f7f8; box-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.07) inset, 0 3px 2px -3px rgba(0, 0, 0, 0.07) inset; padding:20px;}
        .box {border-right:1px solid #ddd; margin:0 0 15px 0 ;}
        .box:nth-child(3n){border-right:none;}
        .box .icon {float:left; display: block;  height:130px; width:35px; font-size:16px; text-align: center; color:#b1b1b1;}
        .box .text {}
        .box .text h4{color:#2a363c; font-family: 'Roboto Slab', serif; font-weight: 300; font-size:24px; margin: 0 0 10px;}
        .box .text p {font-size:12px; color:#2a363c; text-align: justify;}
        
        /* Area */
        .area {background: #fff; width: 100%; overflow: hidden; padding:25px 10px;}
        
        /* Haberler */
        .haberler {}
        .haberler h3{font-family: 'Roboto Slab', serif; font-weight: 100; padding:0 0 20px 0; margin:0;}
        .haberler article {display: block; margin-bottom:15px;}
        .haberler article .date {color: #bdbdbd; border-right:1px solid #bdbdbd; float: left; padding-right: 5px; position: relative; text-align: right; width: 45px;} 
        .haberler article .date .day {display: block;  font-size: 24px; line-height: 100%;}
        .haberler article .date .year {font-size: 11px; line-height: 100%;}
        .haberler article .text {display: block;    margin-left: 55px;}
        .haberler article .text h5{ font-size:17px; font-weight: 400; margin: 0 0 5px 0 ;}
        .haberler article .text h5 a{color:#2a363c;}
        .haberler article .text p{font-size:13px; color:#666;}

        /* Accordion */
        .accordionWrap {}
        .accordionWrap h3{font-family: 'Roboto Slab', serif; font-weight: 100; padding:0 0 20px 0; margin:0;}
        button.accordion {background: none;border-bottom: 1px solid #ddd !important; color: #444; cursor: pointer; padding: 10px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s;}
        button.accordion span {background: #6f8f9f; width:20px; height: 20px; display: inline-block; text-align: center; color:#fff;}
        button.accordion:after {content: '\02795';font-size: 13px;color: #777;float: right;margin-left: 5px;}
        button.accordion.active:after {content: "\2796"; }
        div.accordionPanel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden;  transition: 0.6s ease-in-out; opacity: 0;}
        div.accordionPanel.show {opacity: 1;max-height: 500px;}

        /* Ref */
        .refWrap {background-color: rgba(134, 148, 156, 0.48); padding:40px 10px 30px 10px;}
        .refBaslik {text-align: center; }
        .refBaslik h4{margin:0 0 15px 0; font-family: 'Roboto Slab', serif; color:#fff; font-size:32px; padding:0 0 15px 0; font-weight: 100; text-transform: uppercase; position: relative;}
        .refBaslik h4:before {width:10%; content: ''; position: absolute; left:50%; margin-left:-5%; bottom:0; height:2px; background: #fff;}
        .ref  {width: 100%; }
        .ref .owl-nav  {position: relative; }
        .ref .owl-nav .owl-next{position: absolute; right:0; top:-70px;}
        .ref .owl-nav .owl-prev{position: absolute; left:0; top:-70px;}
        .ref .owlPrev {background-color:rgba(0, 0, 0, 0.3); color:#fff; padding:7px 10px; font-size:16px; margin-right:5px; opacity: 0; transition: all .3s ease-in;}
        .ref .owlNext {background-color:rgba(0, 0, 0, 0.3); color:#fff; padding:7px 10px; font-size:16px; margin-left:5px; opacity: 0; transition: all .3s ease-in;}
        .ref:hover .owlPrev{opacity: 1;}
        .ref:hover .owlNext{opacity: 1;}

        /* Footer */
        .footer {background: #162733; }
        .footerAlt { width:100%; line-height:80px; color:#fff; padding:0 30px;}
        .footerContent {width: 100%; overflow: hidden; padding:25px 10px 0px 10px;}
        .footerContent .textArea {}
        .footerContent .textArea h6{ margin:0 0 10px 0;  padding:0 0 10px 0; color:#c3c3c3; font-size:17px; font-family: 'Roboto Slab', serif; font-weight: 100; position: relative;}
        .footerContent .textArea h6:before {width:10%; content: ''; position: absolute; left:0; bottom:0; height:1px; background: rgba(255, 255, 255, 0.12);}
        .footerContent .textArea p{font-size:15px; color: #626c75; text-align: justify;}
        .footerContent .contactFooter {}
        .footerContent .contactFooter h3{ margin:0 0 10px 0;  padding:0 0 10px 0; color:#c3c3c3; font-size:17px; font-family: 'Roboto Slab', serif; font-weight: 100; position: relative;}
        .footerContent .contactFooter h3:before {width:10%; content: ''; position: absolute; left:0; bottom:0; height:1px; background: rgba(255, 255, 255, 0.12);}
        .footerContent .contactFooter ul li{color:#fff; margin:0 0 10px 0; font-size:13px; }
        .footerContent .contactFooter ul li i{width:18px; text-align: center;}
        .footerContent .footerHaberler {}
        .footerContent .footerHaberler h3{ margin:0 0 10px 0;  padding:0 0 10px 0; color:#c3c3c3; font-size:17px; font-family: 'Roboto Slab', serif; font-weight: 100; position: relative;}
        .footerContent .footerHaberler article {display: block; margin-bottom:15px;}
        .footerContent .footerHaberler article .date {color: #bdbdbd; border-right:1px solid #bdbdbd; float: left; padding-right: 5px; position: relative; text-align: right; width: 45px;} 
        .footerContent .footerHaberler article .date .day {display: block;  font-size: 24px; line-height: 100%;}
        .footerContent .footerHaberler article .date .year {font-size: 11px; line-height: 100%;}
        .footerContent .footerHaberler article .text {display: block;    margin-left: 55px;}
        .footerContent .footerHaberler article .text h5{ font-size:14px; font-weight: 400; margin: 0 0 5px 0 ;}
        .footerContent .footerHaberler article .text h5 a{color:#fff;}
        .footerContent .footerHaberler article .text p{font-size:13px; color:#666;}



/* WP CSS */
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}