/*
*
*  Golden Grid System (1.01)	<http://goldengridsystem.com/>
*  by Joni Korpi 				<http://jonikorpi.com/>
*  licensed under MIT			<http://opensource.org/licenses/mit-license.php>
*	
*/
/*
*
*  Margin, padding, and border resets
*  except for form elements
*
*/
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}
/*
*
*  Consistency fixes
*  adopted from http://necolas.github.com/normalize.css/
*
*/
html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    min-height: 100%;
    font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
    display: block;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

b, strong {
    font-weight: bold;
}

abbr[title] {
    border-bottom: 1px dotted;
}

input,
textarea,
button,
select {
    margin: 0;
    font-size: 100%;
    line-height: normal;
    vertical-align: baseline;
}

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
    }

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

textarea {
    overflow: auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
*
*  Simple fluid media
*
*/
figure {
    position: relative;
}

    figure img,
    figure object,
    figure embed,
    figure video {
        max-width: 100%;
        display: block;
    }

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
/*
*
*	Zoomable baseline grid
*	type size presets
*
*/
body {
    /* 16px / 24px */
    font-size: 1em;
    line-height: 1.5em;
}

.small {
    /* 13px / 18px */
    font-size: 0.8125em;
    line-height: 1.3846153846153846em;
}

.normal, h3 {
    /* 16px / 24px */
    font-size: 1em;
    line-height: 1.5em;
    /* 24 */
}

.large, h2, h1 {
    /* 26 / 36px */
    font-size: 1.625em;
    line-height: 1.3846153846153846em;
}

.huge {
    /* 42px / 48px */
    font-size: 2.625em;
    line-height: 1.1428571428571428em;
}

.massive {
    /* 68px / 72px */
    font-size: 4.25em;
    line-height: 1.0588235294117647em;
}

.gigantic {
    /* 110px / 120px */
    font-size: 6.875em;
    line-height: 1.0909090909090908em;
}

.wrapper {
overflow:hidden;
}

.col2 .wrapper {
    float: left;
}
/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*/
header, .col2 {
}


h2 {
    font-weight: normal;
}

h3 {
    margin: 1.5em 0 1.5em;
}
/*
*  Simple elastic gutters
*  Note: box-sizing will not work in IE6-7
*/
.wrapper {
    padding: 0 0.75em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*
*
*  Fixes for IE6-8
*  http://jonikorpi.com/leaving-old-IE-behind/
*
*/
.ie body {
    width: 40em;
    margin: 0 auto;
    font-size: 1.0625em;
}

.ie h1 {
    /* 42px / 48px */
    font-size: 2.625em;
    line-height: 1.1428571428571428em;
    margin: 1.1428571428571428em 0 0.5714285714285714em;
}
/* @media screen and (min-width: 640px) */


@media screen and (max-width: 480px) {
    body {
        /* Zoom baseline grid to 17/16 = 1.0625 */
        font-size: 1.0625em;
        padding-bottom:20px;
        
    }

    h1 {
        /* 42px / 48px */
        font-size: 2.625em;
        line-height: 1.1428571428571428em;
        margin: 1.1428571428571428em 0 0.5714285714285714em;
    }

    .col2 .wrapper {
    font-size:11px;
    width:94%;
    margin-left:3%;
    padding-top:20px;
    }

    .adverts {
        width:100%;
    }

    .adBanner {
        width:100%;
    }
    
        #mainButtons .wrapper img {
    width:30%;
    }

    .col2 .wrapper .hugeButtonCenter div {
    width:66%;
    }

   

    footer div {
 float:none !important;
    }

     header .wrapper {
        width: 100%;
    }
    .logo {
        height:40px;
        width:auto;
    }
    .hugeButtonCenter {
        width:78% !important;
        font-size:12px !important;
        line-height:16px;
    }

    .topbarButton {
        float:left !important;
    }

    canvas {
        height:230px !important;
        width:230px !important;
    }

    h2.title {
        font-size:18px !important;
    }

    .sector .chartModal, .dept .chartModal {
        height:850px;
    }

    .adverts {
        width:100% !important;
    }

    .adBanner {
        width:100% !important;
    }
     /* --------------------------------- */
    .sectorList {
   height:auto !important;
   width:56%;
   margin:0 auto !important;
   }
   
      .sectorList .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }

        .sectorList .sectorListItem .sectorListItemText {
            font-size:22px !important;
        }

         .sectorList2 {
   height:auto !important;
   width:56%;  
   margin:0 auto !important;
   }
   
      .sectorList2 .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
      
        .sectorList2 .sectorListItem .sectorListItemText {
            font-size:22px !important;
        }

    .ChooseSector .wrapper a {
        width:178px !important;
    }

    .sectorListColumn {
        width:193px !important;
    }

    .ChooseSector .wrapper div {
        font-size:9px !important;
    }

    .ChooseSector .sectorText div img {
        width:40px;
    }
     .ChooseSector .sectorText div h2 {
        margin-top:15px;
        font-size:11px !important;
    }
    .ChooseSector .sectorText div p {
        font-size:8px;
    }
     .sectorText {
        text-align:center;
    }
    
	.sectorIcon {
		width:160px;
		height:90px;
	}

    .sectorListBox {
        text-align:center;
    }

    .input-large {
        width:260px !important;
    }

    .uniAutoComplate {
          width:298px !important;
          margin:10px 0px 0px 0px !important;
    }

    .deptAutoComplate {
          width:298px !important;
          margin:10px 0px 0px 0px !important;
    }

    .uniAutoComplateItem, .deptAutoComplateItem {
        width:290px !important;
    }

    .chartModalArrow {
        display:none !important;
    }

    .chartBarTextCenter {
        width:90% !important;
    }

    .chartItemVertical {
        width:100% !important;
    }

    .doughnutChart ul {

        width:100% !important;
    }

    .chartItemHorizontal {
        zoom:.65;
    }

    .chartModal p {
        margin:20px 0px 0px 0px !important;
    }

    .chartBarTextDeptCenter {
        width:90% !important;
    }

    .probationDay {
        width:55% !important;
    }

    .probationChartItemVertical {
        width:35% !important;
        min-width:90px !important;
    }

    .job_Detail {
        width:155px !important;
        right:5px !important;
    }

    .jobsList {
        margin-top:10px !important;
        padding-left:20px !important;
    }

    .mapItem {
        margin-right:0px;
        width:100%;
    }

    .mapItem {
        display:table !important;
        margin:-10px auto !important;
    }

    .mapItem div:last-child {
        display:table;
        margin:-10px auto 20px auto;
    }

    .educationListItem {

        width:100%;
        margin-bottom:20px;
    }

    #mailForm section div {
        margin:20px 0px 0px 0px !important;
    }

    #mailFormModal section div {
        margin:20px 0px 0px 0px !important;
    }
    /* --------------------------------- */    
}
@media screen and (min-width: 30em) and (max-width: 640px) {
     body {
        /* Zoom baseline grid to 17/16 = 1.0625 */
        font-size: 1.0625em;
        padding-bottom:20px;
        
    }

    h1 {
        /* 42px / 48px */
        font-size: 2.625em;
        line-height: 1.1428571428571428em;
        margin: 1.1428571428571428em 0 0.5714285714285714em;
    }

    .col2 .wrapper {
    font-size:11px;
    width:50%;
    padding-top:20px;
    
    }
    #mainButtons .wrapper {
    font-size:11px;
    width:100%;
    padding-top:20px;
    
    }

    #kariyerHaritasiSonuc .col2 .wrapper {
    font-size:11px;
    width:96% !important;
    padding-top:20px;
    
    }

    .adverts {
        width:100%;
    }

    .adBanner {
        width:100%;
    }
    
        #mainButtons .wrapper img {
    width:30%;
    }

    .col2 .wrapper .hugeButtonCenter div {
    width:66%;
    }

    .resultTop h1 {
        font-size:28px !important;
        margin-top:5px !important;
    }
   

  
     header .wrapper {
        width: 100%;
    }
    .logo {
        height:40px;
        width:auto;
    }
    .hugeButtonCenter {
        width:78% !important;
        font-size:12px !important;
        line-height:16px;
    }

    .topbarButton {
        float:left !important;
    }

    canvas {
        height:230px !important;
        width:230px !important;
    }

    h2.title {
        font-size:18px !important;
    }

    .sector .chartModal, .dept .chartModal {
        height:850px;
    }

    .adverts {
        width:100% !important;
    }

    .adBanner {
        width:100% !important;
    }
     /* --------------------------------- */
    .sectorList {
   height:auto !important;
   width:56%;
   margin:0 auto !important;
   }
   
      .sectorList .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
   
        .sectorList .sectorListItem .sectorListItemText {
            font-size:22px !important;
        }

         .sectorList2 {
   height:auto !important;
   width:56%;
   margin:0 auto !important;
   }
   
      .sectorList2 .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
   
        .sectorList2 .sectorListItem .sectorListItemText {
            font-size:22px !important;
        }

    .ChooseSector .wrapper a {
        width:178px !important;
    }

    .sectorListColumn {
        width:193px !important;
    }

    .ChooseSector .wrapper div {
        font-size:9px !important;
    }

    .ChooseSector .sectorText div img {
        width:40px;
    }
     .ChooseSector .sectorText div h2 {
        margin-top:15px;
        font-size:11px !important;
    }
    .ChooseSector .sectorText div p {
        font-size:8px;
    }
     .sectorText {
        text-align:center;
    }
    
	.sectorIcon {
		width:160px;
		height:90px;
	}

    .sectorListBox {
        text-align:center;
    }

  

    .chartModalArrow {
        display:none !important;
    }

    .chartBarTextCenter {
        width:90% !important;
    }

    .chartItemVertical {
        width:50% !important;
    }

    .doughnutChart ul {

        width:50% !important;
        margin-top:50px 0px 0px 7px!important;
    }

    .chartItemHorizontal {
       float:left;
       margin: 5px 0px 0px 0px !important;
    }

    .chartModal p {
        margin:20px 0px 0px 0px !important;
    }

    .chartBarTextDeptCenter {
        width:90% !important;
    }

    .probationDay {
        width:55% !important;
    }

    .probationChartItemVertical {
        width:35% !important;
        min-width:90px !important;
    }

   
    .jobsList {
        margin-top:10px !important;
        padding-left:20px !important;
    }


    .educationListItem {

        width:100%;
        margin-bottom:20px;
    }

    #mailForm section div {
        margin:20px 0px 0px 0px !important;
        width:100%;
    }

    #mailFormModal section div {
        margin:20px 0px 0px 0px !important;
    }

    .chartModal .wrapper {
        width:100% !important;
    }

    .educationButton, .sectorButton {
        margin-left:10%;
    }

    .datareliability {
        margin-left:10px !important;
    }
    /* --------------------------------- */ 

}
@media screen and (min-width: 640px) and (max-width: 45em) {
    body {
        /* Zoom baseline grid to 17/16 = 1.0625 */
        font-size: 1.0625em;
    }

    h1 {
        /* 42px / 48px */
        font-size: 2.625em;
        line-height: 1.1428571428571428em;
        margin: 1.1428571428571428em 0 0.5714285714285714em;
    }
    

      /* --------------------------------- */
    .sectorList {
   height:472px !important;
   width:65%;
   margin:0 auto !important;
   }
   
      .sectorList .sectorListItem 
      {
        height :45px !important;
        padding:0 !important;
      }
      
     .sectorList .sectorListItem .sectorListItemText {
         font-size:22px !important;
     }
   
     .sectorList2 {
    height:472px !important;
    width:65%;
    margin:0 auto !important;
    }
    
      .sectorList2 .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
    
        .sectorList2 .sectorListItem .sectorListItemText {
            font-size:22px !important;
        }

    .ChooseSector .wrapper a {
        width:178px !important;
    }

    .sectorListColumn {
        width:197px !important;
    }

    .ChooseSector .wrapper div {
        font-size:13px !important;
    }

    .ChooseSector .sectorText div img {
        width:60px;
    }

    .ChooseSector .sectorText div p {
        font-size:11px;
    }
     .sectorText {
        text-align:center;
    }
    
	.sectorIcon {
		width:160px;
		height:90px;
	}

    .sectorListBox {
        text-align:center;
    }

    .hugeButtonCenter {
        font-size:13px !important;
    }

    .chartItemVertical {
        zoom: .9;
    }
  

     h2.title {
        font-size:23px !important;
    }

    .job_Detail {
        right: -16px;
    }

    .mapItem {
        zoom: .6;
    }

    .educationListItem {
        zoom: .7;
        width:250px !important;
    }

    .cities {
        padding-bottom:15px;
    }

    .sectorList .sectorListItem .sectorListItemText, .sectorList2 .sectorListItem .sectorListItemText {
        width:150px !important;
    }
     .sectorText h2 {
        font-size:30px !important;
    }
    /* --------------------------------- */
    .adBanner {
        height:auto !important;
    }
}
/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*	
*
*/
/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) and (max-width:61.5em) {
    body {
        /* Reset baseline grid to 16/16 = 1 */
        font-size: 1em;
    }

    header .wrapper {
        width: 100%;
    }

    .row .wrapper {
        width: 100%;
      
    }

    .col2 .wrapper {
        width: 50%;
        font-size: 11px;
    }


              #mainButtons .wrapper img {
            max-width: 50%;
        }


    footer .wrapper {
        width:100%;
       
    }

    

     /* --------------------------------- */
    .sectorList {
   height:250px !important;
   margin:0 auto !important;
   }
   
      .sectorList .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
   
        .sectorList .sectorListItem .sectorListItemText {
            font-size:20px !important;
        }
        
    .sectorList2 {
   height:250px !important;
   margin:0 auto !important;
   }
   
      .sectorList2 .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
   
        .sectorList2 .sectorListItem .sectorListItemText {
            font-size:20px !important;
        }

    .ChooseSector .wrapper a {
        width:168px !important;
    }

    .sectorListColumn {
        width:182px !important;
    }

    .ChooseSector .wrapper div {
        font-size:21px !important;
    }
     .sectorText {
        text-align:center;
    }
    
	.sectorIcon {
		width:160px;
		height:90px;
	}
    
    .sectorListBox {
        text-align:center;
    }
    .hugeButtonCenter {
        font-size:13px !important;
    }

    .chartItemVertical {
        zoom: .9;
    }

    .chartItemHorizontal {
        zoom: .8;
    }

      h2.title {
        font-size:23px !important;
    }

    .job_Detail {
        right: -16px;
    }
    .mapItem {
        zoom: .6;
    }

     .educationListItem {
        zoom: .7;
        width:250px !important;
    }

      .cities {
        padding-bottom:15px;
    }

     .sectorList .sectorListItem .sectorListItemText, .sectorList2 .sectorListItem .sectorListItemText {
        width:150px !important;
    }
      .sectorText h2 {
        font-size:30px !important;
    }

    /* --------------------------------- */
}
/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) and (max-width:1280px) {
    body {
        /* Reset baseline grid to 16/16 = 1.0 */
        font-size: 1em;
    }

    header .wrapper {
        width: 100%;
     
    }

    .row .wrapper {
        width: 100%;
        
    }

    .col2 .wrapper {
        width: 50%;
        font-size: 11px;
    }

   

        #mainButtons .wrapper img {
            max-width: 50%;
        }


    footer .wrapper {
        width:100%;
      
    }

    
     /* --------------------------------- */
    .sectorList {
   height:250px !important;
   margin:0 auto !important;
   }
   
      .sectorList .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
   
        .sectorList .sectorListItem .sectorListItemText {
            font-size:19px !important;
        }
        
    .sectorList2 {
   height:250px !important;
   margin:0 auto !important;
   }
   
      .sectorList2 .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
   
        .sectorList2 .sectorListItem .sectorListItemText {
            font-size:19px !important;
        }

    .ChooseSector .wrapper a {
        width:158px !important;
    }

    .sectorListColumn {
        width:178px !important;
    }

    .ChooseSector .wrapper div {
        font-size:21px !important;
    }
    .sectorText {
        text-align:center;
    }

	.sectorIcon {
		width:160px;
		height:90px;
	}

    .sectorListBox {
        text-align:center;
    }
    .sectorList .sectorListItem .sectorListItemText, .sectorList2 .sectorListItem .sectorListItemText {

        width:140px !important;
    }

   
    /* --------------------------------- */
}

/* @media screen and (min-width: 1280px) */
@media screen and (min-width: 1280px) and (max-width:87em) {
    body {
        /* Reset baseline grid to 16/16 = 1.0 */
        font-size: 1em;
    }

    header .wrapper {
        width: 75%;
        margin-left:12.5%;
     
    }

    .row .wrapper {
        width: 75%;
        margin-left:12.5%;
        
    }

    .col2 .wrapper {
         width: 37.5%;
        
    }
        .col2 .wrapper:first-child {
            margin-left:12.5%;
        }

   

        #mainButtons .wrapper img {
            max-width: 50%;
        }


    footer .wrapper {
        width:75%;
        margin-left:12.5%;
      
    }

    .chartModal .wrapper {
        width:50% !important;
    }

    

     /* --------------------------------- */
    .sectorList {
   height:250px !important;
   margin:0 auto !important;
   }
   
      .sectorList .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
   
        .sectorList .sectorListItem .sectorListItemText {
            font-size:19px !important;
        }
        
    .sectorList2 {
   height:250px !important;
   margin:0 auto !important;
   }
   
      .sectorList2 .sectorListItem 
      {
          height:45px !important;
          padding:0 !important;
      }
   
        .sectorList2 .sectorListItem .sectorListItemText {
            font-size:19px !important;
        }

    .ChooseSector .wrapper a {
        width:158px !important;
    }

    .sectorListColumn {
        width:178px !important;
    }

    .ChooseSector .wrapper div {
        font-size:21px !important;
    }
    .sectorText {
        text-align:center;
    }

	.sectorIcon {
		width:160px;
		height:90px;
	}

    .sectorListBox {
        text-align:center;
    }
    .sectorList .sectorListItem .sectorListItemText, .sectorList2 .sectorListItem .sectorListItemText {

        width:140px !important;
    }
   
    /* --------------------------------- */
}

/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) and (max-width:105em) {
    body {
        /* Reset baseline grid to 16/16 = 1.0 */
        font-size: 1em;
    }

    header .wrapper {
        width: 70%;
        margin-left: 15%;
    }

    .row .wrapper {
        width: 70%;
        margin-left: 15%;
    }

    .col2 .wrapper {
        width: 35%;
        font-size: 12px;
    }

    .col2 .wrapper:first-child {
    margin-left:15%;
    }

        #mainButtons .wrapper img {
            max-width: 50%;
        }


    footer .wrapper {
         width: 70%;
        margin-left: 15%;
    }

     /* --------------------------------- */
    .sectorList {
   height:326px;
   
}
        .sectorList .sectorListItem .sectorListItemText {
            font-size:19px !important;
        }

    .ChooseSector .wrapper a {
        width:158px !important;
    }

    .sectorListColumn {
        width:172px !important;
    }

    .ChooseSector .wrapper div {
        font-size:21px !important;
    }

     .sectorText {
        text-align:center;
    }

    .sectorText h2 {
        font-size:32px !important;
    }

   

    .sectorListBox {
        text-align:center;
    }
     .chartModal .wrapper {
        width:50% !important;
    }

    .hugeButtonCenter {
        font-size:14px !important;
    }

    .sectorList .sectorListItem .sectorListItemText, .sectorList2 .sectorListItem .sectorListItemText {
        width:140px !important;
    }

    .mapItem {
         zoom: .9;
        -ms-transform: scale(0.9);
    }
    
    /* --------------------------------- */
}
/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em)  and (max-width:117em) {
    body {
        /* Zoom baseline grid to 17/16 = 1.0625 */
        font-size: 1.0625em;
    }

 header .wrapper {
        width: 60%;
        margin-left: 20%;
    }

    footer .wrapper {
        width: 60%;
        margin-left: 20%;
        float: left;
    }



    .col2 .wrapper {
        width: 30%;
         font-size: 14px;
    }

        .col2 .wrapper:first-child {
            margin-left: 20%;
        }



    .row .wrapper {
        width: 60%;
        margin-left: 20%;
    }

    /* --------------------------------- */
    .sectorList {
   height:326px;
}
     .sectorText {
        text-align:center;
    }

    .sectorListBox {
        text-align:center;
    }

     .chartModal .wrapper {
        width:50% !important;
    }
    /* --------------------------------- */

    
    /* --------------------------------- */
}
/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*	
*
*/
/* @media screen and (min-width: 1872px) */
@media screen and (min-width: 117em) {
    header .wrapper {
        width: 50%;
        margin-left: 25%;
    }

    footer .wrapper {
        width: 50%;
        float: left;
        margin-left: 25%;
    }



    .col2 .wrapper {
        width: 25%;
         font-size: 14px;
    }

        .col2 .wrapper:first-child {
            margin-left: 25%;
        }



    .row .wrapper {
        width: 50%;
        margin-left: 25%;
    }

    /* --------------------------------- */
    .sectorList {
   height:326px;
}
     .sectorText {
        text-align:center;
    }

    .sectorListBox {
        text-align:center;
    }
    /* --------------------------------- */

    
}
/* @media screen and (min-width: 2080px) */
@media screen and (min-width: 130em) {
    body {
        /* Zoom baseline grid to 18/16 = 1.125 */
        font-size: 1.125em;
        max-width: 160em;
    }
}