/*
*   Created on : 14.06.2016 
*   Author     : Arayuz ~ www.arayuz.com.tr-111
*/
@import url(normalize.css);
@import url(fonts.css);
@import url(font-awesome.min.css);
html, body { height: 100%; -webkit-font-smoothing: antialiased; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.kes { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*Color*/
html, body { height: 100%; -webkit-font-smoothing: antialiased; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin: 0; }
.clearfix:before, .clearfix:after, .container:before, .container:after { display: table; content: " "; }
.clearfix:after, .container:after { clear: both; }
.left { float: left; }
.right { float: right; }
button, button:focus, input, input:focus, textarea, textarea:focus, a:focus, a { outline: 0; }
a:hover, a:focus, a { text-decoration: none; }
p { margin: 0; }
ul, li { margin: 0; padding: 0; }
li { list-style: none; }
.sprite, .au-loginPanel .au-row.au-email span, .au-loginPanel .au-row.au-pass span, .au-loginLink  a:before, .au-footer a,.au-loginButon:after, .au-loginLink a:after, .au-downButton span, .au-upButton span, .au-dilOturum a.au-oturum i, .au-dilOturum a.au-dil i { background-image: url("../img/abSprite.png"); background-position: 0 0; background-repeat: no-repeat; }
.kes, .au-search .au-quickMenu li .au-searchDetail strong, .au-search .au-quickMenu li .au-searchDetail span, .au-search .au-quickMenu li label, .au-profil .au-profil-isim h2, .au-profil .au-profil-isim span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*Color*/
.dt { width: 100%; display: table; height: 100%; }
.dc { display: table-cell; vertical-align: middle; }

*[class^='au-'] { font-family: "Open Sans", sans-serif; }

body { background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url("../img/3.jpg"); }
body:after { width: 100%; height: 100%; background: url("../img/dotted.png") left top repeat; content: ' '; display: block; position: absolute; left: 0; top: 0; z-index: 2; }
body:before { width: 100%; height: 100%; background: rgba(23, 37, 54, 0.6); content: ' '; display: block; position: absolute; left: 0; top: 0; z-index: 3; }

body.au-loginPage { color: #1d2c3f; font-size: 16px; background: url("../img/bg2.jpg") center center no-repeat; background-attachment: fixed; background-size: cover; font-weight: 400; }

body:after { width: 274px; height: 100%; content: ' '; background: #1d2c3f; position: fixed; left: -274px; top: 0; z-index: 99; -webkit-transition: all ease-in-out 0.35s; -moz-transition: all ease-in-out 0.35s; -o-transition: all ease-in-out 0.35s; transition: all ease-in-out 0.35s; }

body.au-active { /*.au-wrapper{  padding-right: 274px;}*/ }
body.au-active:after { left: 0; }
body.au-active .au-sidebar { left: 0; }
body.au-active .au-content { margin-left: 274px; }
body.au-active .au-sidebar-footer { left: 0; }
body.au-login2 { overflow: hidden; }
body.au-login2:after, body.au-loginPage:after { display: none !important; }

.au-wrapper { height: 100%; min-height: 100%; height: auto !important; margin-bottom: -90px; overflow: hidden; z-index: 10; position: relative; }

.cloneFooter { height: 90px; }

/* ================================================ */
/* ! mainPage                                       */
/* ================================================ */

.au-blockUI.blockOverlay { position: fixed !important; }
.au-blockUI.blockMsg { left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.au-bgWrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: left top; overflow: hidden; }
.au-bgWrapper:after { width: 100%; height: 100%; background: url("../img/dotted.png") left top repeat; content: ' '; display: block; position: absolute; left: 0; top: 0; z-index: 2; }
.au-bgWrapper:before { width: 100%; height: 100%; background: rgba(23, 37, 54, 0.6); content: ' '; display: block; position: absolute; left: 0; top: 0; z-index: 3; }

.linkContainer { width: 100%; display: table; width: 800px; margin:0px auto;}
.au-block { width: 300px; display: table-cell;}
/*.au-block:last-child { width: 200px; }*/
.au-block h2 { font-family: "Open Sans", sans-serif; color: #fff; font-size: 16px; padding-bottom: 0; opacity: 1;font-weight: bold; text-align: left; }
.au-block h2.active { opacity: 1; }
.au-block ul {overflow: hidden;}
.au-block li {text-align: left; display:block;}
.au-block li a { font-family: "Open Sans", sans-serif; color: #fff; font-size: 14px; line-height: 30px; font-weight: 400; }
.au-block li a:hover { color: #ffc875; }

/*.slickScreen.au-loginWrapper {width:220px; position: absolute; left: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; z-index: 2; }*/
.au-loginLink{padding-top: 30px;}
.au-loginPanel { float: left; padding-top: 0; z-index: 3; width: 217px; }
.au-loginPanel label { font: "Open Sans", sans-serif; color: #1d2c3f; display: block; text-align: center; font-size: 16px; padding-bottom: 4px; font-weight: 300; }
.au-loginPanel a.au-logo { display: block; margin: 0px auto; margin-bottom: 32px; overflow: hidden; }
.au-loginPanel a.au-logo img { display: block; margin: 0px auto; }
.au-loginLink a { font: 300 12px/14px "Open Sans", sans-serif; color: #ffc875; width: 72px; display: block; float: left; padding-bottom: 10px; padding-top: 41px; font-weight: 400; position: relative; text-align: center; color: #fff; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-loginLink a:hover {color: #ffc875;}
.au-loginLink a:before {background-position: 0 -218px; display: block; content: ' '; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-size: 12px; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-loginLink a.au-register:before { width: 31px; height: 28px; background-position: 0 -158px; }
.au-loginLink a.au-register:hover:before { background-position: -38px -158px; }
.au-loginLink a.au-forgotPass:before { width: 28px; height: 28px; background-position: 0 -187px; }
.au-loginLink a.au-forgotPass:hover:before { background-position: -38px -187px; }
.au-loginLink a.au-remember:before { width: 28px; height: 27px; background-position: 0 -129px; }
.au-loginLink a.au-remember:hover:before { background-position: -38px -129px; }
.au-loginPanel .au-row span { font: 400 16px/18px "Open Sans", sans-serif; color: #fff; text-align: center; display: block; font-weight: 400; }
.au-loginPanel .au-row span a { display: inline-block; }    

.au-footer { position: relative; z-index: 10; width: auto; padding: 0 40px; float:left;}
.au-footer .au-social { width:auto;clear:both;}
.au-footer a { display: block; margin-right: 18px; width: 18px; height: 18px; float: left; margin-bottom: 12px; background: none; }
.au-footer a i.fa{font-size:20px; color:#000; opacity: .4;  }
.au-footer a:hover i.fa{ color:white; opacity:.9;}
.au-footer small { font-size: 12px; color: #fff; }

.au-loginButon { position: relative; background: #419394; padding: 0 26px 0 50px; border: 0; height: 41px; color: #fff; font-size: 14px; width: auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.au-loginButon:hover { opacity: .7; }
.au-loginButon:after { width: 15px; height: 16px; background-position: -17px 0; display: block; content: ' '; position: absolute; left: 26px; top: 13px; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-loginButon.screen1Button { float: none; display:block;}

.au-downButton{position: absolute; top: 40px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 11; border: 0; background: 0; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-downButton:after{width: 0; height: 0; content: ' '; border-radius: 100%; opacity: 0; border: 2px solid #d9ad6b; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.au-downButton:before{width: 0; height: 0; content: ' '; border-radius: 100%; opacity: 0; border: 2px solid #d9ad6b; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.au-downButton.au-active:after { -webkit-animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; -moz-animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; -ms-animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; -o-animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; }
.au-downButton.au-active:before { -webkit-animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; -moz-animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; -ms-animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; -o-animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; }
.au-downButton span{width: 21px; height: 19px; background-position: -39px -101px; display: block; opacity: 0.6; -webkit-transition: translate cubic-bezier(0.23, 1, 0.32, 1) 2s; -moz-transition: translate cubic-bezier(0.23, 1, 0.32, 1) 2s; -o-transition: translate cubic-bezier(0.23, 1, 0.32, 1) 2s; transition: translate cubic-bezier(0.23, 1, 0.32, 1) 2s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.au-downButton span:nth-child(2) { margin-top: -5px; opacity: .3; }
.au-downButton span:nth-child(3) { margin-top: -5px; opacity: 0; }
.au-downButton:hover span:nth-child(1) { opacity: .3; }
.au-downButton:hover span:nth-child(2) { opacity: .6; }
.au-downButton:hover span:nth-child(3) { opacity: .9; }

.au-upButton { position: absolute; bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 11; border: 0; background: 0; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-upButton:after { width: 0; height: 0; content: ' '; border-radius: 100%; opacity: 0; border: 2px solid #d9ad6b; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.au-upButton:before { width: 0; height: 0; content: ' '; border-radius: 100%; opacity: 0; border: 2px solid #d9ad6b; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.au-upButton.au-active:after { -webkit-animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; -moz-animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; -ms-animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; -o-animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; animation: downUp 2s cubic-bezier(0.23, 1, 0.32, 1) 1; }
.au-upButton.au-active:before { -webkit-animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; -moz-animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; -ms-animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; -o-animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; animation: downUp2 3s cubic-bezier(0.23, 1, 0.32, 1) 1; }
.au-upButton span { width: 21px; height: 19px; background-position: -39px -101px; display: block; opacity: 0.6; -webkit-transition: translate3d cubic-bezier(0.23, 1, 0.32, 1) 2s; -moz-transition: translate3d cubic-bezier(0.23, 1, 0.32, 1) 2s; -o-transition: translate3d cubic-bezier(0.23, 1, 0.32, 1) 2s; transition: translate3d cubic-bezier(0.23, 1, 0.32, 1) 2s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.au-upButton span:nth-child(2) { margin-top: -5px; opacity: .3; }
.au-upButton span:nth-child(3) { margin-top: -5px; opacity: 0; }
.au-upButton:hover span:nth-child(1) { opacity: .3; }
.au-upButton:hover span:nth-child(2) { opacity: .6; }
.au-upButton:hover span:nth-child(3) { opacity: .9; }

.au-list ul li.au-head.au-active > ul { display: block; }

.au-list ul li.au-head ul li ul { padding-bottom: 0; }

/*.slickScreen{ width: 290px; position: relative; z-index: 2; top: 50%; left: 50%; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, 3000px); -moz-transform: translate(-50%, 3000px); -ms-transform: translate(-50%, 3000px); -o-transform: translate(-50%, 3000px); transform: translate(-50%, 3000px); -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s;  overflow-y: auto; overflow-x: visible;}*/
.slickContainer{width:290px; overflow-y: auto; overflow-x: visible;}
.slickContainer.au-login{width:220px; overflow-y: auto; overflow-x: visible;}
.slickContainer.au-login .au-form{width:220px; overflow-y: auto; overflow-x: visible;}

.slickContainer.uzunContainer{width:590px; }
.slickContainer.uzunContainer .au-form{width:100%;}


.slickContainer.pdfGoruntuleyeici{width:800px; height: 768px;}
.slickContainer.pdfGoruntuleyeici  img{width:50px !important; }
.slickContainer.pdfGoruntuleyeici iframe{width:750px; height:700px; box-shadow: 0 0 20px 5px #333; border:0; margin-top: 10px;}

.slickScreen{   
    overflow-y: auto; overflow-x: visible;
    z-index: 2; 
    text-align: center; 
    position: absolute;
    top: 50%; 
    width:100%;
    -webkit-transform: translate(0, -2000px); 
       -moz-transform: translate(0, -2000px); 
        -ms-transform: translate(0, -2000px); 
         -o-transform: translate(0, -2000px); 
            transform: translate(0, -2000px);
}

/*Hepsi Gizli*/
body .slickScreen[data-target^=screen]{
 -webkit-transform: translate(0, -2000px); 
       -moz-transform: translate(0, -2000px); 
        -ms-transform: translate(0, -2000px); 
         -o-transform: translate(0, -2000px); 
            transform: translate(0, -2000px);
}

/* Body'ye eklenen class'i açar, 9'a kadar tanimlandı ekran eklenirse burada tanimlanmali'*/

body.screen1  .slickScreen[data-target~=screen1],
body.screen2  .slickScreen[data-target~=screen2],
body.screen3  .slickScreen[data-target~=screen3],
body.screen4  .slickScreen[data-target~=screen4],
body.screen5  .slickScreen[data-target~=screen5],
body.screen6  .slickScreen[data-target~=screen6],
body.screen7  .slickScreen[data-target~=screen7],
body.screen8  .slickScreen[data-target~=screen8],
body.screen9  .slickScreen[data-target~=screen9],
body.screen10 .slickScreen[data-target~=screen10],
body.screen11 .slickScreen[data-target~=screen11],
body.screen12 .slickScreen[data-target~=screen12],
    body.screen13 .slickScreen[data-target^=screen13]
{
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s;
       -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s;
         -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s;
            transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s;  
}
body.screen2 .au-downButton span {  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }


.slickContainer{width:290px; overflow-y: auto; overflow-x: visible;	margin:0px auto;}
.au-phoneForgot{ width: 290px; position: relative; z-index: 2; top: 50%; left: 50%; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, 3000px); -moz-transform: translate(-50%, 3000px); -ms-transform: translate(-50%, 3000px); -o-transform: translate(-50%, 3000px); transform: translate(-50%, 3000px);  overflow-y: auto;}
/*.au-forgotPassWrapper { width: 290px; position: relative; z-index: 2; top: 50%; left: 50%; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, 3000px); -moz-transform: translate(-50%, 3000px); -ms-transform: translate(-50%, 3000px); -o-transform: translate(-50%, 3000px); transform: translate(-50%, 3000px); overflow-y: auto;}
.au-forgotPassAofWrapper { width: 290px; position: relative; z-index: 2; top: 50%; left: 50%; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, 3000px); -moz-transform: translate(-50%, 3000px); -ms-transform: translate(-50%, 3000px); -o-transform: translate(-50%, 3000px); transform: translate(-50%, 3000px); overflow-y: auto;}*/
.au-forgotPassLeft{width: 100%; padding: 0 0 0 0; float:left; padding-top: 40px }
.au-forgotPassRight{width: 100%; padding: 0 0 0 0; float:left;}
.au-text{font-family: "Open Sans", sans-serif; color: #fff; font-size: 12px; line-height: 16px; font-weight: 400; text-align: justify;  padding-top: 20px ;}
.au-text strong{font-weight: bold;}

.au-form { float: left; padding-top: 0; z-index: 3; width: 290px; }
.au-form label { font: "Open Sans", sans-serif; color: #1d2c3f; display: block; text-align: center; font-size: 16px; padding-bottom: 4px; font-weight: 300; }
.forgotPassWrapper a.au-logo { display: block; margin: 0px auto; margin-bottom: 32px; overflow: hidden; }
.forgotPassWrapper a.au-logo img { display: block; margin: 0px auto; }
.au-form .au-row { margin-top: 15px; position: relative;width:100%; }
.au-form .au-row div.au-tooltip{position: absolute;right: 10px; top: 10px; cursor: pointer;}
.au-form .au-row div.au-tooltip:hover i{color:#d9ad6b;}
/*.au-form .au-row div.au-tooltip::after {width: 150px; height: 150px; display: block; content: ' ';  position: absolute; top: -100%; left:-50%;background: red; display:block;-webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }*/
 
.au-form .au-row .au-icon{position: absolute; left: 13px; top: 14px; font-size:14px; color:#333;}
.au-form .au-row .au-icon.halfSelect{ left: 125px;}
.au-form .au-row .au-toolTip{ right: 40px; position: absolute; top:16px;}
.au-form .au-row .au-toolTip .au-icon{position: absolute; left: 0; top: 0; font-size:16px; color:#333; cursor: pointer;}
.au-form .au-row.au-loginLink { width: 100%; margin-top: 40px; }
.au-form .au-row input[type=password],
.au-form .au-loginPanel .au-row input[type=password] ,
.au-form .au-row input[type=text],
.au-form .au-loginPanel .au-row input[type=password] { width: 100%; height: 41px; border: 0; font: 400 14px/16px "Open Sans", sans-serif; color: #000000; padding: 14px 24px 14px 34px; background: #d9dbdd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-form .au-row input[type=text]::-webkit-input-placeholder,
.au-form .au-loginPanel .au-row input[type=password]::-webkit-input-placeholder { color: #172536; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
.au-form .au-row input[type=text]::-moz-placeholder,
.au-form .au-loginPanel .au-row input[type=password]::-moz-placeholder { color: #172536; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
.au-form .au-row input[type=text]:-moz-placeholder,
.au-form .au-loginPanel .au-row input[type=password]:-moz-placeholder { color: #172536; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
.au-form .au-row input[type=text]:-ms-input-placeholder,
.au-form .au-loginPanel .au-row input[type=password]:-ms-input-placeholder { color: #172536; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
.au-form .au-row input[type=text]:focus,
.au-loginPanel .au-row input[type=password]:focus { background: #f1f1f1; }
.au-loginPanel .au-row a.tooltip{ background: #f1f1f1; }
.au-form .au-row.au-email span { width: 12px; height: 13px; background-position: 0 -218px; display: block; content: ' '; position: absolute; left: 10px; top: 15px; }
.au-form .au-row.au-email input:focus + .au-icon ,
.au-form .au-row input:focus + .au-icon { color: #d9ad6b; }
.au-form .au-row.au-email input:focus + span { background-position: 0 -232px; }
.au-form .au-row.au-pass span { width: 11px; height: 13px; background-position: -13px -218px; display: block; content: ' '; position: absolute; left: 12px; top: 15px; }
.au-form .au-row.au-pass input:focus + span { background-position: -13px -232px; }
.au-form .au-row a { font: 300 12px/14px "Open Sans", sans-serif; color: #ffc875; width: 72px; display: block; float: left; padding-bottom: 10px; padding-top: 41px; font-weight: 400; position: relative; text-align: center; color: #fff; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-form .au-row a:hover { color: #ffc875; }
.au-form .au-row a:before { background-position: 0 -218px; display: block; content: ' '; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-size: 12px; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-form .au-row a.au-register:before { width: 31px; height: 28px; background-position: 0 -158px; }
.au-form .au-row a.au-register:hover:before { background-position: -38px -158px; }
.au-form .au-row a.au-forgotPass:before { width: 28px; height: 28px; background-position: 0 -187px; }
.au-form .au-row a.au-forgotPass:hover:before { background-position: -38px -187px; }
.au-form .au-row a.au-remember:before { width: 28px; height: 27px; background-position: 0 -129px; }
.au-form .au-row a.au-remember:hover:before { background-position: -38px -129px; }
.au-form .au-row span { font: 400 16px/18px "Open Sans", sans-serif; color: #fff; text-align: center; display: block; font-weight: 400; }
.au-form .au-row span a { display: inline-block; }
.au-form .au-row select{ width: 100%; height: 41px; border: 0; font: 400 14px/16px "Open Sans", sans-serif; color: #000000; padding: 10px 14px 10px 24px; background: #d9dbdd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-form .au-row .select2-container{height: 40px; line-height: 40px;}
.au-form .au-row .select2-container .selection{height: 41px; line-height: 41px;}
.au-form .au-row .select2-container--default .select2-selection--single{ background: #d9dbdd; height: 41px; line-height: 41px; text-align: left;}
.au-form .au-row .select2-container--default .select2-selection--single .select2-selection__rendered{font: 400 14px/16px "Open Sans", sans-serif; color: #000000; height: 40px; line-height: 40px; text-align: left; padding-left: 34px;}
.au-form .au-row .select2-container--default .select2-selection--single .select2-selection__arrow{height: 41px; right:10px;}
.au-form .au-row div.halfSelect select { width: 100px; float:left;}
.au-form .au-row div.halfSelect  .select2-container { width: 100px; float:left;}
.au-form .au-row div.halfSelect input { width: 180px; float: left; margin-left: 10px;}


.au-form.au-list .au-row  {overflow: hidden; }
.au-form.au-list .au-row  label{width: 50%; display:block;float:left; font: 700 14px/16px "Open Sans", sans-serif; text-align: right; position: relative; color:#fff; padding-right: 10px; padding-top: 5px; }
.au-form.au-list .au-row:nth-child(odd){ background: rgba(0,0,0,.1); padding: 5px; border-radius: 3px; }
.au-form.au-list .au-row  label:after{width: 5px; height: 16px; line-height: 16px; content: ' :'; right: 5px; top: 5px; display: block; position: absolute;}
.au-form.au-list .au-row  span{width: 50%; display:block;float:left; font: 400 14px/16px "Open Sans", sans-serif; text-align: left; position: relative; color:#fff; padding-top: 5px;}
.au-form.au-list .au-row  p{display:block;float:left; font: 400 14px/16px "Open Sans", sans-serif; text-align: left; position: relative; color:#fff; background: rgba(0,0,0,.3); padding: 5px; border-radius: 3px; text-align: justify;}
.au-form.au-list .au-row  p strong{font-weight: bold;}



.au-loginButon.noIcon{padding: 0 10px;}
.au-loginButon.noIcon em{font-style: normal; width:30px; display: inline-block; }
.au-loginButon.noIcon:after {display:none;}
.au-loginButon { position: relative; background: #419394; padding: 0 26px 0 50px; border: 0; height: 41px; color: #fff; font-size: 14px; width: auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.au-loginButon:hover { opacity: .7; }
.au-loginButon:after { width: 15px; height: 16px; background-position: -17px 0; display: block; content: ' '; position: absolute; left: 26px; top: 13px; -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; -o-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.35s; }
.au-loginButon.gray { background: #9f9f9f;  }
.au-loginButon.red { background: #cd1821;  }
.au-loginButon.back::after { 
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.au-loginButon.left {left: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); float:left; }
.au-loginButon.right {left: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);   float:right;}

@-webkit-keyframes downUp { 
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 80px; height: 80px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; } 
}
@-moz-keyframes downUp { 
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 80px; height: 80px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; } 
}
@-ms-keyframes downUp { 
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 80px; height: 80px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; } 
}
@-o-keyframes downUp { 
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 80px; height: 80px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; } 
}
@keyframes downUp { 
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 80px; height: 80px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; } 
}
@-webkit-keyframes downUp2 { 
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 60px; height: 60px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; } 
}
@-moz-keyframes downUp2 {
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 60px; height: 60px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; } 
}
@-ms-keyframes downUp2 { 
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 60px; height: 60px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; } 
}
@-o-keyframes downUp2 { 
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 60px; height: 60px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; }
}
@keyframes downUp2 { 
    0% { width: 50px; height: 50px; opacity: .3; }
    50% { width: 60px; height: 60px; opacity: .8; }
    100% { width: 80px; height: 80px; opacity: 0; } 
}

/* ================================================ */
/* ! MEDIA QUERY                                    */
/* ================================================ */
/*mobile*/
@media only screen and (max-width: 767px) {
.slickContainer.pdfGoruntuleyeici{width:320px; }
.slickContainer.pdfGoruntuleyeici  img{width:50px !important; }
.slickContainer.pdfGoruntuleyeici  iframe{width:290px; height:400px; box-shadow: 0 0 10px 5px #333; border:0; margin-top: 10px;}

.slickContainer.uzunContainer{width:300px; }
.slickContainer.uzunContainer .au-form{width:100%;}
.au-forgotPassAofWrapper,
.au-wrapper.au-listActiv,
.slickScreen{ height: 460px; }
/*.au-links { height: 460px; }*/ 
     .au-footer{display:none;}
    .au-loginPanel a.au-logo { margin-bottom: 12px; }
    .au-loginPanel a.au-logo img { width: 100px; }
    .au-social { text-align: center; display: none; }
    .au-footer { padding: 0 20px; height: 50px; }
    .au-footer a { display: inline-block; float: none; margin-bottom: 0; }
    .page-body.page-container { padding-left: 20px; }
    .profile-env > header { padding: 0 20px; }
    #birimBilgiler ul { padding: 0 20px; }
    #birimBilgiler ul li { padding: 5px 0; display: block; position: relative; padding-left: 40px; }
    #birimBilgiler ul li i { position: absolute; left: 20px; }
    body.au-first { /*.au-wrapper{  padding-right: 274px;}*/ }
    body.au-first:after { left: -274px; transition: none; }
    body.au-first .au-sidebar { left: -274px; transition: none; }
    body.au-first .au-content { margin-left: 0; transition: none; }
    body.au-first .au-sidebar-footer { left: -274px; transition: none; }
    .au-sidebar-footer { display: none; }
    .au-header { padding-right: 20px; }
    .au-dilOturum { width: 160px; margin-top: 7px; }
    /*.au-profil .au-profil-img{margin-left: 20px;}*/
    .au-profil { width: 50px; }
    .au-profil .au-profil-isim { display: none; }
    .au-profil .au-profil-img { width: 30px; }
    .au-profil .au-profil-img img { width: 100%; }
    .au-profil .au-profil-img i { width: 15px; height: 15px; line-height: 15px; font-size: 10px; }
    .au-dilOturum a.au-oturum { text-indent: -9999px; padding: 4px 0px; width: 30px; }
    .au-dilOturum a.au-oturum i { left: 8px; }
    body.au-active .au-dilOturum { display: none; }
    body.au-active .au-content { margin-left: 0; }
    body.au-active .au-profil { opacity: 0; }
    .au-downButton { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); top: 10px; margin-left: -15px; }
    .au-wrapper { margin-bottom: -50px; }
    .au-links { position: absolute; width: 100%; overflow-y: scroll; }
    .linkContainer{width: 300px;}
    .au-links .au-block { float: none; clear: both;  margin: 0px auto; padding-bottom: 20px; overflow: hidden; display:block; }
    .au-links .au-block li { }
    .au-links .au-block li a { line-height: 14px; }
    .au-links .au-block li, .au-links .au-block h2 { text-align: center; }
    .au-wrapper.au-listActive .au-links { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 60px; max-height: 420px; width: 100%; } }
/*tablets*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
        
.slickContainer.pdfGoruntuleyeici{width:800px; height: 550px;}
.slickContainer.pdfGoruntuleyeici  img{width:50px !important; }
.slickContainer.pdfGoruntuleyeici  iframe{width:750px; height:550px; box-shadow: 0 0 20px 5px #333; border:0; margin-top: 10px;}



    .linkContainer{width: 700px;}
  .au-block { width: 250px; }
  body.au-first { /*.au-wrapper{  padding-right: 274px;}*/ }
  body.au-first:after { left: -274px; transition: none; }
  body.au-first .au-sidebar { left: -274px; transition: none; }
  body.au-first .au-content { margin-left: 0; transition: none; }
  body.au-first .au-sidebar-footer { left: -274px; transition: none; }
  .au-header { padding-right: 20px; }
  .au-dilOturum { width: 160px; margin-top: 7px; }
  /*.au-profil .au-profil-img{margin-left: 20px;}*/
  .au-profil { width: 350px; }
  .au-profil .au-profil-isim { width: 180px; padding-top: 0; }
  .au-profil .au-profil-img { width: 30px; }
  .au-profil .au-profil-img img { width: 100%; }
  .au-profil .au-profil-img i { width: 15px; height: 15px; line-height: 15px; font-size: 10px; }
  .au-dilOturum a.au-oturum { text-indent: -9999px; padding: 4px 0px; width: 30px; }
  .au-dilOturum a.au-oturum i { left: 8px; } 
}

@media 
    only screen and (min-device-width: 320px) 
    and (max-device-width: 480px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (device-aspect-ratio: 2/3)
{
    .au-forgotPassWrapper { max-height: 450px; }
    .au-forgotPassAofWrapper,
    .au-wrapper.au-listActiv,
    .au-links { height: 340px; } 
}

#ui-datepicker-div{z-index:10 !important;}