@charset "UTF-8";
html, :root, body {
width:100%;
height:100%;
min-height: 100vh!important;
min-width:100vw!important;
font-family: PFDinTextComp-Regular,Helvetica,Arial,sans-serif;
font-size: 16px;
font-size: 1rem;
line-height:1.4;
color: #4b5254;
overflow-x: hidden!important;
-moz-osx-font-smoothing: grayscale!important;
-webkit-font-smoothing: antialiased!important;
}

*, *:before, *:after {
box-sizing: border-box;
}

a {
text-decoration: none;
cursor: default;
color: inherit;
}

*{
margin: 0;
padding: 0;
resize: none;
/*cursor:default;*/
outline: none;
/*color:#404040;*/
text-transform:none;
text-rendering:auto;
box-sizing: border-box;
font-family: PFDinTextComp-Regular,Helvetica,Arial,sans-serif;
/*-webkit-touch-callout: none;
-khtml-touch-callout: none;
-moz-touch-callout: none;
-ms-touch-callout: none;
touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;*/
border-width: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
-webkit-appearance: none; /* for box shadows to show on iOS */
-moz-osx-font-smoothing: grayscale!important;
-webkit-font-smoothing: antialiased!important;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
/*text-shadow: 0 1px 1px rgba(0,0,0,0.35);*/
}

img {
border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
max-width: 100%;
}

.clear {
clear:both;
}

.text-left {
text-align:left;
}

.text-right {
text-align:right;
}

.text-center {
text-align:center;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.fixed {
position: fixed;
}

.display-none{
display: none;
}

.nojs{
width: 100vw;
height: 100vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
text-align: center;
display: block;
background: #f39c12;
z-index: 1000001;
}

.nojs section{
width: 22.500em;
position: absolute;
display: block;
text-align: center;
padding: 1em 0;
top: 50%;
left: 50%;
border-radius:0.313em;
-webkit-transform: translate3d(-50%, -60%, 0);
transform: translate3d(-50%, -60%, 0);
}

.nojs span{
width: 100%;
position: relative;
text-align: center;
display: inline-block;
line-height: 1.4;
font-size: 2.25em;
letter-spacing: 1px;
text-shadow: none;
margin-top: -40px;
}

#unblock-success{
position: absolute;
left: 50%;
border-radius:0.313em;
color: #4caf50;
font-family: PFDinTextComp-Thin,Helvetica,Arial,sans-serif;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%,0, 0);
}

#unblock-failure{
position: absolute;
left: 50%;
border-radius:0.313em;
color: #ff2a39;
font-family: PFDinTextComp-Thin,Helvetica,Arial,sans-serif;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%,0, 0);
}

.input {
outline:none;
position: relative;
z-index: 1;
display: inline-block;
width: calc(100% - 1px);
vertical-align: top;
}

.input__field {
position: relative;
display: block;
float: right;
padding: 0.8em;
width: 60%;
border: none;
border-radius: 0;
background: #f0f0f0;
color: #aaa;
font-weight: 400;
-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
outline: none;
}

.input__label {
display: inline-block;
float: right;
padding: 0 1em;
width: 40%;
color: #7f8c8d;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.input__label-content {
position: relative;
display: block;
padding: 1.6em 0;
width: 100%;
}

.graphic {
position: absolute;
top: 0;
left: 0;
fill: none;
}

.icon {
color: #ddd;
font-size: 150%;
}

/* Nao */
.input--nao {
overflow: hidden;
padding-top: 5px;
}

.input__field--nao {
padding: 0.5em 0em 0.25em;
width: 100%;
background: transparent;
color: #7f8c8d;
font-size: 1.75em;
}

.input__label--nao {
position: absolute;
top: -0.75em;
font-size: 1.5em;
left: 0;
display: block;
width: 100%;
text-align: left;
padding: 0em;
color: #414d56;
pointer-events: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.2s 0.15s, color 1s;
transition: transform 0.2s 0.15s, color 1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.graphic--nao {
stroke: #414d56;
pointer-events: none;
-webkit-transition: -webkit-transform 0.7s, stroke 0.7s;
transition: transform 0.7s, stroke 0.7s;
-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
} 

.input__field--nao:focus + .input__label--nao,
.input--filled .input__label--nao {
color: #00bcd4;
-webkit-transform: translate3d(0, -0.65em, 0) scale3d(0.75, 0.75, 1);
transform: translate3d(0, -0.65em, 0) scale3d(0.75, 0.75, 1);
}

.input__field--nao:focus ~ .graphic--nao,
.input--filled .graphic--nao {
stroke: #00bcd4;
-webkit-transform: translate3d(-66.6%, 0, 0);
transform: translate3d(-66.6%, 0, 0);
}

.progress-button {
float: right;
position: relative;
display: inline-block;
padding: 0 1.5em;
outline: none;
border: none;
color: #fbfbfb;
font-size: 1.250em;
letter-spacing: 1px;
line-height: 2;
overflow: hidden;
border-radius: 3px;
background-color: #314a5b;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}

.progress-button::before {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.progress-button:hover {
background-color: #00bcd4;
cursor: pointer;
}

.progress-button > span {
font-size: 1em;    
display: inline-block;
opacity: 0;
color: #fff;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.progress-button .content {
position: relative;
display: block;
z-index: 10;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}

.progress-button:hover::before {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.progress-button:hover > span {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.progress-button:hover > span:nth-child(1) {-webkit-transition-delay: 0.02s;transition-delay: 0.02s;}
.progress-button:hover > span:nth-child(2) {-webkit-transition-delay: 0.04s;transition-delay: 0.04s;}
.progress-button:hover > span:nth-child(3) {-webkit-transition-delay: 0.06s;transition-delay: 0.06s;}
.progress-button:hover > span:nth-child(4) {-webkit-transition-delay: 0.08s;transition-delay: 0.08s;}
.progress-button:hover > span:nth-child(5) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.progress-button:hover > span:nth-child(6) {-webkit-transition-delay: 0.12s;transition-delay: 0.12s;}
.progress-button:hover > span:nth-child(7) {-webkit-transition-delay: 0.14s;transition-delay: 0.14s;}
.progress-button:hover > span:nth-child(8) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.progress-button:hover > span:nth-child(9) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.progress-button:hover > span:nth-child(10) {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.progress-button:hover > span:nth-child(11) {-webkit-transition-delay: 0.22s;transition-delay: 0.22s;}
.progress-button:hover > span:nth-child(12) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.progress-button:hover > span:nth-child(13) {-webkit-transition-delay: 0.26s;transition-delay: 0.26s;}
.progress-button:hover > span:nth-child(14) {-webkit-transition-delay: 0.28s;transition-delay: 0.28s;}
.progress-button:hover > span:nth-child(15) {-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.progress-button:hover > span:nth-child(16) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.progress-button:hover > span:nth-child(17) {-webkit-transition-delay: 0.34s;transition-delay: 0.34s;}
.progress-button:hover > span:nth-child(18) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.progress-button:hover > span:nth-child(19) {-webkit-transition-delay: 0.38s;transition-delay: 0.38s;}
.progress-button:hover > span:nth-child(20) {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.progress-button:hover > span:nth-child(21) {-webkit-transition-delay: 0.42s;transition-delay: 0.42s;}
.progress-button:hover > span:nth-child(22) {-webkit-transition-delay: 0.44s;transition-delay: 0.44s;}
.progress-button:hover > span:nth-child(23) {-webkit-transition-delay: 0.46s;transition-delay: 0.46s;}
.progress-button:hover > span:nth-child(24) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.progress-button:hover > span:nth-child(25) {-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.progress-button:hover > span:nth-child(26) {-webkit-transition-delay: 0.52s;transition-delay: 0.52s;}
.progress-button:hover > span:nth-child(27) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
.progress-button:hover > span:nth-child(28) {-webkit-transition-delay: 0.56s;transition-delay: 0.56s;}
.progress-button:hover > span:nth-child(29) {-webkit-transition-delay: 0.58s;transition-delay: 0.58s;}
.progress-button:hover > span:nth-child(30) {-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}

.progress-button > span:last-child {
margin-top: -5px;
vertical-align: middle;
}

.progress-button .progress {
position: absolute;
left: 0;
background: rgba(0,0,0,0.2);
top: 0;
width: 0%;
opacity: 0;
height: 150%;
z-index: 0;
-webkit-transition: width 0s 0.3s, opacity 0.3s;
transition: width 0s 0.3s, opacity 0.3s;
}

.progress-button.active .progress {
opacity: 1;
width: 110%;
-webkit-transition: width 1.2s;
transition: width 1.2s;
}

.progress-button:focus {
outline: none;
}

.shake {
-webkit-animation: shake 0.5s;
-moz-animation: shake 0.5s;
animation: shake 0.5s;
}

@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}

20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}

@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}

20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}

.captcha{
bottom: 9px;
display: none;
position: absolute;
right: 45px;
}

.refresh-captcha{
bottom: 10px;
cursor: pointer!important;
display: inline-block;
font-size: 32px;
line-height: 1;
position: absolute;
right: 0;
z-index: 20;
text-align: center;
-webkit-transition: color 0.3s;
transition: color 0.3s;
text-shadow: none;
}

.refresh-captcha:hover{
bottom: 10px;
color:#00bcd4;
}

.rotatewarn{
content: "";
display: inline-block;
font-size: 1.6em;
margin-left: -0.1em;
}

.rotatewarn:after {
content: "!";
position: absolute;
transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
}

.bg-color-01{background-color:#95a5a6;}
.bg-color-02{background-color:#758387;}
.bg-color-03{background-color:#00bcd4;}/*varsayılan turkuaz*/
.bg-color-04{background-color:#234769;}
.bg-color-05{background-color:#f63f64;}
.bg-color-06{background-color:#eccc48;}
.bg-color-07{background-color:#005d81;}
.bg-color-08{background-color:#002c2d;}
.bg-color-09{background-color:#a39574;}
.bg-color-10{background-color:#726255;}
.bg-color-11{background-color:#372e29;}
.bg-color-12{background-color:#8f9779;}
.bg-color-13{background-color:#738276;}
.bg-color-14{background-color:#4d5d53;}
.bg-color-15{background-color:#009999;}
.bg-color-16{background-color:#673ab7;}
.bg-color-17{background-color:#4caf50;}
.bg-color-18{background-color:#8bc34a;}
.bg-color-19{background-color:#f39c12;}
.bg-color-20{background-color:#bb1515;}
.bg-color-21{background-color:#e0cda7;}
.bg-color-22{background-color:#34495e;}
.bg-color-23{background-color:#e74c3c;}/*varsayılan kırmızı*/
.bg-color-24{background-color:#ecf0f1;}
.bg-color-25{background-color:#3599cd;}/*varsayılan mavi*/
.bg-color-26{background-color:#2e81b7;}
.bg-color-27{background-color:#1abc9c;}
.bg-color-28{background-color:#ff5722;}
.bg-color-29{background-color:#404040;}
.bg-color-30{background-color:#607d8b;}
.bg-color-31{background-color:#9eb2c0;}
.bg-color-32{background-color:#3f454b;}
.bg-color-33{background-color:#2c3e4f;}
.bg-color-34{background-color:#706e66;}
.bg-color-35{background-color:#b9b098;}
.bg-color-36{background-color:#294949;}
.bg-color-37{background-color:#d9e3d7;}
.bg-color-38{background-color:#82a189;}
.bg-color-39{background-color:#5a6f5d;}
.bg-color-40{background-color:#2a323a;}
.bg-color-41{background-color:#29657a;}
.bg-color-42{background-color:#757165;}
.bg-color-43{background-color:#819f62;}
.bg-color-44{background-color:#f9e479;}
.bg-color-45{background-color:#ff2a39;}
.bg-color-46{background-color:#2756ed;}
.bg-color-47{background-color:#85247c;}
.bg-color-48{background-color:#ff19b4;}
.bg-color-49{background-color:#3f51b5;}
.bg-color-50{background-color:#e91e63;}
.bg-color-51{background-color:#065140;}
.bg-color-52{background-color:#535048;}
.bg-color-53{background-color:#827661;}
.bg-color-54{background-color:#7a9a99;}
.bg-color-55{background-color:#1e2329;}/*varsayılan lacjvert füme*/
.bg-color-56{background-color:#4b5254;}
.bg-color-57{background-color:#7ae2f0;}

.text-color-01{color:#95a5a6;}
.text-color-02{color:#758387;}
.text-color-03{color:#00bcd4;}/*varsayılan turkuaz*/
.text-color-04{color:#234769;}
.text-color-05{color:#f63f64;}
.text-color-06{color:#eccc48;}
.text-color-07{color:#005d81;}
.text-color-08{color:#002c2d;}
.text-color-09{color:#a39574;}
.text-color-10{color:#726255;}
.text-color-11{color:#372e29;}
.text-color-12{color:#8f9779;}
.text-color-13{color:#738276;}
.text-color-14{color:#4d5d53;}
.text-color-15{color:#009999;}
.text-color-16{color:#673ab7;}
.text-color-17{color:#4caf50;}
.text-color-18{color:#8bc34a;}
.text-color-19{color:#f39c12;}
.text-color-20{color:#bb1515;}
.text-color-21{color:#e0cda7;}
.text-color-22{color:#34495e;}
.text-color-23{color:#e74c3c;}/*varsayılan kırmızı*/
.text-color-24{color:#ecf0f1;}
.text-color-25{color:#3599cd;}/*varsayılan mavi*/
.text-color-26{color:#2e81b7;}
.text-color-27{color:#1abc9c;}
.text-color-28{color:#ff5722;}
.text-color-29{color:#404040;}
.text-color-30{color:#607d8b;}
.text-color-31{color:#9eb2c0;}
.text-color-32{color:#3f454b;}
.text-color-33{color:#2c3e4f;}
.text-color-34{color:#706e66;}
.text-color-35{color:#b9b098;}
.text-color-36{color:#294949;}
.text-color-37{color:#d9e3d7;}
.text-color-38{color:#82a189;}
.text-color-39{color:#5a6f5d;}
.text-color-40{color:#2a323a;}
.text-color-41{color:#29657a;}
.text-color-42{color:#757165;}
.text-color-43{color:#819f62;}
.text-color-44{color:#f9e479;}
.text-color-45{color:#ff2a39;}
.text-color-46{color:#2756ed;}
.text-color-47{color:#85247c;}
.text-color-48{color:#ff19b4;}
.text-color-49{color:#3f51b5;}
.text-color-50{color:#e91e63;}
.text-color-51{color:#065140;}
.text-color-52{color:#535048;}
.text-color-53{color:#827661;}
.text-color-54{color:#7a9a99;}
.text-color-55{color:#1e2329;}/*varsayılan lacjvert füme*/
.text-color-56{color:#4b5254;}
.text-color-57{color:#7ae2f0;}