/*! normalize.css v3.0.2 | MIT License | git.io/normalize */h1,h2,h3{letter-spacing:-.1rem}pre,textarea{overflow:auto}.head,img.box1,svg:not(:root){overflow:hidden}img.box1,img.urun{max-height:75vh;position:absolute}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}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;color:#1eaedb}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}ol,p,ul{margin-top: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;max-width:100%}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}body,h6{line-height:1.6}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}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}.column,.columns{width:100%;float:left;box-sizing:border-box;padding:0 1rem}@media (min-width:400px){.container{width:85%;padding:0}}.container{position:relative;max-width:1300px;margin:0 auto;box-sizing:border-box;width:100%}.fixed-bottom,.fixed-top{position:fixed;z-index:999999}.column,.columns{margin-left:4%}.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,.one-third.column{width:30.6666666667%}.five.columns{width:39.3333333333%}.one-half.column,.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns,.two-thirds.column{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.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,.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns,.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,.offset-by-two-thirds.column,.offset-by-two-thirds.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%}html{font-size:62.5%}body{margin:0;font-size:1.5em;font-weight:400;color:#222;font-family:'Open Sans',sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}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;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}}a:hover{color:#0fa0ce}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;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}ol,td:first-child,th:first-child,ul{padding-left:0}.head h1,.head h2{font-size:3rem;line-height:3.2rem;-webkit-text-fill-color:transparent}.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:1px solid #d1d1d1;border-radius:4px;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}.p-0,fieldset{padding:0}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:.5rem;font-weight:600}.button,.head ul li,button,li{margin-bottom:1rem}fieldset{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 ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}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:last-child,th:last-child{padding-right:0}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}.fourly img,.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}@-webkit-keyframes cloud-loop{0%{-webkit-transform:translate(0,5px);transform:translate(0,5px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.p-1,.topbar{padding:1rem 0}.mt-1{margin-top:1rem}.fixed-top{top:0;width:100%}.fixed-bottom{bottom:0;width:100%}.topbar{background-color:#fff;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)}.subtopbar,.university{-webkit-box-shadow:0 4px 15px 0 rgba(0,0,0,.17);-moz-box-shadow:0 4px 15px 0 rgba(0,0,0,.17);width:100%}.subtopbar{background:#212838;background:linear-gradient(0deg,#212838 0,#8b8b8b 100%);box-shadow:0 4px 15px 0 rgba(0,0,0,.17)}.analis ul,.head ul,.mens ul,.positions ul,.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{background:url(../images/bg1.webp) top center/cover no-repeat;min-height:100vh}.head{padding-top:8vh;position:relative}.head h1{background:-webkit-linear-gradient(#979797,#cecece);-webkit-background-clip:text;font-weight:700;margin-bottom:0}.head h2{background:-webkit-linear-gradient(#cecece,#212838);-webkit-background-clip:text;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}.head h3,.head h4{line-height:1.8rem}.head h4,img.box1{-webkit-animation-name:cloud-loop;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-webkit-animation-direction:alternate}.head h3{font-family:Gluten,cursive;font-size:1.8rem;font-weight:500;color:#616161}.head h4,.head ul li{font-size:1.6rem;-webkit-text-fill-color:transparent}.head h4{background:-webkit-linear-gradient(#000,#212838);-webkit-background-clip:text;font-weight:800;animation-name:cloud-loop;-webkit-animation-duration:.5s;animation-duration:.5s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate;z-index:999999}.university h1,.university p{font-size:1.1rem;line-height:1.3rem}.head ul li:before{display:block;content:"";width:17px;height:40px;margin-top:5px;background:url('../images/tik-gri.svg') no-repeat;float:left}.head ul li{float:none;font-weight:600;background:-webkit-linear-gradient(#797979,#408750);-webkit-background-clip:text;line-height:2rem}.analis ul li strong,.head ul li strong,.mens ul li strong{float:none;font-weight:800;display:block}.analis ul li,.mens ul li,.positions ul li h4{line-height:1.7rem;font-weight:600;font-size:1.3rem}img.box1{top:4rem;right:-6rem;max-width:61vw;z-index:88888;animation-name:cloud-loop;-webkit-animation-duration:1.2s;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate}.analis h2,.mens h2,img.urun{-webkit-animation-name:cloud-loop;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-webkit-animation-direction:alternate}img.urun{top: 26rem;
    right: 8vw;
    max-width: 11.6rem;z-index:88889;animation-name:cloud-loop;-webkit-animation-duration:.8s;animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate}.university{background-color:#888;box-shadow:0 4px 15px 0 rgba(0,0,0,.17);background:-webkit-linear-gradient(#888,#000)}.university h1{color:#69c99a;font-weight:800}.university p{color:#fff;font-weight:700;margin-bottom:0}.university .doc{padding-top:2rem}.fourly img:first-of-type,.fourly img:nth-of-type(2){width:25%}.fourly img:nth-of-type(3){width:21%}.fourly img:nth-of-type(4){width:29%}.analis,.mens,.positions{background:url(../images/bg2.webp) top center/cover no-repeat;padding-top:2rem}.analis h1,.mens h1,.positions h1{font-size:1.6rem;line-height:2rem;color:#2c3e50;font-weight:700;margin-bottom:0}.analis h2,.mens h2{font-size:2.4rem;line-height:3.2rem;color:#222a6a;font-weight:800;text-align:center;animation-name:cloud-loop;-webkit-animation-duration:.5s;animation-duration:.5s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate}.analis img.uzun,.mens img.uzun,.stageone h1{-webkit-animation-name:cloud-loop;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-webkit-animation-direction:alternate}.analis h3,.mens h3{text-align:center;font-size:2rem;line-height:2.4rem;font-weight:500;color:red}.analis ul li:before,.mens ul li:before{display:block;content:"";width:17px;height:40px;margin-top:5px;background:url('../images/tik-yesil.svg') no-repeat;float:left}.analis ul li,.mens ul li{float:none;background:-webkit-linear-gradient(#797979,#408750);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;display:inline-block}.analis img.uzun,.mens img.uzun{animation-name:cloud-loop;-webkit-animation-duration:1.2s;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate}.bottombar{background:#212838;background:linear-gradient(0deg,#212838 0,#8b8b8b 100%);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/bg1.webp) top center/cover no-repeat;padding:1rem 0}.stageone p{font-size:1.1rem;line-height:1.5rem;color:#2c3e50;font-weight:700;margin-bottom:1.5rem}.stageone h1{font-size:1.4rem;line-height:2rem;color:red;font-weight:800;text-align:left;animation-name:cloud-loop;-webkit-animation-duration:.5s;animation-duration:.5s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate}.bakanlik h1,.stageone h3{line-height:2rem;font-weight:700;margin-bottom:0}.bakanlik h2,.positions h2{-webkit-animation-name:cloud-loop;-webkit-animation-duration:.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-webkit-animation-direction:alternate}.stageone h3{font-size:1.7rem;color:#2c3e50}.bakanlik{background:url(../images/bakanlik.jpg) top center/cover no-repeat;padding:2rem 0}.bakanlik h1{font-size:1.6rem;color:#aee833;text-align:center}.bakanlik h2{font-size:1.7rem;line-height:2rem;color:#aee833;font-weight:800;text-align:center;animation-name:cloud-loop;animation-duration:.5s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate}.bakanlik h3,.positions h2{font-size:1.6rem;line-height:2rem;text-align:center}.bakanlik h3{font-weight:500;color:#fff}.bakanlik img{display:block;margin:0 auto}.subproduct{position:relative;background:url(../images/bg1.webp) top center/cover no-repeat}.subproduct .head{padding-top:5vh}.subproduct img.box1{z-index:999999;top:2rem}.subproduct img.urun{z-index:999999;top:15.3rem}.positions h2{color:#222a6a;font-weight:800;animation-name:cloud-loop;animation-duration:.5s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate}.positions h3{text-align:center;font-size:1.7rem;line-height:2rem;font-weight:500;color:red}.positions ul li{float:left;width:33%}.positions ul li h4{margin-bottom:.3rem;color:#222a6a;display:block;text-align:center}.comments{color:#444;font-family:Verdana,sans-serif;font-size:1.3rem;font-weight:300;line-height:1.65;max-width:780px}.comments h1{font-size:3.2rem;line-height:4rem;background:-webkit-linear-gradient(#979797,#cecece);-webkit-background-clip:text;-webkit-text-fill-color:transparent;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 article{position:relative;border-bottom:1px solid rgba(178,179,153,.125);padding:0 3%;margin: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}.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,.comments article:hover .icon-rocknroll,.comments article:hover .like-count{opacity:1}.icon-rocknroll{background:0 0;border:0;outline:0;cursor:pointer;margin:0 .125rem 0 0;padding:0}@media (max-width:650px){.comments article #comment-photo,.comments article #profile-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}}.logo{max-height: 3rem;}.kap{
    max-width: 800px;
}



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: 98%;
    border: 5px solid #18a900;
    border-radius: 2.4rem;    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    padding: 0px;
}

input[type="radio"]:checked+label #img-area {
  
    padding: 0px !important;
}


.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;
}
button, input, optgroup, select, textarea {

    width: 90%;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}