/*
Theme Name: Mavigen Digital Agency
Version: 2.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen Digital Agency</a>
Author: Mavigen Digital Agency
Author URI: http://www.mavigen.com
*/

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


body { margin:0; }

.clearfix { clear:both; }

a { text-decoration:none; }
a:hover { text-decoration:none; }

a:focus,
input:focus,
textarea:focus{ outline: none; }

ul{ list-style:none; padding:0; margin:0; }

/************* ÖZEL FONT *************/
body,
input,
textarea{ /* font-family: 'LatoLatinWeb', sans-serif; */ font-family: 'MuseoWeb', sans-serif; font-weight:300; }

input,
textarea{ border-radius: 0 !important; }


/************* TRANSITION *************/
.social li,
header:after,
.fixedhead:after,
header .logo,
.fixedhead .logo,
header .logo img,
.fixedhead .logo img,
.menuOpen,
.sf-menu a,
.sf-menu li.sfHover,
.sf-menu li,
.sf-menu,
header .logo a,
header .right,
header .language,
header .social li.searchBtn input[type="text"],
.services .list > div img,
.services .list > div .textArea,
.aboutUs .btnMore,
.contact input[type="submit"],
.contact input[type="button"],
.tipProjeler .sidebar input[type="submit"],
.filteredList > div{ -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

/************* FONT AWESOME *************/
.socialIcons .row > div a:after{ -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; transform: translate(0px, 0px); }


/* FW400 Regular */
.tipProjeler .sidebar .box h2{ font-weight: 400; }

/* FW700 Bold */
.aboutUs p,
.aboutUs .btnMore,
.tipProjeler .formToggle,
.tipProjeler .sidebar input[type="submit"]{ font-weight: 700; }

/* FW900 Heavy */
header .language li a,
.menuToggle,
.services .list > div .textArea h2,
.services .list > div .textArea strong,
.numbers .counter,
.contact .infoAddress ul li strong,
.contact input[type="submit"],
.contact input[type="button"]{ font-weight: 900; }


.titleArea h1,
.corporate .newsArea h2,
.subContent h1,
.subContent h2,
.bannerText .textArea h1{ font-family: 'MuseoWeb', sans-serif; }


.titleArea h1 span{ font-weight: 400; }
.titleArea h1,
.corporate .newsArea h2,
.subContent h1,
.subContent h2{ font-weight: 700; }


.mTo10{ margin-top: 10px; }
.mTo20{ margin-top: 20px; }
.mTo30{ margin-top: 30px; }
.mTo40{ margin-top: 40px; }
.mTo50{ margin-top: 50px; }
.mTo60{ margin-top: 60px; }

.mBo10{ margin-bottom: 10px; }
.mBo20{ margin-bottom: 20px; }
.mBo30{ margin-bottom: 30px; }
.mBo40{ margin-bottom: 40px; }
.mBo50{ margin-bottom: 50px; }
.mBo60{ margin-bottom: 60px; }



/*------------------------------------------------ MAP STYLE ------------------------------------------------*/
    /*-------- MAP TOOLTIP --------*/
        .gm-style-iw > div { overflow:hidden !important}
                    .infoWindow000 { margin-left:15px; }
                    .infoWindow000 > div{ background:#fff; color:#7C7C7C; font-size:14px; z-index:4; text-align: center; }

                        .infoWindow000 > div h6{ font-size:15px; color:#fff; background:#62AEAD; padding:0 10px; mar                    gin:10px 0; line-height:44px; height:44px; letter-spacing:3px; }

                        .infoWindow000 > div > div{ padding:20px; letter-spacing:1px; }
                            .i                        nfoWindow000 > div > div h3{ font-size:13px; color:#000; margin:0; line-height:44px; height:44px; letter-spacing:3px; }

                            .infoWindow000 > div > div .row{ clear:both; margin:0 0 10px; }
                            .                            infoWindow000 > div > div .row strong{ color:#62AEAD; }
                            .infoWindow000 > div > div .row > div{ width:344px; float:left; }
                            .infoWindow000 > div > div .row > a{ color: #7C7C7C; }
    /*-------- MAP TOOLTIP --------*/
/*------------------------------------------------ / END MAP STYLE ------------------------------------------------*/



.searchBox{position:fixed;width:100%;height:100%;z-index:100;display:none;}
.searchBox .closeArea{background:rgba(255,255,255,0.94);position:fixed;width:100%;height:100%;}
.searchBox .closeBtn{width:26px;height:26px;line-height:26px;text-align:center;background:#DE5145;color:#fff;position:fixed;z-index:10;top:10px;right:10px;}

    .searchBox .searchArea{ position:fixed; float: right; border:2px solid #62AEAD; margin:20px 14px 0 0;margin:0 auto;z-index:10;width:80%;top:50%;margin-top:-18px;left:10%;background:#fff;}
        .searchBox .searchArea input[type="text"]{ background: #fff; border:0; height: 30px; padding: 0 5px; font-size: 12px; width:84%; float: left;}
        .searchBox .searchArea input[type="submit"]{ border:0; background:transparent; text-indent: -9999px; width: 32px; height: 30px;float:right;}
            .searchBox .searchArea em{background:#62AEAD;color:#fff;width:32px;height:32px;line-height:32px;text-align:center;position:absolute;right:0;z-index:-1}


/*------------------------- HEADER -------------------------*/
    header { position: fixed; top: 0; z-index: 10; width: 100%; }
        header:after{ position: absolute; background: rgba(255,255,255,0.3); top: 0; left: 0; height: 96px; width: 100%; z-index: -1; opacity: 0; }
            header .logo{ text-align: center; float: left;z-index:50}
                header .logo a{ display: block; padding: 30px 0 0; }
                header .logo a img{ display: inline-block; }
            header .right{ padding: 29px 0; padding-right: 24px; position: relative; }
                header .right nav{ float: right; }

    header .social,
    header .language{ float: right; margin: 0 0 6px 14px; }

    header .social li{ float: left; border-radius: 100px; background: #fff; color: #76848A; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; margin: 0 0 0 4px; }
        header .social li a{ color: #76848A; display: block; }
        header .social li:hover a{ color: #fff; }

        header .social li.facebook:hover{ background:#37589A; }
        header .social li.twitter:hover{ background:#4DABF0; }
        header .social li.youtube:hover{ background:#E32B28; }
        header .social li.instagram:hover{ background:#2B669A; }
        header .social li.google:hover{ background:#E32B28; }
        header .social li.linkedin:hover{ background:#007AB7; }
        header .social li.pinterest:hover{ background:#CD1C21; }
        header .social li.vimeo:hover{ background:#00B7EC; }
        header .social li.behance:hover{ background:#009BFF; }
        header .social li.rss:hover{ background:#E96E00; }

        header .social li.searchBtn{width:20px;overflow:hidden;position:relative;}
        header .social li.searchBtn i{color:#76848A;float: right;width: 20px;height: 20px;line-height: 20px;position:absolute;right:0;z-index:0}
            header .social li.searchBtn:hover{width:220px}
            header .social li.searchBtn:hover i{color:#76848A}
            header .social li.searchBtn:hover input[type="text"]{opacity:1}

        header .social li.searchBtn{margin:0 auto;z-index:10;background:#fff;}
        header .social li.searchBtn input[type="text"]{ background: #fff; border:0; height: 20px; padding: 0 5px; font-size: 12px; width:84%; float: left;opacity:0}
        header .social li.searchBtn input[type="submit"]{ border:0; background:transparent; text-indent: -9999px; width: 20px; height: 20px;float:right;position:relative;z-index: 2}
            header .social li.searchBtn em{background:#62AEAD;color:#fff;width:32px;height:32px;line-height:32px;text-align:center;position:absolute;right:0;z-index:-1}

    header .language li{ float: left; margin: 0 0 0 6px; line-height: 20px; }
        header .language li a{ color: #fff; font-size: 10px;text-shadow:0 5px 10px rgba(0,0,0,0.4) }

    header .searchBtn{margin-right:10px!important;cursor:pointer}
        header .searchBtn:hover{background:#62AEAD;color:#fff;}

        .sf-menu > li a{ border-bottom: 2px solid rgba(0,0,0,0); }

        .subH .sf-menu > li >a{text-shadow:0 6px 10px rgba(0,0,0,0.2);}

        .sf-menu > li:hover a,
        .sf-menu > li.selected >a{ color: #fff; border-bottom: 2px solid #4BB4C0; }
        .sf-menu > li.selected >a{ color: #fff; }

        .fixedhead{ z-index: 60; box-shadow: 0 10px 10px rgba(0,0,0,0.1); }
        .fixedhead:after{ background: #fff; height: 90px; opacity: 1; }
        .fixedhead .right{ padding: 24px 0; }
        .fixedhead .social{ display: none; }
        .fixedhead .language{ position: absolute; bottom: -28px; right: 0; }

            .fixedhead .logo{float: left; }
                .fixedhead .logo a{ height: auto; padding: 18px 0; }
                .fixedhead .logo a img{ height: 50px; }

        .fixedhead .sf-arrows .sf-with-ul:after{ border-top-color: #fff; }
        .menuToggle{ display: none; color: #fff; background: #313132; position: absolute; right: 0px; top: 25px; padding: 5px 10px; font-size: 14px; cursor: pointer; }

        .selected .sf-with-ul:after{ border-top-color: #fff !important; }

            .fixedhead .sf-menu > li a{color:#3B4446}
            .fixedhead .sf-arrows .sf-with-ul:after,
            .fixedhead .sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#3B4446}
/*------------------------- / END HEADER -------------------------*/

    .bannerArea{ position: relative; width: 100%; z-index:0; height: 100%; overflow: hidden; }
        .bannerText{position:absolute;height: 100%;width: 100%;text-align: right;display:flex;align-items: center;justify-content:flex-end;z-index:1;}
            .bannerText .textArea{padding:0 4%;color:#fff; margin-top: 20%;}
                .bannerText .textArea h1{font-size:50px;font-weight:800;text-shadow:0 5px 10px rgba(0,0,0,0.4)}
                .bannerText .textArea p{font-size:24px;font-weight:400;text-shadow:0 5px 10px rgba(0,0,0,0.4)}
                    .bannerText .textArea p a{color:#fff;text-decoration:underline}

        .bannerArea video{ width: 100%; display: block; }


    .titleArea{ color: #fff; text-align: center; padding: 70px 0 0; }
        .titleArea h1{ margin: 0 0 36px; font-size: 24px; }
        .titleArea p{ font-size: 16px; margin: 0 0 10px; }


/*------------------------- CLIENTS -------------------------*/
    .corporate{ background: url('../images/bgCorporate.jpg') no-repeat center center; background-attachment: fixed; min-height: 640px; padding-bottom: 30px; }
        .corporate .corporateArea{padding-top:56px;padding-right:50px}
        .corporate .titleArea{text-align:left;}

        .corporate .contentArea{color:#fff;font-size:16px;text-align:justify;line-height:24px}
        .corporate .contentArea .btnMore{ height: 40px; line-height: 38px; border:2px solid rgba(255,255,255,0.3); display: inline-block;         color: rgba(255,255,255,0.3); font-size: 14px; padding: 0 10px; }
            .corporate .contentArea .btnMore:hover{ background: #FFF; color:#62AEAD; border-color: #FFF; }

    .corporate .newsArea{margin-top:110px;background:#525A4F;padding:15px 15px 25px;}
    .corporate .newsArea .newsSlide{margin:10px 0;}
        .corporate .newsArea h2{font-size:20px;color:#fff;margin:0 0 20px;}
        .corporate .newsArea img{width:100%;}
        .corporate .newsArea h3{font-size:16px;color:#fff;font-weight:900}
        .corporate .newsArea p{font-size:14px;color:#fff;font-weight:400}

        .corporate .newsArea .flex-control-nav{left:0;bottom:10px}
        .corporate .newsArea .flex-control-paging li a{border-radius:0;background:#62AEAD;}
        .corporate .newsArea .flex-control-paging li a.flex-active{background:#fff;}

/*------------------------- / END CLIENTS -------------------------*/

/*------------------------- services -------------------------*/
.services{ background: #fff; }
    .services .titleArea h1{ margin-bottom: 18px;color:#3F3F3F; }
    .services .titleArea p{ color:#3F3F3F; }
    .services .list{ margin-top: 52px; }
    .services .list > div{ padding: 0; overflow: hidden; }
        .services .list > div img{ display: block; width: 100%;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);opacity:1.8; }
        .services .list > div:hover img{ /*-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);*/filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0);opacity:1; z-index: 3; }
        .services .list > div .textArea{ z-index: 10; width: 100%; height: 86px; top: 0; align-items:center;display:flex;justify-content:center;color:#52594E}
            .services .list > div .textArea:before{content:'';position:absolute;height:100%;width:1px;left:0;top:0;background:rgba(82,90,79,0.2)}
            .services .list > div .textArea:after{content:'';position:absolute;height:100%;width:1px;right:0;top:0;background:rgba(82,90,79,0.2)}
            .services .list > div .textArea a{ display: block; }
            .services .list > div .textArea h2{ text-align: center; margin: 0;width: 100%;font-size:18px; }
        .services .list > div:hover .textArea{background:#525A4F;color:#fff}
/*------------------------- / END services -------------------------*/

/*------------------------- ABOUT US -------------------------*/
.greenLogistic{background:url('../images/bgGreenlogistic.jpg') repeat left top;padding:60px 0 106px;}

.greenLogistic .titleArea{padding:0 0 40px;}
    .greenLogistic .titleArea h1{color:#7FB741;margin:0 0 16px}
    .greenLogistic .titleArea p{color:#3F3F3F}

	.greenLogistic .slideArea{width:100%;overflow-x: hidden;position:relative;}
        .greenLogistic .greenSlide li{padding:0;text-align:center;color:#8F8F8F;font-family:'MuseoWeb', sans-serif;font-size:20px}
        .greenLogistic .greenSlide li div{padding:0 10px;}
     	   .greenLogistic .greenSlide li img{width:100%}



.greenLogistic .col-orman{float:left;}
    .greenLogistic .col-orman .textArea{ color:#6C6C6C;float:left;padding-right:10px}
        .greenLogistic .col-orman .textArea .text01{font-weight:800;font-size:60px;float:left;padding-right:8px}
        .greenLogistic .col-orman .text	Area .text02{font-weight:400;font-size:20px;float:left;padding:12px 0px}
        .greenLogistic .col-orman .textArea .text03{font-weight:400;font-size:20px;clear:both;letter-spacing:3.5px;}
        .greenLogistic .col-orman .textArea .text04{font-weight:900;font-size:40px;letter-spacing:3.5px;padding-top:8px}

    .greenLogistic .col-orman .imageArea{float:left;padding-top:10px}

.greenLogistic .col-dizel{float:left;padding:0 43px;}
    .greenLogistic .col-dizel .textArea{ color:#6C6C6C;float:left;padding-right:10px}
        .greenLogistic .col-dizel .textArea .text01{font-weight:800;font-size:60px;float:left;padding-right:8px}
        .greenLogistic .col-dizel .textArea .text02{font-weight:400;font-size:20px;float:left;padding:24px 0px;letter-spacing:8px}
        .greenLogistic .col-dizel .textArea .text03{font-weight:400;font-size:20px;clear:both;letter-spacing:1.6px;}
        .greenLogistic .col-dizel .textArea .text04{font-weight:900;font-size:40px;letter-spacing:11.5px;padding-top:8px}

    .greenLogistic .col-dizel .imageArea{float:left;padding-top:10px}


.greenLogistic .col-rakamlar{float:left;color:#7FB740;text-align:center;}
    .greenLogistic .col-rakamlar .mText{font-size:20px;font-weight:900;padding-bottom:10px}
    .greenLogistic .col-rakamlar .numberRow {padding-top:5px}
        .greenLogistic .col-rakamlar .numberRow .first{float:left;font-weight:400;font-size:30px;padding-top:16px;width:100px;text-align:right;}
            .greenLogistic .col-rakamlar .numberRow .first sub{font-size:15px}
        .greenLogistic .col-rakamlar .numberRow .center{float:left;font-weight:900;font-size:46px;padding:0 10px}
        .greenLogistic .col-rakamlar .numberRow .last{float:left;font-weight:400;font-size:30px;padding-top:16px}
/*------------------------- / END ABOUT US -------------------------*/


/*------------------------- CONTACT -------------------------*/
.contact{ background: url('../images/bgContact.jpg') no-repeat center bottom; background-color: #313131; text-align: center; color: #fff; font-size: 18px; }
    .contact .infoAddress p{ font-size: 14px; margin-bottom: 20px; }
    .contact .infoAddress ul{ margin-bottom: 50px; }
    .contact .infoAddress ul li{ display: inline-block; margin: 0 40px; font-size: 13px; }
    .contact .infoAddress ul li strong{ margin-right: 10px; display: inline-block; }

    .contact input[type="text"],
    .contact input[type="email"],
    .contact textarea{ width: 100%; background: rgba(255,255,255,0.6); height: 40px; border:0; padding: 0 10px; color: #313132; font-size: 14px; }

    .contact textarea{ height: 98px; padding: 10px; }
    .contact input[type="submit"],
    .contact input[type="button"] {
        background: #007070;
        border: 2px solid #007070;
        color: #fff;
        font-size: 16px;
        height: 36px;
        padding: 0 20px;
    }

    .contact input[type="submit"]:hover,
    .contact input[type="button"]:hover {
        background: #005f5f;
        color: #fff;
    }

    .contact ::-webkit-input-placeholder { color: #313132; }
    .contact :-moz-placeholder { /* Firefox 18- */ color: #313132; }
    .contact ::-moz-placeholder {  /* Firefox 19+ */ color: #313132; }
    .contact :-ms-input-placeholder { color: #313132; }

    .contact ul.social{display:table;margin:0 auto 40px}
    .contact .social li{display:inline-block;border-radius: 100px; background:transparent; border:1px solid #636C60; color: #fff; width: 36px; height: 36px; line-height: 34px; text-align: center; font-size: 16px; margin: 0 6px; }
        .contact .social li a{ color: #fff; display: block; }
        .contact .social li:hover a{ color: #fff; }
        .contact .social li:hover{border:1px solid transparent}

        .contact .social li.facebook:hover{ background:#37589A;}
        .contact .social li.twitter:hover{ background:#4DABF0;}
        .contact .social li.youtube:hover{ background:#E32B28;}
        .contact .social li.instagram:hover{ background:#2B669A;}
        .contact .social li.google:hover{ background:#E32B28;}
        .contact .social li.linkedin:hover{ background:#007AB7;}
        .contact .social li.pinterest:hover{ background:#CD1C21;}
        .contact .social li.vimeo:hover{ background:#00B7EC;}
        .contact .social li.behance:hover{ background:#009BFF; }
        .contact .social li.rss:hover{ background:#E96E00; }
/*------------------------- / END CONTACT -------------------------*/


/*------------------------- FOOTER -------------------------*/
footer .container-fluid{ padding: 17px 0; background: #383838; }

footer .copyright{ float: left; font-size: 11px; color: #fff; height: 16px; line-height: 18px; }
footer .mavigen{ float: right; }
    footer .mavigen img{ height: 16px; display: block; }
/*------------------------- / END FOOTER -------------------------*/

#iletisimdiv{ font-size: 13px; }

.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{float:right}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0";float:right}.breadcrumb>.active{color:#777}

.bgCrumb{ background: #f5f5f5; margin: 0 0 20px; font-size: 13px; }
.bgCrumb .breadcrumb{ margin: 0; padding-left: 0; padding-right: 0;float:left; }
.bgCrumb .breadcrumb a{ color: #262626; }


    .tipProjeler .sidebar .box{ border-top: 1px solid #D6D6D6; padding: 7px 0 18px; font-size: 14px; color: #000; }
        .tipProjeler .sidebar .box h2{ margin: 12px 0; font-size: 18px; padding: 0 10px; }

        .tipProjeler .sidebar .box .chkItem{ padding: 0 20px; }
        .tipProjeler .sidebar .box .chkItem li{ float: left; margin-right: 20px; }
        .tipProjeler .sidebar .box .chkItem input[type="checkbox"]{ display:none; }
            .tipProjeler .sidebar .box .chkItem input[type='checkbox']:checked ~ label:before { background:#7C7C3D; }

        .tipProjeler .sidebar .box .chkItem label{ position: relative; padding-left: 20px; }
            .tipProjeler .sidebar .box .chkItem label:before{ position: absolute; content: ''; width: 11px; height: 11px; border:1px solid #7C7C3D; left: 0; top: 2px; }

        .tipProjeler .sidebar input[type="submit"]{ border:2px solid #7C7C3D; color: #7C7C3D; background: none; text-align        : center; width: 100%; font-size: 16px; line-height: 30px; }
            .tipProjeler .sidebar input[type="submit"]:hover{ background: #7C7C3D; color: #fff; }

        .tipProjeler .formToggle{ background: #7C7C3D; color: #fff; text-align: center; font-size: 12px; line-height: 30px; cursor: pointer; display: none; }


    .tipProjeler .filteredList a{ display: block; }
    .tipProjeler .filteredList > div{ padding-top: 15px; padding-bottom: 15px; }
        .tipProjeler .filteredList > div:hover{ background: #eee; }
    .tipProjeler .filteredList .picArea{ position: relative; margin: 0 0 10px; }
    .tipProjeler .filteredList .picArea img{ width: 100%; display: block; }
    .tipProjeler .filteredList .breadC{ background: rgba(124,124,61,0.8); position: absolute; bottom: 0; width: 100%; }
    .tipProjeler .filteredList .breadC ul{ padding: 0 10px; }
        .tipProjeler .filteredList .breadC li a{ display: inline-block; }
        .tipProjeler .filteredList .breadC li{ float: left; padding: 0 4px 0 0; }
            .tipProjeler .filteredList .breadC li:after{ content: ' /'; font-size:12px; color: #000; }
        .tipProjeler .filteredList .breadC li a{ color: #000; font-size:12px; }
        .tipProjeler .filteredList .breadC li:last-child:after    { content: ''; }

    .tipProjeler .filteredList h3{ margin: 0 0 4px; font-size: 17px; font-weight: 400; color: #000; }
    .tipProjeler .filteredList p{ margin: 0; font-size: 12px; color: #666; }


    .projectDetail .picArea{ padding: 8px; border:1px solid #999; }
    .projectDetail .picArea img{ width: 100%; display: block; }

    .projectDetail h2{ margin: 0 0 10px; font-weight: 700; font-size: 20px; color: #62AEAD; }

.bluelink,.bluelink a{color:#4BB4C0!important;font-weight: bold;text-decoration: underline;}

@media (max-width: 1440px){
    header .logo a{padding-top:40px 0 0}
    header .logo a img{height:60px}
    .sf-menu{font-size:12px;}
    .sf-menu > li > a{margin:0 10px}
}

@media (max-width: 1366px){
}

@media (max-width: 1280px){
}

@media (max-width: 1170px){

}

@media (max-width: 1025px){
    header .social, header .language{ float: left !important; margin-top: 8px !important; }

    .fixedhead:after{height:96px}

    header .language{ float: right!important;}

    header .logo a{padding:18px 0 0}
    header .right{ padding:12px 24px!important; }

        header .social li.mobileSearchBtn{cursor:pointer;}

    .sf-menu{ font-size: 14px; }
    .sf-menu a{ padding: 0 10px;height:36px;line-height:36px }

.sf-menu > li > a{ margin: 0 !important; }

 .corporate,
 .aboutUs,
 .numbers{ background-attachment: inherit; background-size: auto 100%; }

    .services .list > div .textArea h2{ font-size: 18px; }
    .services .list > div .textArea .left, .services .list > div .textArea .right{ font    -size: 14px; }
}

@media (max-width: 1020px){
    .socialIcons .row > div a:after,
    .socialIcons .row > div a:before{ display: none; }

    header{ position: relative!important; background: #fff; }
    header:after{ display: none !important; }

    header .language li a{color:#76848A;text-shadow:none;}

    header .logo{ width: auto; padding-top: 20px;padding-bottom: 20px; z-index: 20; position: relative; }
        header .logo a{ height: auto; padding: 0!important; }
        header .logo a img{height:40px!important;}


    header .top .social{ display: block!important; }
    header .language{ position: relative!important; bottom:auto!important; right: auto!important; }

    header .right{padding:0!important}

    .sf-menu li,
    header .right,
    header .right nav{ float: none !important; }

    header .right nav{ clear: both;  }
    .sf-menu{ height: 0; padding: 0; margin: 0 0 20px; overflow: hidden; display: none; }
    .sf-menu a{ color: #3B4446; }
    .sf-menu > li.selected >a{background:#4BB4C0;}
    .sf-menu > li:hover a{ border-color: transparent; }
    .sf-menu ul li a{ color: #3B4446 !important; }
    .sf-menu ul li.selected a{ color: #3B4446 !important; }
    .sf-menu ul{ display: block !important; position: relative; background: rgba(0,0,0,0.1); box-shadow: none; }
    .sf-menu ul{ left: auto !important; /*padding: 0 20px;*/ }
    .sf-arrows .sf-with-ul:after{ border-top-color: #3B4446; }

    .tipProjeler .sidebar form{ display: none; }

    .menuToggle,
    .tipProjeler .formToggle{ display: block; }

    .menuOpen,
    .tipProjeler .formOpen{ height: auto; display: block !important; }

    .sf-menu a{ -webkit-font-smoothing: antialiased; -webkit-transition: all .0s; -moz-transition: all .0s; -o-transition: all .0s; -ms-transition: all .0s; transition: all .0s;  }
    .sfHover{ background: none; }

    .bannerText{text-align:center;justify-content:center;}
        .bannerText h1{font-size:40px!important}
        .bannerText p{font-size:20px!important}

    .corporate .titleArea{padding-top:20px}
    .corporate .corporateArea{padding-right:15px}

    .corporate .newsArea{margin-top:30px}

    .greenLogistic{padding-bottom:60px }
    .greenLogistic .col-orman{padding:0 4%;width:50%;}
    .greenLogistic .col-dizel{padding:0 4%;width:50%;}

    .greenLogistic .col-rakamlar{padding-top:40px;width:100%;}
    .greenLogistic .col-rakamlar .numberRow .first,
    .greenLogistic .col-rakamlar .numberRow .center,
    .greenLogistic .col-rakamlar .numberRow .last{float:none!important;display:inline-block;}
}
@media (max-width: 992px){

    .projectDetail > div{ padding: 0; }

}

@media (max-width: 640px){
    .subBanner{ display: none; }
}


@media (max-width: 475px){
    .greenLogistic .col-orman .textArea{padding-right:0;}
    .greenLogistic .col-orman .imageArea{float:none;text-align:center; }
        .greenLogistic .col-orman .imageArea img{display:inline-block;}

    .greenLogistic .col-dizel .textArea{padding-right:0;}
    .greenLogistic .col-dizel .imageArea{float:none;text-align:center; }
        .greenLogistic .col-dizel .imageArea img{display:inline-block;}

    .greenLogistic .col-rakamlar .mText{font-size:18px}
    .greenLogistic .col-rakamlar .numberRow .first{font-size:20px;width:60px}
    .greenLogistic .col-rakamlar .numberRow .center{font-size:26px;}
    .greenLogistic .col-rakamlar .numberRow .last{font-size:20px;}
}


.subBanner{ width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; position: relative; top: 0; z-index: -1; }

.subContent { color:#666; line-height:26px; margin: 0 0 20px; min-height: 400px; }
    .subContent h1{ color:#4BB4C0; font-size:22px; padding:0; margin:10px 0 20px 0; line-height:30px; }
    .subContent h2{ color:#525A4F; font-size:18px; padding:0; margin:10px 0 20px 0; line-height:17px; }
.subContent p { margin:0 0 10px 0; }
.subContent a{color:#525A4F}

.subContent .bulletStyle,
.subContent .numberStyle{margin:1em 0;padding:0;}
.subContent .bulletStyle{list-style:inherit!important;}
ol.numberStyle {counter-reset: item;}ol.numberStyle li {display: block;}ol.numberStyle li:before {content: counter(item) ". "; counter-increment: item; font-weight: bold;margin-left:-18px}

.subContent .bulletStyle li,
.subContent .numberStyle li{position: relative;left: 1em;padding-right: 1em;}

.pageSocialMedia a{border-radius:100px;background:#525A4F;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;display:inline-block;margin-left:10px}
.pageSocialMedia a em{width:30px;display:block;line-height:30px;text-align:center;}

/*-------------------- İletişim Formu --------------------*/
.tip6 .formText,
.tip6 input[type="submit"]{ font-weight: 700; }

.tip6 input:focus,
.tip6 textarea:focus,
.tip6 select:focus,
.tip6 radio:focus,
.tip6 checkbox:focus{ outline: none !important; box-shadow: none !important; border-color: #555; }

.tip6 input,
.tip6 textarea,
.tip6 select{ border-radius: 0 !important; }

.tip6 textarea,
.tip6 .selectmulti{ height: 110px !important; }

.tip6 input[type="submit"]{ background: #cb5a5e; color: #fff; border:0; padding: 6px 10px; }
    .tip6 input[type="submit"]:hover{ background:#c23f44; }


/*-------------------- Listeleme Sayfası - Başlık + Özet + Resim --------------------*/
    .tip8 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip8 li .image { padding:3px; border:1px solid #ccc; background:#fff; }
            .tip8 li a:hover .image{ border-color:#eee; background:#fff; }
            .tip8 li img{ width: 100%; display: block; }
    .tip8 li a{ color: #202020; font-size: 14px; }
    .tip8 li .textArea h2{ margin: 4px 0; min-height:38px; font-size: 14px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */}
    .tip8 li .textArea p{ margin: 0; font-size: 12px; text-align: justify; line-height: 140%;}

.otherNews{ padding-top: 40px; clear: both; }
    .otherNews .titleArea{ position: relative; color: #003784; line-height: 28px; margin: 0 0 20px; }
        .otherNews .    titleArea span{ background: #fff; position: relative; z-index: 2; padding: 0 20px 0 0; font-size: 18px; }
        .otherNews .titleArea a{ float: right; background: #fff; position: relative; z-index: 2; padding: 0 0 0 20px; color: #003784; font-size: 10px; }
        .otherNews .titleArea:after{ content: ''; position: absolute; left: 0; top: 50%; margin-top:1px; z-index: 0; height: 1px; width: 100%; background: rgba(0,0,0,0.1); }
/*-------------------- Listeleme Sayfası - Başlık + Özet --------------------*/
    .tip2 ul{ width: 100%; font-size: 12px; }
        .tip2 li{ border-bottom: 1px dotted #ddd; }
            .tip2 li:last-child{ border-bottom: none; }
        .tip2 li >a{ display:block; color: #262626; width: 100%; padding:10px 1%; }
            .tip2 li >a:hover { background:#eee; }
        .tip2 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; }
        .tip2 li p{ font-size: 12px; margin: 0; }

/*-------------------- Listeleme Sayfası - Başlık --------------------*/
    .tip7 ul{ width: 100%; font-size: 12px; }
        .tip7 li{ border-bottom: 1px dotted #ddd; }
            .tip7 li:last-child{ border-bottom: none; }
        .tip7 li >a{ display:block; color: #262626; width: 100%; padding:10px 1%; }
            .tip7 li >a:hover { background:#eee; }
        .tip7 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; }


/*-------------------- Dokümanlar --------------------*/
    .tip5 ul{ width: 100%; font-size: 12px; }
        .tip5 li{ border-bottom: 1px dotted #ddd; }
            .tip5 li:last-child{ border-bottom: none; }
        .tip5 li >a{ display:block; color: #262626; width: 100%; padding:10px 1%; }
            .tip5 li >a:hover { background:#eee; }
        .tip5 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; }


/*-------------------- Foto Galeri --------------------*/
    .tip3 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip3 li{ padding: 8px; }

        .tip3 li >a{ display:block; color: #262626; width: 100%; padding:2px; border:1px solid #ccc; }
            .tip3 li >a:hover { background:#eee; border:1px solid #999; box-shadow:0px 0px 3px #bbb; }

        .tip3 li img{ width: 100%; display:block; }
        .tip3 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; width:100%; padding:6px 3% 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


/*-------------------- Video Galeri --------------------*/
    .tip4 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip4 li{ padding: 8px; text-align: center; }
        .tip4 li >a{ display:block; color: #262626; width: 100%; padding:2px; border:1px solid #ccc; }
            .tip4 li >a:hover { background:#eee; border:1px solid #999; box-shadow:0px 0px 3px #bbb; }

        .tip4 li img{ width: 100            %; display:block; }
        .tip4 li h2{ font-size: 1 4px; margin: 0 0 5px; font-weight: 700; width:100%; padding:6px 3% 2px; }


/*-------------------- Ürün Sayfası --------------------*/
    .tip14 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip14 li .image { padding:3px; border:1px solid #ccc; background:#fff; }
            .tip14 li a:hover .image{ border-color:#eee; background:#fff; }
            .tip14 li img{ width: 100%; display: block; }
    .tip14 li a{ color: #202020; font-size: 14px; }
    .tip14 li .textArea h2{ margin: 4px 0; font-size: 14px; white-space: nowrap; overflow: hidd            en; text-overflow: ellipsis; }
    .tip14 li .textAre a p{ margin: 0; font-size: 12px; text-align: justify; }

/*-------------------- İsim Listesi --------------------*/
    .tip10 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip10 li .image { padding:3px; border:1px solid #ccc; background:#fff; }
            .tip10 li a:hover .image{ border-color:#eee; b    ackground:#fff; }
            .tip10 li img{ width: 100%; display: block; }
    .tip10 li a{ color: #202020; font-size: 14px; }
    .tip10 li .textArea h2{ margin: 4px 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .tip10 li .textArea p{ margin: 0; font-size: 12px; text-align: justify; }


/*-------------------- Alt Sayfa Listeleme --------------------*/
    .tip0 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip0 li{ padding-left:5px; padding-right:5px; }

        .tip0 li >a{ display:block; color: #262626; width:99%; float:left; display:i    nline; padding:0 0 0 4%; line-height:40px; height:40px;font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; color:#495256; font-weight:600;text-decoration:none; border-bottom:1px dotted #ddd; position:relative; }
        .tip0 li >a:hover { color:#216a6e; text-decoration:none }
        .tip0 li >a:before { content:''; width:4%; height:40px; background:url('../images/next.png') no-repeat center 0; position:absolute; left:0; top:0; }
        .tip0 li >a:hover:before { background-position:center -40px; }

            .tip0 li >a:hover { background:#eee; }
        .tip0 li >a>div{ padding:0; }


/*-------------------- Resimli Alt Sayfalar --------------------*/
    .tip12 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip12 li{ padding: 8px; }
        .tip12 li >a{ display:block; color: #262626; width: 100%; padding:2px; border:1px solid #ccc; }
            .tip12 li >a:hover { background:#eee; border:1px solid #999; box-shadow:0px 0px 3px #bbb; }

        .tip12 li img{ width: 100%; display:block; }
        .tip12 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; width:100%; padding:6px 3% 2px; }


@media (max-width: 992px){ .tip8 li .textArea,.tip10 li .textArea,.tip14 li .textArea{ padding-left: 15px; padding-right: 15px; } }

.pozetproject { min-height: 52px;}

.fullwPhotoR {width: 100%;height: 400px;overflow: hidden;display: block;position: relative;}
.fullwPhotoR img{width: 100%;position:absolute; top:inherit !important; }

.fullwPhoto { -webkit-clip-path:polygon(75% 0, 0 0, 0 194%); shape-outside: polygon(0 0, 42% 100%, 80% 0); clip-path: polygon(75% 0, 0 0, 0 194%);float: left; width: 70%; margin-bottom: 30px            ; overflow:hidden}
.fullwPhoto img{display:block;width    :100%;left: -10%; position: relative; }

/*.fullwPhotoR {width: 70%; height:500px;overflow: hidden;display: block;position: relative; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%); clip-path: polygon(100% 0, 100% 100%, 0 100%);shape-outside: polygon(100% 0, 100% 100%, 0 100%); float:left}*/
/*.fullwPhoto img{width: 150%;position:absolute; left: -50%; top: -30% !important;}
.fullwPhotoR img{width: 100%;position:absolute; top:inherit !important; }
*/

.shapeLeft{shape-outside: polygon(0 0, 124px 192px, 240px 0);clip-path: polygon(226px 0, 0 0, 0 366px);float: left;width: 300px;height: 192px;}
.shapeLeft img{display:block;width:100%;}

/*------------------------- SERVICES PAGE -------------------------*/
.subContent { background-color: #E7ECEA;
                background-image: linear-gradient(-52deg, #C3DFE0 10%, transparent 10%),
                    linear-gradient(-5deg, #A5D4D8 36%, transparent 30%),
                    linear-gradient(18deg, #C3DFE0 54%, transparent 50%),
                    linear-gradient(-12deg, #A5D4D8 80%, transparent 30%),
                    linear-gradient(170deg, #E7ECEA 30%, transparent 30%); }

    .pfScroll {position: relative;margin: 0px auto;padding: 0px;height: 270px;overflow: auto;}

    .listItem{margin:40px 0 0}
    .listItem .textArea:after{content:'';width:100%;height:100%;position:absolute;background:#fff;z-index:0;left:0;top:0}
        .listItem .textArea .titArea,
        .listItem .textArea .desArea,
        .ps__rail-x,
        .ps__rail-y{position:relative;z-index:1}
        .listItem .textArea .inner{padding:5px 20px;}

    .listItem .rightItem,
    .listItem .leftItem{margin-bottom:70px;}

    .listItem .textArea{margin:20px 0}
    .listItem .textArea .titArea{color:#65BAB2;font-size:20px;font-weight:700;margin:30px 0 20px}
    .listItem .textArea .desArea{font-size:15px;font-weight:400}

    .listItem .textArea h2{margin: 0 0 10px;font-size: 16px}

    .listItem .leftItem .textArea{padding-right:0}
    .listItem .leftItem .textArea .inner{padding-right:20px}

    .listItem .rightItem .textArea{padding-right:0}
    .listItem .rightItem .textArea .inner{padding-right:20px}

    .listItem .imageArea {position: relative;z-index: 2;padding: 0;min-height: 310px;}
    .listItem .imageArea img{width:100%;box-shadow:20px 20px 18px rgba(0,0,0,0.24);display:block}

	.resimgolge img { width: 100%; box-shadow: 20px 20px 18px rgb(0 0 0 / 24%); display: block; }

/*------------------------- / END SERVICES PAGE -------------------------*/

header .language li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 4px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: none;
}

header .language li a:hover {
    background: rgba(255, 255, 255, 0.2);
}