/*********************************************/
/*                                           */
/*        Login Sayfası CSS & HTML           */
/*        Grid & Tasarım Uyarlaması          */
/*           CSS : Serkan Algur;             */
/*          kaisercrazy@gmail.com            */
/*                                           */
/*********************************************/

/* === Özel Sistemler === */
html, body { height: 100%;}
html {background: url('../img/background.jpg') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
body { font-family: 'Museo Sans';margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a {color:#2C77B9;text-decoration:none !important;}
.box {background:#fff;min-height:15px;border-radius: 10px;margin-bottom:10px;}
.errorbox { background: #ff0000; color: #FFF; min-height: 20px; width: 60%; border-radius: 10px; display: inline-block; font-size: 13px; margin-bottom: 10px; padding-left: 10px; padding-top: 5px; font-weight: 600; }
.formbox {min-height: 190px;font-size: 14px;color:#2C77B9;font-weight:600;line-height:16px;vertical-align: middle;}
/*.tbb-2x {font-size:18px;}*/
.links a{padding:10px;text-transform:none;text-decoration:none;font-size: 12px;line-height:20px;font-weight:600;letter-spacing:0;display:block;}
.links a:after{font-family:'tobbund';content:'\f105';font-weight:600;font-style:normal;float:right;text-decoration:none}
.icons {font-size:25px;width:30%;float:right;}
.icons i{margin-left:8px;background:#FFF;padding:0px 2px;border-radius:5px;text-decoration: none !important}
.icons a , a.formsend{text-decoration: none !important}
.icons .fb {color:#3b5998 !important;}
.icons .tw {color:#1da1f2 !important;}
.icons .lin {color:#0077b5 !important;}
.iconas {margin-right:7px;}
input {border-radius:3px;border:1px solid #2C77B9;background: #efefef;padding:3px 0px 3px 3px;}
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.justify { text-align: justify; }
.pright {margin-left:15px;vertical-align:middle;}
.pright5 {margin-left:5px;vertical-align:middle;}
.minif {font-size:12px;}
/* === Özel Sistemler === */

/* === Grid Sistemimiz === */
.container { width: 90%; margin-left: auto; margin-right: auto; margin-top:15%;}
.row { position: relative; width: 100%; }
.row [class^="col"] { float: left; margin: 0.5rem 2%; min-height: 0.125rem; }
.nocol{margin: 0 2%;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 96%; }
.col-1-sm { width: 4.33%; }
.col-2-sm { width: 12.66%; }
.col-3-sm { width: 21%; }
.col-4-sm { width: 29.33%; }
.col-5-sm { width: 37.66%; }
.col-6-sm { width: 46%; }
.col-7-sm { width: 54.33%; }
.col-8-sm { width: 62.66%; }
.col-9-sm { width: 71%; }
.col-10-sm { width: 79.33%; }
.col-11-sm { width: 87.66%; }
.col-12-sm { width: 96%; }
.row::after { content: ""; display: table; clear: both; }
.hidden-sm { display: none; }
input.col-12{margin:0px !important;}

@media only screen and (max-width:33.75em) {.container { width: 80%; }.checkmark{left:75px !important;}}
@media only screen and (min-width:544px) and (max-width:719px) {.container { width: 80%; }.checkmark{left:75px !important;}.eposta{font-size:11px;}}
@media only screen and (min-width:45em) {.col-1 { width: 4.33%; }.col-2 { width: 12.66%; }.col-3 { width: 21%; }.col-4 { width: 29.33%; }.col-5 { width: 37.66%; }.col-6 { width: 46%; }.col-7 { width: 54.33%; }.col-8 { width: 62.66%; }.col-9 { width: 71%; }.col-10 { width: 79.33%; }.col-11 { width: 87.66%; }.col-12 { width: 96%; }.hidden-sm { display: block; }.conta{right:30px;}.checkmark{right:-5px !important;}.eposta{font-size:11px;}}
@media only screen and (min-width:60em) {html, body { overflow-y: hidden !important;}.container { width: 75%; max-width: 60rem; }.checkmark{right:20px !important;}.eposta{font-size:14px;}}
/* === Grid Sistemimiz === */

/* === Özel Karakter Yazı Tipi === */
@font-face { font-family: 'tobbund'; src: url('./fonts/tobbund.eot?waoyvy'); src: url('./fonts/tobbund.eot?waoyvy#iefix') format('embedded-opentype'), url('./fonts/tobbund.ttf?waoyvy') format('truetype'), url('./fonts/tobbund.woff?waoyvy') format('woff'), url('./fonts/tobbund.svg?waoyvy#tobbund') format('svg'); font-weight: normal; font-style: normal }
i { font-family: 'tobbund' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.tbb-envelope-o:before { content: "\f003" }
.tbb-chevron-left:before { content: "\f053" }
.tbb-chevron-right:before { content: "\f054" }
.tbb-twitter-square:before { content: "\f081" }
.tbb-facebook-square:before { content: "\f082" }
.tbb-linkedin-square:before { content: "\f08c" }
.tbb-sign-in:before { content: "\f090" }
.tbb-angle-left:before { content: "\f104" }
.tbb-angle-right:before { content: "\f105" }
.tbb-unlock-alt:before { content: "\f13e" }
/* === Özel Karakter Yazı Tipi === */

/* === Özelleştirilmiş Seçim Kutusu === */
.conta { display: block; position: relative; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.conta input { position: absolute; opacity: 0 }
.checkmark { position: absolute; top: 2px; right: 20px; height: 11px; width: 11px; background-color: #eee }
.conta:hover input ~ .checkmark { background-color: #ccc }
.conta input:checked ~ .checkmark { background-color: #2196F3 }
.checkmark:after { content: ""; position: absolute; display: none }
.conta input:checked ~ .checkmark:after { display: block }
.conta .checkmark:after { left: 5px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
/* === Özelleştirilmiş Seçim Kutusu === */


input#btnLogin {width: 75px;padding-top: 3px;padding-bottom: 3px;box-shadow: 1px 1px #ccc;}