/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    overflow-x: hidden;
    background: url(../images/bg1.jpg) no-repeat top center;
    background-size: cover;
}
.btn{
    font-size: 16.5px;
    line-height: 30px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    margin-top: 14px;
    padding: 5px 30px;
    color: #fff!important;
    background-color: #341F97!important;
    border-color: #341F97!important;
}
.mt-8{
    margin-top: -0.8rem;
}
.head {
    margin: 0;
    overflow-x: hidden;
    background: url(../images/bg3.jpg?v=1.4) no-repeat top center;
    background-size: cover;
}


.head img {


    -webkit-animation-name: heartbeat ;
    animation-name: heartbeat ;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    margin-bottom: 1rem;

}



@keyframes heartbeat
{
    0%
    {
        transform: scale( .9 );
    }

    100%
    {
        transform: scale( 1 );
    }
}


@keyframes heartbeat2
{
    0%
    {
        transform: scale( .96 );
    }

    100%
    {
        transform: scale( 1 );
    }
}

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.container {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow-x: hidden;
}

.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 1rem
}

@media (min-width:400px) {
    .container {
        width: 85%;
        padding: 0
    }
}

.container {
    width: 100%
}

.column,
.columns {
    margin-left: 2%
}

.column:first-child,
.columns:first-child {
    margin-left: 0
}

.one.column,
.one.columns {
    width: 4.66666666667%
}

.two.columns {
    width: 13.3333333333%
}

.three.columns {
    width: 22%
}

.four.columns {
    width: 30.6666666667%
}

.five.columns {
    width: 39.3333333333%
}

.six.columns {
    width: 48%
}

.seven.columns {
    width: 56.6666666667%
}

.eight.columns {
    width: 65.3333333333%
}

.nine.columns {
    width: 74%
}

.ten.columns {
    width: 82.6666666667%
}

.eleven.columns {
    width: 91.3333333333%
}

.twelve.columns {
    width: 100%;
    margin-left: 0
}

.one-third.column {
    width: 30.6666666667%
}

.two-thirds.column {
    width: 65.3333333333%
}

.one-half.column {
    width: 48%
}

.offset-by-one.column,
.offset-by-one.columns {
    margin-left: 8.66666666667%
}

.offset-by-two.column,
.offset-by-two.columns {
    margin-left: 17.3333333333%
}

.offset-by-three.column,
.offset-by-three.columns {
    margin-left: 26%
}

.offset-by-four.column,
.offset-by-four.columns {
    margin-left: 34.6666666667%
}

.offset-by-five.column,
.offset-by-five.columns {
    margin-left: 43.3333333333%
}

.offset-by-six.column,
.offset-by-six.columns {
    margin-left: 52%
}

.offset-by-seven.column,
.offset-by-seven.columns {
    margin-left: 60.6666666667%
}

.offset-by-eight.column,
.offset-by-eight.columns {
    margin-left: 69.3333333333%
}

.offset-by-nine.column,
.offset-by-nine.columns {
    margin-left: 78%
}

.offset-by-ten.column,
.offset-by-ten.columns {
    margin-left: 86.6666666667%
}

.offset-by-eleven.column,
.offset-by-eleven.columns {
    margin-left: 95.3333333333%
}

.offset-by-one-third.column,
.offset-by-one-third.columns {
    margin-left: 34.6666666667%
}

.offset-by-two-thirds.column,
.offset-by-two-thirds.columns {
    margin-left: 69.3333333333%
}

.offset-by-one-half.column,
.offset-by-one-half.columns {
    margin-left: 52%
}

html {
    font-size: 62.5%
}

body {
    font-size: 1.5em;
    line-height: 1.6;
    font-weight: 400;
    font-family: Raleway, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1rem
}

h1 {
    font-size: 4rem;
    line-height: 1.2;
    letter-spacing: -.1rem
}

h2 {
    font-size: 3.6rem;
    line-height: 1.25;
    letter-spacing: -.1rem
}

h3 {
    font-size: 3rem;
    line-height: 1.3;
    letter-spacing: -.1rem
}

h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -.08rem
}

h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -.05rem
}

h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0
}

@media (min-width:550px) {
    h1 {
        font-size: 5rem
    }
    h2 {
        font-size: 4.2rem
    }
    h3 {
        font-size: 3.6rem
    }
    h4 {
        font-size: 3rem
    }
    h5 {
        font-size: 2.4rem
    }
    h6 {
        font-size: 1.5rem
    }
}

p {
    margin-top: 0
}

a {
    color: #1eaedb
}

a:hover {
    color: #0fa0ce
}

.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    display: inline-block;
    height: 38px;
    width: 100%;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box
}

.button:focus,
.button:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    color: #333;
    border-color: #888;
    outline: 0
}

.button.button-primary,
button.button-primary,
input[type=button].button-primary,
input[type=reset].button-primary,
input[type=submit].button-primary {
    color: #fff;
    background-color: #33c3f0;
    border-color: #33c3f0
}

.button.button-primary:focus,
.button.button-primary:hover,
button.button-primary:focus,
button.button-primary:hover,
input[type=button].button-primary:focus,
input[type=button].button-primary:hover,
input[type=reset].button-primary:focus,
input[type=reset].button-primary:hover,
input[type=submit].button-primary:focus,
input[type=submit].button-primary:hover {
    color: #fff;
    background-color: #1eaedb;
    border-color: #1eaedb
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    height: 38px;
    padding: 6px 10px;
    background-color: #fff;
    border: 2px solid #ecb0dc;
    border-radius: 4px;
    width: 100%;
    box-shadow: none;
    box-sizing: border-box
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    border: 1px solid #33c3f0;
    outline: 0
}

label,
legend {
    display: block;
    margin-bottom:0rem;
    font-weight: 600
}

fieldset {
    padding: 0;
    border-width: 0
}

input[type=checkbox],
input[type=radio] {
    display: inline
}

label>.label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: 400
}

ul {
    list-style: circle inside
}

ol {
    list-style: decimal inside
}

ol,
ul {
    padding-left: 0;
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%
}

li {
    margin-bottom: 1rem
}

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: 4px
}

pre>code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre
}

td,
th {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e1e1e1
}

td:first-child,
th:first-child {
    padding-left: 0
}

td:last-child,
th:last-child {
    padding-right: 0
}

.button,
button {
    margin-bottom: 1rem
}

fieldset,
input,
select,
textarea {
    margin-bottom: 1.5rem
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
    margin-bottom: 2.5rem
}

.u-full-width {
    width: 100%;
    box-sizing: border-box
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box
}

.u-pull-right {
    float: right
}

.u-pull-left {
    float: left
}

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #e1e1e1
}

.container:after,
.row:after,
.u-cf {
    content: "";
    display: table;
    clear: both
}

body {
    font-family: 'Open Sans', sans-serif
}

img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@-webkit-keyframes cloud-loop {
    0% {
        -webkit-transform: translate(0, 5px);
        transform: translate(0, 5px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes footer-loop {
    0% {
        -webkit-transform: translate(-0.3rem);
        transform: translate(-0.3rem)
    }
    100% {
        -webkit-transform: translate(0.3rem);
        transform: translate(0.3rem)
    }
}

@-webkit-keyframes cloud-loop-left {
    0% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: 1rem 0
}

.mt-1 {
    margin-top: 1rem
}

.fixed-top {

    top: 0;
    width: 100vw;
    z-index: 999999
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 999999
}
.fixed-bottom img{
    bottom: -0.4rem;
    display: block;
    position: absolute;
    -webkit-animation-name: heartbeat2 ;
    animation-name: heartbeat2 ;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;

    text-align: center;
}

.topbar {
    background-color: #fff;
    
    width: 100vw;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17)
}

.subtopbar {
    background-color: #34495e;
    width: 100vw;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17)
}

.subtopbar ul {
    list-style: none;
    margin: .6rem 0
}

.subtopbar ul li {
    float: left;
    padding: .6rem;
    font-weight: 700
}

.subtopbar ul li a {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.3rem;
    text-decoration: none;
    text-align: center
}

header {

}

.head {
    padding-top: 1rem;
    position: relative;
    min-height: 64vh;
    display: flex;

}
#analizler{
    position: relative;
    display: block;
    z-index: 88889;
}
#analizler .column, #analizler .columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0rem;
     margin: 0;
    display: grid;
}
#analizler .six.columns{
    width: 50%;
}
.head h1 {
    font-size: 3rem;
    line-height: 3.2rem;
    margin-bottom: 1rem;
    text-align: center;
    color: #c25554;
    font-family: 'Gluten', cursive;

    font-weight: 700;

}

.head h2 {
    font-size: 3.2rem;
    line-height: 3.4rem;
    background: -webkit-linear-gradient(#0c0e79, #5b3e70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    text-align: left;
    margin-left: 0rem;
}

.head h3 {

    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: #A46363
}
.ml6rem{
    margin-left: 6rem;
}
.head ul li:before {
    display: block;
    content: "";
    width: 30px;
    height:30px;
    margin-top: 5px;
    margin-right: 0.7rem;
    background: transparent url(https://cdn-icons-png.flaticon.com/128/2251/2251677.png) no-repeat;
    float: left;
    background-size: contain;
}

.head ul {
    list-style: none;
    margin: .6rem 0;
    z-index: 99999;
    /* display: block; */
    position: relative;
    margin-left: -1rem;
}

.head ul li {
    float: none;
    font-weight: bold;
    background: -webkit-linear-gradient(#0c0e79, #5b3e70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin-bottom: 1rem
}

.head ul li strong {
    float: none;
    font-weight: 800;
    display: block
}

img.box1 {
    bottom: 0;
    left: -4vw;
    max-height: 75vh;
    max-width: 19.4rem;
    z-index: 88887;
    position: relative;
    -webkit-animation-name: cloud-loop-left;
    animation-name: cloud-loop-left;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

img.urun {
    bottom: -1.8rem;
    /* left: -2.4rem; */
    max-width: 80vw;
    z-index: 99999;
    margin-bottom: 3rem;
    display: block;
    position: relative;
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.university {
    background-color: #34495e;
    width: 100%;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    background: -webkit-linear-gradient(#34495e, #000)
}

.university h1 {
    color: #69c99a;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 700
}

.university p {
    color: #fff;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight:500;
    margin-bottom: 0
}

.university .doc {
    padding-top: 2rem
}

.fourly img {
    float: left
}

.fourly img:nth-of-type(1) {
    width: 25%
}

.fourly img:nth-of-type(2) {
    width: 25%
}

.fourly img:nth-of-type(3) {
    width: 25%
}

.fourly img:nth-of-type(4) {
    width: 25%
}

.analis {
    background-size: cover
}

.analis {
    padding-top: 2rem
}

.analis h1 {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2c3e50;
    font-weight: 700;
    margin: 2rem 0;
}

.analis h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin: 2rem 0;
    color: #34495e;
    font-weight: 800;
    text-align: center;
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.analis h3 {
    text-align: center;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: red
}

.analis ul li:before {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    background: transparent url(https://cdn-icons-png.flaticon.com/128/2251/2251677.png) no-repeat;
    float: left;
    background-size: contain;
    margin-right: 0.5rem;
}

.analis ul {
    list-style: none;
    margin: .6rem 0
}

.analis ul li {
    float: none;
    font-weight: 700;
    font-weight: 600;
    background: -webkit-linear-gradient(#0c0e79, #5b3e70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 1rem;
    display: inline-block
}

.analis ul li strong {
    float: none;
    font-weight: 800;
    display: block
}

.analis img.uzun {
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.bottombar {
    background-color: #34495e;
    width: 100%;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .17);
    padding: .4rem 0
}

.stageone {
    background: url(../images/head.jpg) no-repeat top center;
    background-size: cover;
    padding: 1rem 0
}

.stageone p {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2C3E50;
    font-weight: 700;
    margin: 2rem 0;
}

.stageone h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    font-family: 'Gluten', cursive;

    margin: 1rem 0;
    color: #797979;
    font-weight: 800;
    text-align: center;
    -webkit-animation-name: heartbeat2;
    animation-name: heartbeat2;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    background: -webkit-linear-gradient(#979797, #34397c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.stageone h3 {
    font-size: 1.7rem;
    line-height: 2rem;
    color: #2c3e50;
    font-weight: 700;
    margin-bottom: 0
}

.bakanlik {
    position: relative;
    background: url(../images/bakanlik.jpg) no-repeat top center;
    background-size: cover;
    margin: -16px 0;
}

.bakanlik {
    padding: 2rem 0
}

.bakanlik h1 {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #AEE833;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center
}

.bakanlik h2 {
    font-size: 1.7rem;
    line-height: 2rem;
    color: #FFFFFF;
    font-weight: 800;
    text-align: center;
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.bakanlik h3 {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: #fff
}

.bakanlik img {
    display: block;
    margin: 0 auto
}
.siseli{
    padding: 2rem 0;
    text-align: center;
}

.siseli h1 {
    font-size: 2.3rem;
    line-height: 2.5rem;
    color: #34495E;
    font-weight: 700;
    margin-bottom: 0;
    text-align: left;
}

.siseli h2 {
    font-size: 2.1rem;
    line-height: 2.3rem;
    color: #FF0000;
    font-weight: 800;
    text-align: center;
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}


.icerikler {
    background: #fff;
}

.icerikler {
    padding: 1.2rem 0
}
.icerikler img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    display: block;
}
.icerikler h1 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    background: -webkit-linear-gradient(#0c0e79, #5b3e70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center
}
.icerikler p {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #fff;
    font-weight: 400;
    margin-bottom: 1rem;
    text-align: center;
}
.icerikler h2 {
    font-size: 2.6rem;
    line-height: 2.9rem;
    background: -webkit-linear-gradient(#0c0e79, #5b3e70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
    text-align: center;
    font-family: 'Gluten', cursive;
}
.mens {
    background-size: cover
}

.mens {
    padding-top: 2rem
}

.mens h1 {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2c3e50;
    font-weight: 700;
    margin-bottom: 0
}

.mens h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #34495e;
    font-weight: 800;
    text-align: center;
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.mens h3 {
    text-align: center;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: red
}

.mens ul li:before {
    display: block;
    content: "";
    width: 30px;
    height: 28px;
    margin-top: 5px;
    background: transparent url(https://cdn-icons-png.flaticon.com/128/2251/2251677.png) no-repeat;
    float: left;
    background-size: contain;
}

.mens ul {
    list-style: none;
    margin: .6rem 0
}

.mens ul li {
    float: none;
    font-weight: 700;
    font-weight: 600;
    background: -webkit-linear-gradient(#434aa1, #34397c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    display: inline-block
}

.mens ul li strong {
    float: none;
    font-weight: 800;
    display: block
}

.mens img.uzun {
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.subproduct {
    position: relative;
    cbg1.webp) no-repeat top center;
    background-size: cover
}

.subproduct .head {
    padding-top: 5vh
}

.subproduct img.box1 {
    z-index: 999999;
    top: 2rem
}

.subproduct img.urun {
    z-index: 999999;
    top: 15.3rem
}

.positions {
    background-size: cover
}

.positions {
    padding-top: 2rem
}

.positions h1 {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2c3e50;
    font-weight: 700;
    margin-bottom: 0
}

.positions h2 {
    font-size: 3.1rem;
    line-height: 3.6rem;
    color: #34495e;
    font-weight: 800;
    text-align: center;
    font-family: 'Gluten', cursive;
    margin: 1rem 0;
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.positions h3 {
    text-align: center;
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: 500;
    color: red
}

.positions ul {
    list-style: none;
    margin: .6rem 0
}

.positions ul li {
    float: left;
    width: 33%
}

.positions ul li h4 {
    font-size: 1.3rem;
    line-height: 1.7rem;
    margin-bottom: .3rem;
    font-weight: 600;
    color: #34495e;
    display: block;
    text-align: center
}

.comments {
    color: #444;
    font-family: Verdana, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5rem;
    background: rgb(242,178,178);
    background: -moz-linear-gradient(0deg, rgba(242,178,178,1) 0%, rgba(201,254,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(242,178,178,1) 0%, rgba(201,254,255,1) 100%);
    background: linear-gradient(0deg, rgba(242,178,178,1) 0%, rgba(201,254,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2b2b2",endColorstr="#c9feff",GradientType=1);

}
.siparisform{
    display: inline-block;
    margin: 0 auto; max-width: 750px;padding: 2%;
    background: rgb(242,178,178);
    background: -moz-linear-gradient(0deg, rgba(242,178,178,1) 0%, rgba(201,254,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(242,178,178,1) 0%, rgba(201,254,255,1) 100%);
    background: linear-gradient(0deg, rgba(242,178,178,1) 0%, rgba(201,254,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2b2b2",endColorstr="#c9feff",GradientType=1);

}
.comments h1 {
    font-size: 3.2rem;
    line-height: 4rem;
    background: -webkit-linear-gradient(#979797, #34397c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-weight: 800;
    text-align: center;
    -webkit-animation-name: cloud-loop;
    animation-name: cloud-loop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.comments {
    max-width: 780px
}

.comments article {
    position: relative;
    border-bottom: solid 1px rgba(178, 179, 153, .125);
    padding: 0 3%;
    margin: 0 0 5% 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    max-width: 100%
}

.comments article:last-child {
    border: none
}

.comments article img#profile-photo {
    position: relative;
    top: 0;
    left: 5px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-width: 0;
    border-radius: 100%
}

.comments article img#comment-photo {
    top: -10px;
    left: 0;
    width: 70%;
    height: auto;
    border-width: 0;
    border-radius: 8px;
    margin-bottom: 20px;
    display: block;
}

.comments article h4 {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 10px
}

.comments article h4 a {
    color: #404040;
    text-decoration: none;
    font-size: 1.6rem
}

.comments article h6 {
    text-align: center;
    font-size: .8rem
}

.comments article h4 a:hover {
    color: #bfbfa8
}

.comments article time {
    color: #a3a3a3;
    margin-left: 1rem;
    text-transform: none
}

,
.comments article time {
    font-size: .75rem
}

.comments article p {
    margin-bottom: 20px
}

.comments article .active {
    opacity: 1
}

.icon-rocknroll {
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    margin: 0 .125rem 0 0;
    padding: 0
}

.comments article:hover .icon-rocknroll,
.comments article:hover .like-count {
    opacity: 1
}

@media (max-width:650px) {
    .comments article #profile-photo {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }
    .comments article #comment-photo {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }
    .comments article h4 {
        display: inline-block;
        vertical-align: middle
    }
    .comments article h4 time {
        display: block;
        margin-left: 0 !important;
        opacity: .5 !important
    }
}

#progressbar {
    margin: 0;
    padding: 0;
    font-size: 18px;
}

.active {
    color: #f00;
}

fieldset {
    display: none;
    width: 100%;
}

#first {
    display: block;
    width: 100;
}

label {
    font-size: 1.2rem;
}

label:hover:before {
    width: 36px;
    height: 36px;
}

input[type="radio"],
input[type="checkbox"] {
    display: none;
}

.input-checkbox label,
.input-radio label {
    width: auto;
    height: 30px;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: 0.2s ease transform, 0.2s ease background-color, 0.2s ease box-shadow;
    transition: 0.2s ease transform, 0.2s ease background-color, 0.2s ease box-shadow;
    z-index: 1;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

#tick_mark {
    position: absolute;
    bottom: 13%;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-left: 0px;
    -webkit-transform: rotateZ(-40deg);
    transform: rotateZ(-40deg);
}

#tick_mark:before {
    left: 0;
    bottom: 0;
    width: 9px;
    height: 20px;
    -webkit-transform: translateY(-68px);
    transform: translateY(-68px);
}

#tick_mark:after {
    left: 0;
    bottom: 0;
    width: 38px;
    height: 9px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.23);
    -webkit-transform: translateX(78px);
    transform: translateX(78px);
}

#tick_mark:before,
#tick_mark:after {
    content: "";
    position: absolute;
    background-color: #8bc53f;
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: 0.2s ease transform, 0.2s ease opacity;
    transition: 0.2s ease transform, 0.2s ease opacity;
}

input[type="radio"]:checked+label:before,
input[type="checkbox"]:checked+label:before {
    width: 30px;
    height: 30px;
}

.image.left-img label {
    height: 190px;
    width: 48%;
}

.image.left-img label #img-area img {
    width: 30%;
    float: left;
}

.image label {
    width: 100%;
    float: left;
    height: auto;
    margin: 0%;
}

.image label:before {
    display: none;
}

.image label #tick_mark {
    right: 8%;
    bottom: 18%;
    left: auto;
    z-index: 9;
}

.image label #img-area img {
    width: 100%;
    border: 2px solid #fff;
    border-radius: 2.4rem;
    padding: 0rem;
}

.image.five-col label {
    width: 19%;
}

input[type="radio"]:checked+label #tick_mark:before,
input[type="radio"]:checked+label #tick_mark:after,
input[type="checkbox"]:checked+label #tick_mark:before,
input[type="checkbox"]:checked+label #tick_mark:after {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
}

.input-radio.image label .text {
    width: 100%;
    margin: 0;
    text-align: center;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #808285;
    color: #fff;
}

.input-radio.image label #img-area {
    text-align: center;
    padding: 5px;
}

.input-radio.image input[type="radio"]+label .text {
    background: #808285;
    color: #fff;
}

.input-radio.image input[type="radio"]:checked+label .text {
    background: #8bc53f;
}

.input-radio.image.left-img label .text {
    width: 50%;
    height: 190px;
    float: left;
    background: #fff;
    color: #808080;
}

.input-radio.image.left-img label select {
    width: 20%;
    border: 0;
    background: transparent;
    padding: 0 10px;
    text-align: center;
    display: none;
    float: left;
}

.input-radio.image.left-img label #img-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.input-radio.image.transparent label #img-area {
    position: relative;
    height: 300px;
}

.input-radio.image.transparent label #img-area .text {
    top: 0;
    position: absolute;
    background: #8082ff;
}

.input-radio.image.transparent label #img-area img {
    height: 300px;
    width: auto;
    max-width: 100%;
}

.input-radio.image.transparent input[type="radio"]:checked+label #img-area .text {
    background: #8bc54f;
}


input[type="radio"]:checked+label #img-area img {
    width: 96%;
    border: none;
    border-radius: 1.6rem;
    transition: all 0.6s ease;
    padding: 0px;
    margin: 0.4rem 0;
}


input[type="radio"]:checked+label #img-area {
    position: relative;
    z-index: 1;
    height: calc( 100% - 4px );
    width: calc( 100% - 4px );
    left: -6px;
    padding: 2% !important;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 1.6rem;
    background: #443573;
    overflow: hidden;
}



input[type="radio"]:checked+label #img-area:after{
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(90deg, rgba(206,86,79,0)    0%, rgba(206,86,79,1) 50%, rgba(206,86,79,0) 100%);
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}


@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}




.gallery-wrapper {
    overflow: hidden;
}

.image #tick_mark:before,
.image #tick_mark:after {
    background-color: #fff;
}

.left-img input[type="checkbox"]:checked+label select {
    display: block;
}

.custom-select select {
    border: 0;
    height: 20px;
    outline: none;
}

.input-checkbox {
    display: inline-block;
    height: 30px;
    width: 30px;
    position: relative;
}

.input-checkbox input[type="checkbox"] {
    display: none;
}

.input-checkbox label {
    width: auto;
    height: 30px;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: 0.2s ease transform, 0.2s ease background-color, 0.2s ease box-shadow;
    transition: 0.2s ease transform, 0.2s ease background-color, 0.2s ease box-shadow;
    z-index: 1;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.input-checkbox label .text {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    margin-left: 50px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-checkbox label:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: 0 0;
    background-color: #fff;
    border-radius: 10px;
    -webkit-transition: 0.2s ease width, 0.2s ease height;
    transition: 0.2s ease width, 0.2s ease height;
}

.input-checkbox.three-col {
    width: 100%;
}

.input-checkbox.three-col label {
    width: 30%;
    height: 70px;
    margin-bottom: 10px;
}

.input-checkbox.three-col label:before {
    display: none;
}

.input-checkbox.three-col label #text-area {
    text-align: center;
    font-size: 20px;
    background: #fff;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #00008b;
}

.input-checkbox.three-col label #text-area .text {
    margin: 0;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
}

.input-checkbox.three-col input[type="checkbox"]:checked+label #text-area {
    background: #8bc53f;
    color: #fff;
}

.multi-select {
    width: 100%;
}

.multi-select ._row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.multi-select ._row .column-cont {
    margin-right: 10px;
    background: #fff;
    height: 430px;
    width: 25%;
}

.multi-select ._row .column-cont .column-area {
    height: 100%;
}

.multi-select ._row .column-cont .column-area img {
    width: auto;
    max-width: 100%;
    height: 100%;
}

.multi-select ._row .column-cont .column-area .column-cont-img {
    height: 220px;
    text-align: center;
}

.multi-select ._row .column-cont .column-area .column-bottom {
    height: 210px;
    position: relative;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #f5f5f5;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row {
    height: 40px;
    padding: 15px 5px 15px 15px;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row:nth-child(n+2) {
    border-top: 1px solid #34397c;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row p {
    margin: 0;
    width: 65%;
    float: left;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row select {
    width: 35%;
    float: right;
    font-weight: bold;
    font-size: 19px;
    height: 40px;
    background: transparent;
    text-align: right;
    margin: 0;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row.question {
    height: 110px;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row.radio {
    padding: 0;
    height: 70px;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row.radio label {
    width: 49%;
    float: left;
    height: 70px;
    border-radius: 0;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row.radio label:before {
    display: none;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row.radio label span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row.radio label:last-child {
    border-left: 1px solid #34397c;
}

.multi-select ._row .column-cont .column-area .column-bottom .column-bottom-content .bottom-row.radio input[type="radio"]:checked+label span {
    font-weight: bold;
}

input[type=range] {
    width: 100%;
    margin: 0;
    margin-top: 0px;
    -webkit-appearance: none;
    background-color: transparent;
    height: 30px;
    cursor: pointer;
    outline: none;
}

label[for=range]:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 5px;
    height: 0px;
    width: 100%;
}

input[type="range" i]::-webkit-slider-runnable-track {
    background: #fff;
}

input[type="range"]::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    cursor: pointer;
    background-color: #8bbf41;
    width: 6px;
    height: 30px;
    z-index: 2;
    border-radius: 3px;
}

.output {
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    padding: 2px 5px;
    border-radius: 20px;
    text-align: center;
    width: 28px;
    margin-left: -40px;
    font-size: 18px;
}

.range-container {
    position: relative;
    width: 100%;
}

datalist#custom-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    top: -5px;
}

datalist#custom-list option {
    width: 1px;
    height: 25px;
    text-align: center;
    position: absolute;
    left: 1px;
    background: #c6c2c4;
    margin-left: -1px;
    padding: 0;
}

.custom-text-input input[type="text"] {
    padding: 10px 15px;
    background: #fff;
    border: 0;
    height: 35px;
    width: 100%;
    outline: none;
    font-size: 16px;
}

.custom-text-input input[type="text"]::-webkit-input-placeholder {
    font-size: 14px;
}

.custom-text-input input[type="text"]::-moz-placeholder {
    font-size: 14px;
}

.custom-text-input input[type="text"]:-ms-input-placeholder {
    font-size: 14px;
}

.custom-text-input input[type="text"]::-ms-input-placeholder {
    font-size: 14px;
}

.custom-text-input input[type="text"]::placeholder {
    font-size: 14px;
}

.custom-button-input input[type="submit"] {
    width: 180px;
    height: 35px;
    background: #8bc53f;
    border: 0;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    letter-spacing: 5px;
}

input[type=text],
input[type=password],
width 100% {
    margin: 10px 0;
    height: 40px;
    padding: 5px;
    border: 2px solid #ecb0dc;
    border-radius: 4px;
}

select {
    margin: 10px 0;
    height: 40px;
    padding: 5px;
    border: 2px solid #ecb0dc;
    border-radius: 4px;
}

textarea {
    width: 100%;
    margin: 10px 0;
    height: 70px;
    padding: 5px;
    border: 2px solid #ecb0dc;
    border-radius: 4px;
}

input[type=submit],
input[type=button] {
    width: 120px;
    margin: 15px 0;
    padding: 5px;
    height: 40px;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
}

.form {
    width: 200px;
    padding-left: 10px;
    padding-top: 20px;
}

.form fieldset {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.form p.contact {
    font-size: 12px;
    margin: 0px 0px 10px 0;
    line-height: 14px;
    font-family: Arial, Helvetica;
}

.form input[type="text"] {
    width: 200px;
}

.form input[type="tel"] {
    width: 200px;
}

.form input[type="email"] {
    width: 200px;
}

.form input[type="password"] {
    width: 200px;
}

.form input.ilce {
    width: 100%;
}

.form input.birthyear {
    width: 100%;
}

.form input.buttom {
    background: #fcb904;
    display: inline-block;
    padding: 5px 10px 6px;
    width: 100%;
    z-index: 9999999;
    color: #28395c;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px #999;
    box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border: none;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
}

.form input.buttom:hover {
    background-color: #ff7713;
    color: #fff;
}

.form label {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica;
}

.form label.month {
    width: 135px;
}

.form .select-style {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url("images/select-arrow.png"), -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
    background-position: center right;
    background-repeat: no-repeat;
    border: 0px solid #fff;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form .gender {
    width: 135px;
}

.form input,
textarea {
    border: 2px solid #ecb0dc;
    padding: 7px;
    font-family: Keffeesatz, Arial;
    color: #4b4b4b;
    font-size: 14px;
    -webkit-border-radius: 5px;
    margin-bottom: 15px;

}

.form input:focus,
textarea:focus {
    border: 1px solid #ff5400;
    background-color: #fff;
}

* FORM */ .formt {
    background-color: #f1f1f1;
    margin-top: 57px;
    padding: 10px 0 10px 0;
}

.form-basic {
    max-width: 1000px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 20px;
    font: bold 14px sans-serif;
    text-align: left;
}

.form-basic .form-row {
    text-align: left;
    margin-bottom: 22px;
}

.form-basic .form-row>label span {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3e3a3a;
    width: 180px;
    text-align: left;
    vertical-align: top;
    padding: 12px 25px;
}

.form-basic .form-title-row {
    text-align: left;
    margin-bottom: 55px;
}

.form-basic h1 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #4c565e;
    font-size: 24px;
    padding: 0 10px 15px;
    border-bottom: 2px solid #e51858;
    margin: 0;
}

.form-basic input {
    color: #5f5f5f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 240px;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 12px;
    border: 1px solid #dbdbdb;
}

.form-basic input[type=radio],
.form-basic input[type=checkbox] {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto;
}



/*/
  /*/

.faq--item {
    background: #fff;
    padding: 26px 30px;
    position: relative;
    border-radius: 18px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(43, 35, 79, 0.08);
    box-shadow: 0px 20px 40px 0px rgba(43, 35, 79, 0.08);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.faq--item:last-child {
    margin-bottom: 0;
}

.faq--item .faq-title {
    cursor: pointer;
}

.faq--item .faq-title .title {
    margin: 0;
    padding-right: 15px;
    font-weight: 400;
    font-size: 1.3rem;
    font-display: swap;
    color: #316a93;
    font-family: 'Roboto', sans-serif;
}

.faq--item .faq-title .icon {
    width: 1.2rem;
    height: 1.2rem;
    border-top: 6px solid #316a93;
    border-left: 6px solid #316a93;
    position: absolute;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    right: 2rem;
    top: 1.6rem;
}

.faq--item .faq-content {
    padding-top: 10px;
    padding-bottom: 0px;
    display: none;
}

.faq--item .faq-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.faq--item.open .icon {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.faq--item.active .faq-content {
    display: block;
}

@media (max-width: 575px) {
    .faq--item {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 700px) {
    .threestep p {
        font-size: 1.6rem !important;
        font-weight: 300;
        line-height: 1.6rem !important;
    }
}

.logo {
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
}