/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 23, 2015 */



@font-face {
    font-family: 'cantarellbold';
    src: url('fonts/Cantarell-Bold-webfont.eot');
    src: url('fonts/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Bold-webfont.woff2') format('woff2'),
         url('fonts/Cantarell-Bold-webfont.woff') format('woff'),
         url('fonts/Cantarell-Bold-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Bold-webfont.svg#cantarellbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cantarellboldoblique';
    src: url('fonts/Cantarell-BoldOblique-webfont.eot');
    src: url('fonts/Cantarell-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-BoldOblique-webfont.woff2') format('woff2'),
         url('fonts/Cantarell-BoldOblique-webfont.woff') format('woff'),
         url('fonts/Cantarell-BoldOblique-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-BoldOblique-webfont.svg#cantarellboldoblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cantarelloblique';
    src: url('fonts/Cantarell-Oblique-webfont.eot');
    src: url('fonts/Cantarell-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Oblique-webfont.woff2') format('woff2'),
         url('fonts/Cantarell-Oblique-webfont.woff') format('woff'),
         url('fonts/Cantarell-Oblique-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Oblique-webfont.svg#cantarelloblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cantarellregular';
    src: url('fonts/Cantarell-Regular-webfont.eot');
    src: url('fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Regular-webfont.woff2') format('woff2'),
         url('fonts/Cantarell-Regular-webfont.woff') format('woff'),
         url('fonts/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'antoniolight';
    src: url('fonts/Antonio-Light-webfont.eot');
    src: url('fonts/Antonio-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Antonio-Light-webfont.woff2') format('woff2'),
         url('fonts/Antonio-Light-webfont.woff') format('woff'),
         url('fonts/Antonio-Light-webfont.ttf') format('truetype'),
         url('fonts/Antonio-Light-webfont.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'antonioregular';
    src: url('fonts/Antonio-Regular-webfont.eot');
    src: url('fonts/Antonio-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Antonio-Regular-webfont.woff2') format('woff2'),
         url('fonts/Antonio-Regular-webfont.woff') format('woff'),
         url('fonts/Antonio-Regular-webfont.ttf') format('truetype'),
         url('fonts/Antonio-Regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{
    box-sizing: border-box;
    margin:0;
    padding:0;
        }
html{
    width: 100%;
    min-width:1040px;
    text-align: center;
    font-family: 'cantarellregular', sans-serif;
    font-size:16px;
    line-height:25px;
    color:#00495e;
    background:#fff;
   
}
body{
    width:90%;
    align-content: center;
    margin:0 auto;
    background:#f6f5f1;
}
p{
 font-size:16px;
    line-height:1.2em;
}
h1{
    font-size:22px;
    margin-bottom:-10px;
        }
svg{
    margin:5px;
    overflow:visible;
        }
a {
    color:#00495e;
	text-decoration:none;
}
a:hover{
     font-weight:bold;
	font-family: 'cantarellbold', sans-serif;   
}

/*------------------------frame-work------------------------*/
.title{
display:flex;
height : 160px;
background-color:#F1B621;
justify-content: center;
align-items: center;
font-size:37px;
color: #FFFFFF;
}
.title2{
display:flex;
height : 50px;
background-color:#F1B621;
justify-content: center;
align-items: center;
font-size:25px;
color: #FFFFFF;
}
.title3{
display:flex;
height : 50px;
background-color:#E5893E;
justify-content: center;
align-items: center;
font-size:25px;
color: #FFFFFF;
}
.footer{
display:flex;
height : 50px;
background-color:#E5893E;
justify-content: center;
align-items: center;
font-size:16px;
color: #FFFFFF;
}
.text{
font-family: 'antoniolight', sans-serif;
line-height:25px;
text-transform: uppercase;
}

/*------------------------frames-----------------------*/
.singleframe{
  background:#f6f5f1;  
}
body.frame{
    width:100%;
    text-align: left;
    margin:0;
    justify-content: center;
    align-items: center;
    padding-bottom:20px;
}
.trends{
    width:90%;
    padding-left:35px;
    text-align:left;
    margin:0 auto;
}
body.frame.trends{
    width:90%;
    text-align: left;
}
.posgraph{
    float:left;
    width:50%;
    margin-top:20px;
}
.neggraph{
    float:right;
    width:50%;
    margin-top:20px;
}
.graphtext{
    padding:20px 20px 20px 35px;
}
.graphtext p{
    font-size:18px;
    line-height:25px;
    padding-right:40px;
}
.clear{
    clear:both;    
}
.pos{
    /*color:#00989c;*/
    float:left;
    width:50%;
}
.neg{
   /* color:#cf7012;*/
    float:right;
    width:47%;
}
iframe{
frameborder:0;
    overflow:auto; 
}
iframe, object, embed{
 max-width:100%;   
}

/*-----------------------animation-----------------------*/

.ani{
    text-align:left;
    margin-left:10%;    
}
.europa{
margin-left:10%;
}
p.estimate{
  /*color:#00989c;*/ 
    font-size:18px;
    padding:20px 0;
} 
.feedback{
    padding:20px;
    padding-left:40px;
    color:#E5893E;
    font-size:16px;
    padding:20px 0;
}
.legend, .maplegend{
    margin:20px;
    padding-left:15px;
    /*color:#00989c;*/
    font-size:16px;
    text-align:left;
}
button{
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
    height:32px;
    border: none;
    border-radius:3px;
    color:#fff;
    font-size:14px;
    margin-left:15px;
    padding:0 10px;
    background-color:#E5893E;
}
label input[type="radio"]{
    display:none;
}
label{
    font-size:13px;
    margin-right:21px;
    padding:6px;
    border-radius: 5px;
    border-top-left-radius:16px;
    border-bottom-left-radius:16px;
    background-color:#00989c;
    color:#fff;
}
input + span{
    display:inline-block;

    border: 5px solid #7bc8d1;
    height: 20px;
    width: 20px;
    margin-bottom:-5px;
    margin-left:-2px;
    border-radius: 15px;
    padding-top:10px;
    background: #fff;
    cursor: pointer;
  /*box-shadow: 1px 1px 10px #b9c0bb, 0px 0px 2px #b9c0bb;*/   
}
  input:checked + span{
    -webkit-appearance: none;
      -moz-appearance:none;
      appearance:none;
    background: #E5893E;
}
/*-----------------------map-----------------------*/
.map{
 position:relative; 
    left:0px;
    top:0px;
    height:860px;
    width:1080px;
}
.maptext{
 position:absolute;
    top:40px;
    left:880px;
    width:160px;
}
.maplegend{
    margin-top:-25px;

}
/*.maptext p{
    margin-top:30px;
    color:#cf7012;
    font-size:16px;
    line-height: 20px;
}*/

/*-----------------------turkey-----------------------*/

.turkeyone, .turkeytwelve{
    width: 200px;
    float:left;
    margin:30px 30px 0 20px;
}
.turkeyyear{
    width: 100%;
    text-align:center;
    color:#bbb;   
}
.turkeytrend{
   margin-top:20px;  
}

/*-----------------------insight-----------------------*/

.graphtext.insight{
    height:220px;
    background:url(../images/map-europe.png);
    background-position:top center;
    background-size: 240px;
    background-repeat:no-repeat;
}
.graphtext.insight p, .graphtext.what p{
        line-height:25px;
}
.big{
 font-size:26px;   
}
.middle1{
 font-size:24px;   
}
.middle2{
 font-size:22px;   
}
.small{
 font-size:20px;   
}
.smallest{
 font-size:18px;   
}
.orange{
 color:#E5893E;   
}
.graphtext.what{
    margin-top:20px;
    width:50%;
    float:left;
}
.posfuture{
     margin-top:20px;
}
/*-----------------------steps-----------------------*/

.graphtext.steps{
    height:106px;
}
.icon{
    float:left;
    width:180px;
    margin-left:49px;
}
.steps{
 width:880px;
 margin-bottom:6px;
}
h2{
 font-size:28px;
margin-top:8px;
 margin-bottom:5px;
}
.steps p{
    color:#00495e;
    line-height:25px;
}
.aqua{
    color:#7bc8d1;
}
.turquoise{
    color:#00989c;
}
.yellow{
    color:#eab331;
}

/*-----------------------axis-test-----------------------*/
            .axis path,
            .axis line {
                fill: none;
                stroke: black;
                shape-rendering: crispEdges;
            }
            .axis text {
                font-family: sans-serif;
                font-size: 8px;
            }
/*-----------------------transport-colors-----------------------*/
.texttrain{
     color:#eab331;   
}
.textbus{
     color:#7bc8d1;   
}
.textcar{
     color:#00495e;   
}