/*
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
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800;900&display=swap');

*{ -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: 'Montserrat', sans-serif; color: #444444; font-size: 12px;}

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,
.formC form button:hover,
header .logo a,
header .right,
header .language,
.gallery .list > div img,
.gallery .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 */
.titleArea h1 span,
.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,
.titleArea h1,
.projects .list > div .textArea h2,
.projects .list > div .textArea strong,
.numbers .counter,
.contact .infoAddress ul li strong,
.contact input[type="submit"],
.contact input[type="button"]{ font-weight: 900; }


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

.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:#232322; padding:0 10px; margin:10px 0; line-height:44px; height:44px; letter-spacing:3px; margin-left: -15px;margin-top: 0px;}
                        .gm-style .gm-style-iw-c { padding: 0 !important }
                        
                        .infoWindow000 > div > div{ /*padding:20px;*/ letter-spacing:1px; }
                            .infoWindow000 > 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:#232322; }
                            .infoWindow000 > div > div .row > div{ width:344px; float:left; }
                            .infoWindow000 > div > div .row > a{ color: #7C7C7C; }
    /*-------- MAP TOOLTIP --------*/
/*------------------------------------------------ / END MAP STYLE ------------------------------------------------*/


/*------------------------- HEADER -------------------------*/
    header { position: fixed; top: 0; z-index: 10; width: 100%; background: #fff;box-shadow: 0 0px 10px rgba(0,0,0,0.1);}
        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; width: 200px; float: left; }
                header .logo a{ display: block; height: 128px; padding: 18px 0 0; }
                header .logo a img{ float: left; }
            header .right{ float: right; padding: 29px 0; margin-right: 24px; position: relative; }
                header .right nav{ float: right; }
                header .right .link { float: right; display: none; }
                header .right .link a{ color: #313131; font-size: 13px; }

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

    header .social li{ float: left; text-align: center; font-size: 18px; margin: 0 10px; }
        header .social li a{ color: #313131; display: block; }
        header .social li:hover a{ color: #004C66; }


    header .language li{ float: left; margin: 0 0 0 6px; line-height: 20px; }
        header .language li a{ color: #fff; font-size: 10px; }

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

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

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

            .fixedhead .logo{ width: 180px; float: left; }
                .fixedhead .logo a{ height: auto; padding: 14px 0; }
                .fixedhead .logo a img{ width: 60%; }

        .fixedhead .sf-arrows .sf-with-ul:after{ border-top-color: #000; }
        .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: #000 !important; }
/*------------------------- / END HEADER -------------------------*/

    .bannerArea{ position: relative; width: 100%;  height: 100%; overflow: hidden; margin: 128px 0 40px 0 }

    .bannerArea table{position:absolute;width:100%;height:60px;border-spacing:0;bottom: 0%;background: rgba(0,0,0,0.7);}
    .bannerArea h1{color:#fff;text-transform:none;font-size: 20px;font-weight: 600 !important;padding: 16px;margin: 0;}

/*------------------------- MISSION -------------------------*/

.mission{ padding: 0; margin-bottom: 40px;}
    .mission h2{ line-height: 36px; font-size: 40px; margin-bottom: 40px;  font-weight: normal;}
    .mission p{ line-height: 36px; font-size: 21px; margin-bottom: 40px;  }
    .mission span{ /*line-height: 27px; margin-top: 110px; display: block;*/font-size: 16px; }
    .mission .More{ height: 40px; line-height: 38px; display: inline-block; color: #004C66; font-size: 16px; padding: 0 10px; }
        .mission .More:hover{ border:2px solid rgba(0,76,102,1); color: #004C66; }

/*------------------------- CLIENTS -------------------------*/
    .clients{ background: url('../images/bgClients.jpg') no-repeat center center; background-attachment: fixed; min-height: 740px; padding: 100px 0; text-align: center; }

    .clients h1{ line-height: 36px; font-size: 40px; margin-bottom: 40px;  font-weight: normal; color:#14110C;}
    .clients p { font-size: 14px; margin-bottom: 40px; font-weight: bold; color: #444; letter-spacing: 5px;}
    .clients span{ line-height: 27px; font-size: 16px; display: block; color: #868686; }
    .clients span dt{ color: #626567; margin-bottom: 5px; border-radius: 10px; font-size:15px;}
    .clients .iconArea{ margin: 110px 0 0; }
    .clients .iconArea i { font-size: 64px; color:#2a66d4; line-height: 160px;}
    .clients .iconArea p { font-size: 14px; color:#333333;  letter-spacing: normal; margin-top: 25px;}

    .clients .iconArea > div{ position: relative; background: #eee; width: 154px; height: 154px; border-radius: 100px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); margin: 0 5.74%;}
        .clients .iconArea > div a{ display: block; position: relative; z-index: 10; overflow: hidden;}
    .clients .iconArea img{ width: 100%; height: 100%; margin-top: 16px; border-radius: 100%; }


    @-webkit-keyframes left-up {
        0% { left:100%; height:0; }
        50% { left:0; height:0; }
        100% { height:100%; left:0; }
    }
    @-webkit-keyframes right-dn {
        0% { left:-100%; height:0; }
        50% { left:0; height:0; }
        100% { height:100%; left:0; }
    }
    @keyframes left-up {
        0% { left:100%; height:0; }
        50% { left:0; height:0; }
        100% { height:100%; left:0; }
    }
    @keyframes right-dn {
        0% { left:-100%; height:0; }
        50% { left:0; height:0; }
        100% { height:100%; left:0; }
    }

    .clients .iconArea > div a:hover:after, .clients .iconArea > div a:hover:before {
        -webkit-animation-duration:900ms;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-duration:900ms;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
    }
    .clients .iconArea > div a:hover:after {
        -webkit-animation-name:left-up;
        animation-name:left-up;
    }
    .clients .iconArea > div a:hover:before {
        -webkit-animation-name:right-dn;
        animation-name:right-dn;
    }
/*------------------------- / END CLIENTS -------------------------*/

/*--------------- GALLERY ---------------*/
.gallery {padding: 140px 0;}
.gallery .list .item{position:relative;overflow:hidden;background:#000}
.gallery .list .item .picArea{opacity:0.8;}
  .gallery .list .item .picArea img{display:block;width:100%}

.gallery .list > div:hover img{ -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.4; z-index: 3; }

          .gallery .list > div .textArea{ position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; color: #fff; text-shadow: 0 4px 10px rgba(0,0,0,0.4); opacity: 0; }
            .gallery .list > div .textArea h2{ text-align: center; margin: 0; position: absolute; width: 100%; top: 46%; font-size: 26px; }
            .gallery .list > div .textArea .left,
            .gallery .list > div .textArea .right{ position: absolute; bottom: 20px; left: 20px; text-align: left; font-size: 18px; }
            .gallery .list > div .textArea .right{ left: auto; right: 20px; text-align: right !important; }
        .gallery .list > div:hover .textArea{ opacity: 1; }

            .gallery .list div:nth-child(3) .textArea .left, .gallery .list div:nth-child(4) .textArea .left, .gallery .list div:nth-child(5) .textArea .left,
            .gallery .list div:nth-child(3) .textArea .right, .gallery .list div:nth-child(4) .textArea .right, .gallery .list div:nth-child(5) .textArea .right{ font-size: 13px !important; }   
/*--------------- / GALLERY ---------------*/

/*---------------------- FORMC ----------------------*/
.formC { background: url('../images/bgform.jpg') no-repeat center center; background-attachment: fixed; padding: 60px 0; text-align: center; color: #fff; position: relative; }
.formC h2 {margin-bottom: 20px;font-size: 28px;color: #2a66d4;text-align: left;font-weight: 800;}
.formC form input{color: #222;padding:12px 18px;border-radius: 100px !important;}
.formC form input::placeholder, .formC form textarea::placeholder{color:#222; font-size: 14px;}
.formC form .form-control{border: 1px solid #222;background-color:transparent;}
.formC form .form-group{margin-bottom: 30px;}
.formC form textarea{color: #222!important;padding:12px 18px;border-radius: 20px !important;}
.formC form button{background: #2a66d4;border: 2px solid #2a66d4;border-radius: 100px;color: #fff;font-size: 16px;font-weight: bold;padding: 13px 0;}
.formC form button:hover{background: none;border: 2px solid #2a66d4;color: #2a66d4;}
.formC .mask{width: 100%;background: rgba(255,255,255,0.9);min-height: 100%;position: absolute;top: 0;}
.formC .Tbg{ position: relative; }
.formC .Tbg:before{ position: absolute; content: ""; background: url(../images/tablet.png) no-repeat; top: 60px; right:0; width: 513px; height: 286px; }
/*---------------------- / END FORMC ----------------------*/



/*------------------------- CONTACT -------------------------*/
.contact{ background: url('../images/bgContact.jpg') no-repeat center center; background-attachment: fixed; padding: 40px 0; text-align: center; color: #fff; position: relative; }
    .contact .flogo { float: left; margin-bottom: 30px;text-align: left; padding-left: 30px;}
.contact .mask{width: 100%;background: rgba(48,52,60,0.9);min-height: 100%;position: absolute;top: 0;}
    
    .contact .infoAddress { text-align: left; }
    .contact .infoAddress p{ font-size: 12px; margin-bottom: 20px; }
    .contact .infoAddress li{ display: flex; font-size: 12px; margin-bottom: 10px;}
    .contact .infoAddress li i{ margin-right: 10px; display: inline-block; font-size: 16px; }

    .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: transparent; border:2px solid #808140; color: #808140; font-size: 16px; height: 36px; padding: 0 20px; }

    .contact input[type="submit"]:hover,
    .contact input[type="button"]:hover{ background: #808140; 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 .footMenu {display: flex; justify-content: center;}
    .contact .footMenu ul{ align-self: center;}
    .contact .footMenu ul li { float: left; color: #fff; padding:0 12px; font-size: 14px; position: relative; line-height: 22px; height: 22px; font-weight: bold; width: 100%; text-align: left;}
    .contact .footMenu ul li a{ color: #fff; }
    .contact .footMenu ul li ul{ display: none; }

    .contact .social li{ text-align: center; font-size: 20px; text-align: right; margin: 45px 0 0px 15px; float: left; display: inline-block;}
    .contact .social li a{ color: #fff; display: block; }
    .contact .social li:hover a{ color: #2a66d4; }
/*------------------------- / END CONTACT -------------------------*/

/*------------------------- FOOTER -------------------------*/
footer { padding: 22px 0;background: linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); }

footer .copyright{ float: left; font-size: 13px; color: #313131; height: 16px; line-height: 18px; }
footer .mavigen{ float: right; }
    footer .mavigen img{ height: 20px; 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{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}

.bgCrumb{ background: #f5f5f5; margin: 0 0 20px; font-size: 13px; }
.bgCrumb .breadcrumb{ margin: 0; padding-left: 0; padding-right: 0; }
.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:#232322; }
        
        .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 #232322; left: 0; top: 2px; }

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

        .tipProjeler .formToggle{ background: #232322; 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)*/#232322; 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: #fff; 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: #232322; }


@media (max-width: 1440px){

}

@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; }

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

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

 .clients,
 .aboutUs,
 .numbers{ background-attachment: fixed; background-size: auto 100%; }

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

    .sf-menu .abnconcept a {
       margin-top: 10px !important;
       background-size: auto 200%;
    }
    .sf-menu .abnmarble a {
       margin-top: 10px !important;
       background-size: auto 200%;
    }
}

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

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

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

    header .right{ padding: 20px 0; margin-right: 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: #313131; }
    .sf-menu > li:hover a{ border-color: transparent; }
    .sf-menu ul li a{ color: #232323 !important; }
    .sf-menu ul li.selected a{ color: #fff !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: #fff; }

    .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; }
}
@media (max-width: 992px){
    .formC .Tbg:before { display:none; }

    .projectDetail > div{ padding: 0; }

}
@media (max-width: 768px){
    .flex-control-nav {
        bottom: 10px !important;
    }
    header .logo a img {
       width: 45%;
    }
    header .social, header .language, .subBanner{ display: none; }
    header .right .link { margin-top: 40px; }
    .flexslider .slides img{height: auto;}
    .bannerArea{margin:20px 0;}
    .bannerArea h1 { font-size: 16px; padding: 7px;}
    .bannerArea table{height: auto;}
    .mission h2{ font-size: 30px; margin-bottom: 20px;}
    .mission p { line-height: 26px; font-size: 15px; margin-bottom: 20px;}
    .mission span {line-height: 27px; font-size: 13px; margin-top: 10px;}
    .clients { padding: 60px 0; min-height: 570px;}
    .clients .iconArea { margin: 40px 0 0;}
    .clients .iconArea > div {/*width: 120px;height: 120px;*/margin: 0 30px 60px;}
    .clients .iconArea i { font-size: 46px; line-height: 125px;}
    .gallery { padding: 30px 0;}
    .gallery .list > div .textArea h2 {top: 16%;font-size: 22px;}
    .gallery .list > div .textArea .left, .gallery .list > div .textArea .right { font-size: 12px;}
    .formC form button { padding: 10px 30px;}
    .contact .infoAddress { text-align: center;}
    .contact .footMenu ul { align-self: center; margin-top: 20px;}
    .contact .footMenu ul li{ float: none;}
    .contact .social li { text-align: center; float: left;margin: 0 10px;}
    .contact .social { margin: 40px auto 0; display: inline-block;}
    footer .copyright { text-align: center; margin: 0 auto; width: 100%;}
    footer .mavigen { float: none; }
    footer .mavigen img { margin: 20px auto 0;}

    .contact .flogo {
	    text-align: center;
	    margin-top: 30px;
	    margin-bottom: 10px;
	}
	.contact .footMenu {
    	display: none;
	}

    .clients span dt {
        text-align: left;
        padding-left: 65px;
    }
}
@media (max-width: 640px){
    .icons img {     max-width: 60%; }
    header .social, header .language, .subBanner{ display: none; }
    header .right .link { margin-top: 40px; }
    .flexslider .slides img{height: auto;}
    .bannerArea{margin:0 0 20px 0;}
    .bannerArea h1 { font-size: 16px; padding: 7px;}
    .bannerArea table{height: auto;}
    .mission h2{ font-size: 30px; margin-bottom: 20px;}
    .mission p { line-height: 26px; font-size: 15px; margin-bottom: 20px;}
    .mission span {line-height: 27px; font-size: 13px; margin-top: 10px;}
    .clients { padding: 60px 0;}
    .clients .iconArea { margin: 40px 0 0; display: inline-grid;}
    .clients .iconArea > div {/*width: 120px;height: 120px;*/margin: 0 12px 60px;}
    .clients .iconArea i { font-size: 46px; line-height: 125px;}
    .gallery { padding: 30px 0;}
    .gallery .list > div .textArea h2 {top: 16%;font-size: 22px;}
    .gallery .list > div .textArea .left, .gallery .list > div .textArea .right { font-size: 12px;}
    .formC form button { padding: 10px 30px;}
    .contact .infoAddress { text-align: left; margin-bottom: 30px }
    .contact .footMenu ul { align-self: center; margin-top: 20px;}
    .contact .footMenu ul li{ float: none;}
    .contact .social li { text-align: center; float: left;margin: 0 10px;}
    .contact .social { margin: 0; display: inline-block;}
    footer .copyright { text-align: center; margin: 0 auto; width: 100%;}
    footer .mavigen { float: none; }
    footer .mavigen img { margin: 20px auto 0;}

}
@media (max-width: 414px){
    .clients .iconArea > div { margin: 0 30px 60px;}

}
@media (max-width: 411px){
    .clients .iconArea > div { margin: 0 30px 60px;}

}
@media (max-width: 375px){
    .clients .iconArea > div { margin: 0 24px 60px;}

}
@media (max-width: 360px){
    .clients .iconArea > div { margin: 0 20px 60px;}

}
@media (max-width: 320px){
    .clients .iconArea > div { margin: 0 12px 60px;}

}
.subBanner{ width: 100%; height: 128px; 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{ font-family:'Lato',Arial, Geneva, sans-serif; color:#232322; font-size:22px; line-height:14px; padding:0; margin:10px 0 20px 0; line-height:30px; }
.subContent p { margin:0 0 10px 0; }


/*-------------------- İ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; 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: 14px; 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: hidden; text-overflow: ellipsis; }
    .tip14 li .textArea 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; background:#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:inline; 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;}

.flex-control-nav {
    width: auto !important;
    position: absolute;
    bottom: 20px ;
    text-align: center;
    z-index: 50;
    display: inline !important;
    right: 15px !important;
}

.abnconcept a {
    background: url('/images/abnconcept.png');
    background-repeat: no-repeat;
    background-size: auto 165%;
    background-position: 2% center;
    line-height: 9998px;
    margin-top: 5px !important;
    border-bottom: 0 !important; 
}
.abnmarble a {
    background: url('/images/abnmarble.png');
    background-repeat: no-repeat;
    background-size: auto 165%;
    background-position: 2% center;
    line-height: 9998px;
    margin-top: 2px !important;
    border-bottom: 0 !important; 
}
.footMenu .abnconcept { display: none; }
.footMenu .abnmarble { display: none; }
.bannerVideo { width:100%; height:100% }
.bannerVideo iframe { width:100% !important; height:100% !important }