/**
    ## project name     : Eurasia Social Change Collective
    ## author           : doanerkan / www.doanerkan.com
    ## agency           : sincapp.net
**/

    @import url('https://fonts.googleapis.com/css?family=Raleway:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext');

    html { height:100%; }
    ul, li, div, a, img, table,
    tr, td, input, textarea, select
    { box-sizing: border-box; outline:none; }
    a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }

    body            { background:#fefefe; color:#333; font:300 14px 'Raleway', sans-serif; margin:0; overflow-x:hidden; }
    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }
    a               { color:#666; font:300 14px 'Raleway', sans-serif; cursor:pointer; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }

    .ta-left        { text-align:left; }
    .ta-right       { text-align:right; }
    .ta-center      { text-align:center; }
    .ta-justify     { text-align:justify; }
    .dnone          { display:none; }
    .paddingnone    { padding:0; }

    .sliderArea     { padding:0; }
    .header         { position:absolute; z-index:2; padding:15px; }
    .menu           { margin:30px 0 0 30px; }
    .menu a         { color:#0c265d; font:600 15px 'Raleway', sans-serif; margin-left:20px; }
    .menu a:hover   { color:#e30613; border-bottom:#e30613 3px solid; padding-bottom:3px; text-decoration:none; }

    .newsArea       { background:url(../images/news-bg.jpg) repeat-x center bottom; padding:50px 30px; height:500px; margin-top:-30px; border-bottom:#dfdfdf 1px solid; }
    .newsArea h3        { margin:0 !important; padding:0 !important; color:#0c265d; font:600 28px 'Raleway', sans-serif; }
    .newsItem       { padding:15px; }
    .newsItem b     { margin-bottom:3px; line-height:24px; }
    .newsItem hr    { margin:10px 0; border:none; }
    .newsItem a     { width:100%; height:250px; display:block; border-radius:7px; }
    .newsItem a img     { }
    .owl-news .owl-pagination     { display:none; }
    .yellow     { background:#fcac00; color:#0c265d; font:600 14px 'Raleway', sans-serif; padding:15px 20px; border-radius:50px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .yellow:hover i     { margin-left:10px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .yellow:hover   { background:#0c265d; color:#fcac00; cursor:pointer; text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

    .serviceAndExpertise    { background:#fff; padding:40px 0 0 0; min-height:100px; }
    .serviceAndExpertise h3     { color:#0c265d; font:500 24px 'Raleway', sans-serif; margin:0; padding:0; }
    .blog1      { background:#fcac00; color:#000; display:flex; justify-content:center; align-items: center; text-align:center; flex-direction: column; height:350px; }
    .blog1:hover    { background:#eda200; cursor:pointer; }
    .blog2      { background:#f7f7f7; color:#000; display:flex; justify-content:center; align-items: center; text-align:center; flex-direction: column; height:350px; }
    .blog2:hover    { background:#ececec; cursor:pointer; }
    .blog1 b        { line-height:20px; margin-top:10px; }
    .blog2 b        { line-height:20px; margin-top:10px; }

    .sloganArea     { color:#fff; font:400 15px 'Raleway', sans-serif; line-height:26px; height:464px; background:url(../images/slogan-bg.jpg) no-repeat center center; display:flex; flex-direction: column; text-align:center; align-items: center; justify-content: center; }
    .aboutArea      { color:#fff; font:400 15px 'Raleway', sans-serif; padding:0 180px; line-height:26px; height:470px; background:url(../images/about-us-image.jpg) no-repeat center center; display:flex; flex-direction: column; text-align:center; align-items: center; justify-content: center; }
    .coverArea      { color:#fff; font:400 15px 'Raleway', sans-serif; padding:0; line-height:26px; height:200px; display:flex; flex-direction: column; text-align:center; align-items: center; justify-content: center; }
    .coverArea h2   { margin:0 0 10px 0; padding:0; }

    .footer         { height:120px; background:url(../images/footerbg.jpg) repeat-x center center; border-bottom:#fcac00 5px solid; }
    .footer-top .footlogo   { margin-top:15px; }
    .footer-top .footmenu   { margin-top:50px; }
    .footer-top .footmenu  a  { color:#0c265d; font:700 16px 'Raleway', sans-serif; margin-left:15px; }

    .fotStep2   {}
    .fotStep2 .stepDiv      { width:20%; padding:15px; float:left; }
    .fotStep2 .stepDiv hr       { margin:8px 0; }
    .fotStep2 .stepDiv ul, .fotStep2 .stepDiv ul li     { padding:0; margin:0; list-style:none; }
    .fotStep2 .stepDiv ul   { margin-left:20px; }
    .fotStep2 .stepDiv ul li    { list-style-type:circle; margin-top:5px; }
    .fotStep2 .stepDiv ul li a      { font:500 13px 'Raleway', sans-serif; }
    .fotStep2 .titleLink  { color:#e30613; font:600 18px 'Raleway', sans-serif; }
    .fotStep2 .titleLink:hover      { text-decoration:none; color:#0c265d; }

    .footer-bottom      { margin-bottom:100px; }

    .subheader          { background:url(../images/news-bg.jpg) repeat-x center bottom; padding:15px 30px; }

    .MainContent        { margin:40px 0 60px 0; }
    .icerikResmi            { width:35%; float:right; margin:0 0 25px 25px; }
    .pageInvent             { color:#0c265d; font:600 24px 'Raleway', sans-serif; padding:0; margin:0; }
    .pageHR                 { border:none; border-top:#fcac00 1px solid; margin:15px 0; clear:both; display:block; padding:0; }
    .pageMenu               { padding:0 15px; }
    .pageContent            { line-height:24px !important; color:#666; font:400 14px 'Raleway', sans-serif; }
    .pageContent h4                         { font:500 18px 'Raleway', sans-serif; color:#0c265d; }
    .pageContent ul.icerikul li             { list-style-type:circle; margin:0 0 5px 40px; }
    .pageMenu a             { padding:17px 15px 15px 20px; margin-bottom:5px; width:100%; color:#e30613; font:500 14px 'Raleway', sans-serif; box-sizing: border-box; border:#fcac00 2px solid; border-radius:50px; text-decoration:none; margin-right:10px; display:inline-block; cursor:pointer !important; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .pageMenu a:hover           { color:#fff; background:#0c265d; border:#0c265d 2px solid; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .pageMenu a.active           { color:#fff; background:#0c265d; border:#0c265d 2px solid; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .dotted   { width:100%; height:12px; background:url(../images/beyazdotted.png) no-repeat center center; display:block; }

    .iletisimBilgi          { padding:75px 0; }
    .haritaBG               { background:#f4f4f4; height:218px; padding:15px 20px; border-radius:0 5px 5px 0; box-sizing: border-box; line-height:22px !important; }
    .haritaKod              { padding:0; }
    .haritaxx               { margin-bottom:20px; }
    .haritaBG b                 { font:500 16px 'Raleway', sans-serif; }
    .altBostluk             { margin-bottom:30px; }
    .altBostluk iframe      { border-radius:5px 0 0 5px; overflow:hidden; }

    .tavsiyebirak input[type=text]{width:100%;padding:15px;outline:none;border:none;margin-bottom:20px;background:#f6f6f6;border-bottom:#d5d5d5 2px solid;}
    .tavsiyebirak input[type=password]{width:100%;padding:15px;outline:none;border:none;margin-bottom:20px;background:#f6f6f6;border-bottom:#d5d5d5 2px solid;}
    .tavsiyebirak input[type=submit]{padding:15px 30px; border:none;outline:none; background:#f6f6f6; border-bottom:#d5d5d5 2px solid;}
    .tavsiyebirak input[type=submit]:hover{background:#e30613;color:#fff;border-bottom:#333 2px solid;}
    .tavsiyebirak textarea{width:100%;height:100px;padding:10px;outline:none;border:none;background:#f6f6f6;margin-bottom:15px;border-bottom:#d5d5d5 2px solid;}

    .famenu     { font-size:22px; margin:6px 0 0 0; }
    .phoneMain  { margin-left:100px; }

    .phoneMenu          { width:100%; height:100%; background:rgba(0,0,0,0.95); position:fixed; z-index:9999; overflow: scroll; overflow-x:hidden; display:none; color:#fff; }
    .phoneMenu ul, .phoneMenu ul li     { padding:0; margin:0; list-style:none; }
    .phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#f2b045; font:normal 28px 'Raleway', sans-serif; }
    .phoneMenu ul           { display:block; padding:20px 0 0 20px; }
    .phoneMenu ul li            { display:block; padding: 0 0 18px 0; }
    .phoneMenu ul li a              { display:block; color:#fff; font:normal 16px 'Raleway', sans-serif; }
    .phoneMenu .xclose           { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

@media only screen and (min-width : 0px) and (max-width : 599px) {
    .logo a img     { height:40px; }
    .icerikResmi            { width:100%; float:left; margin:0 0 25px 0; }
    .menu       { display:none; }
    .aboutArea      { padding:0 30px; }
    .fotStep2 .stepDiv      { width:calc(100% / 1); }
    .pageContent    { padding-bottom:30px; margin-bottom:30px; border-bottom:#fcac00 2px solid; }
}
@media only screen and (min-width : 600px) and (max-width : 991px) {
    .logo a img     { height:55px; }
    .menu       { display:none; }
    .icerikResmi            { width:100%; float:left; margin:0 0 25px 0; }
    .aboutArea      { padding:0 50px; }
    .fotStep2 .stepDiv      { width:calc(100% / 2);}
}
@media only screen and (min-width : 992px) and (max-width : 1023px) {
    .logo a img     { height:55px; }
    .icerikResmi            { width:45%; float:right; margin:0 0 25px 25px; }
    .menu       { display:none; }
    .fotStep2 .stepDiv      { width:calc(100% / 3); }
}
@media only screen and (min-width : 1024px) and (max-width : 1180px) {
    .logo a img     { height:55px; }
    .menu       { margin:17px 0 0 10px; }
    .menu a         { color:#0c265d; font:600 12px 'Raleway', sans-serif; margin-left:12px; }
    .menu a:hover   { color:#e30613; border-bottom:#e30613 3px solid; padding-bottom:3px; text-decoration:none; }
}
@media only screen and (min-width : 1181px) and (max-width : 1366px) {
    .logo a img     { height:60px; }
    .menu       { margin:20px 0 0 15px; }
    .menu a         { color:#0c265d; font:600 13px 'Raleway', sans-serif; margin-left:15px; }
    .menu a:hover   { color:#e30613; border-bottom:#e30613 3px solid; padding-bottom:3px; text-decoration:none; }
}
@media only screen and (min-width : 1367px) and (max-width : 1550px) {
    .logo a img     { height:70px; }
    .menu       { margin:25px 0 0 20px; }
    .menu a         { color:#0c265d; font:600 14px 'Raleway', sans-serif; margin-left:20px; }
    .menu a:hover   { color:#e30613; border-bottom:#e30613 3px solid; padding-bottom:3px; text-decoration:none; }
}
@media only screen and (min-width : 1551px) {

}