@-moz-viewport {
    width: device-width;
    zoom: 1;
    }
@-o-viewport {
    width: device-width;
    zoom: 1;
    }
@-webkit-viewport {
    width: device-width;
    zoom: 1;
    }
@viewport {
    width: device-width;
    zoom: 1;
    }
html {
    min-height: 100%;
    position: relative
    }
body {
    /*height: 100%;*/
    margin: 0;
    padding: 0;
    font-family: Roboto, sans-serif;
    font-size: 9pt;
    color: #454545;
    /*background-color: #dae8e9;*/
    background-repeat: no-repeat
    }
h1 {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18pt;
    color: #000 !important;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
    clear: both;
    text-transform: uppercase
    }
h2 {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 13pt;
    color: #000 !important;
    /*color: #f05458 !important;*/
    padding: 0 0 8px 0;
    border-bottom: 1px solid #ddd
    }
h3 {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 12pt;
    color: #454545 !important;
    padding: 0 0 0 0
    }
a {
    text-decoration: none;
    /*color: #50afe5;*/
    }
a:hover {
    text-decoration: none;
    color: #454545
    }
#Panel_All {
    position: absolute;
    top: 0;
    bottom: 0;
    /*background-color: blue;*/
    left: 0;
    right: 0;
    /*You can also use height:100% on the cloud-container as it now refers to the height of the HTML tag and not the viewport.*/
    }
#Panel_MainFrame {
    /*height: 100%;*/
    }
#HeadColumn {
    background-color: white;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
    }
#HeadColumn_inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
    }
#HeadColumn_inner_top {
    padding: 40px;
    text-align: center
    }
#HeadColumn_inner_top img {
    width: 100%
    }
#HeadColumn_inner_middle {
    padding: 0 20px 40px 40px
    }
#MobileMenu {
    display: none
    }
#MainMenuMobileOpenButton_A {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(/images/Template/hamburger.png)
    }
#MainMenu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1000
    }
#MainMenu div a {
    display: block;
    color: #b4b4b4;
    visibility: hidden;
    padding-right: 20px;
    text-align: right
    }
#MainMenu div a:hover {
    color: #454545
    }
.ContentPageMenuItem {
    text-transform: uppercase;
    font-weight: 500
    }
#MainMenu div a.selected, #MainMenu div a.parentofselected {
    /*color: #e02121 !important;*/
    color: #000 !important
    }
#MainMenu div a.subitemselected {
    background-image: url(/images/content/selectedmenusubitemdot_black.png);
    background-position: right center;
    background-repeat: no-repeat
    }
#MainMenuMobileCloseButton {
    display: none;
    position: fixed;
    z-index: 1100;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    background-image: url(/images/content/close-popup-454545.png);
    background-position: center center;
    background-repeat: no-repeat
    }
#MainMenuMobileCloseButton a {
    display: block;
    width: 36px;
    height: 36px
    }
#FloatingCorner {
    position: absolute;
    left: 40px;
    bottom: 40px;
    right: 40px
    }
#FloatingCornerLine1 {
    clear: both;
    margin-bottom: 25px
    }
#apply_here {
    visibility: hidden;
    background-color: #f0f0f0;
    display: block;
    /*display:none;*/
    font-size: 11pt;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 10px 0 10px 0;
    text-align: center;
    color: black
    }
#apply_here:hover {
    border: 1px solid #454545;
    color: #454545
    }
#FloatingCornerLine2 {
    clear: both;
    display: table;
    width: 100%
    }
#FloatingCornerLine2_left {
    display: table-cell;
    text-align: left;
    vertical-align: middle
    }
#FloatingCornerLine2_left a {
    display: inline-block;
    font-size: 8pt;
    color: #616161;
    background-color: #f0f0f0;
    padding: 4px 8px 4px 8px;
    font-weight: 500
    }
#FloatingCornerLine2_left a:hover {
    color: #fff;
    background-color: #454545
    }
#FloatingCornerLine2_right {
    display: table-cell;
    text-align: right;
    vertical-align: middle
    }
#FloatingCornerLine2_right a {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-left: 16px
    }
#FloatingCornerLine3 {
    clear: both;
    margin-top: 25px;
    font-size: 8pt;
    text-align: right
    }
#ContentColumn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
    }
@media screen and (max-width: 640px) {
    #MainMenu div a.subitemselected {
        background-position: right 5px
        }
    }
@media screen and (max-height: 640px) and (min-width: 600px) /* bu şartlar altında ana menüyü APPLY HERE bölümünden korumamız lazım */ {
    #FloatingCornerLine1 {
        margin-bottom: 16px
        }
    #apply_here {
        /*font-size: 13pt;
        							border: 2px solid #b7b7b7;
        							padding: 10px 0 10px 0;*/
        }
    #FloatingCornerLine2_right a {
        margin-left: 16px
        }
    #FloatingCornerLine3 {
        margin-top: 16px
        }
    }
@media screen and (max-height: 630px) and (min-width: 600px) /* bu şartlar altında ana menüyü APPLY HERE bölümünden korumamız lazım */ {
    #FloatingCorner {
        left: 20px;
        bottom: 20px;
        right: 20px
        }
    #FloatingCornerLine1 {
        float: left;
        margin-bottom: 0;
        clear: none
        }
    #apply_here {
        font-size: 8pt;
        display: inline-block;
        /*display: none;*/
        width: auto;
        max-width: none;
        padding: 1px 3px 1px 3px
        }
    #FloatingCornerLine2 {
        margin-bottom: 0;
        width: auto;
        clear: none;
        float: right
        }
    #FloatingCornerLine2_right a {
        margin-left: 3px;
        margin-top: 2px
        }
    #FloatingCornerLine3 {
        display: none
        }
    }
@media screen and (max-height: 570px) and (min-width: 600px) /* bu şartlar altında ana menüyü APPLY HERE bölümünden korumamız lazım */ {
    #FloatingCorner {
        display: none
        }
    }
@media screen and (max-height: 400px) and (min-width: 600px) /* bu şartlar altında ana menüyü APPLY HERE bölümünden korumamız lazım */ {
    #MobileMenu {
        display: inline-block;
        margin-top: 40px
        }
    #MainMenu {
        display: none;
        position: fixed;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        width: auto;
        height: auto;
        padding-top: 50px;
        background-color: rgba(255, 255, 255, 0.95);
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3);
        overflow-y: auto
        }
    }
@media screen and (max-width: 650px) {
    #HeadColumn_inner_top {
        padding: 20px
        }
    #HeadColumn_inner_middle {
        padding: 0 20px 20px 20px
        }
    #FloatingCorner {
        left: 20px;
        bottom: 20px;
        right: 20px
        }
    #apply_here {
        font-size: 10pt
        }
    }
@media screen and (max-width: 600px) {
    #HeadColumn {
        height: 140px;
        width: 100%;
        position: static;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        clear: both
        }
    #HeadColumn_inner {
        height: 100%;
        width: 100%;
        position: static;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        padding: 0;
        display: table
        }
    #HeadColumn_inner_top {
        /*display: block;
        				float: left;*/
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        /*height: 60px;*/
        height: 100%;
        padding: 0 40px 0 40px
        }
    #HeadColumn_inner_top img {
        width: auto;
        height: 60px
        }
    #FloatingCorner {
        height: 60px;
        /*display: block;
        				float: left;*/
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        position: static;
        left: auto;
        bottom: auto;
        right: auto;
        top: auto;
        /*padding: 40px 0 40px 0;*/
        padding: 0;
        overflow: hidden
        }
    #FloatingCornerLine1 {
        margin-bottom: 15px;
        text-align: center
        }
    #apply_here {
        display: inline-block;
        /*display: none;*/
        font-size: 10pt;
        padding: 8px 20px 8px 20px;
        max-width: 80px
        }
    #FloatingCornerLine2 {
        width: auto;
        margin-left: auto;
        margin-right: auto
        }
    #FloatingCornerLine2_right {
        text-align: center
        }
    #FloatingCornerLine2_right a {
        margin-left: 8px;
        margin-right: 0
        }
    #FloatingCornerLine3 {
        margin-top: 15px
        }
    #HeadColumn_inner_middle {
        /*display: block;*/
        display: table-cell;
        text-align: right;
        vertical-align: top;
        /*height: 60px;*/
        height: 100%;
        padding: 0 20px 0 20px
        }
    #MobileMenu {
        display: inline-block;
        margin-top: 40px
        }
    #MainMenu {
        display: none;
        position: fixed;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        width: auto;
        height: auto;
        padding-top: 50px;
        background-color: rgba(255, 255, 255, 0.95);
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3);
        overflow-y: auto
        }
    #ContentColumn {
        clear: both;
        position: static;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        margin-left: auto
        }
    }
@media screen and (max-width: 470px) {
    #apply_here {
        font-size: 9pt;
        padding: 4px 10px 4px 10px;
        max-width: none
        }
    #FloatingCornerLine2_right a {
        margin: 0 0 0 3px
        }
    }
@media screen and (max-width: 480px) {
    h1 {
        font-size: 20pt
        }
    h2 {
        font-size: 13pt
        }
    h3 {
        font-size: 11pt
        }
    }
@media screen and (max-width: 440px) {
    #apply_here {
        font-size: 8pt;
        padding: 3px 6px 3px 6px
        }
    #FloatingCornerLine2_left a {
        /*font-size: 7pt;*/
        padding: 4px 3px 4px 3px
        }
    #FloatingCornerLine2_right a {
        margin: 0 0 0 2px
        }
    }
@media screen and (max-width: 420px) {
    /*#FloatingCornerLine2 a
    	{
    		margin-left: 1px;
    		margin-right: 1px;
    	}*/
    }
@media screen and (max-width: 400px) {
    #HeadColumn {
        height: 80px
        }
    #HeadColumn_inner_top {
        padding: 0 20px 0 20px
        }
    #HeadColumn_inner_top img {
        height: 40px
        }
    #MobileMenu {
        margin-top: 20px
        }
    #FloatingCornerLine2_right a {
        margin-left: 3px;
        margin-right: 3px
        }
    }
@media screen and (max-width: 323px) {
    /*#FloatingCornerLine2 a
    	{
    		margin-left: 1px;
    		margin-right: 1px;
    	}*/
    }