/**
    ## project name     : Dyt Neva Oya
    ## author           : doanerkan / www.doanerkan.com
    ## date             : 2021
**/
@charset "utf-8";
@import url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

ul, li, div, a, img, table, tr, td, input, textarea, select { box-sizing: border-box; outline:none; }
a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }
* { outline:none; }

body            { background:#fff; color:#333; font: 13.5px/18px 'Quicksand', Arial, Helvetica, sans-serif; margin:0; overflow-x:hidden; }
.transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.img-responsive { width:auto; }  .DNone { display:block; }
.col-lg-1_5     { width:20%; padding:0 15px; }
hr              { border:none; border-top:#dfdfdf 1px solid; }
a               { color:#666; cursor:pointer; }
a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }

.va-top                 { vertical-align: top !important; }
.va-middle              { vertical-align: middle !important; }
.va-bottom              { vertical-align: bottom !important; }
.ta-left                { text-align:left !important; }
.ta-right               { text-align:right !important; }
.ta-center              { text-align:center !important; }
.ta-justify             { text-align:justify !important; }
.paddingnone            { padding:0; }
.dnone                  { display:none; }
.container-fluid        { padding:0; }

.tableFixHead { text-align: left; position: relative; border-collapse: collapse; }
.tableFixHead th, .tableFixHead td { padding: 0.25rem; }
.tableFixHead thead tr th { background: white; position: sticky; top: 0; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); }

ul.madde ul.madde li    { margin:0; padding:0; list-style:none; }
ul.madde li     { margin-bottom:15px; list-style-type:circle; }

.phonemenusocial    { padding:5px 0 0 20px; }
.phonemenusocial a.headerRed        { font-size:24px; display:inline-block; margin:20px 10px !important; }
.phonemenusocial a.headerRed2       { font-size:14px; display:inline-block; margin:0 0 5px 0 !important; }
.phoneMenu          { width:100%; height:100%; background:#000; position:fixed; z-index:9999; display:none; color:#fff; }
.phoneMenu ul,
.phoneMenu ul li    { padding:0; margin:0; list-style:none; }
.phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#06ab4b; font:normal 28px 'Quicksand', sans-serif; }
.phoneMenu ul           { display:block; padding:20px 0 0 20px; }
.phoneMenu ul li                { width:95%; float:left; padding:5px 0 10px 0; }
.tumli              { display:none; border:none; padding:7px 0 !important; width:90% !important; margin-left:5% !important; }
.tumli a                { color:#fff; padding:0 0 5px 0; font:700 15px 'THSF', sans-serif !important; }
.tumli a:hover          { color:#fff; }
.phoneMenu ul li a              { display:inline-block; color:#fff; font:700 18px 'Quicksand', sans-serif; text-decoration:none; }
.phoneMenu ul li a:active,.phoneMenu ul li a:focus       { color:#fff !important; text-decoration:none; }
.phoneMenu ul li a:hover        { text-decoration:none; color:#fff; }
.phoneMenu .xclose              { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

.phoneMenu input[type=text]  { width:100%; padding:15px; margin-bottom:10px; border:#dfdfdf 1px solid; border-radius:5px; background:#e4e4e4; color:#333; display:inline-block; }
.phoneMenu input[type=submit] { transition: background-color 0.5s ease; width:auto; padding:8px; display:inline-block; border-radius:5px; background: rgb(7,171,74); border:none; background: linear-gradient(112deg, rgba(7,171,74,1) 0%, rgba(0,214,137,1) 100%); color:#fff; }
.phoneMenu input[type=submit]:hover { transition: background-color 0.5s ease; background: linear-gradient(112deg, rgba(0,214,137,1) 0%, rgba(7,171,74,1) 100%); color:#fff; }
.kayitolLink { transition: background-color 0.5s ease; width:auto; padding:8px; display:inline-block; border-radius:5px; background: rgb(84,168,101); border:none; background: linear-gradient(112deg, rgba(7,171,74,1) 0%, rgba(0,214,137,1) 100%); color:#fff; }
.kayitolLink:hover { text-decoration:none; transition: background-color 0.5s ease; background: linear-gradient(112deg, rgba(0,214,137,1) 0%, rgba(7,171,74,1) 100%); color:#fff; }
.phoneMenu b.big { color:#06ab4b; font:700 16px 'Quicksand', sans-serif; }

.phonemenusocial    { padding:5px 0 0 20px; }
.phonemenusocial a.headerRed        { font-size:24px; display:inline-block; margin:20px 10px !important; }
.phonemenusocial a.headerRed2       { font-size:14px; display:inline-block; margin:0 0 5px 0 !important; }

.news .owl-nav  { height:100px; }
.news .owl-next { width:45px; height:45px; outline:none; padding:1px !important; background:#f1f1f1 !important; background-image: linear-gradient(#f1f1f1, #f1f1f1) !important; border-radius:50px !important; font-size:30px !important; }
.news .owl-next:hover   { width:45px; height:45px; background:#06ab4b !important; }
.news .owl-prev { width:45px; height:45px; outline:none; background:#f1f1f1 !important; background-image: linear-gradient(#f1f1f1, #f1f1f1) !important; border-radius:50px !important; font-size:30px !important; }
.news .owl-prev:hover   { width:45px; height:45px; background:#06ab4b !important; }
.owl-dot:focus, span:focus  { outline:none; }
.owl-pagination, .owl-controls { display:none; }

.header     { width:100%; position:fixed; top:0; z-index:777; background:rgba(255,255,255,0.95); height:100px; border-bottom:#00d98c 2px solid; }
.logo   { padding:15px; color:#fff; }

.menu   { padding:15px; }
.menu form  { display:inline-block; }
.menu .socialMedia  { color:#06ab4b; font:600 14px 'Quicksand', sans-serif; }
.menu .socialIcon   { margin:0 10px; font-size:14px; font-weight:bold; }
.menu .socialIcon:hover   { color:#06ab4b; }
.menu hr  { border:none; margin:5px 0 0 0; }
.menu input[type=text]  { width:140px; padding:6px 8px; margin-left:15px; border:#dfdfdf 1px solid; border-radius:5px; background:#e4e4e4; color:#333; }
.menu input[type=submit] { transition: background-color 0.5s ease; width:auto; padding:8px; margin-left:5px; border-radius:5px; background: rgb(7,171,74); border:none; background: linear-gradient(112deg, rgba(7,171,74,1) 0%, rgba(0,214,137,1) 100%); color:#fff; }
.menu input[type=submit]:hover { transition: background-color 0.5s ease; background: linear-gradient(112deg, rgba(0,214,137,1) 0%, rgba(7,171,74,1) 100%); color:#fff; }
.menu .kayitolLink { transition: background-color 0.5s ease; width:auto; padding:8px; margin-left:20px; border-radius:5px; background: rgb(84,168,101); border:none; background: linear-gradient(112deg, rgba(7,171,74,1) 0%, rgba(0,214,137,1) 100%); color:#fff; }
.menu .kayitolLink:hover { text-decoration:none; transition: background-color 0.5s ease; background: linear-gradient(112deg, rgba(0,214,137,1) 0%, rgba(7,171,74,1) 100%); color:#fff; }
.menu .mainMenu { padding:8px 11px; color:#06ab4b; font:600 15px 'Quicksand', sans-serif; border-bottom:#fff 4px solid; }
.menu .mainMenu:hover { background:#00d485; color:#fff; text-decoration:none; border-bottom:#09a949 4px solid; border-radius:4px; }

.benimpanelim       { transition: background-color 0.5s ease; width:auto; padding:8px; margin-left:20px; border-radius:5px; background:#06ab4b; border:none; color:#fff; }
.benimpanelim:hover       {transition: background-color 0.5s ease; background:#00d485; color:#fff; text-decoration:none; }
.cikisYapLink       { transition: background-color 0.5s ease; width:auto; padding:8px; margin-left:20px; border-radius:5px; background:#cc0000; border:none; color:#fff; }
.cikisYapLink:hover       {transition: background-color 0.5s ease; color:#fff; background:#ea0000; text-decoration:none; }
.cikisYapHiza       { margin:30px 0 0 0; }

.owl-carousel .nav-btn{ padding:10px 12px; background:#f2f2f2; text-align:center; font-size:25px; position: absolute; cursor: pointer; }
.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled { pointer-events: none; opacity: 0.2; }
.owl-carousel .prev-slide{ left: 0; border-top-right-radius:20px; border-bottom-right-radius:20px; }
.owl-carousel .next-slide{ right: 0; border-top-left-radius:20px; border-bottom-left-radius:20px; }
.owl-nav { height:0; }

.iletform input         { width:100%; padding:15px; border:0; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; border-radius:5px; }
.iletform input[type=submit]      { width:200px; text-align:center; padding:10px 10px; background:#000; border:0; outline:none; display:inline-block; margin-bottom:15px; color:#fff; }
.iletform input[type=submit]:hover      { color:#fff; background:#333; border-radius:5px; }
.iletform textarea      { width:100%; padding:15px; border:0; border:none; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; border-radius:5px; }

.sector-1, .sector-2    { background:url(../images/sector-bg.png) no-repeat right center; }

.sliderOutTop   { margin-top:-165px; z-index:9999 !important; background:#f3f3f3; padding-bottom:30px; overflow: hidden; }
.FlexSystem { height:300px; cursor:pointer; padding:15px 30px ; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.whiteArea  { width:100%; padding:0; background:#fff; border-radius:50px 0 50px 0; color:#666; font:400 14px 'Quicksand', sans-serif; line-height:20px; margin-bottom:30px; -webkit-box-shadow: 5px 5px 9px 0 rgba(0,0,0,0.07); box-shadow: 5px 5px 9px 0 rgba(0,0,0,0.07); }
.greenArea  { width:100%; height:300px; padding:40px; background:#06ab4b; border-radius:50px 0 50px 0; color:#fff; font:400 14px 'Quicksand', sans-serif; line-height:20px; margin-bottom:30px; -webkit-box-shadow: 5px 5px 9px 0 rgba(0,0,0,0.07); box-shadow: 5px 5px 9px 0 rgba(0,0,0,0.07); }
.greenArea a    { transition: background-color 0.5s ease; color:#fff; font:700 14px 'Quicksand', sans-serif; padding:15px; border-radius:15px 0 15px 0; background:#3c3f40; display:inline-block;margin-top:20px; }
.greenArea a:hover    { transition: background-color 0.5s ease; color:#fff; background:#00d485; text-decoration:none; }
.whiteArea h1 { font:700 18px 'Quicksand', sans-serif; color:#06ab4b; margin-top:15px; }
.whiteArea a { color:#fff; font:700 13px 'Quicksand', sans-serif; padding:8px 20px; border-radius:50px; border:#fff 2px solid; }
.whiteArea a:hover { color:#fff; background:#ffab00; text-decoration:none; }
.sector-1    { padding-left:45px; }
.sector-3    { padding-right:45px; }
.headerPhone    { background:#fff; margin-bottom:0; padding:0 30px; border-bottom:#00d98c 2px solid; }

.epostaDegistir { cursor:pointer; background:#004085; color:#fff; padding:4px; font:700 11px 'Quicksand', sans-serif; border-radius:3px; }
.epostaDegistir:hover { background:#0069d8; text-decoration:none; }
.phoneDegistir { cursor:pointer; background:#56af55; color:#fff; padding:4px; font:700 11px 'Quicksand', sans-serif; border-radius:3px; }
.phoneDegistir:hover { background:#3e7e3d; text-decoration:none; }

.firmaPhoto         { width:100%; height:150px; display:block; }

.yukleDegistir      { width:100%; padding:10px 15px; text-align:center; background:#56af55; color:#fff; display:inline-block; border-radius:5px; }
.yukleDegistir:hover    { width:100%; padding:10px 15px; text-align:center; text-decoration:none; background: rgb(62,126,61); background: linear-gradient(0deg, rgba(62,126,61,1) 0%, rgba(86,175,85,1) 100%); color:#fff; display:inline-block; border-radius:5px; }

.verifySol input[type=text]   { padding:15px 15px 15px 27px; text-align: center; border-radius:10px; border:#dfdfdf 1px solid; font:700 16px 'Quicksand', sans-serif; float:left; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; margin:0 !important; }
.verifySol input[type=tel]   { padding:15px 15px 15px 27px; text-align: center; border-radius:10px; border:#dfdfdf 1px solid; font:700 16px 'Quicksand', sans-serif; letter-spacing: 10px; float:left; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; margin:0 !important; }
.verifySol input[type=text]:focus   { border-radius:10px; color:#56af55; border:#dfdfdf 1px solid; float:left; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; margin:0; }
.verifySol input[type=tel]:focus   { border-radius:10px; color:#56af55; border:#dfdfdf 1px solid; float:left; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; margin:0; }
.verifySol input[type=submit] { padding:16px; border-radius:10px; color:#56af55; font-weight:700; background:#d4edda; border:#b4dcbe 1px solid; float:left; border-top-left-radius:0; border-bottom-left-radius:0; border-left:0; margin:0 !important; }

.whiteSpotArea  { padding:75px 15px; background:#fff; }
.graySpotArea  { padding:75px 15px; background:#f3f3f3; }
.whiteSpotArea h4   { color:#3c3f40; font:700 28px 'Quicksand', sans-serif; margin:10px 0 0 0; }
.greenSpan  { color:#06ab4b; font:700 14px 'Quicksand', sans-serif; }
.greenAcik  { color:#00d98c; font:700 32px 'Quicksand', sans-serif; margin-bottom:0; }
.greenKoyu  { color:#06ab4b; font:700 32px 'Quicksand', sans-serif; margin-bottom:15px; }

.greenBar   { padding:50px 0 25px 0; background:#06ab4b url(../images/iatbir-bg-1.png) no-repeat center center; color:#fff; font:500 16px 'Quicksand', sans-serif; }
.greenBar b     { font:700 38px 'Quicksand', sans-serif; }

.lightGreen     { padding:70px 15px 25px 15px; background:#e3f3d8; }
.greenBox       { width:50%; padding:30px; background:#06ab4b; border-radius:40px 0 40px 0; display:inline-block; }

.lightGreen ul, .lightGreen ul li   { margin:0; padding:0; list-style:none; }
.lightGreen ul li   { width:calc(100% / 3); float:left; margin-bottom:50px; }

.footer     { color:#fff; padding:50px 0 30px 0; background:#06ab4b url(../images/footer-bg.png) repeat center top; }
.sectorel   { margin-bottom:20px; }

.pageHeader     { color:#fff; margin-top:100px; padding:50px 0; background:#16a085 url(../images/footer-bg.png) repeat center top; }
.pageHeader h1      { color:#fff; font:700 38px 'Quicksand', sans-serif; margin:0; }
.pageContent    { padding:50px 0; font:500 13px 'Quicksand', sans-serif; line-height:19px; }

.pageContent h3 { color:#06ab4b; font-weight:700; }
.pageContent .alert { font-weight:500; }
.pageContent input.kayitOl[type=text] { width:100%; padding:10px; border-radius:5px; margin:5px 0 15px 0; border:#dfdfdf 1px solid; }
.pageContent select.kayitOl { width:100%; padding:10px; border-radius:5px; margin:5px 0 15px 0; border:#dfdfdf 1px solid; }
.pageContent input.kayitOl[type=submit] { background:#16a085; color:#fff; padding:15px; border-radius:5px; border:none; }
.pageContent input.kayitOl[type=submit]:hover { background:#06ab4b; }
.pageContent input.code[type=text]  { padding:15px; border:#dfdfdf 1px solid; border-radius:5px; font:500 16px 'Quicksand', sans-serif; }

@media only screen and (min-width : 0px) and (max-width : 599px) {
    body            { background:#fff; background-image:none; }
    .onlineDiyetSistemi { border-right:0; border-bottom:#fff 1px dotted; padding:15px 30px 30px 30px; margin-bottom:30px; }
    .logo   { padding:20px; color:#fff; text-align:center; }
    .phoneMenuButton    { padding:30px; text-align:right; color:#00d98c; cursor:pointer; font-size:30px; }
    .sector-1, .sector-2    { background:url(../images/sector-bg-down.png) no-repeat bottom center; }
    .sliderOutTop   { margin-top:-30px; z-index:9999 !important; }
    .pageHeader     { margin-top:0; padding:30px 0; }
    .pageHeader h1      { color:#fff; font:700 24px 'Quicksand', sans-serif; margin:0; }
    .pageContent    { padding:50px 0; font:500 13px 'Quicksand', sans-serif; line-height:19px; }
    .cikisYapHiza       { margin:20px 0 0 0; }

    .lightGreen ul li   { width:calc(100% / 2); float:left; margin-bottom:50px; }
}

@media only screen and (min-width : 600px) and (max-width : 768px) {
    body            { background:#fff; background-image:none; }
    .sector-1, .sector-2    { background:url(../images/sector-bg-down.png) no-repeat bottom center; }
    .logo   { padding:20px; color:#fff; text-align:center; }
    .phoneMenuButton    { padding:30px; text-align:right; color:#fff; cursor:pointer; font-size:30px; }
    .sliderOutTop   { margin-top:-30px; z-index:9999 !important; }
    .lightGreen ul li   { width:calc(100% / 2); float:left; margin-bottom:50px; }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
    .menu .mainMenu { padding:8px 11px; color:#00b100; font:600 13px 'Quicksand', sans-serif; border-bottom:#fff 4px solid; }
}
@media only screen and (min-width : 1024px) and (max-width : 1360px) {
    .menu .mainMenu { padding:8px 11px; color:#00b100; font:600 13px 'Quicksand', sans-serif; border-bottom:#fff 4px solid; }
}