@charset 'utf-8';
 ::-webkit-scrollbar {
     width: 8px;
     height: 8px 
}
 ::-webkit-scrollbar-track {
     background: #eee;
}
 ::-webkit-scrollbar-thumb {
     background: #0d00a3;
}
 ::-moz-selection {
     background: #999;
     color: #fff 
}
 ::selection {
     background: #999;
     color: #fff 
}
 ::-moz-selection {
     background: #999;
     color: #fff 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul>li>a:hover, .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover {
     background: #228b22 !important;
}
 * {
     margin: 0;
     padding: 0;
     outline: none!important 
}
 body {
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: #898989;
     overflow-y: auto;
     overflow-x: hidden;
     background: #fff;
     font-family: Nunito;
     position: relative 
}
 a {
     display: inline-block;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 a:hover {
     text-decoration: none!important 
}
 a, a:active, a:focus {
     text-decoration: none!important;
     color: #333 
}
 :focus {
     outline: none!important 
}
 ::-moz-focus-inner {
     border: 0!important 
}
 .formlar.uyegirisform input[type=button] {
     background-image: none;
     float: right;
     border: none;
}
 .formlar input[type=button] {
     border-radius: 26px;
     background-color: #0d00a3;
     width: 94%;
     height: 38px;
     font-size: 12px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     margin-top: 10px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 ul {
     margin: 0;
     padding: 0;
}
 li {
     list-style: none 
}
 textarea {
     resize: none 
}
 img {
     max-width: 100% 
}
 pre {
     background: #585858;
     color: #fff 
}
 .facebook {
     color: #3b5998 
}
 .twitter {
     color: #00aced 
}
 .pinterest {
     color: #bd081c 
}
 .instagram {
     color: #7f3bb2 
}
 .google {
     color: #dd4d40 
}
 .martodo.alert {
     position: relative;
     width: 100%;
     font-size: 16px;
     margin-bottom: 15px;
     padding: 10px;
     display: table;
     background-color: #fdfdfd;
     border: 1px solid #ddd;
     border-radius: 6px 
}
 .martodo.alert.loadIcon .child-1 {
     width: 72px 
}
 .martodo.alert.loadIcon .child-1 i {
     float: left 
}
 .martodo.alert:after {
     content: '';
     clear: both;
     display: block 
}
 .martodo.alert:hover {
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
     box-shadow: 0 1px 3px rgba(0, 0, 0, .15) 
}
 .martodo.alert:hover .close {
     display: block 
}
 .martodo.alert .td {
     display: table-cell 
}
 .martodo.alert .child-1 {
     width: 36px;
     vertical-align: middle 
}
 .martodo.alert .child-1 i {
     color: #fff;
     width: 36px;
     height: 36px;
     line-height: 36px;
     display: block;
     text-align: center;
     text-shadow: -5px 6px 5px rgba(0, 0, 0, .1);
     border-radius: 100%;
     font-size: 20px 
}
 .martodo.alert .close {
     position: absolute;
     top: 50%;
     right: 10px;
     color: #777;
     width: 26px;
     display: none;
     font-size: 13px;
     cursor: pointer;
     text-align: center;
     line-height: 26px;
     margin-top: -13px;
     border-radius: 3px 
}
 .martodo.alert .close i {
     line-height: 26px 
}
 .martodo.alert .close:hover {
     background-color: #eee 
}
 .martodo.alert .child-2 {
     color: #555;
     font-size: 13px;
     margin: 0 45px;
     padding: 8px 0 8px 10px 
}
 .martodo.alert.danger .child-1 i {
     background-color: #e84142;
}
 .martodo.alert.success .child-1 i {
    background-color: rgba(132, 179, 18, 0.51);
}
 .martodo.alert.warning .child-1 i {
     background-color: #fbab00;
}
 .martodo.alert.info .child-1 i {
     background-color: #39a5dd;
}
 .input-group {
     position: relative;
     width: 100%;
     margin-top: 10px 
}
 .kariyer-btn {
     background: #d7d8da;
     color: #626161;
     position: absolute!important;
     right: 0;
     top: 0;
     z-index: 99;
     padding: 5px 27px!important;
     border-radius: 0;
     height: 100%;
     line-height: 35px 
}
 .kariyer-btn:hover {
     color: #fff;
     z-index: 99!important 
}
 .input-group-btn {
     position: static!important;
     width: 0 
}
 input, textarea, select {
     -webkit-box-shadow: none!important;
     box-shadow: none!important 
}
 .map-responsive {
     overflow: hidden;
     padding-bottom: 350px;
     position: relative;
     height: 0;
     max-width: 100%;
     margin-bottom: 25px 
}
 .map-responsive iframe {
     left: 0;
     top: 0;
     height: 100%;
     max-height: 350px;
     width: 100%;
     position: absolute 
}
 .twice {
     width: 100%;
     overflow: hidden 
}
 .twice-item {
     width: 48%;
     float: left;
     position: relative 
}
 .twice-item i {
     position: absolute;
     right: 10px;
     bottom: 12px;
     font-size: 17px 
}
 .twice-item:last-of-type {
     float: right 
}
 section.markalarimiz {
     padding: 60px 0 30px 
}
 .wd20 {
     float: left;
     width: 20%;
     padding: 0 15px 
}
 .wd100 {
     float: left;
     width: 100% 
}
 .twice-item span {
     position: absolute;
     right: 0;
     top: 10px 
}
 @media (max-width:767px) {
     .twice-item {
         width: 100%!important 
    }
}
 section.markalarimiz.referanslarimiz .sayfalama {
     margin-bottom: 0;
}
 .sayfalama {
     text-align: center;
     overflow: hidden;
     float: left;
     width: 100%;
     margin-bottom: 40px 
}
 .sayfalama .pagination>li>a {
     margin: 0 5px;
     padding: 0!important;
     width: 38px;
     height: 38px;
     border: solid 1px #0d00a3!important;
     border-radius: 40px;
     font-size: 11px;
     font-weight: 600;
     line-height: 38px;
}
 .sayfalama .pagination>li>a:hover {
     border: 1px solid #228b22!important;
     background: #228b22!important;
     color: #fff 
}
 .sayfalama .pagination>.active>a {
     background-color: #0d00a3!important 
}
 .calendar-select .tooltip {
     position: static;
     opacity: 1 
}
 .calendar-select #dogum_tarihi_Previous_ID, .calendar-select #dogum_tarihi_Next_ID {
     font-size: 20px;
     color: #000;
     border: none!important;
     cursor: pointer!important;
     line-height: inherit;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .calendar-select #dogum_tarihi_Previous_ID:hover, .calendar-select #dogum_tarihi_Next_ID:hover {
     background: #000;
     color: #fff 
}
 .calendar-select #dogum_tarihi_Current_ID {
     color: #111;
     font-size: 12px;
     font-weight: 700;
     padding: 0!important 
}
 .calendar-select .calendar-table tbody>tr:first-child {
     padding: 10px 0;
     line-height: 40px;
     background-color: #fff!important 
}
 .calendar-select #dogum_tarihi_ID {
     position: relative 
}
 .calendar-select #dogum_tarihi_ID:before {
     border: 1px solid #bbb;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: '';
     pointer-events: none 
}
 .calendar-select .calendar-table tbody>tr:last-child td {
     line-height: 30px;
     background: #eaeaea;
     border-top: 1px solid #bbb;
     border-bottom: 1px solid #bbb 
}
 .calendar-select #dogum_tarihi_DayTable_ID td {
     font-size: 10px;
     color: #111;
     line-height: 26px;
     cursor: pointer!important;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .calendar-select #dogum_tarihi_DayTable_ID td:hover {
     color: #fff!important 
}
 .calendar-select .calendar-icon i {
     font-size: 27px;
     margin-left: 10px 
}
 .hamburger-menu {
     display: none 
}
 .hamburger-menu {
     width: 30px;
     height: 22px;
     top: 50px;
     right: 35px;
     position: absolute;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
     z-index: 999999 
}
 .hamburger-menu span {
     display: block;
     position: absolute;
     height: 4px;
     width: 100%;
     background: #fff;
     border-radius: 9px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out 
}
 .hamburger-menu span:nth-child(1) {
     top: 0 
}
 .hamburger-menu span:nth-child(2), .hamburger-menu span:nth-child(3) {
     top: 9px 
}
 .hamburger-menu span:nth-child(4) {
     top: 18px 
}
 .mobile-menu-active .hamburger-menu span {
     background: #fff 
}
 .mobile-menu-active .hamburger-menu {
     position: fixed;
     z-index: 9999999999 
}
 .mobile-menu-active .hamburger-menu span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50% 
}
 .mobile-menu-active .hamburger-menu span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -ms-transform: rotate(45deg) 
}
 .mobile-menu-active .hamburger-menu span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -ms-transform: rotate(-45deg) 
}
 .mobile-menu-active .hamburger-menu span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50% 
}
 .mobile-menu {
     background: #228b22;
     position: fixed;
     right: 0;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 999999;
     padding: 25px;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-transform: translate(100%, 0);
     -ms-transform: translate(100%, 0);
     transform: translate(100%, 0);
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     opacity: 0;
     visibility: hidden;
}
 .mobile-menu-active .mobile-menu {
     -ms-transform: translate(0, 0);
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0) 
}
 .mobile-menu h3 {
     margin: 0;
     color: #fff;
     padding: 10px 0 0 0 
}
 .mobile-menu h3.menu-name:before {
     content: "\f104";
     font-family: FontAwesome;
     cursor: pointer;
     margin-right: 5px 
}
 .mobile-menu .rtl {
     left: 100%;
     opacity: 1;
     visibility: visible 
}
 .mobile-menu .ltl {
     left: -100% 
}
 .mobile-menu>ul {
     -webkit-padding-start: 0;
     padding-inline-start: 0;
     padding-left: 25px;
     position: absolute;
     left: 0;
     width: 100%;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease 
}
 .mobile-menu>ul>li {
     list-style: none 
}
 .mobile-menu>ul>li>a {
     color: #fff;
     display: block;
     padding: 10px 0;
     font-size: 15px 
}
 .mobile-menu>ul>li>a>i {
     margin-right: 5px;
     font-family: FontAwesome;
     width: 25px;
     text-align: center 
}
 .mobile-menu>ul>li>ul {
     -webkit-padding-start: 0;
     padding-inline-start: 0;
     padding-left: 25px;
     position: absolute;
     top: 0;
     width: 100%;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     left: 100%;
     opacity: 0;
     visibility: hidden 
}
 .mobile-menu>ul>li>ul>li {
     list-style: none 
}
 .mobile-menu>ul>li>ul>li>a {
     color: #fff;
     display: block;
     padding: 10px 0;
     font-size: 15px 
}
 .mobile-menu>ul>li>ul>li>a>i {
     margin-right: 5px;
     font-family: FontAwesome;
     width: 25px;
     text-align: center 
}
 .mobile-menu>ul>li>ul>li>ul {
     -webkit-padding-start: 0;
     padding-inline-start: 0;
     padding-left: 40px;
     display: none 
}
 .mobile-menu>ul>li>ul>li>ul>li {
     list-style: none 
}
 .mobile-menu>ul>li>ul>li>ul>li>a {
     color: #fff;
     display: block;
     padding: 10px 0;
     font-size: 15px 
}
 .mobile-menu>ul>li>ul>li>ul>li>a>i {
     margin-right: 5px;
     font-family: FontAwesome;
     width: 25px;
     text-align: center 
}
 .contents {
     display: none 
}
 .contents.active {
     display: block!important;
     width: 100% 
}
 .sonuc {
     margin-bottom: 15px;
     border: 1px solid #cCc;
     padding: 15px;
     min-height: 145px 
}
 .sonuc .baslik {
     margin: 0;
     padding: 0;
     text-align: left 
}
 .sonuc img {
     margin-bottom: 10px;
     float: left;
     width: 100px;
     margin-right: 20px 
}
 .stitle a {
     color: #ee1c25;
     border-left: 2px solid #ee1c25;
     padding-left: 15px 
}
 .scontent a {
     padding: 0 25px 
}
 .captcha {
     position: relative;
     width: 48%;
     float: left;
     border: 1px solid #cCc 
}
 .captcha #siimage {
     width: 70%;
     border: none!important;
     height: 46px 
}
 .captcha1 {
     padding: 10px 0 
}
 .captcha>.input-item>img {
     max-height: 50px;
     width: 175px 
}
 .captcha object {
     position: absolute;
     right: 15px;
     top: 11px 
}
 .captcha a>img {
     position: absolute;
     width: 19px;
     right: 18px;
     top: 14px;
}
 .captcha-btn {
     width: 50%;
     float: right 
}
 .captcha-btn input {
     height: 49px 
}
 .captcha-btn1 {
     width: 50% 
}
 .captcha a>img {
     position: absolute;
     width: 25px;
     right: 10px;
     top: 12px;
     -webkit-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
}
 .captcha a>img:hover {
     -webkit-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);
}
 @media (max-width:480px) {
     .captcha {
         width: 100% 
    }
     .captcha-btn {
         width: 100% 
    }
     .captcha-btn1 {
         width: 100% 
    }
}
 @media (min-width:992px) and (max-width:1200px) {
     .captcha1 a>img {
         margin-left: -33px 
    }
}
 .biltek {
     float: right 
}
 .biltek a {
     float: right;
     padding-right: 10px;
     font-size: 12px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #4a4a4a 
}
 .f-social {
     float: left;
     display: inline-block 
}
 .f-social p {
     font-size: 12px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #9b9b9b;
     font-family: Nunito 
}
 .f-social span {
     font-weight: 700;
     color: #4a4a4a;
     font-size: 12px 
}
 .biltek a img {
     margin-top: -4px;
     width: 25px 
}
 .page-title {
     height: 175px;
     background-position: center center!important;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     background: #141517;
     position: relative 
}
 .page-title>.container {
     position: relative;
     height: 100%;
     z-index:1;
}
 .page-title h3 {
     margin: 0;
     font-family: Nunito;
     font-size: 20px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #eef7fa;
     position: absolute;
     bottom: 30px;
     left: 60px;
     z-index:2;
}
 .breadcrumb {
     background: transparent;
     margin: 0;
     padding: 0 
}
 .page-title h3:before {
     content: "";
     position: absolute;
     height: 2px;
     width: 31px;
     left: -40px;
     background: #0d00a3;
     top: 12px;
}
 .title-first {
     padding-top: 50px 
}
 .breadcrumb li i:before {
     margin: 0 10px!important;
     font-size: 10px;
     color: #a0c9da 
}
 .breadcrumb li a {
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .breadcrumb li.active a {
     font-weight: 700;
     color: #a0c9da 
}
 .breadcrumb li a:hover {
     color: #fff 
}
 .breadcrumb li.active {
     color: #fff;
     font-size: 14px 
}
 .breadcrumb>li+li:before {
     display: none 
}
 .title-menu {
     position: absolute;
     right: 15px;
     bottom: 0 
}
 .title-menu ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end 
}
 .title-menu ul li a {
     background: #7a0205;
     color: #fff;
     position: relative;
     margin-left: 2px;
     display: block;
     padding: 10px 15px 
}
 .title-menu ul li a:after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 15px 15px 0;
     border-color: transparent #141517 transparent transparent 
}
 .title-menu ul li.active a, .title-menu ul li a:hover {
     background: #fff;
     color: #7a0205 
}
 .control-group {
     display: inline-block;
     vertical-align: top;
     background: #fff;
     text-align: left;
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
     box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
     padding: 30px;
     margin: 10px 
}
 .control {
     display: block;
     position: relative;
     padding-left: 30px;
     margin-bottom: 15px;
     cursor: pointer;
     font-size: 18px 
}
 .control input {
     position: absolute;
     z-index: -1;
     opacity: 0;
     display: none 
}
 .control span {
     height: 25px;
     line-height: 20px;
     font-size: 12px 
}
 .control__indicator {
     position: absolute;
     top: 2px;
     left: 0;
     height: 20px;
     width: 20px;
     background: #e6e6e6 
}
 .control--radio .control__indicator {
     border-radius: 50% 
}
 .control:hover input~.control__indicator, .control input:focus~.control__indicator {
     background: #ccc 
}
 .control input:checked~.control__indicator {
     background: #228b22 
}
 .control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
     background: #0e647d 
}
 .control input:disabled~.control__indicator {
     background: #e6e6e6;
     opacity: .6;
     pointer-events: none 
}
 .control__indicator:after {
     content: '';
     position: absolute;
     display: none 
}
 .control input:checked~.control__indicator:after {
     display: block 
}
 .control--checkbox input:disabled~.control__indicator:after {
     border-color: #7b7b7b 
}
 .control--radio .control__indicator:after {
     left: 7px;
     top: 7px;
     height: 6px;
     width: 6px;
     border-radius: 50%;
}
 .control--radio input:disabled~.control__indicator:after {
     background: #7b7b7b 
}
 .select {
     position: relative;
     display: inline-block;
     margin-bottom: 15px;
     width: 100% 
}
 .select select {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     padding: 10px 15px;
     outline: 0;
     border: 0;
     border-radius: 0;
     background: #e6e6e6;
     color: #7b7b7b;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none 
}
 .select select::-ms-expand {
     display: none 
}
 .select select:hover, .select select:focus {
     color: #000;
}
 .select select:disabled {
     opacity: .5;
     pointer-events: none 
}
 .select__arrow {
     position: absolute;
     top: 20px;
     right: 15px;
     width: 0;
     height: 0;
     pointer-events: none;
     border-style: solid;
     border-width: 8px 5px 0 5px;
     border-color: #7b7b7b transparent transparent transparent;
}
 .select select:hover~.select__arrow, .select select:focus~.select__arrow {
     border-top-color: #000 
}
 .select select:disabled~.select__arrow {
     border-top-color: #ccc 
}
 .twice {
     width: 100%;
     overflow: hidden 
}
 .twice-item {
     width: 48%;
     float: left;
     position: relative 
}
 .twice-item i {
     position: absolute;
     right: 10px;
     bottom: 12px;
     font-size: 17px 
}
 .twice-item:last-of-type {
     float: right 
}
 .twice-item span {
     position: absolute;
     right: 0;
     top: 10px 
}
 .input-group {
     position: relative;
     width: 100% 
}
 .kariyer-btn {
     background: #d7d8da;
     color: #626161;
     position: absolute!important;
     right: 0;
     top: 0;
     z-index: 99;
     padding: 5px 27px!important;
     border-radius: 0;
     height: 35px;
     line-height: 25px 
}
 .kariyer-btn:hover {
     color: #fff;
     z-index: 99!important 
}
 .input-group-btn {
     position: static!important;
     width: 0 
}
 .btn-wrap {
     padding: 25px 15px;
     width: 100%;
     overflow: hidden;
     text-align: center 
}
 .btn-detay {
     background: #05376a;
     color: #fff;
     font-size: 15px;
     padding: 10px 15px;
     border-radius: 0;
     font-weight: 700;
     position: relative;
     min-width: 230px;
     text-align: left 
}
 .btn-detay i {
     position: absolute;
     right: 15px;
     top: 12px 
}
 .btn-detay:hover {
     color: #fff;
     background: #272729 
}
 .btn-trans {
     background: transparent;
     color: #fff;
     font-size: 15px;
     padding: 10px 25px;
     border-radius: 20px;
     border: 1px solid #fff;
     margin: 10px 0 
}
 .btn-trans i {
     margin-right: 10px 
}
 .btn-trans:hover {
     color: #fff;
     background: rgba(254, 210, 6, .6);
     border-color: rgba(254, 210, 6, .6) 
}
 .btn-save {
     border: 2px solid #fff;
     background: #000;
     color: #fff;
     border-radius: 0;
     padding: 8px 40px 
}
 .btn-save:hover {
     color: #fff 
}
 .btn-out {
     background: #969696;
     color: #fff;
     border-radius: 0;
     padding: 0 40px;
     border-radius: 27px!important;
     background: #228b22;
     color: #fff!important;
     line-height: 42px;
}
 .btn-out:hover {
     color: #fff 
}
 .form-div {
     margin-bottom: 10px;
     overflow: hidden;
     width: 100% 
}
 .form-div .form-div {
     margin-top: 5px 
}
 .form-div p {
     margin: 0;
     color: #232a2e;
     font-weight: 600;
     font-size: 12px 
}
 .form-div input {
     border-radius: 0 
}
 .form-div select {
     border-radius: 0 
}
 .form-div textarea {
     border-radius: 0;
     border-radius: 0px !important;
     border: solid 1px #a0c9da;
     background: #fff;
     color: #228b22;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .page {
     padding: 5px 0 5px 0 
}
 h3.gorunmez-baslik {
     display: none;
}
 .search-wrap {
     display: none;
}
 .page .img-banner {
     width: 100% 
}
 .header .col-right {
     float: right;
     margin-bottom: 12px 
}
 .header .col-right .header-abs a span i {
     position: relative;
     top: 3px 
}
/* .header .col-right .header-abs a {
     - size: 11px;
     l;
}
 */
 .header {
     padding: 12px 0;
     background: #f7f7f7;
     padding-bottom: 0 
}
 .full-mavi {
     background: #228b22;
     border-bottom: 1px solid #f40010;
     -webkit-box-sizing: border-box;
     box-sizing: border-box 
}
 .header .col-right a i:before {
     margin: 0;
     font-weight: 300 
}
 .header .col-right a {
}
 .header .col-right a span:nth-child(2) {
     line-height: 26px;
     padding-left: 7px 
}
 a.arama span:first-child {
     line-height: 44px;
     padding-right: 15px;
     color: #000;
     font-weight: 600;
     font-size: 10px 
}
 .header .col-right a.arama span:nth-child(2) {
     line-height: normal 
}
 a.arama {
     background: #f7f7f7;
     padding: 0 17px!important;
     padding-right: 0!important 
}
 .search.arama form a {
     width: 44px;
     height: 44px;
     background-color: #fff;
     border: solid 1px #0d00a3;
     border-radius: 100px;
     padding-left: 0!important;
     position: absolute;
     right: 0;
     margin: 0 
}
 .inactive {
     display: none;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease 
}
 .search i:Before {
     color: #000!important;
     font-size: initial!important 
}
 .deactive {
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease 
}
 a.gorunmez {
     display: none 
}
 a.arama-icon.gorunur .inactive {
     display: block;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease 
}
 a.arama-icon.carpi .deactive {
     display: block 
}
 a.arama-icon.carpi i {
     top: 5px;
     left: 16px 
}
 a.arama-icon.carpi i:before {
     font-size: 12px 
}
 span.arama-icon i {
     text-align: center;
     display: block 
}
 span.arama-icon i:before {
     font-size: 16px;
     color: #000 
}
 .header .col-right .header-abs a span i {
     position: relative;
     top: 3px 
}
 .header .col-right a:nth-child(2):hover {
    /*background: #228b22;
    */
    /*border: 1px solid #228b22*/
}
 .multi_button a:first-child:hover {
    background: #0d00a3;
    color: #fff !important;
    border: solid 1px #0d00a3 !important;
}
 input, textarea, select {
     -webkit-box-shadow: none!important;
     box-shadow: none!important 
}
 .col-right .search form input[type="search"]::-webkit-input-placeholder {
     font-family: Nunito;
     font-size: 11px;
     font-weight: 700;
     color: #228b22 
}
 .col-right .search form input[type="search"]::-moz-placeholder {
     font-family: Nunito;
     font-size: 11px;
     font-weight: 700;
     color: #228b22 
}
 .col-right .search form input[type="search"]:-ms-input-placeholder {
     font-family: Nunito;
     font-size: 11px;
     font-weight: 700;
     color: #228b22;
}
 .col-right .search form input[type="search"]:-moz-placeholder {
     font-family: Nunito;
     font-size: 11px;
     font-weight: 700;
     color: #228b22 
}
 .col-right .search form input[type="search"] {
     height: 45px;
     border: 0;
     background: #f7f7f7;
     border-radius: 100px;
     float: left;
     width: 60px;
     color: #000;
     -webkit-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     font-weight: 700;
     width: 129px;
     border: 1px solid #0d00a3;
     position: relative;
     font-family: Nunito;
     font-size: 11px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #0d00a3;
     padding-left: 20px 
}
 .col-right .search form input[type="search"]:focus {
     width: 510px 
}
 .header-bottom {
     background: #228b22;
     position: relative;
     float: left;
     width: 100% 
}
 .header-abs {
     position: absolute;
     right: 135px 
}
 .header .container {
     position: relative 
}
 ul.menu {
     float: right;
     padding: 0;
     position: relative;
     -webkit-box-sizing: border-box;
     box-sizing: border-box 
}
 ul.menu li {
     float: left;
     margin-right: 24px;
     height: 80px;
}
 ul.menu li:last-child {
     margin: 0;
    /* position: relative;
     */
     background: #f40010;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .uyemenu ul li:hover .alt- {
     display: block 
}
 .alt {
     position: absolute;
     z-index: 100;
     height: 225px;
     width: 292px;
     top: 90%;
     right: 0;
     background-color: #f40010;
     padding: 10px;
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .uyemenu ul li:hover .alt- {
     display: block 
}
 .formlar.uyegirisform {
     font-size: 14px;
     font-weight: 200;
     color: #fff;
     padding: 10px 
}
 .formlar.uyegirisform input[type=text] {
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     width: 100%;
     height: 45px;
     background-color: #ffffff!important;
     border: 1px solid #f40010;
     padding-left: 65px;
     color: #228b22;
     font-weight: 600 
}
 .formlar.uyegirisform input[type=password] {
     font-weight: 600;
     width: 100%;
     width: 100%;
     height: 45px;
     background-color: #ffffff!important;
     border: 1px solid #f40010;
     padding-left: 65px 
}
 .formlar.uyegirisform tr td {
     position: relative 
}
 input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 100px white inset !important;
}
 .formlar.uyegirisform tr td {
     position: relative 
}
 .formlar.uyegirisform tr td i {
     position: absolute;
     margin-top: 0;
     top: 12px;
     left: 18px;
     height: 22px;
     border-right: 1px solid #a0c9da;
     line-height: 24px;
     padding-right: 10px 
}
 .formlar.uyegirisform tr td i:before {
     color: #a0c9da !important;
     margin: 0;
     font-size: 18px;
     font-weight: 400;
}
 input:-webkit-autofill {
     -webkit-background-color: #fff !important;
}
 .border-buton {
     border: solid 1px #ffffff!important;
     background: #f40010!important 
}
 .border-buton:hover {
     background: #0d00a3!important;
     border: 1px solid #0d00a3!important;
     color: #fff!important 
}
 .formlar.uyegirisform input[type=submit] {
     background-image: none;
     float: right;
     border: none 
}
 .formlar.uyegirisform a {
     color: #5b6268;
     text-decoration: underline 
}
 .formlar.uyegirisform input[type=text]:focus {
     background: #eef7fa!important;
     border: 1px solid #0d00a3!important;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 .formlar.uyegirisform input[type=password]:focus {
     background: #eef7fa!important;
     border: 1px solid #0d00a3!important;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 .formlar.uyegirisform input::-webkit-input-placeholder {
     color: #228b22;
     font-weight: 600 
}
 .formlar.uyegirisform input::-moz-placeholder {
     color: #228b22;
     font-weight: 600 
}
 .formlar.uyegirisform input:-ms-input-placeholder {
     color: #228b22;
     font-weight: 600 
}
 .formlar.uyegirisform input:-moz-placeholder {
     color: #228b22;
     font-weight: 600 
}
 .formlar.uyegirisform input:focus::-webkit-input-placeholder {
     color: #0d00a3;
     font-weight: 600 
}
 .formlar.uyegirisform input::-moz-placeholder {
     color: #0d00a3;
     font-weight: 600 
}
 .formlar.uyegirisform input:-ms-input-placeholder {
     color: #0d00a3;
     font-weight: 600 
}
 .formlar.uyegirisform input:-moz-placeholder {
     color: #0d00a3;
     font-weight: 600 
}
 .border-buton {
     border: 1px solid #eef7fa!important 
}
 span.neden {
     position: relative;
     width: 94%!important;
     margin-left: 10%;
     height: 28px;
     background-color: #a0c9da;
     border-radius: 50px;
     font-size: 10px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 28px;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     margin-top: 13px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 a.unutulan {
     padding-left: 0!important;
     font-size: 11px!important;
     font-weight: 600!important;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center!important;
     color: #a0c9da!important;
     margin-left: 10%;
     text-decoration: underline!important 
}
 a.unutulan:hover:Before {
     display: none 
}
 a.unutulan:hover {
     color: #0d00a3!important 
}
 span.neden:hover {
     background: #0d00a3;
     color: #fff 
}
 span.neden:hover:Before {
     border-bottom-color: #0d00a3;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 .formlar.uyegirisform a:hover {
     color: #FFF;
     text-decoration: underline 
}
 .formlar input[type=text], .formlar input[type=password], .formlar textarea, .formlar select {
     margin-bottom: 8px;
     padding-right: 20px;
     padding-left: 20px;
     border-top-width: 1px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: solid;
     border-top-color: #e3e5e8;
     border-right-color: #eee;
     border-bottom-color: #eee;
     border-left-color: #d9dde2;
     font-weight: 200;
     color: #5b6268;
     background-color: #09121c!important;
     height: 45px;
}
 .formlar input[type=submit] {
     border-radius: 0 !important;
     background-color: #0d00a3;
     width: 94%;
     height: 38px;
     font-size: 12px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     margin-top: 10px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
     -webkit-transition: background-color 5000s ease-in-out 0s;
     -o-transition: background-color 5000s ease-in-out 0s;
     transition: background-color 5000s ease-in-out 0s 
}
 .menu-icon i.flaticon-user:Before {
     margin-left: 0 !important;
     text-align: center;
     display: block;
     color: #fff;
}
 li.uyemenu a {
     font-size: 12px !important;
     line-height: normal !important;
     text-align: left !important;
     margin-top: 12px;
}
 .formlar.uyegirisform tr td a:before {
     display: none;
}
 .formlar input[type=submit]:hover {
     background: #a0c9da;
     color: #228b22;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 ul.menu li:last-child span {
     display: block;
     width: 100%;
     color: #fff;
}
 span.menu-icon {
     margin-bottom: 5px 
}
 a.logo {
     padding: 0;
     background: #fff;
     position: absolute;
     z-index: 999999;
     padding-bottom: 0;
     padding-right: 20px;
}
 main.main1 {
     margin-top: 0 
}
 ul.menu li:last-child .uye-hov {
     display: block;
     padding: 0 20px;
     line-height: normal;
     height: 100%;
     padding-top: 15px;
     font-size: 14px;
}
 a.logo:before {
     content: "";
     position: absolute;
     left: -1000px;
     top: -1000px;
     background: #fff;
     right: 0;
     bottom: -13px;
     z-index: -1;
     border-radius: 12px 
}
 ul.menu li a:hover:before {
     opacity: 1;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in 
}
 ul.menu li a:before {
     content: "";
     position: absolute;
     bottom: -1px;
     height: 3px;
     left: 0;
     right: 0;
     background: #0d00a3;
     opacity: 0;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     z-index: 999;
     border-radius: 12px 
}
 ul.menu li a:hover {
     color: #0d00a3;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in 
}
 ul.menu li:last-child:hover {
     background: #0d00a3!important;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 ul.menu li:last-child .uye-hov:hover {
     color: #fff !important;
}
 .formlar.uyegirisform a:hover {
}
 ul.menu li:nth-child(5) .alt-menu {
     left: 0;
}
 ul.menu li:nth-child(5) {
     position: relative !important;
}
 .menu li ul li:nth-child(5):hover {
     position: initial !important;
}
 ul.menu li a {
     font-family: Nunito;
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     width: 100%;
     display: block;
     position: relative;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     height: 100%;
     line-height: 80px;
}
 .menu li ul {
     position: absolute;
     top: calc(100% + 1px);
     z-index: 99;
     width: 300px;
     background: #228b22;
     left: -33px;
     right: 0;
     padding: 20px;
     padding-left: 5px;
     padding-right: 0;
     padding-top: 0;
     padding-bottom: 0;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .menu li ul li {
     width: 100%;
     margin: 0;
     height: auto!important 
}
 .menu li ul li a {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 4.1;
     letter-spacing: normal;
     text-align: left;
     padding: 0 20px;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .menu li ul li:last-child a {
     padding: 0 20px;
}
 .menu li ul li.active {
    /* background: none!important */
}
 .menu li ul li a i {
     position: absolute;
     right: 20px;
     top: 50%;
     margin-top: -10px;
     line-height: normal 
}
 .menu li ul li a i:before {
     font-size: 15px;
     margin: 0 
}
 .menu li ul li.active a {
     color: #a0c9da;
     border-radius: 8px;
     background-color: #f40010;
     -webkit-box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21);
     box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21) 
}
 .menu li ul li:last-child:hover {
     background: none!important 
}
 .menu li ul li ul li:hover a {
     color: #0d00a3!important 
}
 .menu li ul a:before {
     background: none!important 
}
 .menu li ul li {
     background: none!important 
}
 .menu li ul li.active a:after {
     opacity: 1;
     background: #a0c9da 
}
 .menu li ul li a:after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     background: #f40010;
     width: 3px;
     right: 0;
     opacity: 1;
     border-radius: 3px 
}
 .sub-menu {
     position: absolute;
     left: 0;
     right: 0;
     top: 100%;
     background: #eb1c24;
     z-index: 0;
     opacity: 0;
     width: 100%;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .menu li:hover .sub-menu {
     top: 100%;
     z-index: 99999;
     visibility: visible;
     opacity: 1;
}
 .menu li ul li.active:hover ul {
     position: absolute;
     top: 0;
     left: 300px;
     width: 100%;
     right: 0!important 
}
 .wd50 {
     float: left;
     width: 50% 
}
 .menu li ul li ul {
     left: 300px;
     top: 0;
     opacity: 0;
     visibility: hidden;
     min-height: 260px;
     padding: 0;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     border-bottom-right-radius: 8px;
     z-index: -1;
}
 .menu li ul li ul li a {
     line-height: 3.4;
     display: block;
     background: #228b22!important;
     border-radius: 0!important 
}
 .menu li ul li ul li a:after {
     display: none!important 
}
 .menu li ul li.active ul {
     opacity: 1;
     visibility: visible;
     z-index: 999999;
}
 .menu li ul li ul li:last-child a {
    /* background: none!important;
     */
     line-height: 3.4;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .menu li ul li ul li a {
     color: #fff!important;
     line-height: 38px;
}
 .menu li ul li ul li a {
     -webkit-box-shadow: none!important;
     box-shadow: none!important;
     font-size: 13px!important 
}
 li.abs-item {
     margin: 0!important;
     position: relative;
     background: #f40010;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     right: 0;
     display: block;
}
 li.abs-item span {
     display: block!important;
     height: auto!important 
}
 li.abs-item a {
     display: block!important;
     padding: 0 20px;
     line-height: normal!important;
     height: 100%!important;
     padding-top: 15px 
}
 li.abs-item i:before {
     margin: 0;
     text-align: center;
     display: block 
}
 i.sepet-mavi {
     color: #0d00a3;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     font-weight: bold;
     font-style: normal;
}
 ul.menu li a:hover span {
     color: #fff;
}
 ul.menu li.abs-item a:hover span:last-child i {
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .menu li:nth-child(8) a:hover span:first-child i:before {
     color: #fff !important;
}
 .menu li:nth-child(8) span:first-child i:before {
     color: #0d00a3!important;
     font-size: 21px 
}
 .menu li:nth-child(9) span i {
     font-style: normal!important 
}
 .search {
     position: relative;
	 float:left;
     margin: 0 0 0 5px 
}
 span.arama-icon.gorunur i:before {
     margin: 0;
     line-height: normal;
     margin-left: 4px 
}
 .search input input[type="search"] {
     max-width: 300px;
     height: 44px;
     border-radius: 0;
     background: #032e61;
     color: #989999;
     border-color: #171f23;
     -webkit-box-shadow: none;
     box-shadow: none;
     padding-left: 45px 
}
 .search i:before {
     font-size: 16px;
     color: #000 
}
 div#ust_sonuclar {
     padding: 0;
     color: #fff;
     text-align: center;
     background: #0d00a3 
}
 .search i {
     position: absolute;
     left: inherit;
     top: 11px;
     font-size: 20px;
     color: #989999;
     right: 12px;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 .suggestion-wrap {
     position: absolute;
     z-index: 99;
     left: 20px;
     width: 437px;
	 display:none;
     border-radius: 0;
     top: 100%;
     z-index: 99997;
}
 .suggestion .item {
     position: relative;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     width: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: none!important;
     padding: 15px;
     padding-bottom: 15px;
     border: none!important;
     z-index: 99999 
}
 .item.col-inline-flex span i:before {
     font-size: 22px;
     color: #fff !important;
}
 .suggestion-wrap.activeSug {
     top: 100%;
     opacity: 1;
     visibility: visible;
     -webkit-transition: top 0.3s ease-out;
     -o-transition: top 0.3s ease-out;
     transition: top 0.3s ease-out;
}
 .item.col-inline-flex span {
     position: absolute;
     right: 30px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     top: 23px;
     left: initial 
}
 .search .suggestion .item img {
     max-width: 70px;
     float: left;
     border-radius: 5px 
}
 .search .suggestion .item .name {
     float: left;
     color: #fff;
     margin: 0;
     padding: 0 6px;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     width: calc(100% - 140px);
     padding-left: 20px;
     font-size: 12px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.83;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     max-height: 40px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}
 search span.arama-fyt {
     margin: 0;
     float: right 
}
 span.arama-fyt {
     display: inline-block;
     width: 100px;
     font-weight: 400;
     color: #fff;
     float: left;
     margin-top: -10px;
     font-size: 17px 
}
 .search .suggestion .items-all a:hover {
     background: #0d00a3;
     color: #fff 
}
 .search .suggestion .items-all a {
     font-size: 12px;
     font-weight: 700;
     color: #fff;
     display: block;
     padding: 15px 0;
     text-align: center;
     width: 100%!important 
}
 search .suggestion .items-all a:hover {
     background: #e1254c;
     color: #fff 
}
 div#ust_sonuclar:hover .blur-box-bg:before {
     -webkit-filter: blur(120px);
     filter: blur(120px) 
}
 .suggestion .blur-box-bg:before {
     content: "";
     background-image: url(../img/slider.jpg);
     background-repeat: no-repeat;
     -webkit-filter: blur(60px);
     filter: blur(60px);
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: -30px;
     z-index: 99;
     background-size: cover!important;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
     background-position: right center 
}
 .items.scroll {
     position: relative;
     overflow: hidden 
}
 .suggestion div.blur-container {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0 
}
 .suggestion div.blur-box {
     background-color: rgba(30, 165, 221, .88);
     height: 100% 
}
 .search .suggestion .item:hover {
     background: rgba(42, 67, 91, .27)!important 
}
 div#ust_sonuclar a:hover i:before {
     color: #fff 
}
 .item.col-inline-flex span i {
     position: relative;
     top: -6px;
     right: 0;
     line-height: normal;
}
 .col-inline-flex {
     display: -ms-inline-flexbox;
     display: -webkit-inline-box;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center 
}
 .items-all a {
     border-bottom-left-radius: 25px;
     overflow: hidden;
     background: #228b22;
     border-bottom-right-radius: 25px;
     font-size: 14px!important;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: normal;
     padding: 20px 0!important 
}
 .suggestion {
     padding: 0 0;
     position: relative;
     border-radius: 0 
}
 .s-item {
     padding: 0 
}
 .s-item img {
     width: 30px;
     height: 45px;
     float: left 
}
 .s-item p {
     margin: 0;
     margin-top: 0;
     font-size: 13px;
     overflow: hidden;
     color: #002349 
}
 .s-item h6 {
     margin-top: 0 
}
 .search-table {
     margin-bottom: 0 
}
 .search-table tr {
     border-bottom: 1px solid #dedede;
     padding: 0 15px;
     display: block 
}
 .search-table tr:hover {
     background: rgba(237, 19, 31, 1) 
}
 .search-table tr:hover p {
     color: #fff 
}
 .search-table td a {
     display: block 
}
 .search-table tr:last-of-type {
     border-bottom: none 
}
 .search-table td {
     vertical-align: middle!important;
     color: #002349;
     font-weight: 900;
     border-top: none!important 
}
 .search-table td i {
     color: #002349;
     font-weight: 900 
}
 ul.alt-menu {
     border-bottom-left-radius: 8px;
}
 .main-menu {
     float: right;
     width: 100%;
     background: #fff 
}
 .main-menu>ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100% 
}
 .main-menu>ul>li {
     width: 20%;
     text-align: center;
     position: relative 
}
 .main-menu>ul>li:before {
     content: "";
     position: absolute;
     left: 0;
     width: 1px;
     height: 20px;
     top: 20px;
     background: #c4c7c8 
}
 .main-menu>ul>li:first-of-type:before {
     display: none 
}
 .main-menu>ul>li a {
     color: #171f23 
}
 .main-menu>ul>li>a {
     display: block;
     padding: 15px 10px 
}
 .main-menu>ul>li>a:hover:after {
     content: "";
     background: #ed131f;
     height: 5px;
     width: 60%;
     left: 20%;
     position: absolute;
     bottom: 0 
}
 .main-menu>ul>li.active>a:after {
     content: "";
     background: #ed131f;
     height: 5px;
     width: 60%;
     left: 20%;
     position: absolute;
     bottom: 0 
}
 .main-menu>ul>li:hover>a:after {
     content: "";
     background: #ed131f;
     height: 5px;
     width: 60%;
     left: 20%;
     position: absolute;
     bottom: 0 
}
 .main-menu>ul>li>ul {
     -webkit-transition: all 250ms;
     -o-transition: all 250ms;
     transition: all 250ms;
     position: absolute;
     left: 0;
     top: 95%;
     background: #ed131f;
     padding: 15px;
     text-align: left;
     width: 100%;
     display: inline-table;
     z-index: 99;
     opacity: 0;
     visibility: hidden 
}
 .main-menu>ul>li:hover>ul {
     opacity: 1;
     visibility: visible;
     top: 100% 
}
 .main-menu>ul>li>ul>li {
     position: relative 
}
 .main-menu>ul>li>ul>li>a {
     color: #fff;
     display: block;
     padding: 8px 5px;
     border-bottom: 1px solid rgba(255, 255, 255, .2) 
}
 .main-menu>ul>li>ul>li:last-of-type>a {
     border-bottom: none 
}
 .main-menu>ul>li>ul>li:hover>a {
     background: #e20915 
}
 .main-menu>ul>li>ul>li>a:hover {
     background: #e20915 
}
 .main-menu>ul>li>ul>li:hover>ul {
     left: 100%;
     visibility: visible;
     opacity: 1 
}
 .main-menu>ul>li>ul>li>ul {
     webkit-transition: all 250ms;
     -o-transition: all 250ms;
     -webkit-transition: all 250ms;
     transition: all 250ms;
     position: absolute;
     left: 95%;
     top: 0;
     background: #e20915;
     padding: 5px 15px;
     text-align: left;
     width: 100%;
     display: inline-table;
     z-index: 99;
     opacity: 0;
     visibility: hidden 
}
 .main-menu>ul>li>ul>li>ul>li>a {
     color: #fff;
     display: block;
     padding: 8px 5px;
     border-bottom: 1px solid rgba(255, 255, 255, .2) 
}
 .alt-var {
     position: relative 
}
 .alt-var:after {
     content: "";
     position: absolute;
     right: 0;
     top: 12px;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 5px 0 5px 10px;
     border-color: transparent transparent transparent #fff;
     z-index: 99 
}
 .modal-open .modal {
     background: rgba(0, 0, 0, .7);
     z-index: 999999;
}
 .modal-dialog {
     background: #fff;
     padding: 25px 50px;
     position: absolute;
     top: 50% !important;
     transform: translate(0, -50%) !important;
     -ms-transform: translate(0, -50%) !important;
     -webkit-transform: translate(0, -50%) !important;
     left: 50%;
     margin-left: -405px;
     width: 810px;
}
 .modal-header {
     padding: 0 0 10px 0;
     border-bottom: 1px solid #bbb6b2 
}
 .modal-header h3 {
     margin: 0;
     color: #503e30;
     font-size: 20px;
     font-weight: 600 
}
 .modal-content {
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     overflow: hidden 
}
 .modal-content ul li, .modal-content ol li {
    color: #503e30;
    margin-bottom: 0;
    font-weight: 600;
}
 .modal .close {
     position: absolute;
     right: 0;
     top: 0;
     opacity: 1;
     width: 30px;
     height: 30px;
     font-size: 37px;
}
 .cont-item {
     width: 80%;
     float: left;
     padding: 20px 0;
     border-bottom: 1px solid #a0c9da 
}
 .cont-item span {
     float: left;
     display: inline-block;
     line-height: 24px!important 
}
 .cont-item span:last-child {
     font-family: Nunito;
     font-size: 13px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.92;
     letter-spacing: normal;
     text-align: left;
     color: #000;
     width: 85% 
}
 .cont-item span:first-child {
     width: 15%;
     font-size: 14px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     padding-left: 10px 
}
 .cont-item:first-child span:first-child {
     line-height: 48px!important 
}
 h3.block-h3 a {
     font-size: 14px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 3.36;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     border-bottom: 1px solid #000;
     text-align: center 
}
 h3.block-h3 {
     margin: 0 
}
 h3.block-h3:last-child a {
     border: none 
}
 .f-bulten h3 {
     margin: 0;
     text-align: left;
     display: block;
}
 .social ul.col-inline-flex {
     display: table;
     margin: auto 
}
 .sosyal-baslik {
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 3px;
     color: #a4aeb9;
     text-align: center;
     padding-bottom: 10px 
}
 .social {
     position: relative;
     left: -20px;
     border-radius: 30px;
     background-color: #eef7fa;
     border-top-left-radius: 0!important;
     border-bottom-left-radius: 0;
     padding: 15px 0;
     margin-bottom: 10px 
}
 .fot-orta h3 {
     float: left;
     font-weight: bolder;
     font-size: 16px;
     color: #228b22;
     cursor: default;
     text-transform: uppercase;
     margin: 10px 0;
     margin-right: 4px;
     font-style: normal 
}
 span.dontfollow a {
     color: #333333!important;
     font-size: 11px;
     font-weight: 800;
     margin-top: 7px;
     font-style: normal 
}
 span.dontfollow a:hover {
     color: #00a7ce!important 
}
 span.dontfollow {
     line-height: 22px;
     position: relative 
}
 span.dontfollow:hover:after {
     bottom: -4px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     background: #00a7ce 
}
 span.dontfollow:after {
     content: "";
     position: absolute;
     bottom: 8px;
     left: 0;
     right: 0;
     background: #333;
     height: 1px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s 
}
 .social ul li a i {
     font-size: 11px;
     position: relative;
     top: -1px;
     left: 0;
     z-index: 9;
}
 .social ul li a:hover {
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 li.instagram a:after {
     background-image: -webkit-gradient(linear, left bottom, left top, from(#6d8aa0), to(#343436));
     background-image: -webkit-linear-gradient(bottom, #6d8aa0, #343436);
     background-image: -o-linear-gradient(bottom, #6d8aa0, #343436);
     background-image: linear-gradient(to top, #6d8aa0, #343436);
     -webkit-transition: opacity 0.5s ease-out;
     -o-transition: opacity 0.5s ease-out;
     transition: opacity 0.5s ease-out;
     z-index: 2;
     opacity: 0;
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     overflow: hidden;
}
 .urunDetay .social ul {
     display: inline-block !important;
     -webkit-box-align: initial !important;
     -ms-flex-align: initial !important;
     align-items: initial !important;
     margin: initial !important;
     width: 49px;
}
 .urunDetay .social li.facebook {
     background: #3b5998;
     float: none !important;
     display: block !important;
}
 .urunDetay .social li {
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
     width: 49px;
     height: 50px;
}
 .urunDetay .social ul li a i {
     font-size: 25px !important;
     color: #fff;
     text-align: center !important;
     display: block;
     top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     font-weight: 300;
     height: 100%;
     line-height: 50px;
}
 .urunDetay li.twitter {
     background: #55acee;
}
 .urunDetay li.google {
     background: #dc4e41;
}
 .urunDetay li.linkedin {
     background: #1385af;
}
 li.instagram:hover a:after {
     opacity: 1;
     background: #d6249f;
     background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     border-radius: 20px;
     overflow: hidden;
}
 li.instagram a {
     overflow: hidden;
}
 .social ul.col-inline-flex li {
     float: left 
}
 .social ul li a {
     font-size: 20px !important;
     color: #eef7fa !important;
     text-align: center;
     margin: 0 5px;
     width: 22px;
     height: 22px;
     background-color: #a4aeb9;
     border-radius: 30px;
     -webkit-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
     position: relative;
}
 h3.block-h3 a:hover {
     color: #0d00a3 
}
 li.youtube-play:hover a {
     background: #f00;
}
 li.google-plus:hover a {
     background: #d34836;
}
 .object.menu.object-item.active .menu-title h3 {
     color: #0d00a3;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .facebook a:hover {
     background: #3B5998;
}
 .twitter a:hover {
     background: #00aced;
}
 li.linkedin a:hover {
     background: #4875B4;
}
 .objects input[type="email"] {
     margin-top: 0;
     width: calc(100% - 38px);
     border: 1px solid #228b22;
     border-radius: 0;
     height: 39px;
     background: none;
     border-top-left-radius: 19px;
     padding-left: 20px;
     border-bottom-left-radius: 19px;
     font-size: 11px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     margin-top: 0;
     -webkit-appearance: none;
}
 input.sent.topCenter {
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     background-position: bottom center!important 
}
 .objects input[type="email"]:focus {
     border: 1px solid #0d00a3 
}
 .ebulten-form input:focus::-webkit-input-placeholder {
     color: #0d00a3 !important;
     font-weight: 600;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .ebulten-form input:focus::-moz-placeholder {
     color: #0d00a3 !important;
     font-weight: 600;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .ebulten-form input:focus:-ms-input-placeholder {
     color: #0d00a3 !important;
     font-weight: 600;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .ebulten-form:focus:-moz-placeholder {
     color: #0d00a3 !important;
     font-weight: 600;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .objects input[type="submit"] {
     height: 39px;
     width: 50px;
     border: none;
     position: absolute;
     display: block;
     top: 9px;
     right: 20px;
     background-size: 100%;
     background-position: top center;
     background: none;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     font-family: Flaticon;
     z-index: 9999;
}
 .objects form {
     position: relative;
}
 i.flat-ps.flaticon-add {
     border: 1px solid #228b22;
     height: 39px;
     background: #228b22;
     color: #fff;
     border-top-right-radius: 19px;
     border-bottom-right-radius: 19px;
     position: absolute;
     line-height: 39px;
     padding: 0 10px;
     right: -4px;
}
 i.flat-ps.flaticon-add:before {
     margin: 0;
}
 .objects ul {
}
 .copy {
     padding: 20px 0 15px;
     border-top: 1px solid rgba(255, 255, 255, .2);
     background: #eef7fa 
}
 .slider {
     position: relative;
     height: auto 
}
 .slider .swiper-slide:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(66, 66, 66, .74) 
}
 .backgrounds {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 190px;
     height: 165px;
     opacity: 1;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in 
}
 .back {
     height: 100%;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     background-position: center center!important;
     border-top-left-radius: 8px 
}
 .slider-content {
     display: none 
}
 .swiper-slide-active .slider-content {
     display: table 
}
 .slider-content {
     width: 690px;
     color: #fff;
     position: relative;
     z-index: 9999;
     height: 100% 
}
 .slide-baslik {
     font-family: Nunito;
     font-size: 35px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.46;
     letter-spacing: normal;
     text-align: left;
     color: #fff 
}
 .slide-aciklama {
     font-family: Nunito;
     font-size: 17px;
     font-weight: 300;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.88;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     text-shadow: 0 2px 4px rgba(0, 0, 0, .26);
     margin-top: 25px 
}
 a.mavi-brd-btn span i {
     font-style: inherit;
     font-weight: 800 
}
 a.mavi-brd-btn span i:before {
     margin: 0;
     font-size: 15px;
     font-weight: 100 
}
 a.mavi-brd-btn span i:before {
     height: 15px;
     border-radius: 100px;
     border: 2px solid #fff;
     font-size: 8px;
     padding: 5px 
}
 a.mavi-brd-btn span:first-child {
     margin-right: 4px;
     margin-top: 2px 
}
 a.mavi-brd-btn {
     width: 191px;
     height: 55px;
     border-radius: 36.5px;
     background-color: #0d00a3;
     font-family: Nunito;
     font-size: 13px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     margin-top: 23px;
     line-height: 55px;
     float: left;
     position: relative;
     padding-right: 20px 
}
 a.mavi-brd-btn span {
     font-weight: 600;
     display: inline-block;
     line-height: 55px 
}
 a.mavi-brd-btn span:nth-child(2) {
     position: absolute;
     top: 1px;
     right: 25px 
}
 a.mavi-brd-btn:hover {
     background: #228b22 
}
 .slider .container {
     height: 100% 
}
 .tablo-cell {
     display: table-cell;
     vertical-align: middle 
}
 .slider .swiper-slide {
     height: calc(100vh - 172px);
     background-position: top center!important;
     background-size: cover!important;
     background-repeat: no-repeat!important 
}
 .slider-pagi .swiper-pagination-bullet {
     background: none!important;
     font-family: Nunito;
     font-size: 20px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a49d9d;
     width: auto;
     height: 1.3em;
     display: block;
     text-align: center;
     margin-bottom: 20px;
     opacity: 1;
     -webkit-transition: height 0.5s;
     -o-transition: height 0.5s;
     transition: height 0.5s 
}
 .slider-pagi {
     display: block 
}
 .slider-pagi .swiper-pagination-bullet-active {
     font-size: 35px;
     color: #fff;
     height: 170px;
     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 
}
 .h100 {
     position: absolute;
     right: 50px;
     top: 0;
     bottom: 0;
     width: 76px;
     z-index: 1 
}
 .dikey-ortala {
     display: table;
     width: 100%;
     height: 100%;
     float: right 
}
 .slider .swiper-button-next, .slider .swiper-button-prev {
     background: none!important;
     width: 30px;
     height: 25px;
     position: relative;
     color: #fff;
     margin: 0;
     display: block;
     right: 0;
     left: 0;
     top: 0 
}
 .slider .swiper-button-next i:before, .slider .swiper-button-prev i:before {
     margin: 0!important;
     font-size: 25px!important 
}
 .manset-nav {
     display: block;
     margin: auto;
     height: 170px;
     position: absolute;
     width: 100%;
     border: 1px solid #a49d9d;
     border-radius: 44px;
     -webkit-transition: top 0.5s;
     -o-transition: top 0.5s;
     transition: top 0.5s 
}
 .slider .swiper-button-next.swiper-button-disabled {
}
 .slider .swiper-button-next {
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg);
     position: absolute;
     left: 50%;
     bottom: 20px!important;
     margin-left: -11.5px;
     top: initial 
}
 .slider .swiper-button-prev {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     position: absolute;
     top: 20px!important;
     display: block;
     left: 50%;
     margin-left: -17.5px;
     bottom: initial 
}
 .urunButun {
     padding: 50px 0;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     padding-bottom: 20px;
     margin-top: 0;
     z-index: 999;
     position: relative 
}
 .urunTab {
     display: table;
     margin: 0 auto 
}
 .urunTab li a {
     border-radius: 0!important;
     border-radius: 35px!important;
     border: solid 1px #0d00a3!important;
     font-family: Nunito;
     font-size: 14px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     text-align: center;
     padding: 19px 35px;
}
 .urunTab li {
     margin: 0 30px;
     width: 245px;
}
 .urunTab li.active a {
     background-color: #228b22;
     -webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
     box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36) 
}
 .urunTab li.active a {
     background-color: #228b22!important;
     -webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
     box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
     color: #fff;
     border: 1px solid #228b22!important 
}
 .urunButun .tab-content {
     padding: 0 
}
 .urunTab li a:hover {
     background: #228b22;
     color: #fff;
     border: 1px solid #228b22!important;
}
 .urun-ortala {
     height: 180px;
     float: left;
     width: 100%;
}
 .urunLogo img {
     float: right;
     padding-right: 10px;
     width: 100px;
}
 .urunGenel, .urunGenel2, .urunGenel3 {
     min-height: 380px!important;
     border-radius: 8px;
     background-color: #fefafa;
     -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
     box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
     margin: 18px;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
     overflow: hidden;
}
 .hediyeli_urun {
    float: left;
    height: 33px;
    border-radius: 8px;
    border: solid 1px #0d00a3;
    line-height: normal;
    font-family: Nunito;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    color: #0d00a3;
    width: 47px;
    padding-top: 1px;
    margin-left: 10px;
    padding-top: 3px;
}
 .hediyeli_urun i:before {
}
 i.fa.fa-gift {
}
 .hediyeli_urun .fa.fa-gift:before {
     margin-right: 0 !important;
     font-size: 13px;
}
 .golge {
     position: absolute;
     bottom: 0;
     left: 50%;
     margin-left: -89px 
}
 .urun-ortala:before {
     content: "";
     display: inline-block;
     vertical-align: middle;
     width: 0;
     margin-right: -.25em;
     height: 100% 
}
 .urun-img img {
     display: inline-block!important;
     vertical-align: middle;
     white-space: normal;
     max-height: 140px;
     margin-top: -12px;
}
 .urunButun .tab-content>.tab-pane.active {
     visibility: visible 
}
 .urunButun .tab-content {
     position: relative 
}
 .urunButun .tab-pane:not(:first-child) {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0 
}
 .urunButun .littleImage.slick-slide.slick-current.slick-active.slick-center {
     opacity: 1;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .detailed-filter .urunAck i:before {
     margin: 0 
}
 .slick-list {
     overflow: visible 
}
 .formlar.uyegirisform input[type=button] {
     background-image: none;
     float: right;
     border: none;
}
 .formlar input[type=button] {
     border-radius: 0px;
     background-color: #0d00a3;
     width: 94%;
     height: 38px;
     font-size: 12px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     margin-top: 10px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .modal-content ul li {
    list-style-type: initial;
    margin-left: 3px;
}
 li {
     list-style: none 
}
 textarea {
     resize: none 
}
 img {
     max-width: 100% 
}
 pre {
     background: #585858;
     color: #fff 
}
 .facebook {
     color: #3b5998 
}
 .twitter {
     color: #00aced 
}
 .pinterest {
     color: #bd081c 
}
 .instagram {
     color: #7f3bb2 
}
 .google {
     color: #dd4d40 
}
 .martodo.alert {
     position: relative;
     width: 100%;
     font-size: 16px;
     margin-bottom: 15px;
     padding: 10px;
     display: table;
     background-color: #fdfdfd;
     border: 1px solid #ddd;
     border-radius: 6px 
}
 .martodo.alert.loadIcon .child-1 {
     width: 72px 
}
 .martodo.alert.loadIcon .child-1 i {
     float: left 
}
 .martodo.alert:after {
     content: '';
     clear: both;
     display: block 
}
 .martodo.alert:hover {
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
     box-shadow: 0 1px 3px rgba(0, 0, 0, .15) 
}
 .martodo.alert:hover .close {
     display: block 
}
 .martodo.alert .td {
     display: table-cell 
}
 .martodo.alert .child-1 {
     width: 36px;
     vertical-align: middle 
}
 .martodo.alert .child-1 i {
     color: #fff;
     width: 36px;
     height: 36px;
     line-height: 36px;
     display: block;
     text-align: center;
     text-shadow: -5px 6px 5px rgba(0, 0, 0, .1);
     border-radius: 100%;
     font-size: 20px 
}
 .martodo.alert .close {
     position: absolute;
     top: 50%;
     right: 10px;
     color: #777;
     width: 26px;
     display: none;
     font-size: 13px;
     cursor: pointer;
     text-align: center;
     line-height: 26px;
     margin-top: -13px;
     border-radius: 3px 
}
 .martodo.alert .close i {
     line-height: 26px 
}
 .martodo.alert .close:hover {
     background-color: #eee 
}
 .martodo.alert .child-2 {
     color: #555;
     font-size: 13px;
     margin: 0 45px;
     padding: 8px 0 8px 10px 
}
 .martodo.alert.danger .child-1 i {
     background-color: #e84142;
}
 .martodo.alert.success .child-1 i {
     background-color: rgba(132, 179, 18, 0.51);
}
 .martodo.alert.warning .child-1 i {
     background-color: #fbab00;
}
 .martodo.alert.info .child-1 i {
     background-color: #39a5dd;
}
 .input-group {
     position: relative;
     width: 100%;
     margin-top: 10px 
}
 .kariyer-btn {
     background: #d7d8da;
     color: #626161;
     position: absolute!important;
     right: 0;
     top: 0;
     z-index: 99;
     padding: 5px 27px!important;
     border-radius: 0;
     height: 100%;
     line-height: 35px 
}
 .kariyer-btn:hover {
     color: #fff;
     z-index: 99!important 
}
 .input-group-btn {
     position: static!important;
     width: 0 
}
 input, textarea, select {
     -webkit-box-shadow: none!important;
     box-shadow: none!important 
}
 .map-responsive {
     overflow: hidden;
     padding-bottom: 350px;
     position: relative;
     height: 0;
     max-width: 100%;
     margin-bottom: 25px 
}
 .map-responsive iframe {
     left: 0;
     top: 0;
     height: 100%;
     max-height: 350px;
     width: 100%;
     position: absolute 
}
 .twice {
     width: 100%;
     overflow: hidden 
}
 .twice-item {
     width: 48%;
     float: left;
     position: relative 
}
 .twice-item i {
     position: absolute;
     right: 10px;
     bottom: 12px;
     font-size: 17px 
}
 .twice-item:last-of-type {
     float: right 
}
 section.markalarimiz {
     padding: 60px 0 30px 
}
 .wd20 {
     float: left;
     width: 20%;
     padding: 0 15px 
}
 .wd100 {
     float: left;
     width: 100% 
}
 .twice-item span {
     position: absolute;
     right: 0;
     top: 10px 
}
 @media (max-width:767px) {
     .twice-item {
         width: 100%!important 
    }
}
 section.markalarimiz.referanslarimiz .sayfalama {
     margin-bottom: 0;
}
 .sayfalama {
     text-align: center;
     overflow: hidden;
     float: left;
     width: 100%;
     margin-bottom: 40px;
}
 .sayfalama .pagination>li>a {
     margin: 0 5px 10px;
     padding: 0!important;
     width: 38px;
     height: 38px;
     border: solid 1px #0d00a3!important;
     border-radius: 40px;
     font-size: 11px;
     font-weight: 600;
     line-height: 38px;
}
 .pagination>li {
     display: inline-block;
}
 .sayfalama .pagination>li>a:hover {
     border: 1px solid #228b22!important;
     background: #228b22!important;
     color: #fff 
}
 .sayfalama .pagination>.active>a {
     background-color: #0d00a3!important 
}
 .calendar-select .tooltip {
     position: static;
     opacity: 1 
}
 .calendar-select #dogum_tarihi_Previous_ID, .calendar-select #dogum_tarihi_Next_ID {
     font-size: 20px;
     color: #000;
     border: none!important;
     cursor: pointer!important;
     line-height: inherit;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .calendar-select #dogum_tarihi_Previous_ID:hover, .calendar-select #dogum_tarihi_Next_ID:hover {
     background: #000;
     color: #fff 
}
 .calendar-select #dogum_tarihi_Current_ID {
     color: #111;
     font-size: 12px;
     font-weight: 700;
     padding: 0!important 
}
 .calendar-select .calendar-table tbody>tr:first-child {
     padding: 10px 0;
     line-height: 40px;
     background-color: #fff!important 
}
 .calendar-select #dogum_tarihi_ID {
     position: relative 
}
 .calendar-select #dogum_tarihi_ID:before {
     border: 1px solid #bbb;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: '';
     pointer-events: none 
}
 .calendar-select .calendar-table tbody>tr:last-child td {
     line-height: 30px;
     background: #eaeaea;
     border-top: 1px solid #bbb;
     border-bottom: 1px solid #bbb 
}
 .calendar-select #dogum_tarihi_DayTable_ID td {
     font-size: 10px;
     color: #111;
     line-height: 26px;
     cursor: pointer!important;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .calendar-select #dogum_tarihi_DayTable_ID td:hover {
     color: #fff!important 
}
 .calendar-select .calendar-icon i {
     font-size: 27px;
     margin-left: 10px 
}
 .hamburger-menu {
     display: none 
}
 .hamburger-menu {
     width: 30px;
     height: 22px;
     top: 50px;
     right: 35px;
     position: absolute;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
     z-index: 999999 
}
 .hamburger-menu span {
     display: block;
     position: absolute;
     height: 4px;
     width: 100%;
     background: #fff;
     border-radius: 9px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out 
}
 .hamburger-menu span:nth-child(1) {
     top: 0 
}
 .hamburger-menu span:nth-child(2), .hamburger-menu span:nth-child(3) {
     top: 9px 
}
 .hamburger-menu span:nth-child(4) {
     top: 18px 
}
 .mobile-menu-active .hamburger-menu span {
     background: #fff 
}
 .mobile-menu-active .hamburger-menu {
     position: fixed;
     z-index: 9999999999 
}
 .mobile-menu-active .hamburger-menu span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50% 
}
 .mobile-menu-active .hamburger-menu span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -ms-transform: rotate(45deg) 
}
 .mobile-menu-active .hamburger-menu span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -ms-transform: rotate(-45deg) 
}
 .mobile-menu-active .hamburger-menu span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50% 
}
 .mobile-menu {
     background: #228b22fa;
     position: fixed;
     right: 0;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 999999;
     padding: 25px;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-transform: translate(100%, 0);
     -ms-transform: translate(100%, 0);
     transform: translate(100%, 0);
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     opacity: 0;
     visibility: hidden;
}
 .mobile-menu-active .mobile-menu {
     -ms-transform: translate(0, 0);
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0) 
}
 .mobile-menu h3 {
     margin: 0;
     color: #fff;
     padding: 10px 0 0 0 
}
 .mobile-menu h3.menu-name:before {
     content: "\f104";
     font-family: FontAwesome;
     cursor: pointer;
     margin-right: 5px 
}
 .mobile-menu .rtl {
     left: 100%;
     opacity: 1;
     visibility: visible 
}
 .mobile-menu .ltl {
     left: -100% 
}
 .mobile-menu>ul {
     -webkit-padding-start: 0;
     padding-inline-start: 0;
     padding-left: 25px;
     position: absolute;
     left: 0;
     width: 100%;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease 
}
 .mobile-menu>ul>li {
     list-style: none 
}
 .mobile-menu>ul>li>a {
     color: #fff;
     display: block;
     padding: 10px 0;
     font-size: 15px 
}
 .mobile-menu>ul>li>a>i {
     margin-right: 5px;
     font-family: FontAwesome;
     width: 25px;
     text-align: center 
}
 .mobile-menu>ul>li>ul {
     -webkit-padding-start: 0;
     padding-inline-start: 0;
     padding-left: 25px;
     position: absolute;
     top: 0;
     width: 100%;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     left: 100%;
     opacity: 0;
     visibility: hidden 
}
 .mobile-menu>ul>li>ul>li {
     list-style: none 
}
 .mobile-menu>ul>li>ul>li>a {
     color: #fff;
     display: block;
     padding: 10px 0;
     font-size: 15px 
}
 .mobile-menu>ul>li>ul>li>a>i {
     margin-right: 5px;
     font-family: FontAwesome;
     width: 25px;
     text-align: center 
}
 .mobile-menu>ul>li>ul>li>ul {
     -webkit-padding-start: 0;
     padding-inline-start: 0;
     padding-left: 40px;
     display: none 
}
 .mobile-menu>ul>li>ul>li>ul>li {
     list-style: none 
}
 .mobile-menu>ul>li>ul>li>ul>li>a {
     color: #fff;
     display: block;
     padding: 10px 0;
     font-size: 15px 
}
 .mobile-menu>ul>li>ul>li>ul>li>a>i {
     margin-right: 5px;
     font-family: FontAwesome;
     width: 25px;
     text-align: center 
}
 .contents {
     display: none 
}
 .contents.active {
     display: block!important;
     width: 100% 
}
 .sonuc {
     margin-bottom: 15px;
     border: 1px solid #cCc;
     padding: 15px;
     min-height: 145px 
}
 .sonuc .baslik {
     margin: 0;
     padding: 0;
     text-align: left 
}
 .sonuc img {
     margin-bottom: 10px;
     float: left;
     width: 100px;
     margin-right: 20px 
}
 .stitle a {
     color: #ee1c25;
     border-left: 2px solid #ee1c25;
     padding-left: 15px 
}
 .scontent a {
     padding: 0 25px 
}
 .captcha {
     position: relative;
     width: 48%;
     float: left;
     border: 1px solid #cCc 
}
 .captcha #siimage {
     width: 70%;
     border: none!important;
     height: 46px 
}
 .captcha1 {
     padding: 10px 0 
}
 .captcha>.input-item>img {
     max-height: 50px;
     width: 175px 
}
 .captcha object {
     position: absolute;
     right: 15px;
     top: 11px 
}
 .captcha a>img {
     position: absolute;
     width: 19px;
     right: 18px;
     top: 14px;
}
 .captcha-btn {
     width: 50%;
     float: right 
}
 .captcha-btn input {
     height: 49px 
}
 .captcha-btn1 {
     width: 50% 
}
 .captcha a>img {
     position: absolute;
     width: 25px;
     right: 10px;
     top: 12px;
     -webkit-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
}
 .captcha a>img:hover {
     -webkit-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);
}
 @media (max-width:480px) {
     .captcha {
         width: 100% 
    }
     .captcha-btn {
         width: 100% 
    }
     .captcha-btn1 {
         width: 100% 
    }
}
 @media (min-width:992px) and (max-width:1200px) {
     .captcha1 a>img {
         margin-left: -33px 
    }
}
 .biltek {
     float: right 
}
 .biltek a {
     float: right;
     padding-right: 10px;
     font-size: 12px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #4a4a4a 
}
 .f-social {
     float: left;
     display: inline-block 
}
 .f-social p {
     font-size: 12px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #9b9b9b;
     font-family: Nunito 
}
 .f-social span {
     font-weight: 700;
     color: #4a4a4a;
     font-size: 12px 
}
 .biltek a img {
     margin-top: -4px;
     width: 25px 
}
 .page-title {
     height: 175px;
     background-position: center center!important;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     background: #141517;
     position: relative 
}
 .page-title>.container {
     position: relative;
     height: 100% 
}
 .page-title h3 {
     margin: 0;
     font-family: Nunito;
     font-size: 20px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #eef7fa;
     position: absolute;
     bottom: 30px;
     left: 60px 
}
 .breadcrumb {
     background: transparent;
     margin: 0;
     padding: 0 
}
 .page-title h3:before {
     content: "";
     position: absolute;
     height: 2px;
     width: 31px;
     left: -40px;
     background: #0d00a3;
     top: 12px;
}
 .title-first {
     padding-top: 50px 
}
 .breadcrumb li i:before {
     margin: 0 10px!important;
     font-size: 10px;
     color: #a0c9da 
}
 .breadcrumb li a {
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .breadcrumb li.active a {
     font-weight: 700;
     color: #a0c9da 
}
 .breadcrumb li a:hover {
     color: #fff 
}
 .breadcrumb li.active {
     color: #fff;
     font-size: 14px 
}
 .breadcrumb>li+li:before {
     display: none 
}
 .title-menu {
     position: absolute;
     right: 15px;
     bottom: 0 
}
 .title-menu ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end 
}
 .title-menu ul li a {
     background: #7a0205;
     color: #fff;
     position: relative;
     margin-left: 2px;
     display: block;
     padding: 10px 15px 
}
 .title-menu ul li a:after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 15px 15px 0;
     border-color: transparent #141517 transparent transparent 
}
 .title-menu ul li.active a, .title-menu ul li a:hover {
     background: #fff;
     color: #7a0205 
}
 .control-group {
     display: inline-block;
     vertical-align: top;
     background: #fff;
     text-align: left;
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
     box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
     padding: 30px;
     margin: 10px 
}
 .control {
     display: block;
     position: relative;
     padding-left: 30px;
     margin-bottom: 15px;
     cursor: pointer;
     font-size: 18px 
}
 .control input {
     position: absolute;
     z-index: -1;
     opacity: 0;
     display: none 
}
 .control span {
     height: 25px;
     line-height: 20px;
     font-size: 12px 
}
/* .control__indicator {
     position: absolute;
     top: 2px;
     left: 0;
     height: 20px;
     width: 20px;
     background: #e6e6e6 
}
 */
 .control--radio .control__indicator {
     border-radius: 50% 
}
 .control:hover input~.control__indicator, .control input:focus~.control__indicator {
     background: #ccc 
}
 .control input:checked~.control__indicator {
     background: #228b22 
}
 .control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
     background: #0e647d 
}
 .control input:disabled~.control__indicator {
     background: #e6e6e6;
     opacity: .6;
     pointer-events: none 
}
 .control__indicator:after {
     content: '';
     position: absolute;
     display: none 
}
 .control input:checked~.control__indicator:after {
     display: block 
}
 .control--checkbox input:disabled~.control__indicator:after {
     border-color: #7b7b7b 
}
 .control--radio .control__indicator:after {
     left: 7px;
     top: 7px;
     height: 6px;
     width: 6px;
     border-radius: 50%;
}
 .control--radio input:disabled~.control__indicator:after {
     background: #7b7b7b 
}
 .select {
     position: relative;
     display: inline-block;
     margin-bottom: 15px;
     width: 100% 
}
 .select select {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     padding: 10px 15px;
     outline: 0;
     border: 0;
     border-radius: 0;
     background: #e6e6e6;
     color: #7b7b7b;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none 
}
 .select select::-ms-expand {
     display: none 
}
 .select select:hover, .select select:focus {
     color: #000;
}
 .select select:disabled {
     opacity: .5;
     pointer-events: none 
}
 .select__arrow {
     position: absolute;
     top: 20px;
     right: 15px;
     width: 0;
     height: 0;
     pointer-events: none;
     border-style: solid;
     border-width: 8px 5px 0 5px;
     border-color: #7b7b7b transparent transparent transparent;
}
 .select select:hover~.select__arrow, .select select:focus~.select__arrow {
     border-top-color: #000 
}
 .select select:disabled~.select__arrow {
     border-top-color: #ccc 
}
 .twice {
     width: 100%;
     overflow: hidden 
}
 .twice-item {
     width: 48%;
     float: left;
     position: relative 
}
 .twice-item i {
     position: absolute;
     right: 10px;
     bottom: 12px;
     font-size: 17px 
}
 .twice-item:last-of-type {
     float: right 
}
 .twice-item span {
     position: absolute;
     right: 0;
     top: 10px 
}
 .input-group {
     position: relative;
     width: 100% 
}
 .kariyer-btn {
     background: #d7d8da;
     color: #626161;
     position: absolute!important;
     right: 0;
     top: 0;
     z-index: 99;
     padding: 5px 27px!important;
     border-radius: 0;
     height: 35px;
     line-height: 25px 
}
 .kariyer-btn:hover {
     color: #fff;
     z-index: 99!important 
}
 .input-group-btn {
     position: static!important;
     width: 0 
}
 .btn-wrap {
     padding: 25px 15px;
     width: 100%;
     overflow: hidden;
     text-align: center 
}
 .btn-detay {
     background: #05376a;
     color: #fff;
     font-size: 15px;
     padding: 10px 15px;
     border-radius: 0;
     font-weight: 700;
     position: relative;
     min-width: 230px;
     text-align: left 
}
 .btn-detay i {
     position: absolute;
     right: 15px;
     top: 12px 
}
 .btn-detay:hover {
     color: #fff;
     background: #272729 
}
 .btn-trans {
     background: transparent;
     color: #fff;
     font-size: 15px;
     padding: 10px 25px;
     border-radius: 20px;
     border: 1px solid #fff;
     margin: 10px 0 
}
 .btn-trans i {
     margin-right: 10px 
}
 .btn-trans:hover {
     color: #fff;
     background: rgba(254, 210, 6, .6);
     border-color: rgba(254, 210, 6, .6) 
}
 .btn-save {
     border: 2px solid #fff;
     background: #000;
     color: #fff;
     border-radius: 0;
     padding: 8px 40px 
}
 .btn-save:hover {
     color: #fff 
}
 .btn-out {
     background: #969696;
     color: #fff;
     border-radius: 0;
     padding: 0 40px;
     border-radius: 27px!important;
     background: #228b22;
     color: #fff!important;
     line-height: 42px;
}
 .btn-out:hover {
     color: #fff 
}
 .form-div {
     margin-bottom: 10px;
     overflow: hidden;
     width: 100% 
}
 .form-div .form-div {
     margin-top: 5px 
}
 .form-div p {
     margin: 0;
     color: #232a2e;
     font-weight: 600;
     font-size: 12px 
}
 .form-div input {
     border-radius: 0 
}
 .form-div select {
     border-radius: 0 
}
 .form-div textarea {
     border-radius: 0;
     border-radius: 0px !important;
     border: solid 1px #a0c9da;
     background: #fff;
     color: #228b22;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .page {
     padding: 5px 0 5px 0 
}
 h3.gorunmez-baslik {
     display: none;
}
 .search-wrap {
     display: none;
}
 .page .img-banner {
     width: 100% 
}
 .header .col-right {
     float: right;
     margin-bottom: 12px 
}
 .header .col-right .header-abs a span i {
     position: relative;
     top: 3px 
}
 .header .col-right .header-abs a {
     padding: 7px 18px;
     border-radius: 38px;
     border: solid 1px #a0c9da;
     font-family: Nunito;
     font-size: 11px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #8dbbce;
     margin: 0 6px;
     position: relative;
}
 .header {
     padding: 12px 0;
     background: #f7f7f7;
     padding-bottom: 0 
}
 .full-mavi {
     background: #228b22;
     border-bottom: 1px solid #f40010;
     -webkit-box-sizing: border-box;
     box-sizing: border-box 
}
 .header .col-right a i:before {
     margin: 0;
     font-weight: 300 
}
 .header .col-right a {
     float: left;
     font-size: 12px 
}
 .header .col-right a span:nth-child(2) {
     line-height: 26px;
     padding-left: 7px 
}
 a.arama span:first-child {
     line-height: 44px;
     padding-right: 15px;
     color: #000;
     font-weight: 600;
     font-size: 10px 
}
 .header .col-right a.arama span:nth-child(2) {
     line-height: normal 
}
 a.arama {
     background: #f7f7f7;
     padding: 0 17px!important;
     padding-right: 0!important 
}
 .search.arama form a {
     width: 44px;
     height: 44px;
     background-color: #fff;
     border: solid 1px #0d00a3;
     border-radius: 100px;
     padding-left: 0!important;
     position: absolute;
     right: 0;
     margin: 0 
}
 .inactive {
     display: none;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease 
}
 .search i:Before {
     color: #000!important;
     font-size: initial!important 
}
 .deactive {
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease 
}
 a.gorunmez {
     display: none 
}
 a.arama-icon.gorunur .inactive {
     display: block;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease 
}
 a.arama-icon.carpi .deactive {
     display: block 
}
 a.arama-icon.carpi i {
     top: 5px;
     left: 16px 
}
 a.arama-icon.carpi i:before {
     font-size: 12px 
}
 span.arama-icon i {
     text-align: center;
     display: block 
}
 span.arama-icon i:before {
     font-size: 16px;
     color: #000 
}
 .header .col-right .header-abs a span i {
     position: relative;
     top: 3px 
}
 .header .col-right a:nth-child(2):hover {
     background: #228b22;
     border: 1px solid #228b22 
}
 .ekatalog:hover {
     background: #a0c9da !important;
     color: #fff !important;
     border: 1px solid #a0c9da !important;
}
 input, textarea, select {
     -webkit-box-shadow: none!important;
     box-shadow: none!important 
}
 .col-right .search form input[type="search"]::-webkit-input-placeholder {
     font-family: Nunito;
     font-size: 11px;
     font-weight: 700;
     color: #228b22 
}
 .col-right .search form input[type="search"]::-moz-placeholder {
     font-family: Nunito;
     font-size: 11px;
     font-weight: 700;
     color: #228b22 
}
 .col-right .search form input[type="search"]:-ms-input-placeholder {
     font-family: Nunito;
     font-size: 11px;
     font-weight: 700;
     color: #228b22;
}
 .col-right .search form input[type="search"]:-moz-placeholder {
     font-family: Nunito;
     font-size: 11px;
     font-weight: 700;
     color: #228b22 
}
 .col-right .search form input[type="search"] {
     height: 45px;
     border: 0;
     background: #f7f7f7;
     border-radius: 100px;
     float: left;
     width: 60px;
     color: #000;
     -webkit-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     font-weight: 700;
     width: 129px;
     border: 1px solid #0d00a3;
     position: relative;
     font-family: Nunito;
     font-size: 11px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #0d00a3;
     padding-left: 20px 
}
 .col-right .search form input[type="search"]:focus {
     width: 477px;
}
 a.kalibrasyon {
     background: #0d00a3;
     color: #fff !important;
     border: 1px solid #0d00a3 !important;
}
 a.kalibrasyon:hover {
     background: #228b22;
     border: 1px solid #228b22 !important;
}
 .header-bottom {
     background: #228b22;
     position: relative;
     float: left;
     width: 100% 
}
 .header-abs {
     position: absolute;
     right: 185px 
}
 .header .container {
     position: relative 
}
 ul.menu {
     float: right;
     padding: 0;
     position: relative;
     -webkit-box-sizing: border-box;
     box-sizing: border-box 
}
 ul.menu li {
     float: left;
     margin-right: 24px;
     height: 80px;
}
 ul.menu li:last-child {
     margin: 0;
    /* position: relative;
     */
     background: #f40010;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .uyemenu ul li:hover .alt- {
     display: block 
}
 .alt {
     position: absolute;
     z-index: 100;
     height: 225px;
     width: 292px;
     top: 90%;
     right: 0;
     background-color: #f40010;
     padding: 10px;
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .uyemenu ul li:hover .alt- {
     display: block 
}
 .formlar.uyegirisform {
     font-size: 14px;
     font-weight: 200;
     color: #fff;
     padding: 10px 
}
 input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 100px white inset !important;
}
 .formlar.uyegirisform tr td {
     position: relative 
}
 .formlar.uyegirisform tr td i {
     position: absolute;
     margin-top: 0;
     top: 12px;
     left: 18px;
     height: 22px;
     border-right: 1px solid #a0c9da;
     line-height: 24px;
     padding-right: 10px 
}
 .formlar.uyegirisform tr td i:before {
     color: #a0c9da !important;
     margin: 0;
     font-size: 18px;
     font-weight: 400;
}
 input:-webkit-autofill {
     -webkit-background-color: #fff !important;
}
 .border-buton {
     border: solid 1px #ffffff!important;
     background: #f40010!important 
}
 .border-buton:hover {
     background: #0d00a3!important;
     border: 1px solid #0d00a3!important;
     color: #fff!important 
}
 .formlar.uyegirisform input[type=submit] {
     background-image: none;
     float: right;
     border: none 
}
 .formlar.uyegirisform a {
     color: #5b6268;
     text-decoration: underline 
}
 .formlar.uyegirisform input[type=text]:focus {
     background: #eef7fa!important;
     border: 1px solid #0d00a3!important;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 .formlar.uyegirisform input[type=password]:focus {
     background: #eef7fa!important;
     border: 1px solid #0d00a3!important;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 .formlar.uyegirisform input::-webkit-input-placeholder {
     color: #228b22;
     font-weight: 600 
}
 .formlar.uyegirisform input::-moz-placeholder {
     color: #228b22;
     font-weight: 600 
}
 .formlar.uyegirisform input:-ms-input-placeholder {
     color: #228b22;
     font-weight: 600 
}
 .formlar.uyegirisform input:-moz-placeholder {
     color: #228b22;
     font-weight: 600 
}
 .formlar.uyegirisform input:focus::-webkit-input-placeholder {
     color: #0d00a3;
     font-weight: 600 
}
 .formlar.uyegirisform input::-moz-placeholder {
     color: #0d00a3;
     font-weight: 600 
}
 .formlar.uyegirisform input:-ms-input-placeholder {
     color: #0d00a3;
     font-weight: 600 
}
 .formlar.uyegirisform input:-moz-placeholder {
     color: #0d00a3;
     font-weight: 600 
}
 .border-buton {
     border: 1px solid #eef7fa!important 
}
 span.neden {
     position: relative;
     width: 94%!important;
     margin-left: 10%;
     height: 28px;
     background-color: #a0c9da;
     border-radius: 50px;
     font-size: 10px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 28px;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     margin-top: 13px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 a.unutulan {
     padding-left: 0!important;
     font-size: 11px!important;
     font-weight: 600!important;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center!important;
     color: #a0c9da!important;
     margin-left: 10%;
     text-decoration: underline!important 
}
 a.unutulan:hover:Before {
     display: none 
}
 a.unutulan:hover {
     color: #0d00a3!important 
}
 span.neden:hover {
     background: #0d00a3;
     color: #fff 
}
 span.neden:hover:Before {
     border-bottom-color: #0d00a3;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 .formlar.uyegirisform a:hover {
     color: #FFF;
     text-decoration: underline 
}
 .formlar input[type=submit] {
     border-radius: 26px;
     background-color: #0d00a3;
     width: 94%;
     height: 38px;
     font-size: 12px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     margin-top: 10px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
     -webkit-transition: background-color 5000s ease-in-out 0s;
     -o-transition: background-color 5000s ease-in-out 0s;
     transition: background-color 5000s ease-in-out 0s 
}
 .menu-icon i.flaticon-user:Before {
     margin-left: 0 !important;
     text-align: center;
     display: block;
     color: #fff;
}
 li.uyemenu a {
     font-size: 12px !important;
     line-height: normal !important;
     text-align: left !important;
     margin-top: 12px;
}
 .formlar.uyegirisform tr td a:before {
     display: none;
}
 .formlar input[type=submit]:hover {
     background: #a0c9da;
     color: #228b22;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 ul.menu li:last-child span {
     display: block;
     width: 100%;
     color: #fff;
}
 span.menu-icon {
     margin-bottom: 5px 
}
 main.main1 {
     margin-top: 0 
}
 ul.menu li:last-child .uye-hov {
     display: block;
     padding: 0 20px;
     line-height: normal;
     height: 100%;
     padding-top: 15px;
     font-size: 14px;
}
 a.logo:before {
     content: "";
     position: absolute;
     left: -1000px;
     top: -1000px;
     background: #fff;
     right: 0;
     bottom: -13px;
     z-index: -1;
     border-radius: 12px 
}
 ul.menu li a:hover:before {
     opacity: 1;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in 
}
 ul.menu li a:before {
     content: "";
     position: absolute;
     bottom: -1px;
     height: 3px;
     left: 0;
     right: 0;
     background: #0d00a3;
     opacity: 0;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     z-index: 999;
     border-radius: 12px 
}
 ul.menu li a:hover {
     color: #0d00a3;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in 
}
 ul.menu li:last-child:hover {
     background: #0d00a3!important;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 ul.menu li:last-child .uye-hov:hover {
     color: #fff !important;
}
 .formlar.uyegirisform a:hover {
}
 ul.menu li a {
     font-family: Nunito;
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     width: 100%;
     display: block;
     position: relative;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     height: 100%;
     line-height: 80px;
}
 .menu li ul {
     position: absolute;
     top: calc(100% + 1px);
     z-index: 99;
     width: 300px;
     background: #228b22;
     left: -33px;
     right: 0;
     padding: 20px;
     padding-left: 5px;
     padding-right: 0;
     padding-top: 0;
     padding-bottom: 0;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .menu li ul li {
     width: 100%;
     margin: 0;
     height: auto!important 
}
 ul.menu li.alt-menu {
     left: 0;
}
 ul.menu li{
     position: relative !important;
}
 .menu li ul li{
     position: initial !important;
}
 .menu li ul li a {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 3.8;
     letter-spacing: normal;
     text-align: left;
     padding: 0 20px;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .menu li ul li:last-child a {
     padding: 0 20px;
}
 .menu li ul li.active {
    /* background: none!important */
}
 .menu li ul li a i {
     position: absolute;
     right: 20px;
     top: 50%;
     margin-top: -10px;
     line-height: normal 
}
 .menu li ul li a i:before {
     font-size: 15px;
     margin: 0 
}
 .menu li ul li.active a {
     color: #a0c9da;
     border-radius: 8px;
     background-color: #f40010;
     -webkit-box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21);
     box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21) 
}
 .menu li ul li:last-child:hover {
     background: none!important 
}
 .menu li ul li ul li:hover a {
     color: #0d00a3!important 
}
 .menu li ul a:before {
     background: none!important 
}
 .menu li ul li {
     background: none!important 
}
 .menu li ul li.active a:after {
     opacity: 1;
     background: #a0c9da 
}
 .menu li ul li a:after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     background: #f40010;
     width: 3px;
     right: 0;
     opacity: 1;
     border-radius: 3px 
}
 .sub-menu {
     position: absolute;
     left: 0;
     right: 0;
     top: 100%;
     background: #eb1c24;
     z-index: 0;
     opacity: 0;
     width: 100%;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .menu li:hover .sub-menu {
     top: 100%;
     z-index: 99999;
     visibility: visible;
     opacity: 1;
}
 .menu li ul li.active:hover ul {
     position: absolute;
     top: 0;
     left: 300px;
     width: 100%;
     right: 0!important 
}
 .wd50 {
     float: left;
     width: 50% 
}
 .menu li ul li ul {
     left: 300px;
     top: 0;
     opacity: 0;
     visibility: hidden;
     min-height: 560px;
     padding: 0;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     border-bottom-right-radius: 8px;
     z-index: -1;
}
 .menu li ul li ul li a {
     line-height: 3.4;
     display: block;
     background: #228b22!important;
     border-radius: 0!important 
}
 .menu li ul li ul li a:after {
     display: none!important 
}
 .menu li ul li.active ul {
     opacity: 1;
     visibility: visible;
     z-index: 999999;
}
 .menu li ul li ul li:last-child a {
    /* background: none!important;
     */
     line-height: 3.4;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .menu li ul li ul li a {
     color: #fff!important;
     line-height: 38px;
}
 .menu li ul li ul li a {
     -webkit-box-shadow: none!important;
     box-shadow: none!important;
     font-size: 13px!important 
}
 li.abs-item {
     margin: 0!important;
     position: relative;
     background: #f40010;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     right: 0;
     display: block;
}
 li.abs-item span {
     display: block!important;
     height: auto!important 
}
 li.abs-item a {
     display: block!important;
     padding: 0 20px;
     line-height: normal!important;
     height: 100%!important;
     padding-top: 15px 
}
 li.abs-item i:before {
     margin: 0;
     text-align: center;
     display: block 
}
 i.sepet-mavi {
     color: #0d00a3;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     font-weight: bold;
     font-style: normal;
}
 ul.menu li a:hover span {
     color: #fff;
}
 ul.menu li.abs-item a:hover span:last-child i {
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .menu li:nth-child(8) a:hover span:first-child i:before {
     color: #fff !important;
}
 .menu li:nth-child(8) span:first-child i:before {
     color: #0d00a3!important;
     font-size: 21px 
}
 .menu li:nth-child(9) span i {
     font-style: normal!important 
}
 span.arama-icon.gorunur i:before {
     margin: 0;
     line-height: normal;
     margin-left: 4px 
}
 .search input input[type="search"] {
     max-width: 300px;
     height: 44px;
     border-radius: 0;
     background: #032e61;
     color: #989999;
     border-color: #171f23;
     -webkit-box-shadow: none;
     box-shadow: none;
     padding-left: 45px 
}
 .search i:before {
     font-size: 16px;
     color: #000 
}
 div#ust_sonuclar {
     padding: 0;
     color: #fff;
     text-align: center;
     background: #0d00a3 
}
 .search i {
     position: absolute;
     left: inherit;
     top: 11px;
     font-size: 20px;
     color: #989999;
     right: 12px;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 .suggestion .item {
     position: relative;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     width: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: none!important;
     padding: 15px;
     padding-bottom: 15px;
     border: none!important;
     z-index: 99999 
}
 .item.col-inline-flex span i:before {
     font-size: 22px;
     color: #fff !important;
}
 .suggestion-wrap.activeSug {
     top: 100%;
     opacity: 1;
     visibility: visible;
     -webkit-transition: top 0.3s ease-out;
     -o-transition: top 0.3s ease-out;
     transition: top 0.3s ease-out;
}
 .item.col-inline-flex span {
     position: absolute;
     right: 30px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     top: 23px;
     left: initial 
}
 .search .suggestion .item img {
     max-width: 70px;
     float: left;
     border-radius: 5px 
}
 .search .suggestion .item .name {
     float: left;
     color: #fff;
     margin: 0;
     padding: 0 6px;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     width: calc(100% - 140px);
     padding-left: 20px;
     font-size: 12px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.83;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     max-height: 40px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}
 .search span.arama-fyt {
     margin: 0;
     float: right 
}
 span.arama-fyt {
     display: inline-block;
     width: 100px;
     font-weight: 400;
     color: #fff;
     float: left;
     margin-top: -10px;
     font-size: 17px 
}
 .search .suggestion .items-all a:hover {
     background: #0d00a3;
     color: #fff 
}
 .search .suggestion .items-all a {
     font-size: 12px;
     font-weight: 700;
     color: #fff;
     display: block;
     padding: 15px 0;
     text-align: center;
     width: 100%!important 
}
 .search .suggestion .items-all a:hover {
     background: #1ca4de;
     color: #fff;
}
 div#ust_sonuclar:hover .blur-box-bg:before {
     -webkit-filter: blur(120px);
     filter: blur(120px) 
}
 .suggestion .blur-box-bg:before {
     content: "";
     background-image: url(../img/slider.jpg);
     background-repeat: no-repeat;
     -webkit-filter: blur(60px);
     filter: blur(60px);
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: -30px;
     z-index: 99;
     background-size: cover!important;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
     background-position: right center 
}
 .items.scroll {
     position: relative;
     overflow: hidden 
}
 .suggestion div.blur-container {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0 
}
 .suggestion div.blur-box {
     background-color: rgba(30, 165, 221, .88);
     height: 100% 
}
 .search .suggestion .item:hover {
     background: rgba(42, 67, 91, .27)!important 
}
 div#ust_sonuclar a:hover i:before {
     color: #fff 
}
 .item.col-inline-flex span i {
     position: relative;
     top: -6px;
     right: 0;
     line-height: normal;
}
 .col-inline-flex {
     display: -ms-inline-flexbox;
     display: -webkit-inline-box;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center 
}
 .items-all a {
     border-bottom-left-radius: 25px;
     overflow: hidden;
     background: #228b22;
     border-bottom-right-radius: 25px;
     font-size: 14px!important;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: normal;
     padding: 20px 0!important 
}
 .suggestion {
     padding: 0 0;
     position: relative;
     border-radius: 0 
}
 .s-item {
     padding: 0 
}
 .s-item img {
     width: 30px;
     height: 45px;
     float: left 
}
 .s-item p {
     margin: 0;
     margin-top: 0;
     font-size: 13px;
     overflow: hidden;
     color: #002349 
}
 .s-item h6 {
     margin-top: 0 
}
 .search-table {
     margin-bottom: 0 
}
 .search-table tr {
     border-bottom: 1px solid #dedede;
     padding: 0 15px;
     display: block 
}
 .search-table tr:hover {
     background: rgba(237, 19, 31, 1) 
}
 .search-table tr:hover p {
     color: #fff 
}
 .search-table td a {
     display: block 
}
 .search-table tr:last-of-type {
     border-bottom: none 
}
 .search-table td {
     vertical-align: middle!important;
     color: #002349;
     font-weight: 900;
     border-top: none!important 
}
 .search-table td i {
     color: #002349;
     font-weight: 900 
}
 ul.alt-menu {
     border-bottom-left-radius: 8px;
}
 .main-menu {
     float: right;
     width: 100%;
     background: #fff 
}
 .main-menu>ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100% 
}
 .main-menu>ul>li {
     width: 20%;
     text-align: center;
     position: relative 
}
 .main-menu>ul>li:before {
     content: "";
     position: absolute;
     left: 0;
     width: 1px;
     height: 20px;
     top: 20px;
     background: #c4c7c8 
}
 .main-menu>ul>li:first-of-type:before {
     display: none 
}
 .main-menu>ul>li a {
     color: #171f23 
}
 .main-menu>ul>li>a {
     display: block;
     padding: 15px 10px 
}
 .main-menu>ul>li>a:hover:after {
     content: "";
     background: #ed131f;
     height: 5px;
     width: 60%;
     left: 20%;
     position: absolute;
     bottom: 0 
}
 .main-menu>ul>li.active>a:after {
     content: "";
     background: #ed131f;
     height: 5px;
     width: 60%;
     left: 20%;
     position: absolute;
     bottom: 0 
}
 .main-menu>ul>li:hover>a:after {
     content: "";
     background: #ed131f;
     height: 5px;
     width: 60%;
     left: 20%;
     position: absolute;
     bottom: 0 
}
 .main-menu>ul>li>ul {
     -webkit-transition: all 250ms;
     -o-transition: all 250ms;
     transition: all 250ms;
     position: absolute;
     left: 0;
     top: 95%;
     background: #ed131f;
     padding: 15px;
     text-align: left;
     width: 100%;
     display: inline-table;
     z-index: 99;
     opacity: 0;
     visibility: hidden 
}
 .main-menu>ul>li:hover>ul {
     opacity: 1;
     visibility: visible;
     top: 100% 
}
 .main-menu>ul>li>ul>li {
     position: relative 
}
 .main-menu>ul>li>ul>li>a {
     color: #fff;
     display: block;
     padding: 8px 5px;
     border-bottom: 1px solid rgba(255, 255, 255, .2) 
}
 .main-menu>ul>li>ul>li:last-of-type>a {
     border-bottom: none 
}
 .main-menu>ul>li>ul>li:hover>a {
     background: #e20915 
}
 .main-menu>ul>li>ul>li>a:hover {
     background: #e20915 
}
 .main-menu>ul>li>ul>li:hover>ul {
     left: 100%;
     visibility: visible;
     opacity: 1 
}
 .main-menu>ul>li>ul>li>ul {
     webkit-transition: all 250ms;
     -o-transition: all 250ms;
     -webkit-transition: all 250ms;
     transition: all 250ms;
     position: absolute;
     left: 95%;
     top: 0;
     background: #e20915;
     padding: 5px 15px;
     text-align: left;
     width: 100%;
     display: inline-table;
     z-index: 99;
     opacity: 0;
     visibility: hidden 
}
 .main-menu>ul>li>ul>li>ul>li>a {
     color: #fff;
     display: block;
     padding: 8px 5px;
     border-bottom: 1px solid rgba(255, 255, 255, .2) 
}
 .alt-var {
     position: relative 
}
 .alt-var:after {
     content: "";
     position: absolute;
     right: 0;
     top: 12px;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 5px 0 5px 10px;
     border-color: transparent transparent transparent #fff;
     z-index: 99 
}
 .logo {
     position: absolute;
     left: 30px;
     top: 7px 
}
 .logo img {
     position: relative;
     left: -9px;
     width: 250px;
}
 .modal-open .modal {
     background: rgba(0, 0, 0, .7);
     z-index: 999999;
}
 .modal-dialog {
     background: #fff;
     padding: 25px 50px;
     position: absolute;
     top: 50% !important;
     transform: translate(0, -50%) !important;
     -ms-transform: translate(0, -50%) !important;
     -webkit-transform: translate(0, -50%) !important;
     left: 50%;
     margin-left: -405px;
     width: 810px;
     max-height: 730px;
     overflow-y: scroll;
}
 .modal-dialog.popup {
     max-height: 100%;
     background: transparent;
     overflow-y: hidden;
     max-width: 100%;
}
 .popup img{
     border-radius: 20px 
}
 .modal-header {
     padding: 0 0 10px 0;
     border-bottom: 1px solid #bbb6b2 
}
 .modal-header h3 {
     margin: 0;
     color: #503e30;
     font-size: 20px;
     font-weight: 600 
}
 .modal-content {
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     overflow: hidden 
}
 .modal-content p {
     color: #503e30;
     margin-bottom: 0;
     margin-top: 10px;
     font-weight: 600 
}
 .modal-content ol li{
     list-style-type: decimal;
}
 .modal .close {
     position: absolute;
     right: 0;
     top: 0;
     opacity: 1;
     width: 30px;
     height: 30px;
     font-size: 37px;
}
 #popup_modal .close {
     right: 56px;
     top: 26px;
    /* background: #ffffff;
     */
     opacity: 0.5;
}
 #popup_modal .close:hover {
     opacity: 1 
}
 .ilt-buttons {
     float: left;
     width: 80%;
     margin: 14px 0 14px;
}
 .ilt-buttons a {
     width: 49%;
     height: 43px;
     border-radius: 30px;
     background-color: #0d00a3;
     position: relative;
     line-height: 42px 
}
 .ilt-buttons a span {
     font-family: Nunito;
     font-size: 9px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.78;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     padding-left: 40px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .ilt-buttons a i:before {
     font-size: 16px;
     color: #fff;
     margin: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .ilt-buttons a i {
     position: absolute;
     left: 15px 
}
 .ilt-buttons a:last-child {
     background: #228b22 
}
 .ilt-buttons a:last-child:hover {
     background: #0d00a3 
}
 .ilt-buttons a:hover {
     background: #228b22 
}
 .ilt-buttons a:hover span {
     color: #fff;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .ilt-buttons a:hover i:before {
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     color: #fff 
}
 div#myModal .modal-header {
     border: none;
     min-height: initial;
     padding: 10px 
}
 .f-social {
     float: left;
     display: inline-block 
}
 .f-social p {
     font-size: 12px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #9b9b9b;
     font-family: Nunito 
}
 .f-social span {
     font-weight: 700;
     color: #4a4a4a;
     font-size: 12px 
}
 .f-bulten .menu-title {
     width: auto;
}
 .cont-item {
     width: 80%;
     float: left;
     padding: 10px 0;
     border-bottom: 1px solid #a0c9da;
}
 .cont-item span {
     float: left;
     display: inline-block;
     line-height: 24px!important 
}
 .cont-item span:last-child {
     font-family: Nunito;
     font-size: 13px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.92;
     letter-spacing: normal;
     text-align: left;
     color: #000;
     width: 85% 
}
 .cont-item span:first-child {
     width: 15%;
     font-size: 14px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     padding-left: 10px 
}
 .cont-item:first-child span:first-child {
     line-height: 48px!important 
}
 h3.block-h3 a {
     font-size: 14px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 3.36;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     border-bottom: 1px solid #000;
     text-align: center 
}
 h3.block-h3 {
     margin: 0 
}
 h3.block-h3:last-child a {
     border: none 
}
 .f-bulten h3 {
     margin: 0;
     text-align: left;
     display: block;
}
 .social ul.col-inline-flex {
     display: table;
     margin: auto 
}
 .sosyal-baslik {
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 3px;
     color: #a4aeb9;
     TEXT-ALIGN: CENTER;
     padding-bottom: 10px 
}
 .social {
     position: relative;
     left: -20px;
     border-radius: 30px;
     background-color: #eef7fa;
     border-top-left-radius: 0!important;
     border-bottom-left-radius: 0;
     padding: 15px 0;
     margin-bottom: 10px 
}
 .fot-orta h3 {
     float: left;
     font-weight: bolder;
     font-size: 16px;
     color: #228b22;
     cursor: default;
     text-transform: uppercase;
     margin: 10px 0;
     margin-right: 4px;
     font-style: normal 
}
 span.dontfollow a {
     color: #333333!important;
     font-size: 11px;
     font-weight: 800;
     margin-top: 7px;
     font-style: normal 
}
 span.dontfollow a:hover {
     color: #00a7ce!important 
}
 span.dontfollow {
     line-height: 22px;
     position: relative 
}
 span.dontfollow:hover:after {
     bottom: -4px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     background: #00a7ce 
}
 span.dontfollow:after {
     content: "";
     position: absolute;
     bottom: 8px;
     left: 0;
     right: 0;
     background: #333;
     height: 1px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s 
}
 .social ul li a i {
     font-size: 11px;
     position: relative;
     top: -1px;
     left: 0;
     z-index: 9;
}
 .social ul li a:hover {
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 li.instagram a:after {
     background-image: -webkit-gradient(linear, left bottom, left top, from(#6d8aa0), to(#343436));
     background-image: -webkit-linear-gradient(bottom, #6d8aa0, #343436);
     background-image: -o-linear-gradient(bottom, #6d8aa0, #343436);
     background-image: linear-gradient(to top, #6d8aa0, #343436);
     -webkit-transition: opacity 0.5s ease-out;
     -o-transition: opacity 0.5s ease-out;
     transition: opacity 0.5s ease-out;
     z-index: 2;
     opacity: 0;
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     overflow: hidden;
}
 .urunDetay .social ul {
     display: inline-block !important;
     -webkit-box-align: initial !important;
     -ms-flex-align: initial !important;
     align-items: initial !important;
     margin: initial !important;
     width: 49px;
}
 .urunDetay .social li.facebook {
     background: #3b5998;
     float: none !important;
     display: block !important;
}
 .urunDetay .social li {
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
     width: 49px;
     height: 50px;
}
 .urunDetay .social ul li a i {
     font-size: 25px !important;
     color: #fff;
     text-align: center !important;
     display: block;
     top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     font-weight: 300;
     height: 100%;
     line-height: 50px;
}
 .urunDetay li.twitter {
     background: #55acee;
}
 .urunDetay li.google {
     background: #dc4e41;
}
 .urunDetay li.linkedin {
     background: #1385af;
}
 li.instagram:hover a:after {
     opacity: 1;
     background: #d6249f;
     background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     border-radius: 20px;
     overflow: hidden;
}
 li.instagram a {
     overflow: hidden;
}
 .social ul.col-inline-flex li {
     float: left 
}
 .social ul li a {
     font-size: 20px !important;
     color: #eef7fa !important;
     text-align: center;
     margin: 0 5px;
     width: 22px;
     height: 22px;
     background-color: #a4aeb9;
     border-radius: 30px;
     -webkit-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
     position: relative;
}
 h3.block-h3 a:hover {
     color: #0d00a3 
}
 li.youtube-play:hover a {
     background: #f00;
}
 li.google-plus:hover a {
     background: #d34836;
}
 .object.menu.object-item.active .menu-title h3 {
     color: #0d00a3;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .facebook a:hover {
     background: #3B5998;
}
 .twitter a:hover {
     background: #00aced;
}
 li.linkedin a:hover {
     background: #4875B4;
}
 input.sent.topCenter {
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     background-position: bottom center!important 
}
 .objects input[type="email"]:focus {
     border: 1px solid #0d00a3 
}
 .ebulten-form input:focus::-webkit-input-placeholder {
     color: #0d00a3 !important;
     font-weight: 600;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .ebulten-form input:focus::-moz-placeholder {
     color: #0d00a3 !important;
     font-weight: 600;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .ebulten-form input:focus:-ms-input-placeholder {
     color: #0d00a3 !important;
     font-weight: 600;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .ebulten-form:focus:-moz-placeholder {
     color: #0d00a3 !important;
     font-weight: 600;
     -webkit-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out 
}
 .objects form {
     position: relative;
}
 .butun {
     float: left;
     width: 80%;
     padding-top: 15px;
}
 i.flat-ps.flaticon-add:before {
     margin: 0;
}
 .fot-orta {
     padding-left: 13px;
}
 .objects ul {
     margin-top: 10px 
}
 .copy {
     padding: 20px 0 15px;
     border-top: 1px solid rgba(255, 255, 255, .2);
     background: #eef7fa 
}
 .slider {
     position: relative;
     height: auto 
}
 .slider .swiper-slide:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(66, 66, 66, .74) 
}
 .backgrounds {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 190px;
     height: 165px;
     opacity: 1;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in 
}
 .back {
     height: 100%;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     background-position: center center!important;
     border-top-left-radius: 8px 
}
 .slider-content {
     display: none 
}
 .swiper-slide-active .slider-content {
     display: table 
}
 .slider-content {
     width: 690px;
     color: #fff;
     position: relative;
     z-index: 9999;
     height: 100% 
}
 .slide-baslik {
     font-family: Nunito;
     font-size: 35px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.46;
     letter-spacing: normal;
     text-align: left;
     color: #fff 
}
 .slide-aciklama {
     font-family: Nunito;
     font-size: 17px;
     font-weight: 300;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.88;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     text-shadow: 0 2px 4px rgba(0, 0, 0, .26);
     margin-top: 25px 
}
 a.mavi-brd-btn span i {
     font-style: inherit;
     font-weight: 800 
}
 a.mavi-brd-btn span i:before {
     margin: 0;
     font-size: 15px;
     font-weight: 100 
}
 a.mavi-brd-btn span i:before {
     height: 15px;
     border-radius: 100px;
     border: 2px solid #fff;
     font-size: 8px;
     padding: 5px 
}
 a.mavi-brd-btn span:first-child {
     margin-right: 4px;
     margin-top: 2px 
}
 a.mavi-brd-btn {
     width: 191px;
     height: 55px;
     border-radius: 36.5px;
     background-color: #0d00a3;
     font-family: Nunito;
     font-size: 13px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     margin-top: 23px;
     line-height: 55px;
     float: left;
     position: relative;
     padding-right: 20px 
}
 a.mavi-brd-btn span {
     font-weight: 600;
     display: inline-block;
     line-height: 55px 
}
 a.mavi-brd-btn span:nth-child(2) {
     position: absolute;
     top: 1px;
     right: 25px 
}
 a.mavi-brd-btn:hover {
     background: #228b22 
}
 .slider .container {
     height: 100% 
}
 .tablo-cell {
     display: table-cell;
     vertical-align: middle 
}
 .slider .swiper-slide {
     height: calc(100vh - 172px);
     background-position: top center!important;
     background-size: cover!important;
     background-repeat: no-repeat!important 
}
 .slider-pagi .swiper-pagination-bullet {
     background: none!important;
     font-family: Nunito;
     font-size: 20px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a49d9d;
     width: auto;
     height: 1.3em;
     display: block;
     text-align: center;
     margin-bottom: 20px;
     opacity: 1;
     -webkit-transition: height 0.5s;
     -o-transition: height 0.5s;
     transition: height 0.5s 
}
 .slider-pagi {
     display: block 
}
 .slider-pagi .swiper-pagination-bullet-active {
     font-size: 35px;
     color: #fff;
     height: 170px;
     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 
}
 .h100 {
     position: absolute;
     right: 50px;
     top: 0;
     bottom: 0;
     width: 76px;
     z-index: 1 
}
 .dikey-ortala {
     display: table;
     width: 100%;
     height: 100%;
     float: right 
}
 .slider .swiper-button-next, .slider .swiper-button-prev {
     background: none!important;
     width: 30px;
     height: 25px;
     position: relative;
     color: #fff;
     margin: 0;
     display: block;
     right: 0;
     left: 0;
     top: 0 
}
 .slider .swiper-button-next i:before, .slider .swiper-button-prev i:before {
     margin: 0!important;
     font-size: 25px!important 
}
 .manset-nav {
     display: block;
     margin: auto;
     height: 170px;
     position: absolute;
     width: 100%;
     border: 1px solid #a49d9d;
     border-radius: 44px;
     -webkit-transition: top 0.5s;
     -o-transition: top 0.5s;
     transition: top 0.5s 
}
 .slider .swiper-button-next.swiper-button-disabled {
}
 .slider .swiper-button-next {
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg);
     position: absolute;
     left: 50%;
     bottom: 20px!important;
     margin-left: -11.5px;
     top: auto;
}
 .slider .swiper-button-prev {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     position: absolute;
     top: 20px!important;
     display: block;
     left: 50%;
     margin-left: -17.5px;
     bottom: 0;
}
 .urunButun {
     padding: 50px 0;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     padding-bottom: 20px;
     margin-top: 0;
     z-index: 999;
     position: relative 
}
 .urunTab {
     display: table;
     margin: 0 auto 
}
 .urunTab li a {
     border-radius: 0!important;
     border-radius: 35px!important;
     border: solid 1px #0d00a3!important;
     font-family: Nunito;
     font-size: 14px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     text-align: center;
     padding: 19px 35px;
}
 .urun-img {
     height: auto;
     text-align: center;
     white-space: nowrap;
     text-align: center;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     position: relative;
     background: #fff;
     width: 100%;
}
 .urunLogo {
     position: relative;
     margin-top: 10px;
     width: 100%;
     display: inline-block;
     height: 34px;
}
 .golge {
     position: absolute;
     bottom: 0;
     left: 50%;
     margin-left: -89px 
}
 .urunTanim {
     font-family: Nunito;
     font-size: 13px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     padding: 0 30px;
     overflow: hidden;
     max-height: 19px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
}
 .urunKisa {
     font-family: Nunito;
     font-size: 12px;
     font-weight: 300;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #000;
     padding: 0 45px;
     margin: 10px auto 10px;
     min-height: 32px;
     overflow: hidden;
     max-height: 32px;
}
 .urunButun .tab-content>.tab-pane {
     display: block;
     visibility: hidden 
}
 .urunButun .tab-content>.tab-pane.active {
     visibility: visible 
}
 .urunButun .tab-content {
     position: relative 
}
 .urunButun .tab-pane:not(:first-child) {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0 
}
 .urunButun .littleImage.slick-slide.slick-current.slick-active.slick-center {
     opacity: 1;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .detailed-filter .urunAck i:before {
     margin: 0 
}
 .urunAck a {
     border-radius: 28.5px;
     border: solid 1px #0d00a3;
     font-family: Nunito;
     font-size: 12px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #228b22;
     display: table;
     margin: auto;
     text-align: center;
     position: relative;
     width: 172px;
     height: 35px;
     line-height: 35px;
     padding: 0;
}
 .urunAck a i {
     position: relative;
     left: 0 
}
 .urunAck a+a i {
     position: relative;
     top: 2px 
}
 .urunSlider a i:before, .urunSlider2 a i:before, .urunSlider a i:before, .urunSlider3 a i:before {
     margin: 0!important;
     line-height: normal;
     font-size: 16px;
     margin-right: 5px!important 
}
 .urunAck a:last-child {
     margin-top: 10px;
     color: #0d00a3 
}
 .urunAck {
     padding: 20px 0 25px;
     background: #fefafa 
}
 .urunSlider, .urunSlider2, .urunSlider3 {
     width: 100%;
     display: block;
     position: relative;
     text-align: center;
     margin: 50px 0 
}
 .slick-list {
     overflow: visible 
}
 .urunShdow {
     overflow: hidden;
     width: calc(100% + 30px);
     padding: 0 0;
     margin-left: -15px;
     position: relative 
}
 .benzer-slide-item {
     padding: 0 40px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box 
}
 .slick-dots li button:before {
     content: " "!important 
}
 .slick-dots li {
     width: 20px!important;
     height: auto;
     margin: 0 6px!important;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .slick-dots li button {
     padding: 0!important;
     width: 17px!important;
     height: 17px!important;
     background: #a0c9da!important;
     border-radius: 50%;
     position: relative;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 @-webkit-keyframes sploosh {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgba(30, 165, 221, .33);
         box-shadow: 0 0 0 0 rgba(30, 165, 221, .33);
         background: rgba(30, 165, 221, .45) 
    }
     80% {
         background: rgba(66, 166, 223, 0) 
    }
     100% {
         -webkit-box-shadow: 0 0 0 20px rgba(66, 166, 223, 0);
         box-shadow: 0 0 0 20px rgba(66, 166, 223, 0) 
    }
}
 @-webkit-keyframes sploosh2 {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .33);
         box-shadow: 0 0 0 0 rgba(255, 255, 255, .33);
         background: rgba(255, 255, 255, .45) 
    }
     80% {
         background: rgba(66, 166, 223, 0) 
    }
     100% {
         -webkit-box-shadow: 0 0 0 20px rgba(66, 166, 223, 0);
         box-shadow: 0 0 0 20px rgba(66, 166, 223, 0) 
    }
}
 @-webkit-keyframes pulse {
     0% {
         -webkit-transform: scale(1) 
    }
     3.3% {
         -webkit-transform: scale(1.1) 
    }
     16.5% {
         -webkit-transform: scale(1) 
    }
     33% {
         -webkit-transform: scale(1.1) 
    }
     100% {
         -webkit-transform: scale(1) 
    }
}
 a.play {
     width: 90px;
     position: absolute;
     z-index: 999;
     top: 50%;
     margin-top: -35px;
     left: 50%;
     margin-left: -45px 
}
 a.play:before {
     width: 100px;
     height: 100px;
     background: rgba(255, 255, 255, 0);
     content: "";
     position: absolute;
     left: -5px;
     top: -5px;
     z-index: -1;
     border-radius: 70px;
     -webkit-animation: sploosh2 2s cubic-bezier(.165, .84, .44, 1);
     -webkit-animation-delay: .33s;
     -webkit-animation-duration: 2.2s;
     -webkit-animation-iteration-count: infinite;
}
 .slick-active button:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     border: 0;
     width: 17px;
     height: 17px;
     border-radius: 50%;
     -webkit-animation: sploosh 2s cubic-bezier(.165, .84, .44, 1);
     -webkit-animation-delay: .33s;
     -webkit-animation-duration: 2.2s;
    /*background: #fff;
    */
}
 .urunAck a+a:hover {
     background: #0d00a3;
     color: #fff;
     border: 1px solid #0d00a3;
}
 li.slick-active button:before {
     opacity: 1 
}
 li.slick-active button {
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     background-color: #0d00a3!important;
     -webkit-animation: pulse 2s ease-out 
}
 ul.slick-dots {
     bottom: 0;
     position: relative;
     padding: 30px 0;
     padding-bottom: 0 
}
 li.slick-active:before {
     position: absolute;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     border: 0;
     width: 17px;
     height: 17px;
     border-radius: 50%;
     -webkit-animation: sploosh 2s cubic-bezier(.165, .84, .44, 1);
}
 .urunAck a:hover {
     color: #fff;
     background-color: #228b22;
     border: 1px solid #228b22;
}
 .urunGenel:hover, .urunGenel2:hover, .urunGenel3:hover {
     -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
     box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
     margin-top: 8px 
}
 .urunSlider.slick-slide.slick-current.slick-active.slick-center {
     opacity: 1;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 section.urunTabs {
     position: relative;
     margin-top: -70px;
     z-index: 99;
     -webkit-transition: all 0.6s ease-in;
     -o-transition: all 0.6s ease-in;
     transition: all 0.6s ease-in 
}
 .container2 {
     width: 1300px;
     margin-left: -650px;
     position: absolute;
     left: 50%;
     top: 0;
     bottom: 0;
     border-radius: 12px;
     background-size: cover!important;
     background-repeat: top center!important 
}
 .effet {
     width: 400px;
     height: 300px;
     margin: 0 auto 50px auto;
     -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
     box-shadow: 0 1px 5px rgba(0, 0, 0, .5) 
}
 .effet img {
     position: absolute 
}
 .filtre--r {
     -webkit-mask: -webkit-radial-gradient(center, closest-side, transparent 30%, black 80%);
     -webkit-mask: -webkit-radial-gradient(center, closest-side, transparent 50%, black 110%);
     -webkit-filter: blur(5px);
     -webkit-mask: url('#mask-radial');
     mask: url('#mask-radial');
     -webkit-filter: url('#filtre1');
     filter: url('#filtre1') 
}
 .filtre--l {
     -webkit-mask: -webkit-linear-gradient(black, transparent 30%, black);
     -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(30%, transparent), to(black));
     -webkit-mask: -webkit-linear-gradient(black, transparent 30%, black);
     -webkit-filter: blur(3px);
     -webkit-mask: url('#mask-linear');
     mask: url('#mask-linear');
     -webkit-filter: url('#filtre2');
     filter: url('#filtre2') 
}
 .filtre:hover {
     -webkit-mask: none;
     -webkit-filter: none;
     mask: none;
     filter: none 
}
 section.duyurular {
     padding: 0 0 0;
     background: #0d00a3;
     position: relative;
     overflow: hidden 
}
 .col-left {
     float: left 
}
 .col-right {
     float: right 
}
 .duyuru-baslik {
     font-family: Nunito;
     font-size: 15px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 4.3px;
     text-align: left;
     color: #a0c9da;
     padding-left: 39px;
     position: relative;
     z-index: 999 
}
 .duyuru-baslik.beyaz {
     padding: 0;
     padding-left: 30px;
     position: relative;
     color: #fff;
     margin-bottom: 0 
}
 .duyuru-baslik.beyaz:before {
     position: absolute 
}
 .duyuru-baslik.beyaz span {
     color: #fff 
}
 .duyuru-baslik:before {
     content: "";
     position: absolute;
     left: 0;
     width: 26px;
     top: 9px;
     height: 1px;
     background: #b6deee 
}
 .col-right .nav li a {
     background-color: rgba(255, 255, 255, .3);
     border: solid 1px #0d00a3;
     font-size: 13px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: -.3px;
     text-align: center;
     color: #0d00a3;
     width: 100px;
     padding: 10px 20px;
     margin: 0 -1px;
     height: 35px;
     padding: 0;
     line-height: 35px 
}
 .col-right .nav li.active a {
     background: #0d00a3;
     color: #fff 
}
 .col-right .nav li:first-child a {
     border-top-left-radius: 100px;
     border-bottom-left-radius: 100px 
}
 .wd50.sol {
     background: #eef7fa;
     position: relative;
     padding: 33px 0;
     padding-right: 20px;
     width: 50%!important 
}
 .acik-renk {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     background: #eef7fa;
     width: 50% 
}
 .col-right .nav li:nth-child(2) a {
     border-bottom-right-radius: 100px;
     border-top-right-radius: 100px!important 
}
 .duyuru-baslik span {
     font-size: 24px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     position: relative;
     left: -38px 
}
 .wd50 {
     float: left;
     width: 50% 
}
 .page-content .duyuru-baslik {
     z-index: 1;
}
 .page-content .duyuru-baslik span {
     font-size: 22px;
}
 .userPanelItems span {
     font-size: 22px;
}
 .wd50 .tab-content {
     float: left;
     width: 100%;
     padding: 0 
}
 .wd50 .col-right {
     margin-top: 40px;
     margin-bottom: 30px;
     z-index: 999;
     position: relative 
}
 .duyuru-items {
     display: block;
     width: 100% 
}
 .duyuru-genel nav.sayfalama {
     margin: 0 
}
 .duyuru-items ul {
     display: inline-block;
     width: 100% 
}
 .duyuru-genel .duyuru-items li {
     width: 100%;
     margin: 0!important;
     margin-bottom: 15px!important;
     height: 170px;
}
 section.duyuru-genel {
     padding: 60px 0 
}
 .duyuru-items ul li {
     width: 46%;
     margin: 2%;
     float: left;
     height: 180px;
}
 .duyuru-items ul li a {
     display: block;
     height: 100%;
     overflow: hidden;
     position: relative;
     border-radius: 0px;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
     background-size: cover!important;
     background-position: center center!important 
}
 .duyuru-items ul li a:before {
     position: absolute;
     width: 100%;
     background-size: 100%;
     bottom: 0;
     height: 43% 
}
 .duyuru-items ul li a:after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #000;
     opacity: .3;
     -webkit-transition: all 0.6s ease-in;
     -o-transition: all 0.6s ease-in;
     transition: all 0.6s ease-in 
}
 .duyuru-items {
     width: 100%!important 
}
 .duyuru-items ul li a:before {
     content: "";
     left: 0;
     right: 0;
     bottom: -2px;
     background-color: rgba(0, 0, 0, 0);
     background-image: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
     background-image: -o-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
     background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
     background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
     position: absolute;
     -webkit-transition: all 0.6s ease-in;
     -o-transition: all 0.6s ease-in;
     transition: all 0.6s ease-in;
     opacity: 1;
}
 span.ps-abs {
     position: absolute;
     bottom: 10px;
     left: 10px;
     right: 10px;
     font-family: Nunito;
     font-size: 12px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.5;
     letter-spacing: normal;
     text-align: left;
     z-index: 999;
     color: #bebebe;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
}
 .duyuru-items li a:hover:after {
     -webkit-transition: all 0.6s ease-in;
     -o-transition: all 0.6s ease-in;
     transition: all 0.6s ease-in;
     opacity: 0 
}
 .duyuru-items ul li a:hover {
     -webkit-box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
     box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in 
}
 .duyuru-items ul li a:hover span {
     color: #fff;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in 
}
 .duyurular .swiper-pagination-bullet-active {
     background-color: #0d00a3!important;
     -webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5);
     box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5) 
}
 .duyurular .swiper-pagination-bullet {
     width: 20px;
     height: 20px;
     border: 1px solid #0d00a3!important;
     background: none;
     opacity: 1;
     margin: 3px 5px 
}
 a.all-duyuru {
     border-radius: 28.5px;
     background-color: #a0c9da;
     float: left;
     font-size: 12px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: right;
     color: #eef7fa;
     padding: 5px 13px;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .duyuru1-pagi, .duyuru2-pagi {
     float: left;
     margin-right: 10px;
     position: relative 
}
 .pagi-ortala {
     display: table;
     margin: auto;
     margin-top: 10px;
     position: relative;
     z-index: 99 
}
 a.all-duyuru:hover {
     background: #0d00a3;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .duyurular .swiper-pagination-bullet:hover {
     background: #0d00a3;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .maske-bg {
     height: 100%;
     background-size: 125%!important;
     background-position: left 0 center!important;
     opacity: .4;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     width: 100%;
     right: inherit;
}
 .blur-kutu {
     width: 391px;
     height: 172px;
     border-radius: 10px;
     background-color: rgba(238, 247, 250, .19);
     -webkit-box-shadow: -2px 13px 11px rgba(0, 0, 0, .16);
     box-shadow: -2px 13px 11px rgba(0, 0, 0, .16) 
}
 .wd50.sag {
     background: #C3E6EC;
     position: relative;
     padding: 33px 20px;
     width: 50%!important;
     padding-left: 40px;
     min-height: 633.5px;
}
 .wd50.sag:before {
     content: "" 
}
 .wd50.sag:after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     right: -621px;
     width: 627px;
     height: 100%;
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(195, 230, 236)), to(#C3E6EC));
     background-image: -webkit-linear-gradient(left, rgba(195, 230, 236), #C3E6EC);
     background-image: -o-linear-gradient(left, rgba(195, 230, 236), #C3E6EC);
     background-image: linear-gradient(to right, rgba(195, 230, 236), #C3E6EC);
     z-index: 1;
     left: initial 
}
 section.ind-hakkinda {
     padding: 40px 0 
}
 .anasayfa-hakkinda p {
     font-size: 13px;
     font-weight: 300;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.08;
     letter-spacing: normal;
     text-align: justify;
     color: #8a8a8a;
     margin-top: 20px;
     margin-bottom: 20px;
     display: inline-block 
}
 a.devam-btn:hover {
     color: #0d00a3 
}
 a.devam-btn:hover span {
     border-color: #0d00a3 
}
 .anasayfa-hakkinda a {
     display: inline-block;
     font-family: Nunito;
     font-size: 11px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: right;
     color: #228b22;
     position: relative;
     padding-left: 0px;
}
 .anasayfa-hakkinda a i:before {
     line-height: normal;
     font-size: 5px;
     margin: 0 
}
 a.devam-btn span {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex 
}
 a.devam-btn span:last-child {
     width: 16px;
     height: 16px;
     border-radius: 20px;
     border: 1px solid #228b22;
     position: absolute;
     top: -2px;
     right: -20px 
}
 a.devam-btn span:last-child i {
     position: absolute;
     top: 50%;
     margin-top: -8.7px;
     left: 50%;
     margin-left: -2.5px 
}
 .hak-item ul {
     display: inline-block;
     width: 100% 
}
 .hak-item ul li {
     float: left;
     width: 14.66%;
     line-height: normal;
     margin: 1%;
}
 .hak-item ul li i {
     display: table;
     margin: auto 
}
 .hak-item ul li i:before {
     margin: 0;
     color: #0d00a3;
     font-size: 40px;
     font-weight: 400 
}
 .hak-item ul li span {
     text-align: center;
     display: block;
     padding-top: 10px;
     font-size: 10px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #228b22;
     min-height: 38px;
}
 .hak-item ul li a img {
     display: table;
     margin: auto;
}
 .hak-item ul li a {
     display: block;
     padding: 15px 10px 10px;
     border: 1px solid #daf4ff;
     border-radius: 18px;
     overflow: hidden;
}
 .hak-item ul li a:hover {
     -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
     box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
     border: 1px solid #fff;
}
 section.ind-hakkinda .wd50.sol {
     background: #fff 
}
 section.ind-hakkinda .wd50.sol:before {
     display: none 
}
 .wd60 {
     float: left;
     width: 60%;
     padding: 0 15px 
}
 .wd40 {
     float: left;
     width: 40%;
     padding: 0 15px;
     position: relative 
}
 a.tanitim {
     width: 100%;
     height: 315px;
     opacity: .6;
     background-size: cover!important;
     background-position: center center!important;
     position: relative;
     border-radius: 10px;
     -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
     box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
}
 .wd40 .duyuru-baslik {
     position: absolute;
     left: 40px;
     top: 27px 
}
 a.tanitim:before {
     border-radius: 10px;
     background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .01)), color-stop(45%, rgba(92, 92, 92, .37)), to(#ffffff));
     background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #ffffff);
     background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #ffffff);
     background-image: linear-gradient(to top, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #ffffff);
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     border-radius: 10px;
     -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
     box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
}
 .tab-yapi li a {
     padding: 0;
     height: 75px;
     border-radius: 0 
}
 .tab-yapi li.active a {
     background: #fff!important;
     color: #228b22 
}
 .tab-yapi li {
     width: 25%;
     margin: 0!important 
}
 .tab-yapi li a {
     line-height: 75px;
     text-align: center;
     background: #f6fcff;
     font-size: 18px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #a0c9da;
     border-right: 1px solid #a0c9da;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .hakkimizda ul.nav.nav-pills {
     position: relative;
     border-bottom: 1px solid #a1c9d9;
}
 .tab-yapi:before {
     content: "";
     position: absolute;
     left: -1000px;
     width: 1000px;
     top: 0;
     bottom: 0;
     background: #f6fcff;
     display: block;
     height: 100%;
     border-bottom: 1px solid #a0c9da;
}
 .tab-yapi:after {
     content: "";
     position: absolute;
     right: -1000px;
     width: 1000px;
     top: 0;
     bottom: 0;
     background: #f6fcff;
     display: block;
     height: 100%;
     border-bottom: 1px solid #a0c9da;
}
 .tab-yapi {
     position: relative 
}
 .tab-yapi li:first-child.active a {
     border-left: 1px solid #a0c9da;
}
 .tab-yapi li:first-child a {
     border-left: 1px solid #c0dce8;
}
 section.hakkimizda {
     overflow: hidden 
}
 .page-genel-title h1 {
     font-family: Nunito;
     font-size: 25px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     margin: 0;
     padding-left: 50px;
     position: relative;
     margin-bottom: 15px 
}
 .page-genel-title h1:before {
     content: "";
     position: absolute;
     width: 40px;
     height: 4px;
     background: #228b22;
     top: 50%;
     margin-top: -2px;
     left: 0;
     border-radius: 30px 
}
 .tab-content {
     padding: 80px 0 30px 
}
 .page-ack p {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.21;
     letter-spacing: normal;
     text-align: justify;
     color: #4a4a4a 
}
 .hak-mask {
     height: 370px;
     background-size: cover!important;
     background-position: center center!important;
     border-radius: 10px;
     position: relative 
}
 .hak-mask:Before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
}
 .hak-bg {
     background-size: cover!important;
     background-position: center center!important;
     height: 100%;
     border-radius: 10px;
}
 .hak-mask img {
     position: absolute;
     bottom: 60px;
     left: 19px;
     width: 160px;
     z-index: 9999 
}
 .hak-genel {
     background-color: #fff;
     -webkit-box-shadow: 1px 1px 36px rgba(0, 0, 0, .5);
     box-shadow: 1px 1px 36px rgba(0, 0, 0, .12);
     position: relative 
}
 button.fancybox-button.fancybox-button--close {
    /* background: #fff */
}
 section.hakkimizda {
     background: #fff;
     padding: 0 
}
 .hakkimizda .container p {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 400;
     line-height: 2.21;
     color: #4a4a4a;
}
 section.hakkimizda.sayfa-detay {
     padding: 50px 0;
}
 .hak-baslik {
     font-family: Saira;
     font-size: 25px;
     font-weight: 500;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #1c7a1f;
     padding-top: 62px;
     display: table;
     margin: auto;
     padding-bottom: 13px;
     border-bottom: solid 5px #b8e986;
     margin-bottom: 22px 
}
 .hak-genel p {
     display: table;
     width: 70%;
     margin: auto;
     font-family: Saira;
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: normal;
     text-align: center;
     color: #4a4a4a;
     padding-bottom: 115px 
}
 .ms-genel {
     opacity: 1;
     padding: 30px 20px 30px;
     height: auto 
}
 .ms-genel p {
     height: auto;
     font-family: Nunito !important;
     font-size: 16px !important;
     font-weight: 400 !important;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.94 !important;
     letter-spacing: normal;
     text-align: center;
     color: #fff !important;
}
 .ms-vz-baslik {
     font-family: Nunito;
     font-size: 25px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     display: table;
     color: #fff;
     padding-bottom: 10px;
     margin: 0 auto 10px;
     position: relative 
}
 .ms-vz-baslik:before {
     content: "";
     position: absolute;
     width: 58px;
     height: 4px;
     left: 50%;
     margin-left: -29px;
     background: #fff;
     bottom: 0;
     border-radius: 20px;
}
 .ms-vz {
     padding: 53px 0;
     position: relative 
}
 .pst-ab {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0 
}
 .wd50.ms-img {
     height: 100%;
     background-repeat: no-repeat!important;
     background-size: cover!important;
     position: relative 
}
 .wd50.ms-img:before {
     content: "" 
}
 .wd50.ms-img.koyu:before {
     background: rgba(52, 150, 54, .71) 
}
 .firma-slide .swiper-slide {
     height: 215px;
     background-size: cover!important;
     background-position: center center!important;
     border-radius: 8px 
}
 .firma-slide {
     margin: 50px auto 
}
 .genel-baslik .ms-vz-baslik {
     font-family: Nunito;
     font-size: 25px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22 
}
 .genel-baslik .ms-vz-baslik:before {
     background: #0d00a3;
     content: "";
     position: absolute;
     left: 50%;
     width: 132px;
     margin-left: -61px 
}
 .firma-goruntuleri {
     padding: 50px 0 
}
 .firma-nav .swiper-button-next, .firma-nav .swiper-button-prev {
     position: relative;
     background: none;
     margin: 0;
     top: 0;
     width: 38px;
     height: 38px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     margin: 0 20px;
}
 .firma-slide .swiper-slide a {
     height: 100%!important;
     width: 100%;
     display: block;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     background-position: center center!important 
}
 .firma-nav i:before {
     margin: 0!important;
     font-size: 41px;
     color: #228b22!important 
}
 .firma-nav .swiper-button-prev {
     position: relative;
}
 .firma-nav {
     display: table;
     margin: auto 
}
 .firma-nav .swiper-button-next {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     top: -18px;
}
 .tarih-item {
     float: left;
     width: 100%;
     margin-bottom: 30px;
     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;
     height: 100%;
     position: relative 
}
 .sol-ortala {
     width: 71px;
     height: 71px;
     background-color: #eef7fa;
     border: solid 1px #0d00a3;
     margin-right: 0;
     float: left;
     border-radius: 60px 
}
 .sol-genel-ortalama:before {
     content: "";
     position: absolute;
     top: 50%;
     height: 1px;
     left: -82px;
     width: 7px;
     height: 7px;
     border-radius: 40px;
     background: #bedae6;
     margin-top: -3px 
}
 .sag-ortala {
     float: left;
     width: calc(100% - 205px);
     border-radius: 35px;
     border: solid 1px #a0c9da;
     margin-left: 45px 
}
 .sol-ortala span {
     font-size: 15px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     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;
     height: 100%;
     position: relative 
}
 section.hakkimizda .row {
     position: relative 
}
 .row.m80 {
     margin-bottom: 80px 
}
 .tarihce:after {
     content: "";
     position: absolute;
     left: -10px;
     right: -10px;
     border-bottom: 1px dashed #0d00a3;
     bottom: -55px;
     width: 100% 
}
 .tarihce {
     display: inline-block;
     width: 100%;
     position: relative 
}
 .hakkimizda .container {
     position: relative 
}
 .tarihce:before {
     content: "";
     position: absolute;
     left: 50%;
     width: 14px;
     height: 14px;
     background-color: #228b22;
     margin-left: -16px;
     bottom: -62px;
     border-radius: 30px;
     z-index: 99999 
}
 .s-ortala-item li span {
     font-family: Nunito;
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #f40010;
     padding-left: 0;
     float: left;
     width: calc(100% - 35px);
     padding-left: 15px 
}
 .s-ortala-item li+li {
     margin-top: 20px!important 
}
 .s-ortala-item ul {
     padding: 20px;
     position: relative;
     display: inline-block;
     width: 100% 
}
 .sol-genel-ortalama {
     height: 100%;
     position: relative 
}
 .sag .tarih-item:nth-child(2) {
     margin-top: 30px 
}
 .sag .tarih-item:nth-child(2):before {
     top: -60px 
}
 .sag .tarih-item:nth-child(3) {
     margin-bottom: 30px 
}
 .sag .tarih-item:nth-child(4) li {
     margin: 0 
}
 .sag .tarih-item:last-child:before {
     bottom: -90px!important 
}
 .sag .tarih-item:before {
     top: -30px 
}
 .s-ortala-item ul li {
     margin: 0;
     position: relative;
     display: block;
     width: 100%;
     float: left 
}
 .row.m80 {
     margin-bottom: 80px 
}
 .sonsuz .s-ortala-item li span {
     width: calc(100% - 25px) 
}
 .s-ortala-item ul li i {
     position: relative;
     float: left;
     font-style: normal;
     width: 8px;
     height: 8px;
     display: inline-block;
     top: -2px 
}
 .s-ortala-item ul:before {
     content: "";
     position: absolute;
     top: 50%;
     margin-top: -.5px;
     background: #a0c9da;
     height: 1px;
     width: 40px;
     left: -40px 
}
 .sol-ortala span:before {
     content: "";
     position: absolute;
     top: -6px;
     left: -6px;
     right: -6px;
     bottom: -6px;
     border-radius: 70px;
     border: 1px solid #b5d5e2 
}
 .sol-genel-ortalama:before {
     content: "";
     position: absolute;
     top: 50%;
     height: 1px;
     left: -72px;
     width: 7px;
     height: 7px;
     border-radius: 40px;
     background: #bedae6;
     margin-top: -3px 
}
 .s-ortala-item ul:before {
     content: "";
     position: absolute;
     top: 50%;
     margin-top: .5px;
     background: #a0c9da;
     height: 1px;
     width: 40px;
     left: -40px 
}
 .sol-ortala span:before {
     content: "";
     position: absolute;
     top: -6px;
     left: -6px;
     right: -6px;
     bottom: -6px;
     border-radius: 70px;
     border: 1px solid #a0c9da 
}
 .sol-ortala span:after {
     content: "";
     position: absolute;
     top: 50%;
     left: -66px;
     width: 61px;
     bottom: -6px;
     height: 1px;
     background: #a0c9da 
}
 .kesik-cizgi {
     position: absolute;
     left: -6px;
     right: -6px;
     bottom: -6px;
     z-index: 999;
     border: 1px solid #fff;
     border-bottom-left-radius: 610px;
     border-bottom-right-radius: 610px;
     border: 4px solid #fff;
     border-top: 0;
     height: 40px;
     overflow: hidden 
}
 .tarih-item:before {
     content: "" 
}
 .tarih-item:before {
     content: "";
     position: absolute;
     left: -25px;
     top: -30px;
     bottom: 0;
     border-left: 1px dashed #0d00a3 
}
 .tarih-item:first-child:before {
     top: 40px!important;
}
 .tarih-item:last-child:before {
     bottom: -197px!important;
}
 .sag .tarih-item:first-child:before {
     top: 79px !important;
}
 .s-ortala-item ul:after {
     content: "";
     position: absolute;
     left: -44px;
     width: 7px;
     height: 7px;
     background-color: #a0c9da;
     top: 50%;
     margin-top: -2px;
     border-radius: 30px;
     z-index: 99999 
}
 .sonsuz {
     margin-top: 50px;
     margin-right: 11px 
}
 .sonsuz .tarih-item {
     display: table;
     margin: auto;
     width: 320px;
     float: none 
}
 .sonsuz-img {
     display: table;
     margin: auto 
}
 .sonsuz .tarih-item .sol-genel-ortalama {
     display: table;
     float: none;
     margin: auto 
}
 .sonsuz .sag-ortala {
     width: 100%!important;
     margin: 0 
}
 .sonsuz .tarih-item:last-child:before {
     display: none 
}
 .sonsuz .s-ortala-item ul:before {
     display: none 
}
 .sonsuz .s-ortala-item ul:after {
     display: none 
}
 .sonsuz .sol-ortala {
     border: none;
     background: #228b22 
}
 .sonsuz .sol-ortala span {
     color: #fff 
}
 .sonsuz .sol-ortala span:before {
     display: none 
}
 .sonsuz .kesik-cizgi {
     display: none 
}
 .sonsuz .sol-ortala span:after {
     display: none 
}
 .sonsuz .sol-genel-ortalama:before {
     display: none 
}
 .album-item {
     width: auto;
     height: auto;
     border-radius: 8px;
     background-color: #fff;
     border: solid 1px #eef7fa;
     padding: 10px;
     float: left;
     width: 100%;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
     top: 0;
     position: relative;
}
 span.slide-show i {
     display: block;
     text-align: center;
     font-style: normal;
     position: relative;
     color: #0d00a3;
     line-height: normal 
}
 span.slide-show i+i {
     margin-top: 10px;
     font-size: 11px;
     padding: 0 6px;
     color: #fff;
}
 section.album {
     padding: 0;
}
 section.album-detay {
     padding-top: 0;
}
 .album-isim.wdth100 {
     width: 100%;
     max-height: 16px;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .album-bg {
     height: 174px;
     background-size: cover!important;
     background-position: center center!important;
     background-repeat: no-repeat!important;
     border-radius: 8px;
     float: left;
     width: 100%;
     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;
     position: relative 
}
 .album-galeri .col-md-3.col-sm-6.col-xs-12, .video-galeri .col-md-3.col-sm-6.col-xs-12, .fotograf-galeri .col-md-3.col-sm-6.col-xs-12, .video-galeri .col-md-3.col-sm-6.col-xs-12 {
     margin-bottom: 30px 
}
 .album-aciklama {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: -.3px;
     text-align: left;
     color: #a0c9da;
     margin: 20px 0 10px 
}
 .clear {
     clear: both 
}
 .clear2 {
     clear: both;
     display: none 
}
 .album-genel {
     float: left;
     width: 100%;
     margin-top: 15px 
}
 .album-isim {
     font-family: Nunito;
     font-size: 12px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: -.3px;
     color: #0d00a3;
     float: left;
     width: 140px;
     max-height: 32px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .album-tarih {
     float: right;
     font-family: Nunito;
     font-size: 12px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: -.3px;
     color: #0d00a3 
}
 .medya-tab .nav li a {
     padding: 0;
     background-color: rgba(255, 255, 255, .3);
     border: solid 1px #0d00a3;
     font-size: 13px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: -.3px;
     text-align: center;
     color: #0d00a3;
     width: 120px;
     padding: 10px 20px;
     margin: 0 -1px;
     height: 50px;
     padding: 0;
     line-height: 50px 
}
 .medya-tab .nav li:first-child a {
     border-top-left-radius: 100px;
     border-bottom-left-radius: 100px 
}
 .medya-tab .nav li.active a {
     background: #0d00a3;
     color: #fff 
}
 .medya-tab .nav li:last-child a {
     border-bottom-right-radius: 100px;
     border-top-right-radius: 100px!important 
}
 .medya-tab .nav {
     border: none!important 
}
 .medya-tab {
     float: left 
}
 .toplam-sonuc {
     float: left;
     line-height: 50px;
     width: auto;
     padding-left: 20px;
     font-family: Nunito;
     font-size: 13px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: -.3px;
     text-align: left;
     color: #0d00a3;
     position: relative;
}
 .toplam-sonuc span strong {
     font-weight: 700 
}
 .toplam-sonuc:after {
     content: "";
     position: absolute;
     right: -2000px;
     width: 1990px;
     height: 1px;
     top: 50%;
     margin-top: .5%;
     background: #eef7fa 
}
 div#medya {
     overflow: hidden 
}
 a.album-item:hover {
     -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
     box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
     position: relative;
     top: -10px;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .album-bg:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(42, 67, 91, .59);
     opacity: 0;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .album-bg:hover:before {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .fotograf-galeri span.slide-show i:before {
     font-size: 30px 
}
 span.slide-show i:before {
     margin: 0;
     color: #0d00a3;
     font-size: 60px;
     line-height: normal 
}
 span.slide-show {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
     position: relative 
}
 .album-bg:hover span {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .fotograf-galeri {
     display: block;
     position: relative;
}
 .slide-in {
     animation: slide-in 0.5s forwards;
     -webkit-animation: slide-in 0.5s forwards 
}
 .slide-out {
     animation: slide-out 0.5s forwards;
     -webkit-animation: slide-out 0.5s forwards 
}
 @keyframes slide-in {
     100% {
         -webkit-transform: translateX(0%);
         transform: translateX(0%) 
    }
}
 @-webkit-keyframes slide-in {
     100% {
         -webkit-transform: translateX(0%) 
    }
}
 @keyframes slide-out {
     0% {
         -webkit-transform: translateX(0%);
         transform: translateX(0%) 
    }
     100% {
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%) 
    }
}
 @-webkit-keyframes slide-out {
     0% {
         -webkit-transform: translateX(0%) 
    }
     100% {
         -webkit-transform: translateX(-100%) 
    }
}
 .album-isim-ic {
     position: absolute;
     top: 0;
     left: 190px;
     font-family: Nunito;
     font-size: 15px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     text-align: center;
     color: #0d00a3;
     text-transform: uppercase;
     line-height: 50px;
}
 .album-isim-ic:before {
     content: "";
     position: absolute;
     right: -830px;
     width: 820px;
     height: 1px;
     top: 50%;
     margin-top: .5px;
     background: #eef7fa 
}
 .geri {
     width: 163px;
     height: 50px;
     border-radius: 25px;
     background-color: #dfebef;
     float: left;
}
 .geri span {
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: 50px;
     letter-spacing: normal;
     text-align: left;
     color: #51b1df;
     float: left;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .geri i:Before {
     margin: 0;
     font-size: 14px;
     font-weight: 700;
     position: relative;
     top: -1px;
     left: -4px;
     color: #4fb0df;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 .geri i {
     float: left;
     line-height: 47px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     margin-right: 5px;
     margin-left: 14px 
}
 .geri:hover {
     background: #1ca4de;
     color: #fff;
}
 .geri:hover span {
     color: #fff;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .yonetim-genel {
     height: 50px;
     background: #228b22;
     padding-left: 30px;
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: 50px;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     border-top-right-radius: 8px;
     border-top-left-radius: 8px 
}
 div#kadromuz .row+.row {
     margin-top: 20px 
}
 .yonetim-item {
     display: block 
}
 .yonetim-item ul {
     display: inline-block;
     width: 100% 
}
 .yonetim-item li {
     float: left;
     width: 100%;
     height: 71px;
     margin-top: 8px;
     background-color: #eef7fa;
     border-radius: 8px;
     line-height: 71px 
}
 .yonetim-item li .wd50:first-child {
     padding-left: 30px 
}
 .yonetim-isim {
     font-size: 15px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #000 
}
 .yonetim-pozisyon {
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #000 
}
 li.mavi {
     padding-left: 30px;
     height: 50px;
     border-radius: 0!important;
     border-top-left-radius: 8px!important;
     background-color: #dfebef;
     line-height: 50px;
     border-top-right-radius: 8px!important 
}
 .mavi .yonetim-isim {
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3 
}
 .son-g-bas {
     font-family: Nunito;
     font-size: 18px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.06;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     display: inline-block;
     position: relative;
     padding-bottom: 8px 
}
 .haber-tum {
     float: left;
     width: 100% 
}
 .haber-tum .haber-tarih {
     margin: 0;
     float: right 
}
 .son-g-bas:before {
     content: "";
     position: absolute;
     left: 0;
     width: 70%;
     height: 3px;
     background: #dfebef;
     bottom: 0 
}
 .son-gelisme-img {
     height: 230px;
     background-size: cover!important;
     float: left;
     width: 100%;
     background-position: center center!important;
     margin-bottom: 32px;
     border-radius: 8px;
     margin-top: 40px;
}
 .haber-tum p {
     float: left;
     width: 100% 
}
 section.son-gelisme-detay.inner p {
     float: left;
     width: 100%;
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 23px;
     letter-spacing: normal;
     text-align: left;
     margin-left: 0 !important;
}
 section.son-gelisme-detay.inner {
     padding: 50px 0;
     background: #fff 
}
 .haber-tarih {
     width: 165px;
     height: 51px;
     border-radius: 30px;
     border: solid 1px #a0c9da;
     font-family: Nunito;
     font-size: 13px;
     font-weight: 900;
     font-style: normal;
     font-stretch: normal;
     line-height: 51px;
     letter-spacing: normal;
     text-align: center;
     color: #a0c9da 
}
 .column-map {
     margin-bottom: 60px 
}
 .geri:hover i:before {
     color: #fff;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 .son-gelisme-img.duyuru-detay {
     height: 400px;
}
 .contact4 .form-control {
     font-size: 16px;
     padding: 15px 15px;
     border-radius: 0;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .contact4 .form-div p {
     padding-left: 0px;
     font-family: Nunito;
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     padding-bottom: 5px;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .contact4 .wd50 {
     width: 48%;
     margin-bottom: 30px;
     margin: 0 1%;
}
 .contact4 .form-div {
     overflow: auto;
     margin: 0 
}
 .contact4 .form-div:hover p {
     color: #0d00a3;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .contact4 .form-div.capt-cont .captcha {
     margin-left: 0;
     width: 48%;
}
 .contact4 .wd100 {
     margin-bottom: 30px;
}
 .col-md-12.col-xs-12.masaustu-form {
     display: block 
}
 .col-md-12.col-xs-12.mobil-form {
     display: none 
}
 .contact4 input[type="text"]:hover {
     border: 1px solid #0d00a3;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .basket-exp textarea.form-control {
     border-radius: 10px !important;
}
 .contact4 .container form textarea:hover {
     border: 1px solid #0d00a3;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .contact4 input[type="text"] {
     padding: 0 20px;
     height: 50px;
     border-radius: 0px;
     border: solid 1px #a0c9da;
     background: #fff;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .contact4 input[type="email"] {
     padding: 0 20px;
     height: 55px;
     line-height: 55px;
}
 .contact4 input[type="email"]:focus {
     border-color: #192a48;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease 
}
 .contact4 input[type="text"]:focus {
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     background: #fff;
     background-color: #fff;
     outline: none!important;
     border: solid 1px #228b22!important 
}
 .contact4 textarea:focus {
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     background: #fff;
     background-color: #fff;
     outline: none!important;
     border: solid 1px #228b22!important 
}
 .form-div.capt-cont .captcha {
     width: 46%;
     height: 50px;
     border-radius: 0px;
     border: solid 1px #a0c9da;
}
 .form-div.capt-cont .son {
     width: 46%;
     float: left;
     margin-left: 5% 
}
 .form-div.capt-cont .son input[type="text"]::-webkit-input-placeholder {
     color: #228b22;
     font-size: 12px 
}
 .form-div.capt-cont .son input[type="text"]::-moz-placeholder {
     color: #228b22;
     font-size: 12px 
}
 .form-div.capt-cont .son input[type="text"]:-ms-input-placeholder {
     color: #228b22;
     font-size: 12px 
}
 .form-div.capt-cont .son input[type="text"]:-moz-placeholder {
     color: #228b22;
     font-size: 12px 
}
 .form-div.capt-cont .son input[type="text"] {
     height: 50px;
     border-radius: 0px;
     border: solid 1px #a0c9da 
}
 .contact4 .btn {
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     border-radius: 0;
     color: white;
     font-size: 15px;
     font-weight: 700;
     margin-top: 5px;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     width: 100%;
     border: 0;
     height: 50px;
     border-radius: 0px;
     background-color: #0d00a3;
}
 .contact4 .btn.pull-right {
     background: #228b22 
}
 .column-map {
     margin-bottom: 20px 
}
 .contact4 {
     padding-top: 0;
     padding-bottom: 60px 
}
 .iletisim-baslik span {
     position: relative;
     font-family: Nunito;
     font-size: 20px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     padding-left: 40px 
}
 .contact4 .container>div {
     vertical-align: top;
     position: relative 
}
 .iletisim-baslik {
     height: 75px;
     background-color: #f9fdff;
     line-height: 75px;
     margin-bottom: 40px;
     position: relative 
}
 .iletisim-baslik span:before {
     content: "";
     position: absolute;
     left: 0;
     width: 31px;
     height: 2px;
     border-radius: 1.1px;
     background-color: #0d00a3;
     top: 50%;
     margin-top: -1px 
}
 .contact4 .col-md-3 {
     padding: 0 
}
 .contact4 .btn.pull-right {
     background: #228b22 
}
 .contact4 .btn:hover {
     background-color: #228b22;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease 
}
 .contact4 input.btn.btn-default.pull-right:hover {
     background: #0d00a3 
}
 .contact4 .content>h5 {
     font-size: 22px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #349636;
     margin-bottom: 30px;
     margin-top: 0 
}
 .contact4 .content>p {
     font-size: 14px;
     margin-bottom: 30px;
     color: #666;
     font-weight: 500;
     position: relative;
     z-index: 9999 
}
 .contact4 .content a {
     font-size: 13px;
     color: #666;
     letter-spacing: 1px;
     font-weight: 600;
     padding-top: 3px;
}
 .contact4 .content a:hover {
     color: #eb1c24 
}
 .contact4 .content .who .line+.line {
     margin-top: 50px 
}
 .contact4 .content .who .line i.icon-location {
     width: 19px;
     height: 28px;
     background-position: -87px -259px 
}
 .contact4 .content .who .line i.icon-phone {
     width: 28px;
     height: 29px;
     background-position: -107px -259px 
}
 .contact4 .content .who .line i.icon-mail {
     width: 30px;
     height: 22px;
     background-position: -136px -259px 
}
 .contact4 .content .who .line h6 {
     font-size: 17px;
     font-weight: 700;
     color: #333;
     margin: 0 0 5px 0;
     padding-bottom: 0;
     margin: 0;
     font-family: 'Rajdhani', sans-serif 
}
 .contact4 .content .who .line p {
     margin: 0;
     line-height: 18px;
     font-size: 12px;
     color: #666;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     font-family: 'Rajdhani', sans-serif;
     font-weight: 600;
     padding-top: 6px 
}
 .contact4 .content .who .line>*:first-child {
     position: relative 
}
 .contact4 .content .who .line>*:first-child i {
     width: 46px;
     height: 46px;
     background-repeat: no-repeat;
     background-position: center center;
     margin-right: 20px;
     font-size: 35px;
     color: #000;
     line-height: 46px;
     float: left;
     text-align: center;
     background: #349636;
     position: relative 
}
 .contact4 .content .who .line>*:last-child {
     width: calc(100% - 86px) 
}
 .who .line {
     float: left;
     height: initial;
     width: 100%;
     border: 0;
     right: initial;
     top: initial;
     position: relative;
     display: block;
     margin-bottom: 10px;
}
 .who {
     margin-bottom: 0;
     display: inline-block;
     width: 100%;
}
 .who .line p {
     font-size: 12px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.57;
     letter-spacing: normal;
     text-align: left;
     color: #000;
     float: left;
     margin: 0;
     line-height: 32px;
     padding-left: 10px;
}
 .who .line a {
     font-size: 14px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.57;
     letter-spacing: normal;
     text-align: left;
     color: #000;
     padding-left: 10px;
     line-height: 32px;
}
 .contact4 .content .company {
     margin: 30px 0 
}
 .contact4 .content .company p {
     font-size: 12px;
     margin: 0;
     color: #333;
     line-height: 18px 
}
 .contact4 .content .company p+p {
     margin-top: 15px 
}
 .contact4 .content .company p b {
     font-size: inherit;
     display: inline-block;
     width: 160px 
}
 .contact4 .content .who {
     margin-bottom: 25px 
}
 .who .line:nth-child(2) {
}
 .contact4 .content .text p, .contact4 .content .text p * {
     font-size: 14px;
     color: #666;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     font-family: 'Rajdhani', sans-serif;
     font-weight: 600 
}
 .contact4 .content .text p span {
     font-size: inherit;
     font-weight: 600 
}
 .contact4 .content .text p b {
     font-size: inherit;
     font-weight: 700 
}
 .contact4 .content .text p a {
     font-size: 16px;
     background: #f01716;
     padding: 1px 10px;
     display: inline-block;
     color: #fff 
}
 .contact4 .form-div span {
     color: #228b22;
     font-size: 12px;
     font-weight: 650;
}
 .contact4 .content .who .line>*:first-child i:before {
     line-height: 45px;
     color: #fff;
     margin: 0;
     display: block 
}
 .contact4 .content .who .line>*:first-child i:after {
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 20px 20px 0 0;
     border-color: #fff transparent transparent transparent;
     left: 0;
     top: 0;
     margin: 0 
}
 .contact4 .content .btn-red {
     font-size: 14px 
}
 .contact4 .content .form-div p {
     color: #000!important;
     font-size: 15px;
     font-weight: 700;
     margin-top: 8px;
     display: inline-block;
     font-family: 'Rajdhani', sans-serif;
     position: relative;
     margin: 0;
     line-height: normal 
}
 .contact4 .container form>div+div.wd100 .col-right {
     width: 48%;
     margin-right: 2.5% 
}
 .contact4 .container form textarea {
     height: 159px;
     border-radius: 27px;
     border: solid 1px #a0c9da;
     background: #fff;
     color: #228b22;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .contact4 .container form>div.submit {
     text-align: right 
}
 .vm i:before {
     color: #228b22;
     margin: 0;
     font-size: 16px;
     text-align: center 
}
 .contact4 .icon {
     display: inline-block;
     float: left;
     width: 32px;
     height: 32px;
     border-radius: 9px;
     background-color: #eef7fa;
     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 
}
 .contact4 .vm {
     display: block;
     vertical-align: middle;
     margin-right: 20px;
}
 .contact4 .btn, .contact4 input, .contact4 textarea {
     font-size: 13px 
}
 .contact4 .container form>div+div {
     position: relative;
     z-index: 999 
}
 @media screen and (max-width:991px) {
     .contact4 .container>div {
         display: block!important;
         width: 100%!important;
         position: relative 
    }
     .contact4 .container>div+div {
         margin: 30px 0 0 0!important 
    }
}
 @media screen and (max-width:767px) {
     .column-map {
         margin-bottom: 20px 
    }
     .contact4 .content>h5 {
         margin-bottom: 20px;
         text-align: center;
         z-index: 9 
    }
     .contact4 .content>p {
         text-align: center;
         z-index: 9 
    }
     .contact4 .col-md-3 {
         text-align: center 
    }
     .contact4 .container form>div+div {
         z-index: 9 
    }
}
 .mybasket.adress .btn-wrapper h5 {
     padding: 0;
     margin: 0;
}
 section.uyeliksiz-form.contact4 .ps-abst {
     margin-top: 0!important;
     background-image: -webkit-linear-gradient(138deg, #a0c9da, #dfebef 51%, #a0c9da);
     background-image: -o-linear-gradient(138deg, #a0c9da, #dfebef 51%, #a0c9da);
     background-image: linear-gradient(312deg, #a0c9da, #dfebef 51%, #a0c9da) 
}
 section.uyeliksiz-form .col-right input[type=submit] {
     padding: 0 40px;
     width: auto 
}
 section.uyeliksiz-form .col-left input[type=submit] {
     padding: 0 30px;
     width: auto 
}
 section.uyeliksiz-form .col-right input[type=submit]:hover {
     background: #0d00a3 
}
 section.uyeliksiz-form.contact4 {
     padding: 50px 0 
}
 section.kampanyalar-sect {
     padding: 60px 0 
}
 .kampanya-item .col-md-3.col-sm-3.col-xs-12:first-child {
     padding-left: 0 !important;
     height: 235px;
}
 .k-liste-bg {
     height: 100%;
     background-size: cover !important;
     overflow: hidden;
     background-repeat: no-repeat !important;
     background-position: center center !important;
}
 .kampanya-item {
     border-radius: 10px;
     background-color: #fff;
     border: solid 1px #dfebef;
     float: left;
     width: 100%;
     padding: 0px 0;
     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;
     overflow: hidden;
}
 .kampanya-item+.kampanya-item {
     margin-top: 60px 
}
 .kampanya-item .col-md-3.col-sm-3.col-xs-12 {
     text-align: center 
}
 .kampanya-baslik {
     font-family: Nunito;
     font-size: 17px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .kampanya-ack {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     padding-top: 10px;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .kampanya-detay {
     height: 41px;
     border-radius: 100px;
     background-color: #228b22;
     width: 90%;
     line-height: 41px;
     text-align: center;
     display: table;
     margin: auto;
     margin-bottom: 10px;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 a.kampanya-detay:hover {
     background: #0f0 
}
 .kampanya-detay:hover {
     background: #0d00a3;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 a.kampanya-item:hover .kampanya-baslik, a.kampanya-item:hover .kampanya-ack {
     color: #228b22;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 a.kampanya-item:hover .kampanya-detay {
     background: #0d00a3 
}
 a.kampanya-item:hover {
     -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
     box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24) 
}
 .kampanya-detay span {
     font-family: Nunito;
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #fff 
}
 .kampanya-detay i:before {
     margin: 0;
     font-size: 18px;
     color: #fff;
     margin-left: 7px 
}
 .kampanya-detay i {
     -webkit-transform: rotate(180deg)!important;
     -ms-transform: rotate(180deg)!important;
     transform: rotate(180deg)!important;
     display: inline-block 
}
 .baslangic-bitis {
     width: 90%;
     height: auto;
     border-radius: 40px;
     background-color: #fff;
     border: solid 1px #a0c9da;
     padding: 3px 0;
     display: table;
     margin: auto;
}
 .baslangic-bitis .wd50 {
     font-family: Nunito;
     font-size: 9px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.42;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
}
 .kampanya-detay-img {
     position: relative;
     height: 230px;
}
 section.kampanyalar-sect .baslangic-bitis {
     padding: 8px 0 6px;
}
 .kampanya-bg {
     height: 100%;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     background-position: center center!important;
     border-radius: 8px;
     position: relative 
}
 .kampanya-bg:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: rgba(42, 67, 91, 0);
     border-radius: 10px;
}
 a.icerik-download {
     position: absolute;
     right: 0;
     bottom: 0;
     width: auto;
     height: 42px;
     border-top-left-radius: 40px;
     background-color: #0d00a3;
     font-size: 12px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.42;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     line-height: 42px;
     padding: 0 30px;
}
 a.icerik-download span {
     font-weight: 800 
}
 a.icerik-download:hover {
     background: #228b22 
}
 .inner .baslangic-bitis {
     width: 221px;
     padding: 7px 0 6px;
}
 .inner .col-lg-12.col-xs-12+.col-lg-12.col-xs-12 {
     margin-top: 30px 
}
 .kampanya-title {
     font-family: Nunito;
     font-size: 20px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     padding-top: 10px;
}
 .kampanya-slide-item .urunGenel {
     margin: 0;
     margin-bottom: 30px 
}
 .kampanya-slide-item {
     display: inline-block;
     width: 100%;
     padding: 40px 40px 0 
}
 section.indirim-alani {
     margin-bottom: 0 
}
 .baslangic-bitis .wd50 span {
     font-weight: bold;
     font-size: 12px;
}
 .baslangic-bitis .wd50+.wd50 {
     border-left: 1px solid #dfebef 
}
 .indirim-baslik {
     font-size: 18px;
     font-weight: 800;
     line-height: 1.78;
     color: #228b22;
     text-decoration: underline 
}
 .indirim-genel {
     width: 95% 
}
 .indirim-item li span {
     float: left;
     width: 33.33%;
     font-size: 16px;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     font-weight: 800 
}
 .indirim-item li span:nth-child(2) {
     color: #0d00a3;
     font-weight: 600 
}
 section.kampanya-slide i {
     left: 0;
     display: inline-block;
     position: relative 
}
 section.kampanya-slide i:before {
     font-size: 18px;
     margin: 0;
     margin-right: 5px;
     font-weight: 400 
}
 .kampanya-kapsami {
     font-family: Nunito;
     font-size: 25px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     margin-bottom: 30px;
     text-align: center 
}
 section.kampanya-slide {
     margin: 50px 0 0;
     float: left;
     width: 100%;
}
 .cozum-title {
     float: left;
     width: 100%;
     font-family: Nunito;
     font-size: 20px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     margin-bottom: 5px 
}
 .cozum-item {
     border-radius: 8px;
     background-color: #fff;
     border: solid 2px #eef7fa;
     padding-top: 20px;
     float: left;
     width: 100%;
     position: relative;
     margin-bottom: 30px;
     overflow: hidden;
     padding-bottom: 40px;
     height: auto;
}
 .cozum-logo {
     width: 120px;
     display: table;
     float: right;
     position: relative 
}
 .cozum-img {
     float: left;
     position: relative;
     margin-left: 10px;
     width: 120px;
}
 .cozum-kod {
     float: left;
     font-family: Nunito;
     font-size: 15px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.53;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     width: calc(100% - 125px);
     overflow: hidden;
     padding: 0 15px;
}
 .cozum-kod span {
     font-weight: 700 
}
 a.mikro-site:hover i:Before {
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .cozum-logo img {
     border-radius: 8px;
     border: solid 2px #eef7fa;
     padding: 12px;
     border-right: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     position: relative;
     z-index: 99;
     background: #fff 
}
 a.mikro-site {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 137px;
     height: 42px;
     border-top-left-radius: 28.5px;
     background-color: #eef7fa;
     line-height: 42px 
}
 .cozum-alet {
     float: left;
     width: 100%;
     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 
}
 .cozum-alet img {
     margin-bottom: 0;
     position: relative;
}
 a.mikro-site span {
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     display: block;
     width: 100%;
     padding-left: 18px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 a.mikro-site i {
     position: absolute;
     left: 0;
     top: 1px 
}
 a.mikro-site i:before {
     font-size: 14px;
     font-weight: 500;
     line-height: normal;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 a.mikro-site:hover {
     background: #0d00a3 
}
 a.mikro-site:hover span {
     color: #fff;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .cozum-logo:before {
     content: "";
     position: absolute;
     left: -1000px;
     width: 1000px;
     border: solid 2px #eef7fa;
     top: 50%;
     margin-top: -1px 
}
 section.dokuman-genel {
     padding: 60px 0 
}
 section.dokuman-genel input[type=text] {
     border: 1px solid #0d00a3;
     border-radius: 0;
     height: 39px;
     background: none;
     border-top-left-radius: 19px;
     padding-left: 20px;
     border-bottom-left-radius: 19px;
     font-size: 11px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 4.56;
     letter-spacing: normal;
     text-align: left;
     float: left;
     color: #228b22;
}
 .dokuman-genel .fl-right:before {
     display: none;
}
 .dokuman-genel .fl-right {
     line-height: 39px;
     color: #0d00a3;
}
 .dokuman-genel input[type="submit"] {
     height: 39px;
     width: 70px;
     border: none;
     position: relative;
     display: block;
     top: 0;
     background-size: 100%;
     background-position: top center;
     background: none;
     float: left;
     background: #0d00a3;
     color: #fff;
     border-top-right-radius: 19px;
     border-bottom-right-radius: 19px;
     margin-left: -1px;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 input.sifirla {
     height: 39px;
     border-radius: 40px;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     padding: 0 20px;
     margin-left: 0;
     background: #228b22;
     color: #fff;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     margin-top: 20px;
     width: 220px;
}
 input.sifirla:hover {
     background: #0d00a3;
}
 section.dokuman-genel .col-md-12 form {
     margin-bottom: 30px;
     float: left;
}
 .dokuman-genel input[type="submit"]:hover {
     background: #228b22;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .tablo-dokuman {
     border-radius: 8px;
     overflow: hidden;
     border: 1px solid #eef7fa 
}
 .tablo-dokuman tablo tr:first-child th {
     background: #eef7fa 
}
 .tablo-dokuman table tr:first-child {
     background: #eef7fa 
}
 .tablo-dokuman table tr:first-child th {
     width: 33.33%;
     font-size: 15px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 3.2;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .tablo-dokuman table tr:first-child th:first-child a {
     padding-left: 20px;
     color: #a0c9da 
}
 .tablo-dokuman.gecmis tr td:last-child i {
     display: inline-block;
     float: left;
     margin-right: 4px;
}
 .tablo-dokuman.gecmis tr td {
     width: auto!important 
}
 .tablo-dokuman.gecmis tr th {
     width: auto!important 
}
 .tablo-dokuman tr td:first-child a:hover {
     color: #f40010;
}
 .tablo-dokuman tr td:last-child a:hover {
     color: #a0c9da !important;
}
 .tablo-dokuman.sepetim.teklif-detay tr th {
     background: #eef7fa !important;
     color: #a0c9da !important;
     font-weight: bold;
     padding-left: 15px;
}
 .tablo-dokuman.sepetim.teklif-detay tr td:nth-child(4) img {
     position: relative;
     left: -40px;
}
 .tablo-dokuman.gecmis tr td:last-child a {
     font-weight: 600 
}
 .tablo-dokuman tr td {
     width: 33.33%;
     font-family: Nunito;
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     border-right: 1px solid #eef7fa;
     border-bottom: 1px solid #eef7fa;
}
 .tablo-dokuman tr td:first-child a {
     font-family: Nunito;
     font-size: 15px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 3.27;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     padding-left: 29px;
     display: inline-block !important;
}
 .tablo-dokuman tr td:last-child td {
     border: none 
}
 .tablo-dokuman tr td:last-child a {
     font-family: Nunito;
     font-size: 15px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
}
 .tablo-dokuman tr td:last-child i:before {
     margin: 0;
     margin-right: 10px;
     font-weight: 400 
}
 .tablo-dokuman tr td+td {
     padding-left: 20px 
}
 .tablo-dokuman tr:last-child td {
     border-bottom: none 
}
 .tablo-dokuman.teklif-detay table tr:first-child th:first-child a {
     padding-left: 0 !important;
}
 .user-order tr th {
     padding-left: 20px;
}
 .tablo-dokuman.gecmis.mavi-th.norm tr th:first-child {
     width: 50% !important;
     padding-left: 10px;
}
 .tablo-dokuman.gecmis.mavi-th.norm tr th:nth-child(2) {
     width: 25% !important;
     padding-left: 20px;
}
 .tablo-dokuman.gecmis.mavi-th.norm tr th:last-child {
     width: 15% !important;
     padding-left: 20px;
}
 .user-order tr td {
     padding: 10px 15px;
}
 .teklif-detay tr:nth-child(2) td:first-child a {
     padding-left: 0;
}
 .tablo-dokuman tr td:last-child a img {
     width: 30px;
     margin-right: 6px 
}
 .tablo-dokuman.sepetim table tr:first-child th {
     width: auto;
     background: #228b22;
     color: #fff;
}
 .wd100 .col-left p {
     font-size: 13px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     margin-bottom: 20px;
     letter-spacing: normal;
     text-align: left;
     color: #228b22 
}
 .tablo-dokuman.sepetim tr td {
     width: auto;
     font-family: Nunito;
     font-size: 12px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #000;
}
 .col-left.autoWd {
     width: auto!important;
     display: inline-block;
     margin: 0;
     padding: 0 
}
 h5.user-title.blue {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 17px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3 
}
 .teklif-tarih {
     font-size: 13px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     line-height: 23px 
}
 a.gecmis-teklif-detay-btn {
     height: 35px;
     border-radius: 22px;
     background-color: #0d00a3;
     line-height: 35px;
     font-size: 12px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: center;
     padding: 0 30px;
     color: #fff;
     position: relative;
     margin-bottom: 10px;
     padding-left: 39px 
}
 a.gecmis-teklif-detay-btn:hover {
     background: #228b22 
}
 a.gecmis-teklif-detay-btn i {
     position: absolute;
     left: 14px;
     display: inline-block!important 
}
 a.gecmis-teklif-detay-btn i:before {
     margin: 0;
     font-size: 16px;
     font-weight: 400 
}
 .wd100.gecmis-detay {
     margin-bottom: 25px;
     padding-top: 20px;
     border-top: solid 1px #0d00a3 
}
 .tablo-dokuman.sepetim tr td:last-child i:before {
     font-size: 30px;
     color: #228b22;
}
 .tablo-dokuman.sepetim table tr:first-child th a {
     color: #fff 
}
 .tablo-dokuman.sepetim.sepet-page tr th+th {
     padding-left: 0;
     border-left: 1px solid #a0c9da;
     text-align: center;
     line-height: normal;
     padding: 10px 0;
}
 .tablo-dokuman.sepetim.sepet-page tr td+td {
     padding-left: 0;
     text-align: center;
     padding: 0 5px;
}
 .tablo-dokuman.sepetim.sepet-page tr td:nth-child(4) img {
     position: relative;
     left: 0;
}
 .sepet-page.nine tr td:nth-child(1) {
     width: 15% !important;
}
 .sepet-page.nine tr td:nth-child(2) {
     width: 33% !important;
     text-align: left !important;
     padding-left: 16px !important;
}
 .sepet-page.nine tr td:nth-child(3) {
     width: 13% !important;
}
 .sepet-page.nine tr td:nth-child(4) {
     width: 7% !important;
}
 .sepet-page.nine tr td:nth-child(6) {
     width: 5% !important;
}
 .sepet-page.nine tr td:nth-child(5) {
     width: 12% !important;
     padding: 0 !important;
     text-align: right !important;
     padding-right: 7px !important;
}
 .sepet-page.nine tr td:nth-child(7) {
     width: 5% !important;
}
 .sepet-page.nine tr td:nth-child(8) {
     width: 5% !important;
}
 .sepet-page.nine tr td:nth-child(9) {
     width: 5% !important;
}
 .sepet-page.eight tr td:nth-child(1) {
     width: 15% !important;
}
 .sepet-page.eight tr td:nth-child(2) {
     width: 40% !important;
     text-align: left !important;
     padding-left: 16px !important;
}
 .sepet-page.eight tr td:nth-child(3) {
     width: 13% !important;
}
 .sepet-page.eight tr td:nth-child(4) {
     width: 8% !important;
}
 .sepet-page.eight tr td:nth-child(6) {
     width: 6% !important;
}
 .sepet-page.eight tr td:nth-child(5) {
     width: 6% !important;
     padding: 0 !important;
     text-align: center;
}
 .sepet-page.eight tr td:nth-child(7) {
     width: 6% !important;
}
 .sepet-page.eight tr td:nth-child(8) {
     width: 6% !important;
}
 .tablo-dokuman.sepetim tr td img {
     width: 115px;
     padding: 10px 10px;
     border-radius: 8px;
     border: 1px solid #eef7fa;
}
 .tablo-dokuman.sepetim tr td:first-child {
     padding: 10px 0;
     margin: auto;
     text-align: center 
}
 .sepet-page tr td:first-child a {
     padding-left: 0 !important;
}
 a.btn.btn-default.pull-right {
     width: 179px;
     height: 50px;
     border-radius: 0px;
     background-color: #228b22;
     font-size: 14px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 50px;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     padding: 0;
     margin-top: 20px;
     border: 1px solid #228b22;
}
 a.btn.btn-default.pull-right:hover {
     background: #1aa4de 
}
a.btn.btn-default.pull-right-close {
     width: 179px;
     height: 50px;
     border-radius: 0px;
     background-color: #bd1d1d;
     font-size: 14px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 50px;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     padding: 0;
     margin-top: 20px;
     border: 1px solid #bd1d1d;
	 float: right;
}
 a.btn.btn-default.pull-right-close:hover {
     background: red;
	 border: 1px solid red;
}
 .tablo-dokuman.sepetim tr td:nth-child(4) img {
     border: none!important;
     width: 110px 
}
 #video .tablo-dokuman tr td:last-child a {
     color: #000 
}
 .tablo-dokuman.sepetim tr td:nth-child(4) {
     padding: 0!important;
     text-align: center 
}
 #dokuman .tablo-dokuman table tr:first-child th {
     width: auto!important;
     padding-left: 20px!important 
}
 #dokuman .tablo-dokuman tr td {
     width: auto!important 
}
 #dokuman .tablo-dokuman tr td:last-child a {
     color: #000 
}
 .table>tbody+tbody {
     border: none 
}
 .tablo-dokuman table tbody tr:first-child {
     background: none;
}
 .duyurular .wd50.sag .git i {
     right: initial;
     left: 13px;
     padding-right: 0 !important;
}
 .duyurular .wd50.sag .git {
     bottom: 15px;
     border-bottom-left-radius: 28.5px;
     padding-right: 20px;
     border-bottom-right-radius: 0;
     padding-left: 33px;
     font-weight: bold;
}
 tbody+tbody tr {
     background: #fff!important 
}
 .tablo-dokuman tr td:last-child {
     border-right: none 
}
 .user-order-detail tr td:last-child{
    text-align:right;
    padding-right:15px;
    font-size:12px;
}
 .duyurular .baslangic-bitis {
     width: auto;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     left: 0;
     display: inline-block;
     position: absolute;
     bottom: 15px;
}
 .duyurular .baslangic-bitis .wd50 {
     padding: 0 10px;
     bottom: 15px;
     font-size: 9px;
}
 div.blur-box {
     background-color: rgba(20, 127, 162, 0.35);
     border: solid 1px #90c4d9;
     width: 100%;
     margin-left: 0;
     position: relative;
     padding: 50px 0 30px;
     -webkit-box-shadow: -2px 13px 11px -1px rgba(0, 0, 0, .16);
     box-shadow: -2px 13px 11px -1px rgba(0, 0, 0, .16);
}
 .ind-kamp-ack {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.07;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     text-shadow: 0 2px 4px rgba(0, 0, 0, .34);
     padding: 0 40px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     max-height: 56px;
}
 .kamp-logo {
     position: absolute;
     width: 181.8px;
     height: 55.9px;
     border-radius: 40px;
     background-color: #fff;
     -webkit-box-shadow: -2px 11px 11px -1px rgba(0, 0, 0, .23);
     box-shadow: -2px 11px 11px -1px rgba(0, 0, 0, .23);
     border: solid 1px rgba(155, 155, 155, .07);
     overflow: hidden;
     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;
     top: -30px;
     left: 50%;
     margin-left: -91px;
     z-index: 99999999;
}
 a.git {
     position: absolute;
     right: 0;
     bottom: 0;
     width: auto;
     height: 38px;
     border-top-left-radius: 28.5px;
     background-color: #eef7fa;
     line-height: 38px;
     font-size: 13px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 38px;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     border-bottom-right-radius: 8px;
     padding: 0 40px 0 25px;
}
 a.git i {
     display: inline-block;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     position: absolute;
     top: -1px;
     right: 18px 
}
 a.git i:before {
     margin: 0;
     font-size: 13px;
     font-weight: 300 
}
 .blur-bg {
     background-position: center top;
     background-size: 100% auto;
     height: auto;
     background-repeat: no-repeat;
     position: relative;
     opacity: 0.7;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     top: 0;
}
 .blur-bg .blur-container {
     position: relative;
     border-radius: 8px;
     overflow: hidden 
}
 .blur-bg .blur-box-bg:before {
     content: "";
     background-image: url(../img/bg2.png);
     background-repeat: no-repeat;
     -webkit-filter: blur(6px);
     filter: blur(6px);
     position: absolute;
     top: -140px;
     right: 0;
     bottom: 0;
     left: -30px;
     z-index: 99;
     background-size: 114% auto;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
}
 .blur-bg .blur-box {
     position: relative;
     z-index: 100;
     height: 171px;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
     border-radius: 8px;
     background: rgba(30, 165, 221, 0.78);
}
 .blur-bg+.blur-bg {
     margin-top: 60px;
}
 .blur-bg:hover {
     opacity: 1;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     top: -5px;
}
 div.blur-bg:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.28);
     box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.28);
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     opacity: 0;
     border-radius: 15px;
}
 .blur-bg:hover:before {
     opacity: 1;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .kampanya-pagi .col-right {
     margin: 0 
}
 div.blur-container:hover .blur-box-bg:before {
     -webkit-filter: blur(11px);
     filter: blur(11px);
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
}
 .bg2 .blur-box-bg:before {
     background-image: url(../img/kampanya-bg.png);
     background-position: center center !important;
}
 .blur-bg .blur-container:hover .blur-box {
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
    /* background: rgba(0, 180, 255, 0.45);
     */
}
 .kampanya-pagi .swiper-pagination-bullet-active {
     -webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5);
     box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5);
     border: solid 2px #eef7fa;
     background-color: #eef7fa!important 
}
 .kampanya-pagi .swiper-pagination-bullet {
     border: 1px solid #eef7fa!important 
}
 a.all-camp {
     width: auto;
     height: 32px;
     border-radius: 28.5px;
     background-color: #eef7fa;
     font-family: Nunito;
     font-size: 12px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     line-height: 32px;
     padding: 0 15px 
}
 .kampanya-pagi {
     display: inline-block;
     width: 100%;
    /* margin-top: 20px;
     */
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 a.all-camp:hover {
     background: #228b22;
     color: #fff 
}
 a.git:hover {
     background: #228b22;
     color: #fff;
}
 .blurSlide {
     padding-top: 50px;
     overflow: initial;
     padding-bottom: 10px;
}
 .kamp-logo img {
     display: block;
     text-align: center;
     margin: auto;
     max-height: 50px;
}
 .sidebar {
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-box-shadow: -1px 15px 27px rgba(0, 0, 0, .15);
     box-shadow: -1px 15px 27px rgba(0, 0, 0, .1);
     background: #f6f6f6;
     float: left;
     width: 100%;
     margin: 0 0 50px 0;
     border: none 
}
 .sidebar h4 {
     font-weight: 700 
}
 .product-list {
     padding: 50px 0 
}
 .product-list article {
     vertical-align: top;
     float: left;
     width: 100% 
}
 .product-list .left {
     width: 21%;
     border: 1px solid #a4a4a4;
     padding: 25px 
}
 .product-list .right {
     width: 75%;
     margin-left: 3% 
}
 .product-list .sidebar .filter-menu h4 {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     margin: 0 0 25px 0;
     text-align: center;
     border-bottom: 1px solid #eee;
     padding-bottom: 20px;
     position: relative 
}
 .product-list .sidebar .filter-menu>ul {
     padding-bottom: 18px;
     position: relative;
     padding-bottom: 0 
}
 .product-list .sidebar .filter-menu>ul>li>a span {
     font-size: 12px 
}
 .product-list .sidebar .filter-menu>ul>li.opened>a span {
     font-weight: 700 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>span {
     font-size: 12px!important 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>a>span {
     font-size: 13px!important;
     color: #ccc;
     font-weight: 500 
}
 li.opened ul {
     padding-left: 0;
     padding-bottom: 0;
}
 .product-list .sidebar .filter-menu>ul>li>a:hover i:before {
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .sidebar.scroll a.incele {
     width: 100%;
     cursor: inherit;
     margin: 0!important;
     margin-bottom: 0px!important;
     padding: 0 
}
 .sidebar.scroll h5 {
     display: table;
     width: 100%;
     background-color: #0d00a3;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     height: 65px;
     line-height: 65px;
     text-align: center;
     font-family: Nunito;
     font-size: 14px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #eef7fa;
     margin: 0!important;
     margin-top: 0px !important;
}
 .sidebar.scroll h5 a {
     border: 1px solid #00a6cf 
}
 .sidebar.scroll h5 a span.ok {
     background: #00a6cf 
}
 .sidebar.scroll h5 a span.ok i:Before {
     color: #fff;
     font-weight: 700 
}
 .sidebar.scroll h5 a span.s-yazi {
     color: #00a6cf 
}
 h5.secenek {
     height: 65px;
     background-color: #ffffff!important;
     border: solid 2px #eef7fa;
     border-radius: 0!important;
     color: #228b22!important;
     display: table 
}
 li.opened ul li.active a {
     color: #fff !important;
     position: relative;
     background: #1d3043;
}
 .product-list .sidebar .filter-menu>ul>li>a {
     font-family: Nunito;
     font-size: 12px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: 4.5;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     display: block;
     padding: 0!important;
     padding-left: 15px!important;
     position: relative;
}
 .product-list .sidebar .filter-menu>ul>li>a:hover {
     background: #228b22;
     color: #fff 
}
 .product-list .sidebar .filter-menu>ul>li>a.none:after {
     display: none 
}
 .product-list .sidebar .filter-menu>ul>li.opened>a {
     background: #0d00a3!important;
     color: #fff!important;
     font-size: 12px!important;
}
 .product-list .sidebar .filter-menu>ul>li i {
     color: #d2d2d2 
}
 .product-list .sidebar .filter-menu>ul>li i {
     position: absolute;
     top: 50%;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .product-list .sidebar .filter-menu>ul>li i:before {
     font-weight: 400;
     margin: 0;
     color: #0d00a3;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     font-size: 21px;
}
 .product-list .sidebar .filter-menu>ul>li i.flaticon-arrows-1 {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     line-height: normal;
     margin-top: -12.5px;
     right: 20px;
     opacity: 1;
}
 .product-list .sidebar .filter-menu>ul>li.opened>a:after {
     font-weight: 400 
}
 .product-list .sidebar .filter-menu>ul>li.opened>a i {
     padding-right: 0 
}
 .product-list .sidebar .filter-menu>ul>li+li>ul>li>a>span {
     padding-left: 0;
     font-size: 12px 
}
 .filter-menu ul li a {
     padding: 10px!important 
}
 .product-list .sidebar .filter-menu>ul>li>ul {
     display: none;
     background: #228b22 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul {
     display: none;
     padding-bottom: 0;
     padding-left: 0 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>a {
     font-size: 12px;
     font-weight: 400;
     color: #eef7fa;
     display: block;
     position: relative;
     line-height: 4.5;
     padding: 0!important;
     padding-left: 30px!important;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     min-height: 54px;
}
 .product-list .sidebar .filter-menu>ul>li>a:hover i.flaticon-arrows-1 {
     opacity: 1;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>a:hover {
     background: #f40010;
     color: #fff!important 
}
 .product-list .sidebar .filter-menu>ul>li i.flaticon-arrow-point-to-right {
     line-height: normal;
     left: 10px;
     margin-top: -8px;
     opacity: 1 
}
 .product-list .sidebar .filter-menu>ul>li i.flaticon-arrow-point-to-right:before {
     margin: 0;
     font-size: 12px;
     color: #a0c9da 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>a:hover i {
     opacity: 1 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a {
     font-size: 12px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 30px;
     letter-spacing: normal;
     text-align: left;
     color: #eef7fa;
     display: block;
     padding-right: 50px !important;
     padding-left: 60px !important;
     position: relative;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>a:hover {
     color: #e12e11 
}
 .product-list .col-md-3.col-xs-12 {
     padding: 0 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a i:before {
     opacity: 0;
}
 a.tum-cat {
     background: #228b22 !important;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li.opened>ul>li.opened a i {
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg);
     opacity: 1;
     visibility: visible;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li label span {
     font-size: 11px;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li.opened>a {
     padding-left: 40px !important;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li.opened>a i {
     left: 20px !important;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover i:before {
     color: #fff;
     opacity: 1;
}
 li.opened ul li.active a:before {
     content: "";
    /* position: absolute;
     */
    /* left: 0;
     */
    /* right: 10px;
     */
    /* bottom: 0;
     */
    /* background: #f40010;
     */
    /* height: 1px;
     */
}
 .product-list .sidebar .filter-menu>ul>li>ul>li.opened>a {
     background: #f40010 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li.opened>ul {
     background: #f40010;
     padding: 0 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li.opened>a i {
     opacity: 1 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover i {
     opacity: 1 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover i {
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul {
     display: none;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li.opened>a i:before {
     opacity: 1;
     color: #fff;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover {
     background: #228b22 
}
 .product-list .sidebar>ul>li {
     position: relative;
     padding-bottom: 0;
     padding-top: 0 
}
 .product-list .sidebar>ul>li:before {
     position: absolute;
     height: 1px;
     background: #e5e5e5;
     bottom: 0;
     left: 10px;
     right: 10px 
}
 .product-list .sidebar>ul>li:after {
     position: absolute;
     height: 5px;
     background: #000;
     bottom: 0;
     left: 50%;
     width: 80px;
     margin-left: -40px 
}
 .product-list .sidebar>ul>li:last-child {
     padding-bottom: 0 
}
 .product-list .sidebar>ul>li:last-child:before, .product-list .sidebar>ul>li:last-child:after {
     display: none 
}
 .product-list .sidebar>ul>li>a {
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 15px;
     color: #333 
}
 .product-list .sidebar>ul>li+li {
     margin-top: 0!important;
     padding: 0 
}
 .product-list .sidebar>ul>li>ul {
     max-height: inherit;
     overflow-y: auto;
     position: relative;
     padding: 15px;
     border-bottom: none 
}
 .product-list .sidebar>ul>li>ul>li {
     padding: 8px 0 
}
 .product-list .sidebar>ul>li>ul>li>label {
     position: relative;
     padding-left: 25px;
     margin: 0;
     display: block 
}
 .product-list .sidebar>ul>li>ul>li>label>span {
     font-family: Nunito;
     font-size: 11px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     height: auto;
     line-height: normal 
}
 .product-list .sidebar>ul>li.filter-size>ul {
     max-height: inherit;
     height: auto 
}
 .product-list .sidebar>ul>li.filter-size>ul>li {
     width: 18.5%;
     display: inline-block;
     margin: 2.5%;
     margin-bottom: 0;
     margin-top: 0 
}
 .product-list .sidebar>ul>li.filter-size>ul>li>label {
     padding: 0 
}
 .product-list .sidebar>ul>li.filter-size>ul>li>label>span {
     position: absolute;
     width: 100%;
     height: 100%;
     line-height: 34px;
     text-align: center;
     padding-left: 0 
}
 .product-list .sidebar>ul>li.filter-size>ul>li>label>.control__indicator {
     position: static;
     width: 100%;
     height: 34px;
     top: 0 
}
 .product-list .sidebar>ul>li.filter-size>ul>li>label:hover>.control__indicator, .product-list .sidebar>ul>li.filter-size>ul>li.opened>label>.control__indicator, .product-list .sidebar>ul>li.filter-size>ul>li>label input:checked~.control__indicator {
     background-color: #000;
     color: #fff 
}
 .product-list .detailed-filter {
     margin-bottom: 0;
     overflow: hidden;
     float: left;
     width: 100%;
     padding-bottom: 10px;
}
 .product-list .sidebar .filter-menu>ul>li>a span {
     font-size: 12px 
}
 a.filter-button.button.button-alternative {
     display: none 
}
 .product-list .select {
     position: relative;
     display: block;
     margin: 0 auto;
     width: 100%;
     max-width: 325px;
     color: #ccc;
     vertical-align: middle;
     text-align: left;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none 
}
 .product-list .select .placeholder {
     position: relative;
     display: block;
     background-color: none;
     z-index: 1;
     padding: 15px 16px;
     border-radius: 2px;
     cursor: pointer;
     color: #0baad1;
     font-weight: 700;
     border: 1px solid #0baad1;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s 
}
 .product-list .select .placeholder:hover {
     background: #d61b2e;
     color: #fff;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     border: 1px solid #fff 
}
 .product-list .select .placeholder:after {
     position: absolute;
     right: 1em;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     font-family: 'FontAwesome';
     content: '\f078';
     z-index: 10 
}
 .product-list .select.is-open .placeholder:after {
     content: '\f077' 
}
 .product-list .select.is-open ul {
     display: block;
     z-index: 9999999 
}
 .product-list .select.product-list .select--white .placeholder {
     background: #fff;
     color: #999 
}
 .product-list .select.product-list .select--white .placeholder:hover {
     background: #fafafa 
}
 .product-list .select ul {
     display: none;
     position: absolute;
     overflow: hidden;
     width: 100%;
     background: #fff;
     border-radius: 2px;
     top: 100%;
     left: 0;
     list-style: none;
     margin: 0 0 0 0;
     padding: 0;
     z-index: 100;
     border-top: 1px solid #ccc;
     border: 1px solid #ccc 
}
 .product-list .select ul li {
     display: block;
     text-align: left;
     padding: 10px 16px;
     color: #666;
     cursor: pointer;
     background: #fff;
     border-bottom: 1px solid #ccc;
     font-size: 12px;
     font-weight: 700;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s 
}
 .product-list .select ul li:hover {
     background: #d61b2e;
     color: #fff;
     border-bottom: 1px solid #fff;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s 
}
 .product-list .sidebar .filter-menu>ul>li.opened>a span {
     font-weight: 700 
}
 .product-list .sidebar .filter-menu h4:after {
     content: "";
     position: absolute;
     left: 50%;
     width: 80px;
     margin-left: -40px;
     height: 5px;
     background: #000;
     bottom: 0 
}
 .select select {
     font-size: 11px;
     font-weight: 700;
     height: 48px;
     text-indent: 10px;
     padding-right: 50px;
     width: 100%;
     background-color: transparent 
}
 .selected-box select:hover {
     background: #d81c2d!important 
}
 .selected-box {
     position: relative 
}
 .product-list .detailed-filter .col-right .selected-box {
     float: right 
}
 .selected-box .select__arrow {
     border-color: #fff transparent transparent transparent 
}
 .selected-box select {
     -webkit-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
     font-size: 11px;
     font-weight: 700;
     height: 48px;
     text-indent: 10px;
     padding-right: 50px;
     width: 100%;
     background-color: transparent;
     border: none!important;
     width: 200px;
     color: #fff;
     background: #00a6cf!important;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none 
}
 .select select option {
     font-size: inherit 
}
 .select i.icon-select {
     background-position: -47px 0;
     width: 11px;
     height: 10px;
     right: 15px;
     top: 50%;
     margin-top: -5px 
}
 .product-list .detailed-filter .col-left {
     float: left;
     padding: 18px 0;
     margin-left: 0 
}
 .product-list .detailed-filter .col-left h5 {
     font-size: 13px;
     margin: 0;
     color: #666 
}
 .product-list .detailed-filter .col-left h5 b {
     font-size: inherit;
     font-weight: 700;
     color: #d51a2c 
}
 .product-list .detailed-filter .col-right {
     float: none;
     margin-right: 0 
}
 .product-list .detailed-filter .col-right .select {
     width: 230px 
}
 .product-list .products .product {
     width: 30.66% 
}
 .product-list .products .inner {
     margin-bottom: 30px 
}
 .product-list .products .product:nth-child(3n-1) {
     margin-left: 4% 
}
 .product-list .products .product:nth-child(3n) {
     margin-left: 4% 
}
 .product-list .paging nav .pagination li a {
     font-size: 14px;
     border: 1px solid #a4a4a4;
     width: 36px;
     height: 36px 
}
 .product-list .paging nav .pagination li.opened a {
     color: #fff;
     background: #7a638d!important 
}
 .product-list .paging nav .pagination li.opened a:before {
     content: '';
     position: absolute;
     width: 90%;
     height: 90%;
     left: 5%;
     top: 5%;
     border: 1px solid #fff 
}
 .product-list .paging nav .pagination li.opened a:hover {
     background-position: transparent!important 
}
 .product-list .paging nav .pagination li a span {
     font-size: inherit 
}
 .urunler {
     float: left;
     width: 100%;
     margin-top: 40px 
}
 .product-list .urun-dis {
     min-height: 500px;
     margin-bottom: 0 
}
 .urunler.products .urun-detay span {
     margin-right: 10px 
}
 .urunler.products .hizli-bak span {
     margin-right: 25px 
}
 .sidebar.scroll a.incele {
     width: 100%;
     cursor: inherit;
     margin: 0!important;
     margin-bottom: 0px!important;
     padding: 0 
}
 .sidebar.scroll h4 {
     display: table;
     width: 100%;
     background-color: #f40010;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     height: 65px;
     line-height: 65px;
     text-align: left;
     font-size: 14px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #eef7fa;
     margin: 0!important;
     padding-left: 15px;
}
 .sidebar.scroll h4 a {
     border: 1px solid #00a6cf 
}
 .sidebar.scroll h4 a span.ok {
     background: #00a6cf 
}
 .sidebar.scroll h4 a span.ok i:Before {
     color: #fff;
     font-weight: 700 
}
 .sidebar.scroll h4 a span.s-yazi {
     color: #00a6cf 
}
 .sidebar.scroll .ok i {
     padding-left: 14px 
}
 .product-list .sidebar .filter-menu>ul>li.opened>a.active i:before {
     color: #fff;
}
 .yuvarlak .control__indicator {
     border-radius: 30px;
}
 .product-list .sidebar .filter-menu>ul>li.opened>a i {
     opacity: 1;
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg) 
}
 .sidebar.scroll .ok i {
     padding-left: 14px 
}
 .sidebar.scroll a.incele:hover {
     background: #fff 
}
 .control-group {
     display: inline-block;
     vertical-align: top;
     background: #fff;
     text-align: left;
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
     box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
     padding: 30px;
     margin: 10px 
}
 .control {
     display: block;
     position: relative;
     padding-left: 30px;
     margin-bottom: 15px;
     cursor: pointer;
     font-size: 18px;
     font-weight: 300 
}
 .control input {
     position: absolute;
     z-index: -1;
     opacity: 0;
     display: none 
}
 .control span {
     height: 25px;
     line-height: 20px;
     font-size: 12px 
}
 .control__indicator {
     position: absolute;
     top: 5px;
     left: 0;
     height: 13px !important;
     width: 13px;
     background: none;
     border: 1px solid #228b22;
}
 .control--radio .control__indicator {
     border-radius: 50% 
}
 .control:hover input~.control__indicator, .control input:focus~.control__indicator {
     background: #228b22 
}
 .control input:checked~.control__indicator {
     background: #228b22;
     -webkit-box-shadow: 0 0 0 1px #fff inset;
     box-shadow: 0 0 0 1px #fff inset 
}
 .giris-sect .control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
     background: #e30f38;
     -webkit-box-shadow: 0 0 0 2px #fff inset;
     box-shadow: 0 0 0 2px #fff inset 
}
 .control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
     background: #0e647d;
     -webkit-box-shadow: 0 0 0 2px #fff inset;
     box-shadow: 0 0 0 2px #fff inset 
}
 .control input:disabled~.control__indicator {
     background: #e6e6e6;
     opacity: .6;
     pointer-events: none 
}
 .control__indicator:after {
     content: '';
     position: absolute;
     display: none 
}
 .control input:checked~.control__indicator:after {
     display: block 
}
 h4.secenek {
     height: 65px;
     background-color: #ffffff!important;
     border: solid 2px #eef7fa;
     border-radius: 0!important;
     color: #228b22!important;
     display: table 
}
 .filter-menu {
     margin-bottom: 0 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover>ul {
     opacity: 1;
     display: block 
}
 ul.costum-scroll.en-alt-kategori {
     padding: 0;
     background: #228b22 
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li {
     line-height: 3;
     color: #eef7fa;
     position: relative;
     padding-left: 0;
     font-size: 11px;
}
 .en-alt-kategori .control__indicator {
     border: solid 1px #eef7fa!important;
     top: 21px!important 
}
 .en-alt-kategori .control:hover input~.control__indicator, .control input:focus~.control__indicator {
     background: #eef7fa 
}
 .en-alt-kategori .control input:checked~.control__indicator {
     background: #eef7fa;
     -webkit-box-shadow: 0 0 0 2px #f40010 inset;
     box-shadow: 0 0 0 2px #f40010 inset 
}
 .en-alt-kategori .control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
     background: #eef7fa;
     -webkit-box-shadow: 0 0 0 2px #fff inset;
     box-shadow: 0 0 0 2px #fff inset 
}
 .en-alt-kategori .control {
     margin: 0;
     padding-left: 0;
     padding-right: 20px;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li i.icon:before {
     color: #fff;
}
 ul.costum-scroll {
     padding: 15px;
     max-height: 300px;
    /* overflow-y: scroll;
     */
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li label span a {
     color: #fff;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li label span {
     font-size: 11px;
}
 .detailed-filter .urunGenel {
     margin: 0;
     min-height: 370px!important;
     border: solid 1px #eef7fa;
     border-radius: 8px;
     margin-bottom: 30px;
     -webkit-box-shadow: none;
     box-shadow: none;
     overflow: hidden;
}
 .detailed-filter .urunAck i {
     left: -3px 
}
 .detailed-filter .urunAck a i:before {
     font-weight: 700;
     font-size: 16px 
}
 .urunAck .cozumKod {
     font-size: 11px!important 
}
 .urunAck .cozum-kod {
     font-size: 13px;
     margin: 0 auto 10px!important;
     padding: 0;
     float: none;
     width: 100%;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     max-height: 19px;
}
 .urun-dty {
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: center;
     padding: 0 20px;
     color: #000;
     margin-bottom: 10px;
     max-height: 20px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
}
 .detailed-filter .urun-img {
     height: auto;
}
 .detailed-filter .urunAck {
     padding: 20px 0 
}
 .product-list .sayfalama {
     margin: 0!important 
}
 .urunGenel:hover {
     -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
     box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24) 
}
 .new {
     position: absolute;
     bottom: 0;
     width: auto;
     height: auto;
     border-top-left-radius: 7px;
     background-color: #0d00a3;
     font-size: 10px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     padding: 6px;
     border-top-right-radius: 7px;
     left: 50%;
     margin-left: -32px 
}
 .new.koyu {
     margin-left: -21px;
     background: #228b22;
     padding: 6px 10px 
}
 .urunGenelSlider {
     position: relative;
}
 .new-butun {
     float: right;
     width: 100%;
     text-align: right;
     position: relative;
}
 .urunGenelSlider .new {
     right: 0;
     left: initial;
     top: 0;
     bottom: initial;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
     font-size: 12px;
     padding: 10px 19px;
     position: relative;
     left: 0;
     margin: 0;
     display: inline-block;
     float: right;
     margin: 0 2px;
}
 section.product-list .sidebar {
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 8px;
     border: 1px solid #eef7fa;
	 padding:0px;
}
 .swiper-container.ic-slide {
     width: 100%;
     height: auto;
     padding: 25px 0 35px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 ul.costum-scroll {
     padding: 15px;
}
 .swiper-slide-container {
     text-align: center;
     font-size: 18px;
     background: #fff;
     height: 100%;
     margin: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .gallery-top {
     height: 80%;
     width: 100%;
}
 .gallery-thumbs {
     height: auto;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
     width: 80%;
     display: inline-block;
     margin: auto;
     margin-left: 10%;
     margin-top: 17px;
}
 .gallery-thumbs .swiper-slide-containerimg {
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     cursor: pointer;
}
 .tum .swiper-button-next {
     width: 40px;
     height: 35px;
     margin-top: 0;
     right: -7px;
     width: 35px;
     border: 1px solid #9c9c9c;
     border-radius: 100%;
     font-size: 20px;
     background: #fff;
     color: #9c9c9c;
     margin-top: -17.5px;
     z-index: 999999;
     line-height: 35px;
     text-align: center;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .tum .swiper-button-prev {
     width: 40px;
     height: 35px;
     margin-top: 0;
     left: -7px;
     width: 35px;
     border: 1px solid #9c9c9c;
     border-radius: 100%;
     font-size: 20px;
     background: #fff;
     color: #9c9c9c;
     margin-top: -17.5px;
     z-index: 999999;
     line-height: 35px;
     text-align: center;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 article.product-holder .col-md-8.col-sm-8.col-xs-12 {
     padding-left: 45px;
}
 .tum .swiper-button-next:hover {
     background: #000;
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     -webkit-transform: scale(1.074);
     -ms-transform: scale(1.074);
     transform: scale(1.074);
}
 .swiper-button-prev:hover {
     background: #000;
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .gallery-top .swiper-slide-container {
     width: 100%;
     display: block;
}
 .gallery-top .swiper-slide-containerimg {
     width: 100%;
     display: table;
     margin: auto;
}
 .gallery-thumbs .swiper-slide {
     height: 100%;
     opacity: .4;
     width: 33.33%;
}
 .gallery-thumbs .swiper-slide-active {
     opacity: 1;
}
 .gallery-thumbs .swiper-slide-container {
     width: 95px;
     max-height: 100px;
     display: block;
}
 .swiper-slide-container {
     text-align: center;
     font-size: 18px;
     background: #fff;
     height: 100%;
     margin: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center 
}
 .gallery-top {
     height: 80%;
     width: 100% 
}
 .gallery-thumbs {
     height: auto;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
     width: 100%;
     display: inline-block;
     margin: auto;
     margin-top: 17px;
     margin-left: 0;
     margin-right: 0;
    /* overflow: initial;
     */
}
 .gallery-thumbs .swiper-slide-container img {
     cursor: pointer;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     height: auto;
     padding: 15px 10px;
     border: solid 2px #eef7fa!important;
     border-radius: 8px;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     width: 110px;
}
 .urunDetay .col-md-5.col-sm-5.col-xs-12 {
     border-radius: 8px;
     background-color: #fff;
     border: solid 1px #a0c9da;
     padding-bottom: 30px;
     padding-top: 0;
}
 .urunDetay .swiper-button-prev i, .urunDetay .swiper-button-next i {
     color: #a0c9da;
     font-size: 34px;
     line-height: 41px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 a.teklif-iste img {
     position: relative;
     top: -2px;
     right: 4px;
     width: 44px;
}
 .gallery-thumbs .swiper-slide-container img:hover {
     border: 2px solid #228b22 !important;
}
 .gallery-thumbs .swiper-slide-active img {
     border: 2px solid #228b22 !important;
}
 .smallSlide .swiper-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     width: 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .smallSlide .swiper-wrapper .swiper-slide {
     margin: 0 10px;
}
 a.teklif-iste span {
     position: relative;
     left: 0;
     float: left;
     padding-left: 5px;
}
 a.teklif-iste {
     float: left;
     height: 50px;
     border-radius: 0px;
     background-color: #228b22;
     width: 31%;
     color: #fff;
     font-size: 15px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     line-height: 60px;
     margin-right: 2%;
     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;
}
 button.sepet-add {
     height: 60px;
     border-radius: 28.5px;
     border: solid 1px #0d00a3;
     width: 30%;
     float: left;
     color: #fff;
     background: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     font-size: 15px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #0d00a3;
     margin-right: 2%;
}
 button.sepet-add i:before {
     margin: 0;
     font-weight: 400 
}
 a.teklif-iste i {
     float: left;
}
 a.teklif-iste i:before {
     margin: 0;
}
 a.teklif-iste.demo {
     background: #fff;
     color: #0d00a3 !important;
     -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.07);
}
 a.mikro-btn {
     width: 31%;
     height: 60px;
     border-radius: 28.5px;
     background-color: #dedede;
     border: solid 1px #dedede;
     font-family: Nunito;
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: 60px;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     position: relative;
     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: #228b22;
}
 a.mikro-btn i:Before {
     margin: 0;
     font-size: 16px;
     margin-right: 6px 
}
 a.mikro-btn i {
     position: relative;
     float: left 
}
 a.mikro-btn span {
     float: left 
}
 a.teklif-iste:hover {
     -webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
     box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36) 
}
 button.sepet-add:hover {
     background: #0d00a3;
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 a.mikro-btn:hover {
     -webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
     box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
     border: none 
}
 .urunDetay .swiper-button-prev:hover i {
     color: #fff!important;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 .urunDetay .swiper-button-next:hover i {
     color: #fff!important;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 .urunDetay .swiper-button-next {
     background: #fff;
     color: #9c9c9c;
     margin-top: -20.5px;
     z-index: 2;
     line-height: 33px;
     text-align: center;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     width: 56px;
     height: 42px;
     border-radius: 8px!important;
     background-color: #eef7fa!important;
     transition: all 0.4s;
}
 .urunDetay .swiper-button-prev {
     width: 56px;
     height: 42px;
     border-radius: 8px!important;
     background-color: #eef7fa!important;
     font-size: 20px;
     background: #fff;
     color: #9c9c9c;
     margin-top: -20.5px;
     z-index: 2;
     line-height: 33px;
     text-align: center;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 article.product-holder .col-md-8.col-sm-8.col-xs-12 {
     padding-left: 45px 
}
 .urunDetay .swiper-button-next:hover {
     background: #A0C9DB!important;
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s 
}
 .urunDetay .swiper-button-prev:hover {
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     background: #a0c9da!important 
}
 .gallery-top .swiper-slide-container {
     width: 100%;
     display: block;
     height: 200px;
     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 
}
 .gallery-top .swiper-slide-container img {
     width: 60%;
     display: table;
     margin: auto 
}
 .gallery-thumbs .swiper-slide {
     height: 100%;
     opacity: .4;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     float: left;
     width: 33.33% 
}
 .gallery-thumbs .swiper-slide-active {
     opacity: 1 
}
 .gallery-thumbs .swiper-slide-container {
     width: 100%;
     display: block;
     padding: 0;
     height: 120px;
     background-color: #fff;
     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;
     padding: 7px;
}
 .tum {
     position: relative;
     margin-top: 0;
     padding: 6px 52px;
     overflow: hidden;
}
 .kapsa {
     position: absolute;
     left: -45px;
     right: -45px;
     bottom: 95px 
}
 section.inner-page.urunDetay {
     padding: 60px 0 30px;
     float: left;
     width: 100%;
}
 .kampanya-little .urunShdow {
    padding-bottom: 30px;
}
 .urunSatir {
     float: left;
     margin-bottom: 30px;
     width: calc(100% + 15px);
}
 .urunDetay .col-md-7.col-sm-7.col-xs-12 .w100 + .w100 .urunSatir .urunName {
     margin-left: 0;
     padding-top: 3px;
}
 .urunDetay .col-md-7.col-sm-7.col-xs-12 .w100 + .w100 .urunSatir {
     width: 50%;
     margin-bottom: 0;
}
 .urunDetay .social {
     left: initial;
     padding: 0;
     margin: 0;
     background: none;
     position: fixed;
     right: 0;
     width: auto;
     top: 50%;
     margin-top: -100px;
     z-index: 1;
}
 .urunDetay .social ul li a {
     background: none;
     border-top-left-radius: 8px;
     margin: 0;
     display: block;
     width: 100%;
     height: 100%;
}
 .paylasName {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     line-height: 30px 
}
 .urunTanitimImg {
     height: 120px;
     border-radius: 8px;
     border: solid 2px #eef7fa;
     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;
     padding: 0 15px;
}
 #user-teklif .modal-dialog {
     width: 810px 
}
 .tablo-panel .urunTanitimImg img {
     height: auto;
     position: absolute;
     width: 220px;
}
 .tablo-panel .urunTanitimImg {
     height: 250px;
}
 img.ps-abstl {
     width: auto !important;
     right: 30px;
     top: 20px;
}
 #user-teklif-uyelikli .modal-dialog {
     width: 810px 
}
 .modal-ack {
     font-size: 15px;
     font-weight: 400;
     font-style: italic;
     font-stretch: normal;
     line-height: 1.93;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3;
     text-align: center 
}
 .modal-ack span {
     font-weight: 700;
     color: #228b22 
}
 div#user-teklif .col-md-7 {
     padding: 40px 0;
     border-top: 2px solid #eef7fa;
     border-bottom: 2px solid #eef7fa 
}
 div#user-teklif-uyelikli .col-md-7 {
     padding: 54px 0;
     border-top: 2px solid #eef7fa;
     border-bottom: 2px solid #eef7fa;
}
 .urunDetay .w100 {
     border-radius: 2px;
     border-top: 3px solid #eef7fa;
     padding: 30px 0;
}
 .w100.orta {
     padding-bottom: 0;
}
 .tablo-panel {
     min-height: 202px;
     display: table;
     width: 100% 
}
 .modal-content textarea {
     height: 159px;
     border-radius: 27px;
     border: solid 1px #a0c9da;
     background: #fff 
}
 .modal-content .wd100 {
     margin-top: 30px 
}
 .tablo-cell-panel {
     display: table-cell;
     vertical-align: middle;
     width: 100%!important 
}
 .wd100 .col-right .teklif-iste {
     width: auto;
     padding: 0 40px;
     margin: 0!important 
}
 .wd100 .col-right .teklif-iste span {
     left: 0 
}
 .wd100 .col-right .teklif-iste:hover {
     background: #0d00a3;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .urunSatir+.urunSatir+.urunSatir {
     margin: 0 
}
 .urunName {
     width: 105px;
     float: left;
     font-size: 13px;
     font-weight: 700;
     line-height: normal;
     text-align: left;
     color: #228b22;
     position: relative;
     margin-left: -15px;
}
 .urunDetay .col-md-7.col-sm-7.col-xs-12 {
     padding-left: 50px 
}
 .urunFullName {
     float: left;
     font-size: 13px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #000;
     width: calc(100% - 105px);
     padding-right: 0px;
     position: relative;
}
 .urunName:before,.secim-kalbr:before {
     content: ":";
     float: left;
     position: absolute;
     top: -1px;
     left: initial;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #000;
     right: 10px;
}
 .secim-kalbr:before {
     top: 8px;
}
 .urunDetay .col-md-7.col-sm-7.col-xs-12 .w100 + .w100 .urunSatir .urunName:before {
     top: 2px;
}
 .w100 {
     float: left;
     width: 100% 
}
 .urunGenelBaslik {
     float: left;
     width: 100% 
}
 .urunGenelBaslik nav li a {
     padding: 0;
     margin: 0 
}
 .urunGenelBaslik .nav-pills>li>a {
     padding: 0;
     font-family: Nunito;
     font-size: 13px;
     font-weight: 500;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     padding: 30px 0 
}
 .urunGenelBaslik .nav-pills>li {
     float: left;
     width: auto;
     padding: 0 20px;
}
 .urunGenelBaslik .nav {
     display: table;
     margin: auto;
}
 .urunGenelBaslik .nav-pills>li:nth-child(4) {
     width: auto;
}
 .urunGenelBaslik .nav-pills>li.active a:before {
     border-radius: 2px;
     border-top: 5px solid #228b22;
     content: "";
     position: absolute;
     top: -3px;
     width: 100%;
     left: 0;
     right: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .urunGenelBaslik .nav-pills>li.active a:after {
     border-radius: 2px;
     border-bottom: 5px solid #228b22;
     content: "";
     position: absolute;
     bottom: -4px;
     width: 100%;
     left: 0;
     right: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .urunGenelBaslik .nav-pills>li.active a {
     font-weight: 700 
}
 .urunTanitimYazilari p {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.21;
     letter-spacing: normal;
     text-align: justify;
     color: #4a4a4a 
}
 .urunTanitimYazilari {
     padding: 30px 0 
}
 .title {
     text-align: center;
     border-bottom: 1px solid #e4e4e4;
     margin: 0;
     padding: 10px 0;
     color: #464545;
     position: relative;
     font-size: 17px;
     margin-bottom: 15px 
}
 .title:after {
     border-bottom: 3px solid #0084d7;
     width: 50px;
     height: 1px;
     position: absolute;
     content: "";
     left: 50%;
     bottom: -2px;
     margin-left: -25px 
}
 .btn-all {
     background: #eb8484!important;
     color: #fff;
     font-size: 12px 
}
 .btn-all:hover, .btn-all:active, .btn-all:focus {
     color: #fff 
}
 .news {
     background: #f7f8f8;
     padding: 25px 0 40px 0 
}
 .bizden {
     background: #fff;
     padding: 15px 25px;
     height: 184px 
}
 .title-area h4 {
     color: #2b2b2b;
     position: relative;
     float: left 
}
 .title-area h4:After {
     border-bottom: 2px solid #e44450;
     width: 50px;
     height: 1px;
     position: absolute;
     content: "";
     left: 0;
     bottom: -10px 
}
 .title-area .slider-button-s3 {
     float: right 
}
 .title-area .slider-button-s3 i {
     color: #7c7c7c;
     font-size: 22px;
     padding: 5px 12px 
}
 .title-area .slider-button-s3 i:hover {
     color: #fff;
     background: #eb8484 
}
 .title-area .slider-button-s3 .slider-next-s3 {
     float: right 
}
 .title-area .slider-button-s3 .slider-prev-s3 {
     float: left 
}
 .listele {
     color: #eb8484;
     float: right;
     line-height: 32px;
     margin-right: 10px 
}
 .read-more {
     position: absolute;
     right: 35px;
     bottom: -17px;
     padding: 8px 40px;
     border-radius: 3px 
}
 .s3 {
     padding: 15px 0;
     width: 100% 
}
 .s3 img {
     float: left;
     margin-right: 15px;
     width: 75px;
     height: 75px 
}
 .s3 p {
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     max-height: 76px;
     line-height: 15px 
}
 .kadro-item .img {
     overflow: hidden;
     border: 3px solid #828282;
     border-radius: 100%;
     -webkit-transition: all 250ms;
     -o-transition: all 250ms;
     transition: all 250ms 
}
 .kadro-item .img:hover {
     border-color: #00b0b9 
}
 .kadro-item .img:hover img {
     opacity: 1 
}
 .kadro-item .img img {
     width: 100%;
     border-radius: 100%;
     opacity: .8;
     -webkit-transition: all 250ms;
     -o-transition: all 250ms;
     transition: all 250ms 
}
 .kadro-item .content {
     text-align: center;
     padding: 15px 0;
     height: 240px 
}
 .kadro-item .content h3 {
     color: #000;
     position: relative;
     padding-bottom: 15px 
}
 .kadro-item .content h3:after {
     content: "";
     position: absolute;
     left: 30%;
     bottom: 0;
     width: 40%;
     height: 3px;
     background: #00b0b9 
}
 .kadro-item .content h3 a {
     color: #000 
}
 .kadro-item .content h4 {
     color: #000 
}
 .kadro-item .content p {
     margin: 0 
}
 .kadro-item .content i {
     width: 45px;
     height: 45px;
     font-size: 18px;
     line-height: 45px;
     text-align: center;
     color: #fff;
     background: #828282;
     border-radius: 100%;
     margin: 10px 3px 0 3px;
     border: 2px solid #828282 
}
 .kadro-item .content i:hover {
     background: #fff;
     color: #828282 
}
 .kadro-item-detay .img {
     float: left;
     padding: 0 0 
}
 .kadro-item-detay .content {
     float: left;
     padding: 0 30px 
}
 .kadro-item-detay .content p {
     color: #000 
}
 .filter-category>ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex 
}
 .filter-category>ul>li>a {
     display: block;
     background: #00346e;
     color: #fff;
     padding: 10px 25px;
     border-right: 1px solid #0092d7 
}
 .filter-category>ul>li:last-of-type>a {
     border-right: none 
}
 .filter-category>ul>li>a:hover {
     background: #001226 
}
 .filter-category>ul>li.active>a {
     background: #001226 
}
 .ref-wrap {
     padding: 25px 0 
}
 .ref-wrap .ref-item .img {
     border: 1px solid #00346e 
}
 .ref-wrap .ref-item .img img {
     width: 100% 
}
 .ref-wrap .ref-item .content {
     padding: 10px 0;
     height: 85px 
}
 .ref-wrap .ref-item .content h3 {
     color: #00346e;
     margin: 0 
}
 .ref-wrap .ref-item .content h3 a {
     color: #00346e 
}
 .ref-wrap .ref-item .content h4 {
     color: #0092d7;
     margin: 0;
     font-size: 16px 
}
 .ref-wrap .ref-item .content p {
     overflow: hidden;
     height: 30px;
     line-height: 15px;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     margin-top: 10px 
}
 .ref-wrap .ref-item .content span {
     color: #cCc 
}
 .ref-wrap .ref-item .content span i {
     margin-right: 10px 
}
 .ref-wrap .ref-item .content .link {
     text-align: center 
}
 .ref-detay h3 {
     color: #00346e 
}
 .ref-detay p {
     color: #33434d 
}
 .referanslarimiz .marka-wrap .marka-item img {
     opacity: 0.6;
}
 .referanslarimiz .marka-item:hover {
     border: 1px solid #fff;
}
 .ref-detay i {
     color: #33434d;
     margin-right: 10px 
}
 .ref-detay .img {
     border: 1px solid #33434d;
     padding: 15px 
}
 .ref-detay .img img {
     max-width: 100%;
     display: block;
     margin: 0 auto 
}
 .marka-wrap .marka-item img {
     max-height: 100px;
}
 .marka-item:hover {
     border-radius: 10px;
     background-color: #fff;
     -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
     box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .marka-item:hover img {
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .marka-item:hover .img img {
     -webkit-filter: grayscale(0%)!important;
     filter: grayscale(0%)!important;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .marka-wrap .marka-item {
     margin-bottom: 25px;
     height: 125px;
     width: 100%;
     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;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .referanslarimiz .marka-item {
     border-radius: 10px;
     background-color: #fff;
     border: solid 1px #dfebef 
}
 .referanslarimiz .marka-wrap .marka-item .img img {
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
     max-height: 100px;
}
 .marka-wrap .marka-item .img img {
     width: auto;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .marka-wrap .marka-item .content {
     display: none 
}
 .col-half-offset {
     margin-left: 4.166666667% 
}
 .marka-wrap .marka-item img {
     opacity: 0.6;
}
 .marka-item:hover .img img {
     opacity: 1;
}
 .marka-wrap .marka-item .content .title {
     margin-bottom: 15px 
}
 .marka-wrap .marka-item .content i {
     margin-right: 10px;
     color: #00346e 
}
 .marka-wrap .marka-item .content p {
     color: #00346e;
     margin: 0 
}
 .partner-item {
     overflow: hidden;
     margin-bottom: 25px 
}
 .partner-item .img {
     padding: 10px;
     border: 2px solid #cCc 
}
 .partner-item .img img {
     width: 100%;
     display: block;
     margin: 0 auto 
}
 .news-item {
     overflow: hidden;
     margin-bottom: 25px;
     border: 1px solid #cCc 
}
 .news-item:hover {
     border-color: #274d60 
}
 .news-item .img {
     position: relative 
}
 .news-item .img img {
     width: 100% 
}
 .news-item .hover {
     background: rgba(0, 0, 0, .5);
     color: #fff;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transition: all 250ms;
     -o-transition: all 250ms;
     transition: all 250ms;
     opacity: 0;
     visibility: hidden 
}
 .news-item:hover .hover {
     opacity: 1;
     visibility: visible 
}
 .news-item .content {
     overflow: hidden;
     padding: 15px 15px 0 15px 
}
 .news-item .content h4 {
     margin: 0 
}
 .news-item .content h4 a {
     color: #274d60;
     margin: 0 
}
 .news-item .content p {
     height: 40px;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis 
}
 .haber-detay .img {
     padding-bottom: 25px 
}
 .haber-detay .img img {
     width: 100% 
}
 .haber-detay .content .date {
     float: left 
}
 .haber-detay .content .sayac {
     float: right 
}
 .haber-detay .content .text {
     overflow: hidden;
     width: 100% 
}
 .haber-detay .content .tags {
     overflow: hidden;
     width: 100%;
     text-align: left 
}
 .haber-detay .content .tags ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex 
}
 .haber-detay .content .tags ul li a {
     background: rgba(0, 0, 0, .2);
     padding: 5px 10px;
     display: block;
     color: #fff;
     margin: 0 3px 
}
 .haber-detay .content .author {
     overflow: hidden;
     width: 100%;
     text-align: right 
}
 section.blogs {
     padding: 60px 0 
}
 .blog-item .img a:hover .date h5, .blog-item .img a:hover .date h4, .blog-item .img a:hover .date h5, .blog-item .img a:hover .date h6 {
     color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .blog-yapi {
     float: left;
     width: 100%;
     margin: 30px 0 17px;
}
 .blog-baslik {
     float: left;
     width: calc(100% - 68px);
     padding-left: 20px;
     font-size: 18px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.06;
     letter-spacing: normal;
     text-align: left;
     color: #228b22 
}
 .blog-item .img a {
     display: block;
     height: 100% 
}
 .blog-item {
     overflow: hidden;
     border-bottom: 1px solid #dfebef;
     margin-bottom: 25px 
}
 .blog-item:hover .btn-black {
     background: #d60005!important;
     color: #fff;
     border-color: #d60005 
}
 .blog-item .img {
     position: relative 
}
 .blog-item .img img {
     width: 100% 
}
 .content p:last-child {
     margin-bottom: 0;
}
 .blog-item .img .date h6 {
     font-size: 12px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     margin: 0;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .blog-item .img .date {
     text-align: center;
     position: relative;
     float: left;
     width: 68px;
     height: 71px;
     border-radius: 8px;
     background-color: #dfebef;
     padding-top: 10px;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 section.blog-detay {
     padding: 60px 0 
}
 .blog-bg {
     height: 500px;
     width: 100%;
     background-size: cover!important;
     background-position: center center!important;
     background-repeat: no-repeat!important;
     border-radius: 8px;
     float: left;
}
 .content p {
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.9;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     float: left;
     width: 100%;
     margin-left: 0 !important;
}
 .blog-baslik span {
     font-size: 14px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.64;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .blog-detay .blog-item {
     border: none 
}
 section.blogs .pagination, section.blogs .sayfalama {
     margin-bottom: 0 !important;
}
 a.blog-btn {
     float: right;
     width: 189px;
     height: 51px;
     border-radius: 30px;
     background-color: #228b22;
     font-size: 15px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     text-transform: uppercase;
     line-height: 51px;
     margin-bottom: 20px;
}
 a.blog-btn:hover {
     background: #1aa4de 
}
 .blog-item .img a:hover .date {
     background: #1aa4de;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .blog-item .img a {
     display: block 
}
 .blog-item .img .date h4 {
     color: #fff;
     margin: 0;
     font-size: 21px;
     font-weight: 300;
     font-style: normal;
     font-stretch: normal;
     line-height: 22px;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .blog-item .img .date h5 {
     color: #fff;
     font-size: 12px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     text-align: center;
     margin: 0;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .blog-item .img {
     position: relative 
}
 .blog-item .img img {
     width: 100% 
}
 .blog-item .content {
     padding: 0;
     float: left;
     width: 100%;
}
 .blog-item .content h4 {
     margin-bottom: 0;
     color: #464d51;
     font-weight: 600;
     font-size: 22px 
}
 .blog-item .content h4 a {
     margin-bottom: 0;
     color: #464d51;
     font-weight: 600;
     font-size: 22px 
}
 .blog-item .content span {
     color: #acb7be 
}
 .sidebar-blog {
     margin-top: 0px;
     float: left;
     width: 100%;
}
 .sidebar-blog h4 {
     margin: 0;
     font-family: Nunito;
     font-size: 16px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     text-transform: uppercase;
     position: relative;
     padding-bottom: 10px;
     border-bottom: 2px solid #dfebef;
     float: left;
     width: 100%;
}
 .blog-form input[type=submit] {
     width: 40px;
     height: 44px;
     background: none;
     border: none;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 9999 
}
 .sidebar-blog+.sidebar-blog {
     margin-top: 40px;
}
 .sidebar-blog ul li {
     padding: 10px 0;
     float: left;
     width: 100%;
     position: relative;
}
 .sidebar-blog ul li:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     border-bottom: 1px solid #dfebef;
}
 .blog-form input[type=search] {
     -webkit-appearance: none;
     height: 50px;
     border: 0;
     border-bottom: 1px solid #0d00a3;
     position: relative;
     font-family: Nunito;
     font-size: 16px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #228b22;
     padding-left: 0;
     width: 100%;
     color: #0d00a3 
}
 .blog-form {
     position: relative 
}
 .blog-form input::-webkit-input-placeholder {
     font-family: Nunito;
     font-size: 16px;
     font-weight: 600;
     font-style: italic;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3 
}
 .blog-form input::-moz-placeholder {
     font-family: Nunito;
     font-size: 16px;
     font-weight: 600;
     font-style: italic;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3 
}
 .blog-form input:-ms-input-placeholder {
     font-family: Nunito;
     font-size: 16px;
     font-weight: 600;
     font-style: italic;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3 
}
 .blog-form input:-moz-placeholder {
     font-family: Nunito;
     font-size: 16px;
     font-weight: 600;
     font-style: italic;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3 
}
 span.blog-arama-icon {
     position: absolute;
     right: 0;
     top: 0;
     height: 44px;
     padding-top: 15px 
}
 .blog-form input[type=search]:focus {
     border-bottom: 1px solid #000 
}
 span.blog-arama-icon i:before {
     font-weight: 700;
     color: #000 
}
 .sidebar-blog ul {
     background: #fff;
     padding: 0 
}
 .sidebar-blog ul li a {
     display: block;
     position: relative;
     font-family: Nunito;
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #000;
}
 .sidebar-blog ul li a:hover, .sidebar-blog ul li a.active {
     color: #0d00a3 
}
 .sidebar-blog h4:before {
     content: "";
     position: absolute;
     bottom: -2px;
     left: 0;
     right: 0;
     width: 60px;
     height: 3px;
     background: #228b22;
     border-radius: 2px 
}
 .sidebar-blog ul li a:hover span {
     color: #fff;
     background: #d60005 
}
 .sidebar-blog ul li a:after {
     position: absolute;
     bottom: -2px;
     left: 0;
     height: 1px;
     width: 100%;
     background: #404549 
}
 .sidebar-blog ul li a span {
     display: none 
}
 .blog-detay .content .sayac {
     float: right 
}
 .blog-detay .content .text {
     overflow: hidden;
     width: 100% 
}
 .blog-detay .content .tags {
     overflow: hidden;
     width: 100%;
     text-align: left 
}
 .blog-detay .content .tags ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex 
}
 .blog-detay .content .tags ul li a {
     background: rgba(0, 0, 0, .2);
     padding: 5px 10px;
     display: block;
     color: #fff;
     margin: 0 3px 
}
 .blog-detay .content .author {
     overflow: hidden;
     width: 100%;
     text-align: right 
}
 .ref-item {
     width: auto;
     height: 110px;
     position: relative;
     background: rgba(255, 255, 255, .61);
     -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
     box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
     border-radius: 10px;
}
 .ref-nav .swiper-button-next, .ref-nav .swiper-button-prev {
     background: none;
     left: 3px;
     right: initial;
     margin: 0;
     top: 0;
     width: auto;
     height: auto;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     opacity: .34;
}
 .ov-hid {
     position: relative;
     margin-bottom: 10px;
     overflow: hidden;
}
 .ref-nav .swiper-button-next:hover, .ref-nav .swiper-button-prev:hover {
     opacity: 1;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease 
}
 .ref-nav {
     position: absolute;
     left: -40px;
     right: -40px;
     top: 50%;
     margin-top: -10px 
}
 .ref-nav i:before {
     margin: 0;
     font-size: 30px 
}
 .ref-nav .swiper-button-prev {
     right: 3px;
     left: initial;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     top: -5px;
}
 .referans-slider {
     overflow: hidden 
}
 .ref-item .img {
     height: 100% 
}
 .ref-item .img a:before {
     content: "";
     display: inline-block;
     vertical-align: middle;
     width: 0;
     margin-right: -.25em;
     height: 100% 
}
 .ref-item .img a {
     height: 100%;
     width: 100%;
     text-align: center;
     overflow: hidden;
}
 .ref-item:hover {
     background: #fff;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .ref-item:hover img {
     webkit-filter: grayscale(0%)!important;
     -webkit-filter: grayscale(0%)!important;
     filter: grayscale(0%)!important;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in 
}
 .ref-item .img img {
     display: inline-block;
     vertical-align: middle;
     white-space: normal;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
     max-height: 100px;
}
 section.ref-slider {
     background: #eef7fa;
     padding: 40px 0 
}
 .ref-slide {
     padding: 25px 5px;
     overflow: initial 
}
 .ref-item .content {
     padding: 10px 0;
     text-align: center 
}
 .ref-item .content h4 {
     margin: 0 
}
 .basket {
     float: right;
     padding: 10px 0 
}
 .basket a {
     padding: 0 10px;
     border-left: 1px solid #9ebac3 
}
 .urun-table {
     margin-top: 25px;
     overflow-x: auto 
}
 .urun-table tbody {
     overflow-x: auto 
}
 .urun-table tr:nth-child(odd) {
     background: #f8f8f8 
}
 .urun-table tr:nth-child(even) {
     background: #ececec 
}
 .urun-table th {
     background: #7a638d;
     color: #fff;
     border-right: 1px solid rgba(255, 255, 255, .1);
     padding: 15px 5px!important;
     min-width: 100px;
     border-collapse: collapse;
     font-size: 14px 
}
 .urun-table th:last-of-type {
     border-right: none 
}
 .urun-table td {
     vertical-align: middle!important;
     color: #232a2e;
     font-weight: 500;
     border-right: 1px solid rgba(255, 255, 255, 1);
     min-width: 100px;
     border-collapse: collapse;
     position: relative;
     overflow: hidden;
     font-size: 14px 
}
 .urun-table td:last-of-type {
     border-right: none 
}
 .urun-table td>img {
     max-width: 80px;
     max-height: 70px;
     display: block;
     margin: 0 auto 
}
 .urun-table td>p {
     margin-bottom: 0 
}
 .urun-table td a:hover {
     color: #7a638d 
}
 .urun-table td a img {
     display: block;
     margin: 0 auto 
}
 .urun-table tr:hover .hover {
     top: 0;
     opacity: 1;
     visibility: visible 
}
 .basket-exp {
     overflow: hidden;
     width: 100%;
     padding: 1px 0;
}
 .new-alert {
     height: 75px;
     margin: 25px 0;
     color: #000;
     padding: 0 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-left: 4px solid transparent;
     float: left;
     width: 100% 
}
 .new-alert .icon {
     width: 50px;
     float: left;
     text-align: center;
     padding-right: 15px 
}
 .new-alert .icon i {
     font-size: 20px;
     color: #000 
}
 .new-alert .content {
     float: left;
     line-height: 17px;
     max-height: 51px;
     overflow: hidden 
}
 .new-alert .content a, .new-alert .content p {
     color: #000 
}
 .new-alert.info {
     background: rgba(143, 230, 222, .6);
     border-color: rgba(43, 194, 179, .6) 
}
 .new-alert.warning {
     background: rgba(249, 234, 176, .6);
     border-color: rgba(243, 219, 120, .6) 
}
 .new-alert.danger {
     background: rgba(250, 226, 228, .6);
     border-color: rgba(240, 188, 193, .6) 
}
 .new-alert.success {
     background: rgba(165, 220, 134, .6);
     border-color: rgba(52, 140, 52, .6) 
}
 .new-alert.info .icon i:before {
     content: "\f0f3" 
}
 .new-alert.warning .icon i:before {
     content: "\f06a" 
}
 .new-alert.danger .icon i:before {
     content: "\f071" 
}
 .new-alert.success .icon i:before {
     content: "\f058" 
}
 .alert-wrap {
     width: 100%;
     overflow: hidden 
}
 .alert-wrap .new-alert:first-of-type {
     width: 48%;
     float: left!important 
}
 .alert-wrap .new-alert:last-of-type {
     width: 48%;
     float: right 
}
 .welcome {
     border: 1px solid #d6d6d6;
     border-radius: 30px;
     padding: 35px;
     overflow: hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     max-width: 800px;
     margin: 0 auto;
     margin-top: 25px;
     margin-bottom: 25px 
}
 .welcome .welcome-img {
     float: left;
     margin-right: 15px 
}
 .welcome-cont {
     padding: 5px 15px 
}
 .welcome-cont p {
     font-size: 16px;
     color: #002349 
}
 .welcome-cont h4 {
     color: #000;
     font-weight: 600;
     margin: 0;
     font-size: 22px 
}
 .welcome-cont h4:last-of-type {
     font-weight: 900 
}
 .bank-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 20px 0;
     border-bottom: 1px solid #d6d6d6 
}
 .bank-img {
     float: left;
     border: 1px solid #d1d1d1;
     padding: 35px 15px;
     margin-right: 15px 
}
 .bank-img img {
     display: block;
     max-width: 160px;
     max-height: 50px 
}
 .bank-content h5 {
     margin: 0;
     font-weight: 600;
     color: #002349 
}
 .bank-content p {
     margin: 0;
     color: #000 
}
 section.page.user-forgot {
     padding: 60px 0 
}
 .user-title {
     margin: 0;
     color: #002349;
     font-weight: 700;
     padding-bottom: 10px;
     border-bottom: 1px solid #dcdcdc;
     font-size: 21px;
     margin-bottom: 15px 
}
 .user-title a {
     margin: 0;
     color: #002349;
     font-weight: 700;
     padding-bottom: 0;
     float: right;
     font-size: 15px;
     line-height: 30px 
}
 .user-title a i {
     color: #000f1f;
     margin-right: 5px 
}
 .user-page .main-title {
     padding: 25px 
}
 .user-page .tab-content {
     border-bottom: none 
}
 .user-page .tab-content img {
     width: auto;
     margin: inherit 
}
 .user-page .tab-content .col-md-6 {
     padding: 0 15px 
}
 #first-modal {
     position: absolute 
}
 #first-modal .modal-content {
     border: none;
     background: transparent;
     overflow: visible 
}
 #first-modal .title:after {
     display: none 
}
 #first-modal .title h3 {
     font-size: 20px 
}
 #first-modal .form-div {
     padding-bottom: 5px 
}
 #first-modal .form-div .form-control {
     height: 35px;
     line-height: 25px!important 
}
 #first-modal .captcha-btn input {
     height: 40px!important;
     line-height: 40px!important 
}
 #first-modal .login .form-area {
     padding: 5px 25px 0 25px 
}
 #first-modal .col-md-6 {
     padding: 0 
}
 #first-modal .close {
     position: absolute;
     right: 15px;
     top: -40px;
     opacity: 1;
     z-index: 99 
}
 #first-modal .close img {
     width: 35px 
}
 #first-modal .login {
     padding: 0;
     display: block 
}
 #first-modal .login-options {
     height: auto;
     padding: 15px 35px 
}
 #first-modal .login-options h4 {
     margin: 15px 0 
}
 #first-modal .btn-red {
     padding: 15px 25px 
}
 #first-modal .img {
     max-width: 100% 
}
 #first-modal .img img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
     width: 100% 
}
 #first-modal.in .modal-dialog {
     height: 100%;
     margin: auto;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: transparent 
}
 .sepet .twice-item img {
     height: 40px 
}
 .sepetim .ps-container {
     height: 350px;
     position: relative 
}
 .duyuru-item {
     overflow: hidden;
     border: 1px solid #cCc;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 25px;
     padding: 20px 0;
     position: relative;
     width: 100% 
}
 .duyuru-item:hover {
     border-style: dashed;
     border-color: #009fdb 
}
 .duyuru-item:hover .icon i {
     background: #009fdb;
     color: #fff 
}
 .duyuru-item .icon {
     float: left;
     padding: 0 15px 
}
 .duyuru-item .icon i {
     background: #666;
     width: 60px;
     height: 60px;
     border-radius: 100%;
     text-align: center;
     line-height: 60px;
     color: #fff;
     font-size: 27px 
}
 .duyuru-item .content {
     float: left;
     padding: 0 15px 
}
 .duyuru-item .content p {
     margin: 0;
     color: #333 
}
 .duyuru-item .date {
     padding: 0 15px;
     float: right;
     position: absolute;
     right: 0;
     bottom: 3px 
}
 .duyuru-item .date i {
     margin-left: 5px 
}
 .duyurular {
     padding: 0 0 
}
 .duyurular h4 {
     color: #666;
     font-weight: 800;
     font-size: 22px;
     margin: 0 
}
 .duyurular-slide {
     position: relative;
     overflow: hidden 
}
 .duyurular-slide .swiper-wrapper {
     height: 120px!important 
}
 .duyurular-slide .swiper-slide {
     height: 120px!important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center 
}
 .duyurular-slide .swiper-slide p {
     margin-bottom: 0;
     max-height: 62px;
     overflow: hidden;
     font-size: 13px 
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0 
}
 input[type=number] {
     -moz-appearance: textfield 
}
 .yorumyappopup {
     overflow: hidden;
     width: 100%;
     margin-bottom: 35px 
}
 .musteriyorum {
     overflow: hidden;
     width: 100%;
     border: 1px solid #6d61be;
     padding: 25px 15px;
     margin-bottom: 25px;
     text-align: center;
     border-left-style: dashed;
     border-right-style: dashed 
}
 .page-career5 {
     margin: 45px 0 
}
 .page-career5 .urun-title h3 {
     font-family: Nunito;
     font-size: 22px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22 
}
 .page-career5 .urun-title h3 strong {
     font-weight: 800;
     font-size: 23px 
}
 .page-career5 .form-div p {
     font-size: 12px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     margin-left: 10px;
     margin-bottom: 5px 
}
 .page-career5 form.career .form-div .form-control:focus {
     border-color: #228b22 
}
 .page-career5 .panel-default>.panel-heading+.panel-collapse>.panel-body {
     color: #fff;
     font-size: 12px;
     line-height: 24px 
}
 .page-career5 .panel-title a {
     font-size: 13px;
     font-weight: 700;
     color: #000;
     display: block;
     padding: 15px 0;
     position: relative 
}
 .page-career5 .panel-body p {
     font-size: 11px;
     color: #333;
     line-height: 20px 
}
 .page-career5 .career-form form>div+div {
     margin-top: 20px 
}
 .page-career5 .career-form .input-group {
     margin-top: 0 
}
 .page-career5 .career-form .button {
     margin-top: 20px 
}
 .page-career5 .input-group .form-control, .page-career5 .input-group-addon, .page-career5 .input-group-btn {
     background: 0 0 
}
 .page-career5 .panel-title a i {
     font-size: 12px;
     right: 0;
     top: 50%;
     position: absolute;
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -mstransform: translateY(-50%) 
}
 .page-career5 .panel-group .panel+.panel {
     margin-top: 0 
}
 .page-career5 .panel-title a i.collapsed:after {
     content: '\f067"!important' 
}
 .page-career5 .select-icon {
     position: absolute;
     right: 20px;
     color: #000!important;
     pointer-events: none;
     top: 37px 
}
 .page-career5 .select-icon:before {
     font-size: 22px 
}
 .page-career5 .panel-group {
     margin-bottom: 60px 
}
 .page-career5 .accordion {
     width: 100%;
     max-width: 360px;
     margin: 30px auto 20px;
     background: #FFF;
     border-radius: 4px 
}
 .page-career5 .accordion .link {
     cursor: pointer;
     display: block;
     padding: 15px 15px 15px 0PX;
     border-bottom: 1px solid #dfebef;
     position: relative;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     font-size: 17px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da;
     text-transform: uppercase;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .page-career5 .accordion li:last-child .link {
     border-bottom: 0 
}
 .page-career5 .accordion li i {
     position: absolute;
     top: 16px;
     left: 12px;
     font-size: 18px;
     color: #a0c9da;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease 
}
 .page-career5 .accordion li i.fa-chevron-down {
     right: 12px;
     left: auto;
     font-size: 16px 
}
 .page-career5 .accordion li.open .link, .accordion li.open i {
     color: #0d00a3 
}
 .page-career5 .accordion li.open i.fa-chevron-down {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg) 
}
 .page-career5 .accordion li.default .submenu {
     display: block 
}
 .page-career5 .submenu {
     margin: 10px 0;
     display: none;
     font-size: 14px 
}
 .page-career5 .submenu p {
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.85;
     letter-spacing: normal;
     text-align: left;
     color: #4a4a4a;
     margin-bottom: 0;
}
 .page-career5 .submenu li {
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.85;
     letter-spacing: normal;
     text-align: left;
     color: #4a4a4a;
     list-style-type: initial;
     margin-left: 17px;
}
 .page-career5 .submenu ol li {
     list-style-type: decimal;
}
 .page-career5 .submenu a {
     display: block;
     text-decoration: none;
     color: #d9d9d9;
     padding: 12px 12px 12px 42px;
     -webkit-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease 
}
 .page-career5 .submenu a:hover {
     background: #b63b4d;
     color: #FFF 
}
 .page-career5 a.apply-now {
     position: relative;
     width: 144px;
     border: 1px solid #ffffff00;
     height: 39px;
     border-radius: 22px;
     background-color: #0d00a3;
     padding: 0;
     color: #fff;
     text-transform: uppercase;
     text-align: center;
     font-size: 13px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 39px;
     letter-spacing: normal;
     left: 60%;
     cursor: pointer;
     margin-top: 20px;
}
 .page-career5 a.apply-now:hover {
     background: #fff;
     color: #a0c9da;
     border: 1px solid #a0c9da;
}
 .col-md-8 .urun-title h3 {
     text-align: center;
     margin-bottom: 40px 
}
 .page-career5 select::-ms-expand {
     display: none;
     -moz-appearance: none;
     -webkit-appearance: none 
}
 .page-career5 .accordion .link:hover {
     color: #228b22;
}
 i.uploadicon {
     position: absolute;
     background-image: url(../img/uploadicon.png);
     width: 22px;
     height: 14px;
     float: left;
     left: 10px;
     top: 12px 
}
 .page-career5 .form-div input {
     height: 50px;
     border-radius: 27px!important;
     border: solid 1px #a0c9da;
     color: #228b22;
     padding-left: 20px;
     -webkit-appearance: none;
     -moz-appearance: none;
     font-style: normal;
     appearance: none 
}
 .page-career5 input::-webkit-input-placeholder {
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .page-career5 input::-moz-placeholder {
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .page-career5 input:-ms-input-placeholder {
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .page-career5 input:-moz-placeholder {
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .page-career5 .form-div select {
     height: 50px;
     border-radius: 27px;
     border: solid 1px #a0c9da;
     padding-left: 20px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .page-career5 .form-div textarea {
     height: 183px;
     border-radius: 27px;
     border: solid 1px #a0c9da;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding: 20px;
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #a0c9da 
}
 .page-career5 input[type="submit"] {
     border: none;
     float: right;
     width: 209px;
     height: 60px;
     border-radius: 30px;
     background-color: #0d00a3;
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
     font-weight: 800;
     font-size: 13px;
     color: #fff;
}
 .page-career5 input[type="submit"]:hover {
     background-color: #228b22;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 .page-career5 .input-group .kariyer-btn i {
     padding-left: 10px;
     font-style: normal;
     line-height: 30px 
}
 .page-career5 .input-group .kariyer-btn {
     width: 105px;
     height: 41px;
     border-radius: 27px;
     background-color: #a0c9da;
     position: absolute;
     right: 7px;
     font-size: 12px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #fff;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     top: 5px;
}
 .page-career5 .input-group .kariyer-btn:hover {
     background: #f40010;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 @media screen and (max-width:991px) {
     .page-career .career-form .row>div:first-child {
         margin-bottom: 50px 
    }
}
 @media screen and (max-width:500px) {
     .page-career .career-form form .twice>div+div {
         margin-top: 20px 
    }
}
 .brands {
     width: 100%;
     overflow: hidden 
}
 .brands>h3 {
     color: #101010;
     font-size: 20px;
     border-bottom: 1px solid #ccc 
}
 .brands .marka-item {
     border: 1px solid #ccc;
     width: 100%;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease 
}
 .brands .marka-item:hover {
     border-color: #002349;
     border-radius: 5px 
}
 .brands .marka-item .img {
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100px;
     width: 100% 
}
 .brands .marka-item .img img {
     max-height: 70px 
}
 section.credentials {
     margin: 0 
}
 section.credentials .serti-item:last-child .item {
     border-bottom: none !important;
}
 .certifications {
     border-radius: 35px;
     border: solid 1px #dfebef;
     margin: 70px 0 70px;
}
 .yatirim {
     height: 100%;
     width: 100%;
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     opacity: .08;
}
 .tablo-cell {
     display: table-cell;
     vertical-align: middle;
     text-align: center 
}
 section.uyeliksiz-form.contact4 .ps-abst img {
     width: 70px 
}
 section.uyeliksiz-form.contact4 .ps-abst .yatirim-baslik:after {
     display: none 
}
 section.uyeliksiz-form.contact4 .ps-abst .yatirim-baslik {
     padding: 0 
}
 section.uyeliksiz-form.contact4 .ps-abst .yatirim-ack {
     color: #228b22 
}
 .yatirim-baslik {
     font-size: 30px;
     color: #fff;
     font-weight: 300;
     position: relative;
     padding-bottom: 30px 
}
 .yatirim-baslik span {
     font-size: 30px;
     font-weight: 700 
}
 .yatirim-baslik:after {
     content: "";
     position: absolute;
     left: 100px;
     right: 100px;
     height: 6px;
     background: #fff;
     bottom: 0;
     border-radius: 6px 
}
 .ps-abst {
     overflow: hidden;
     margin: 0 30px;
     height: 325px;
     background-repeat: no-repeat!important;
     background-size: cover!important;
     display: table;
     width: calc(100% - 60px);
     margin-top: 70px!important;
     margin-bottom: 60px;
     color: #fff;
     text-align: center;
     position: relative;
     border-radius: 8px;
     background-image: -webkit-linear-gradient(288deg, #40d1f0, #2c8fb8 51%, #0a1f58);
     background-image: -o-linear-gradient(288deg, #40d1f0, #2c8fb8 51%, #0a1f58);
     background-image: linear-gradient(-198deg, #40d1f0, #2c8fb8 51%, #0a1f58);
}
 .yatirim-ack span {
     font-weight: 800 
}
 .yatirim-ack {
     font-family: Nunito;
     font-size: 18px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.3;
     letter-spacing: 1.3px;
     text-align: center;
     color: #fff;
     margin-top: 20px 
}
 .yatirim-ack span {
     display: block;
     font-weight: 700;
     font-size: 21px;
     margin-top: 5px 
}
 .yatirim-ack span {
     font-weight: 800 
}
 section.credentials .item:hover {
     color: #228b22 !important;
}
 section.credentials .item {
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0;
     font-family: Nunito;
     font-size: 16px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 4.06;
     letter-spacing: normal;
     text-align: left;
     color: #0d00a3 !important;
     padding-left: 40px !important;
     border-bottom: 1px solid #dfebef !important;
     overflow: hidden;
}
 section.credentials .item i.icon-certificate-download {
     background-image: url(../img/icon-certificate-download.png);
     width: 50px;
     height: 52px;
     display: inline-block;
     background-repeat: no-repeat;
     background-position: center center;
     margin-right: 10px 
}
 section.credentials .item i.icon-certificate-doct {
     background-image: url(../img/icon-certificate-doct.png);
     width: 50px;
     height: 52px;
     display: inline-block;
     background-repeat: no-repeat;
     background-position: center center;
     margin-right: 10px 
}
 section.credentials .item i.icon-certificate-green {
     background-image: url(../img/icon-certificate-green.png);
     width: 50px;
     height: 52px;
     display: inline-block;
     background-repeat: no-repeat;
     background-position: center center;
     margin-right: 10px 
}
 section.credentials .item i.icon-certificate {
     background-image: url(../img/icon-certificate.png);
     width: 50px;
     height: 52px;
     display: inline-block;
     background-repeat: no-repeat;
     background-position: center center;
     margin-right: 10px 
}
 section.credentials .item p {
     overflow: hidden;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     color: #777;
     font-size: 18px;
     margin: 0;
     width: calc(100% - 120px) 
}
 section.credentials .item a {
     color: black;
     width: 50px;
     height: 50px;
     border: 2px solid rgba(255, 255, 255, .3);
     border-radius: 50%;
     position: relative;
     margin-left: 35px 
}
 section.credentials .item a i {
     position: absolute;
     width: 100%;
     height: 100%;
     text-align: center;
     line-height: 46px;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease 
}
 section.credentials .item a i:hover {
     -webkit-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg) 
}
 section.credentials .item a i.icon-certificate-download {
     background-repeat: no-repeat;
     background-image: url(../img/icon-certificate-download.png);
     background-position: 50% 45%;
     border: 1px solid #d1d1d1;
     border-radius: 100% 
}
 section.credentials .item a i.icon-certificate-download:hover {
     border-color: #0d00a3 
}
 section.credentials .item a i.icon-certificate-doct {
     background-repeat: no-repeat;
     background-image: url(../img/icon-certificate-doct.png);
     background-position: 50% 45%;
     border: 1px solid #d1d1d1;
     border-radius: 100% 
}
 section.credentials .item a i.icon-certificate-doct:hover {
     border-color: #0d00a3 
}
 section.credentials .item a i.icon-certificate-green {
     background-repeat: no-repeat;
     background-image: url(../img/icon-certificate-green.png);
     background-position: 50% 45%;
     border: 1px solid #d1d1d1;
     border-radius: 100% 
}
 section.credentials .item a i.icon-certificate-green:hover {
     border-color: #0d00a3 
}
 section.credentials .item a i.icon-certificate {
     background-repeat: no-repeat;
     background-image: url(../img/icon-certificate.png);
     background-position: 50% 45%;
     border: 1px solid #d1d1d1;
     border-radius: 100% 
}
 section.credentials .item a i.icon-certificate:hover {
     border-color: #0d00a3 
}
 section.credentials .item a i.icon-search-download {
     background-color: #00adef;
     background-repeat: no-repeat;
     padding: 10px;
     border-radius: 100%;
     background-position: 50% 47%;
     background-image: url(../../img/icon-certificate-search.html) 
}
 section.credentials .item a i.icon-search-download:hover {
     background-color: #f40010 
}
 section.credentials .item .view {
     width: 55px;
     height: 55px 
}
 section.credentials .right-image .img {
     width: 260px;
     height: 326px;
     position: relative 
}
 section.credentials .right-image .img img {
     border-radius: 10px 
}
 section.credentials .right-image .img:before {
     content: "";
     position: absolute;
     display: block;
     width: 260px;
     height: 326px;
     background-color: #283181;
     opacity: .9;
     border-radius: 10px 
}
 section.credentials .right-image .text {
     text-align: center;
     position: absolute;
     top: 13%;
     left: 8%;
     z-index: 999 
}
 section.credentials .right-image .text a {
     position: relative 
}
 section.credentials .right-image .text a h2 {
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     position: relative;
     color: white;
     font-size: 24px;
     display: block;
     padding-bottom: 25px 
}
 section.credentials .right-image .text a h2:before {
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     content: "";
     position: absolute;
     display: block;
     background-color: #03b3ef;
     right: 0;
     left: 0;
     margin: 0 auto;
     width: 70px;
     height: 5px;
     bottom: 6px 
}
 section.credentials .right-image .text a h2 span {
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     padding-right: 10px;
     color: white;
     line-height: 35px 
}
 section.credentials .right-image .text a h2 span.title {
     font-family: "Segoe Bold";
     font-size: 20px;
     display: block;
     font-weight: 700 
}
 section.credentials .right-image .text a h2 span.subtitle {
     font-family: "Segoe Bold";
     font-size: 25px;
     font-weight: 800;
     display: block 
}
 section.credentials .right-image .text a h2 span.light-title {
     font-family: "Segoe Light";
     display: block;
     font-weight: 300;
     font-size: 20px 
}
 section.credentials .right-image .text a p {
     font-family: "Segoe Bold";
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     color: white;
     font-weight: 800;
     font-size: 19px;
     line-height: 30px 
}
 section.credentials .right-image .text a:hover h2 {
     color: #00adef 
}
 section.credentials .right-image .text a:hover h2:before {
     background-color: white 
}
 section.credentials .right-image .text a:hover h2 span {
     color: #00adef 
}
 section.credentials .right-image .text a:hover p {
     opacity: .8 
}
 section.sss {
     margin: 25px 0 
}
 section.sss .sss-left span {
     font-weight: 200;
     font-size: 12px;
     color: #a6a6a6 
}
 section.sss .sss-left h2 {
     color: #333;
     font-size: 20px 
}
 section.sss .sss-left h2 strong {
     font-size: 20px 
}
 section.sss .sss-left h2 strong {
     color: #333;
     font-weight: 800 
}
 .page-faq .col-one .col-left h6 {
     font-size: 15px;
     font-weight: 700;
     color: #333;
     margin: 0 0 15px 0;
     line-height: 30px 
}
 .page-faq .col-one .col-left p {
     font-size: 14px;
     line-height: 28px;
     margin: 0;
     padding-bottom: 30px;
     border-bottom: 2px solid #0d00a3 
}
 .page-faq .col-one {
     display: inline-block;
     width: 100% 
}
 .page-faq .col-one .panel-group {
     margin-bottom: 0 
}
 .page-faq .col-one .panel-heading {
     border-radius: 0;
     padding: 0 
}
 .page-faq .col-one .panel-title a {
     color: #fff;
     display: block;
     position: relative;
     background: #2c307c;
     padding: 19px;
     font-weight: 400;
     font-size: 13px;
     border-top-right-radius: 10px;
     border-top-left-radius: 10px;
     font-weight: 800;
     -webkit-transition: none;
     -o-transition: none;
     transition: none 
}
 .page-faq .col-one .panel-title a.collapsed {
     background: #fff;
     color: #666;
     border-bottom: 1px solid #ccc;
     font-weight: 300 
}
 .page-faq .col-one .panel-title a i {
     position: absolute;
     right: 15px;
     font-size: 14px;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -ms-transform: translateY(-50%) 
}
 .page-faq .col-one .panel {
     border-radius: 0;
     border: none 
}
 .page-faq .col-one .panel-collapse {
     background: #2c307c;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px 
}
 .page-faq .col-one .panel-body {
     position: relative;
     border-top: none!important;
     background: #2c307c 
}
 .page-faq .col-one .panel-body h4 {
     color: #141515;
     font-size: 21px 
}
 .page-faq .col-one .panel-body p {
     color: #fff;
     font-size: 12px;
     line-height: 24px 
}
 .page-faq .col-one .panel-body ul {
     padding: 0 25px 
}
 .page-faq .col-one .panel-body li {
     color: #141515;
     font-weight: 400;
     font-size: 16px;
     list-style-type: circle 
}
 .page-faq .col-one .panel-body:after {
     display: none 
}
 .kullanici-menu {
     display: none;
}
 .search-icon {
     float: left;
     margin-top: -3px;
     display: none;
}
 .search-icon span#searchopen {
     border-right: 1px solid #eeeeee;
     border-left: 1px solid #eeeeee;
     padding: 15px 22px;
     height: 20px;
     line-height: 20px;
     cursor: pointer;
     position: relative;
}
 .search-icon span#searchopen i.flaticon-search:before {
     color: #fff;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     font-size: 22px;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .search-icon span#searchopen i.flaticon-keyboard-right-arrow-button:before {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     position: absolute;
     bottom: -45px;
     right: 0;
     left: 0;
     margin: 0 auto;
     color: black;
     display: none;
     opacity: 1;
}
 .search-icon span#searchopen.active i.flaticon-search:before {
     color: #212c65;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     font-size: 22px;
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
}
 .search-icon span#searchopen.active i.flaticon-keyboard-right-arrow-button:before {
     display: block;
     opacity: 1;
}
 .search-icon span#searchopen:hover i.flaticon-search:before {
     color: #fff;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
}
 .search-icon span#searchopen:hover i.flaticon-keyboard-right-arrow-button:before {
     opacity: 1;
     display: block;
}
 .fi:before {
     display: inline-block;
     font-family: "Flaticon";
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
}
 .serti-item .content a {
     float: left;
     padding: 20px 0;
     width: 100%;
     display: block;
}
 .notfound {
     padding: 60px 0px;
}
 .notfound .text {
     text-transform: uppercase;
     text-align: center 
}
 .notfound .text h2 {
     font-size: 45px;
     color: #228b22;
     font-weight: 300;
     letter-spacing: -1px;
     text-shadow: 0 0 150px #000;
}
 .notfound .text h3 {
     font-size: 48px;
     color: #1ca4de;
     font-weight: 700;
     letter-spacing: -3px;
     text-shadow: 0 0 150px #8e8e8e;
}
 .notfound .text a {
     padding: 10px 20px;
     margin-top: 60px;
     font-size: 20px;
     color: #ffffff;
     font-weight: 700;
     letter-spacing: 0px;
     background-color: #228b22;
     line-height: 50px;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}
 .notfound .text a:hover {
     background-color: #000;
}
 .urunSlider {
     display: none;
}
 .urunSlider.slick-initialized {
     display: block;
}
 .arama-sonuc {
     font-family: Nunito;
     font-size: 16px;
     font-weight: 600;
     color: #228b22;
     width: 100%;
     color: #0d00a3;
     margin-bottom: 15px;
}
 .serti-item {
     width: 100%;
     overflow: hidden;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .serti-item:hover {
     border-color: #ed131f;
}
 .serti-item .icon {
     float: left;
}
 .serti-item .icon img {
}
 .serti-item .content {
     padding: 0 25px 0 15px;
     display: block;
     width: 100%;
     float: left;
     padding-left: 0;
     padding-right: 0;
}
 .serti-item .content p {
     margin: 0;
     font-size: 16px !important;
     line-height: normal;
     color: #0d00a3 !important;
     font-weight: 700;
     width: 100% !important;
}
 .serti-item i {
     position: absolute;
     right: 35px;
     top: 22px;
     font-size: 20px;
     font-weight: 200;
     color: #1ca4de;
}
 .serti-item:last-child {
     border-bottom: none;
}
 .firma-slide span.slide-show {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .firma-slide .tablo {
     display: table;
     height: 100%;
     width: 100%;
}
 .firma-slide .swiper-slide a:hover::Before {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .firma-slide .swiper-slide a:hover .slide-show {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .firma-slide .swiper-slide a:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(42, 67, 91, .59);
     opacity: 0;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .tablo-dokuman.gecmis.mavi-th th {
     background: #eef7fa;
     color: #a0c9da;
     font-weight: bold;
}
 table input[type=number] {
     width: calc(100% - 10px);
     margin: 5px;
     height: 30px;
     border-radius: 30px;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     border: 1px solid #228b22;
     text-align: center;
}
 .tablo-dokuman.sepetim.sepet-page tr:first-child th:nth-child(5), .tablo-dokuman.sepetim.sepet-page tr:first-child th:nth-child(6) {
     padding: 0;
     text-align: center;
}
 .tablo-dokuman.sepetim table tr:first-child th small {
     font-size: 100% !important;
}
 section.son-gelisme-detay.inner h1 {
     float: left;
     width: 100%;
     font-family: Nunito;
     font-size: 20px;
     font-weight: 700;
     text-align: left;
     color: #0d00a3;
     margin-bottom: 5px;
     margin: 0;
     font-size: 13px;
}
 section.urunGenelTab ul li {
     list-style-type: initial;
}
 section.urunGenelTab li, section.urunGenelTab li span {
     font-size: 14px !important;
     font-weight: 600;
     color: #000;
     position: relative;
}
 section.urunGenelTab ol li {
     list-style: decimal !important;
     color: #228b22 !important;
     line-height: 27px;
}
 section.son-gelisme-detay.inner table {
     width: 100% !important;
    /* margin-left: -15px;
     */
     margin-top: 20px;
}
 section.son-gelisme-detay.inner table tr td {
     padding: 10px;
     border: 1px solid #0d00a363;
}
 .contact4 .form-div.capt-cont .captcha img {
     border: none !important;
     margin: 0 !important;
     height: 50px;
     display: block;
     max-height: 100%;
}
 .captcha a>img {
     height: auto !important;
}
 li.uyemenu:hover i:before {
     color: #fff !important;
}
 .menu li:nth-child(8):hover span:first-child i:before {
     color: #fff !important;
}
 .form-div.capt-cont .captcha img {
     border: none !important;
     height: 50px;
     display: block;
     max-height: 100%;
}
 .urunGenelBaslik table {
     margin: 0;
}
 .urunGenelBaslik table tr td {
}
 .urunGenelBaslik table tr td p {
     padding: 10px 0;
     margin-bottom: 0;
}
 .urunGenelBaslik table table tr td {
     border: none;
}
 .urunGenelBaslik table table tr td ul li {
     list-style-type: none !important;
     padding-left: 10px;
}
 .login-form .wd50 input[type=submit] {
     width: 100% !important;
}
 a.sertifika-wd {
     width: 100%;
}
 .urunAck a.btn-danger {
     border: solid 1px #ce0303 !important;
     background: #fff !important;
     text-transform: uppercase;
     color: #ce0303;
}
 .urunAck a.btn-danger:hover {
     color: #ffffff !important;
     background: #ce0303 !important;
}
 .product-list .sidebar .filter-menu>ul>li>a.active {
     background: #228b22;
     color: #fff;
}
 .filter-menu ul li.opened ul li.active ul {
     display: block;
}
 .tablo-dokuman.gecmis.mavi-th.norm th {
     width: 33.33% !important;
}
 .alt.active {
     opacity: 1;
     visibility: visible;
     top: 100%;
}
 section.cozum-merkezi-genel {
     padding: 50px 0;
}
 .cozum-kutu {
     height: auto;
     border-radius: 10px;
     overflow: hidden;
}
 .cozum-bg {
     height: 110px;
     background-size: cover !important;
     background-repeat: no-repeat !important;
     background-position: center center !important;
}
 section.cozum-merkezi-genel a {
     width: 100%;
     position: relative;
     height: auto;
     display: block;
     border-radius: 10px;
     overflow: hidden;
     margin-bottom: 30px;
}
 section.cozum-merkezi-genel a:before {
     content: "";
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0);
     background-image: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
     background-image: -o-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
     background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
     background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
     position: absolute;
     -webkit-transition: all 0.6s ease-in;
     -o-transition: all 0.6s ease-in;
     transition: all 0.6s ease-in;
     opacity: 1;
     height: 43%;
     border-radius: 10px;
}
 span.cozum-isim {
     position: absolute;
     bottom: 10px;
     left: 0;
     right: 0;
     padding: 0 20px;
     text-align: center;
     color: #fff;
}
 section.cozum-merkezi-genel a:hover {
     -webkit-box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
     box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
     -webkit-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
}
 section.ref-slider .ov-hid {
     overflow: initial;
}
 .filter-menu ul li.acilim ul li.active ul li.acilim.active a {
     background: #0d00a3;
}
 .filter-menu li.opened>a {
     background: #0d00a3 !important;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a.active {
     background: #0d00a3 !important;
}
 .filter-menu ul li.opened ul li.active ul li a {
     background: #1d3043 !important;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li.active a {
     background: #0d00a3 !important;
}
 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li a {
     color: #fff !important;
     display: block;
     padding-left: 75px !important;
     font-size: 11px;
}
 .mbl-btn {
     display: none;
}
 .round #tawkchat-status-icon.online:before, .round #tawkchat-status-icon.away:before {
     color: #fff !important;
}
 .tab-orta {
     border-radius: 2px;
     border-top: 2px solid #eef7fa;
     border-bottom: 2px solid #eef7fa;
}
 .ozelTablo {
     width: auto;
}
 .ozelTablo tr td {
     border: 1px solid #0d00a3 !important;
     text-align: center;
}
 .toplam-urun {
     display: inline-block;
     margin: 0;
     font-size: 14px;
     color: rgba(30, 165, 221, 0.68);
     font-weight: 300;
     padding-bottom: 10px;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     position: relative;
     margin-bottom: 10px;
}
 .toplam-urun span {
     font-weight: bold;
}
 section.product-list .col-md-9.col-xs-12 {
     padding-right: 0 !important;
}
 .toplam-urun:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 15px;
     right: 15px;
     border-bottom: 1px solid rgba(30, 165, 221, 0.32);
}
 .col-left.guncel {
     width: 50% !important;
}
 a.guncelle {
     height: 50px;
     border-radius: 30px;
     background-color: #228b22;
     font-size: 13px !important;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 45px;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     padding: 0;
     margin-top: 20px;
     border: 1px solid #228b22;
     width: 49%;
     margin-right: 0% !important;
}
 .col-left.guncel a+a {
     width: 49% !important;
     margin-left: 0% !important;
}
 .col-right.guncel {
     width: 50% !important;
}
 a.guncelle i:before {
     font-size: 18px;
     font-weight: normal;
     margin: 0;
}
 a.guncelle i {
     position: relative;
     top: 3px;
}
 .guncelle span {
     padding-right: 0;
}
 .user .col-right.guncel a.pull-right i:before {
     font-weight: normal;
     margin: 0;
     font-size: 20px;
}
 .user .col-right.guncel a.pull-right {
}
 .col-left.guncel a+a i {
     position: relative;
     top: 1px;
}
 .col-right.guncel a {
     width: 48% !important;
}
 .col-right.guncel a {
     float: left !important;
     margin-left: 2%;
     margin-right: 1%;
     font-size: 13px !important;
}
 .col-right.guncel a+a {
     margin-right: 0 !important;
     margin-left: 1% !important;
}
 a.guncelle:hover {
     background: #1aa4de;
     border: 1px solid #1aa4de;
}
 .sorgulama .form-div input[type=submit] {
     width: 179px;
     height: 50px;
     border-radius: 30px;
     background-color: #228b22;
     font-size: 14px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 50px;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     padding: 0;
     margin-top: 0;
     border: 1px solid #228b22;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .sorgulama .form-div input[type=submit]:hover {
     background: #0d00a3;
     border: 1px solid #0d00a3;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .ozelTablo1, .ozelTablo2, .ozelTablo3, .ozelTablo4, .ozelTablo5, .ozelTablo12, .ozelTablo6, .ozelTablo7, .ozelTablo8, .ozelTablo9, .ozelTablo10, .ozelTablo11, .ozelTablo13, .ozelTablo14, .ozelTablo15 {
     width: 100% !important;
     margin-bottom: 10px !important;
}
 .ozelTablo1 tr td, .ozelTablo2 tr td, .ozelTablo3 tr td, .ozelTablo12 tr td, .ozelTablo4 tr td, .ozelTablo5 tr td, .ozelTablo6 tr td, .ozelTablo7 tr td, .ozelTablo8 tr td, .ozelTablo10 tr td, .ozelTablo13 tr td, .ozelTablo14 tr td, .ozelTablo15 tr td {
     border: 1px solid #0d00a3 !important;
     padding: 10px !important;
     color: #228b22 !important;
}
 .ozelTablo11 tr td {
     width: 9.09% !important;
     border: 1px solid #0d00a3 !important;
     padding: 10px 3px !important;
     color: #228b22 !important;
}
 .ozelTablo9 tr td {
     width: 11.11% !important;
     border: 1px solid #0d00a3 !important;
     padding: 10px !important;
     color: #228b22 !important;
}
 .ozelTablo3 tr td {
     width: 33.33% !important;
}
 .ozelTablo2 tr td {
     width: 50% !important;
}
 .ozelTablo1 tr td {
     width: 100% !important;
}
 .ozelTablo4 tr td {
     width: 25% !important;
     padding-bottom: 10px !important;
}
 .ozelTablo5 tr td {
     width: 20% !important;
}
 .ozelTablo6 tr td {
     width: 16.66% !important;
}
 .ozelTablo8 tr td {
     width: 12.50% !important;
}
 .ozelTablo9 tr td {
     width: 11.11% !important;
}
 .ozelTablo10 tr td {
     width: 10% !important;
}
 .ozelTablo12 tr td {
     width: 8.33% !important;
}
 .ozelTablo7 tr td {
     width: 14.28% !important;
}
 .ozelTablo13 tr td {
     width: 7.69% !important;
}
 .ozelTablo14 tr td {
     width: 7.14% !important;
}
 .ozelTablo15 tr td {
     width: 6.66% !important;
}
 section.urunGenelTab .tab-pane.fade.active.in p {
     line-height: 27px;
}
 section.urunGenelTab .tab-pane.fade.active.in img {
     text-align: center !important;
     float: none !important;
}
 section.urunGenelTab {
     float: left;
     width: 100%;
}
 section.urunGenelTab .tab-pane.fade.active.in a {
     text-align: center;
     display: inline-block;
}
 section.urunGenelTab .tab-pane.fade.active.in ul li {
     color: #000 !important;
     line-height: 27px;
}
 .inline {
     float: left;
     display: inline-block;
     padding-bottom: 10px;
}
 .inline:last-child {
     margin-left: 0 !important;
}
 .inline a {
     display: block !important;
     text-align: center !important;
}
 .inline+.inline {
     margin-left: 30px;
}
 .kucuk-img {
     width: 250px;
     display: inline-block;
}
 .p0 tr td p {
     padding: 0 !important;
}
 a.guncelleme {
     margin-top: 0;
     font-weight: bold;
     color: #228b22;
     padding: 4px 15px;
     background: #f7f7f7;
     text-align: center !important;
     border-radius: 27px;
     font-size: 9px;
}
 a.guncelleme:hover {
     color: #ffffff;
     background: #0d00a3;
}
 .fancybox-infobar__body {
     display: none;
}
 .inline img {
     width: 154px !important;
}
 .centerla {
     display: table;
     margin: auto;
}
 .centerla img {
     width: auto;
     display: table;
     margin: 30px auto;
}
 .sepet-page tr td:last-child i:before {
     margin-right: 0;
     font-size: 20px !important;
     position: relative;
     top: 2px;
}
 .sepet-page tr td i:before {
     margin-left: 0;
     color: #228b22;
     font-size: 17px;
}
 .sepet-page tr td i span {
     position: absolute;
     top: 100%;
     text-align: center;
     display: block;
     width: 100px;
     background: #228b22;
     border-radius: 18px;
     color: #fff;
     font-size: 10px;
     padding: 5px 10px;
     left: -40px;
     right: -40px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .sepet-page tr td i:hover span {
     opacity: 1;
     visibility: visible;
}
 .sepet-page tr td i {
     position: relative;
     font-style: normal;
}
 .sepet-page tr td:nth-child(3) img {
     border: none !important;
     width: 100% !important;
}
 .fl-left a.guncelleme {
     position: relative;
}
 .siparis-ozet .fl-left {
     width: calc(100% - 242px);
     float: left;
     display: block;
     text-align: center;
     margin-top: 28px;
     padding: 0;
     position: relative;
     overflow: hidden;
}
 a.guncelleme i {
     padding-right: 7px;
     font-size: 13px;
     top: 1px;
     position: relative;
}
 .fl-left a.guncelleme:first-child::before {
     content: "";
     position: absolute;
     top: 50%;
     height: 1px;
     margin-top: -0.5px;
     background: #ececec;
     width: 100px;
     left: -120px;
}
 .fl-left a.guncelleme:last-child::before {
     content: "";
     position: absolute;
     top: 50%;
     height: 1px;
     margin-top: -0.5px;
     background: #ececec;
     width: 40px;
     right: -50px;
}
 a.guncelleme:nth-child(2) {
     text-align: center;
}
 a.guncelleme:last-child {
     text-align: right;
}
 .adres-ekle input[type=submit] {
     width: 49% !important;
     height: 45px !important;
}
 .user .control span {
     font-family: Nunito;
     font-size: 12px;
     font-weight: 400;
     color: #4a4a4a;
}
 p.tane {
     font-family: Nunito;
     font-size: 14px;
     font-weight: 400;
     line-height: 2.21;
     color: #4a4a4a;
     margin-bottom: 0;
}
 .ozelTablo6 .table th {
     background: #f0f7fa !important;
     border: 1px solid #0d00a3 !important;
}
 section.user table {
     margin-top: 0;
}
 a.btn.btn-out.btn-don {
     width: auto !important;
     padding: 0 40px !important;
     float: left;
     margin-right: 0 !important;
}
 a.siparis-takip.unutulan {
     padding: 0 !important;
     margin-left: 0 !important;
     float: right !important;
     text-align: right !important;
     margin-right: 10px !important;
}
 a.btn.btn-black.pull-left {
     height: 43px;
     border-radius: 30px;
     background-color: #228b22;
     position: relative;
     width: 49% !important;
     padding: 0;
     line-height: 43px;
     margin-right: 1%;
     color: #fff;
}
 a.btn.btn-blue.pull-right {
     height: 43px;
     border-radius: 30px;
     background-color: #228b22;
     position: relative;
     width: 49% !important;
     padding: 0;
     line-height: 43px;
     margin-right: 1%;
     color: #fff;
}
 a.btn.btn-black.pull-left:hover {
     background: #0d00a3;
}
 a.btn.btn-blue.pull-right:hover {
     background: #0d00a3;
}
 a.ayni-adres {
     color: #228b22;
     font-weight: bold;
     padding-top: 10px;
     font-size: 14px !important;
     text-decoration: underline !important;
}
 a.ayni-adres:hover {
     color: #0d00a3;
}
 .basket-exp.radius textarea.form-control {
     border-radius: 27px !important;
}
 .urunGenelTab .tab-content ul {
     margin-left: 20px 
}
 .urunGenelTab .tab-content ul ul {
     margin-left: 40px 
}
 .form-div.m-iptal.w100 .control__indicator {
     border-radius: 10px;
     left: 10px;
}
 .form-div.m-iptal.w100 span {
     padding-left: 10px;
}
 .fl-right {
     float: right;
     position: relative;
}
 .fl-right:before {
     content: "";
     position: absolute;
     left: -1000px;
     width: 994px;
     top: 50%;
     margin-top: 10.5px;
     height: 1px;
     background: #ececec;
}
 .fl-right .fa {
     font-size: 15px;
     top: 1px;
     position: relative;
     left: -5px;
}
 .orders tr th:nth-child(1) {
     width: 23% !important;
}
 .orders tr th:nth-child(2) {
     width: 7% !important;
     padding-left: 0;
}
 .orders tr th:nth-child(3) {
     width: 15% !important;
}
 .orders tr th:nth-child(4) {
     width: 20% !important;
}
 .orders tr th:nth-child(5) {
     width: 15% !important;
}
 .orders tr th:last-child {
     width: 20% !important;
}
 .orders tr td:nth-child(5) {
     text-align: right;
     padding: 10px 3px;
}
 .tablolas {
     float: right;
     width: 100%;
     text-align: right;
}
 .tablolas a+a {
     float: right !important;
}
 .urunGenelTab ol+ol {
     padding-left: 20px;
}
 .urunGenelTab ul ol li {
     margin-left: 20px;
}
 .menu-title.alt-mn h3 {
     margin-top: 0;
     margin-top: 0;
     font-size: 14px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     position: relative;
     letter-spacing: normal;
     text-align: center;
     color: #228b22;
     margin: 0;
     padding-bottom: 15px;
     border-bottom: 1px solid #a0c9da;
     text-align: left;
     padding-left: 0;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     display: inline-block;
}
 .menu-title.alt-mn h3 {
     padding-bottom: 10px !important;
}
 ul.mr0 {
     margin-bottom: 10px;
}
 ul.mr0 li a {
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     position: relative;
     display: inline-block;
     font-family: Nunito;
     font-size: 13px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.70;
     letter-spacing: normal;
     text-align: left;
     color: #000;
     width: auto;
     display: inline-block;
}
 ul.mr0 li a:before {
     content: "";
     position: absolute;
     left: 0;
     width: 0;
     bottom: 0;
     height: 2px;
     background: #0d00a3;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .mr0>ul>li>a:hover {
     color: #0d00a3;
}
 .mr0>li>a:hover:before {
     width: 100%;
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .fiyati {
     font-size: 13px;
     font-weight: bold;
     line-height: 21px;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     float: left;
}
 .urunFiyatlandirma {
     display: table;
     margin: 0 auto 10px;
}
 .urunFiyatlandirma.hidden_price {
     visibility: hidden;
     opacity: 0;
}
 .tutar {
     float: left;
     padding-left: 4px;
     min-height: 40px;
}
 .indFiyat {
     font-size: 14px;
     font-weight: bold;
     text-align: left;
     color: #a0c9da;
     min-height: 20px;
}
 .gercekTutar {
     font-size: 16px;
     font-weight: 800;
     text-align: left;
     color: #228b22;
}
 .kampanya-slide .urunKisa {
     min-height: 32px;
}
 .yuzdeInd {
     float: left;
     width: auto;
     height: 33px;
     border-radius: 8px;
     border: solid 1px #0d00a3;
     line-height: normal;
     font-family: Nunito;
     font-size: 11px;
     font-weight: 800;
     text-align: center;
     color: #0d00a3;
     width: 42px;
     padding-top: 1px;
     margin-left: 10px;
     padding-top: 3px;
}
 .yuzdeInd span,.hediyeli_urun span {
     display: block;
     font-family: Nunito;
     font-size: 8px;
     font-weight: 800;
     text-align: center;
     color: #0d00a3;
     text-transform: uppercase;
}
 .urunDetay .yuzdeInd {
     width: auto;
     padding: 5px 7px;
     height: auto;
     font-size: 14px;
     line-height: 15px;
     float: left;
     margin-left: 0;
}
 .urunDetay .yuzdeInd span {
     font-size: 12px;
}
 .urunDetay .urunFiyatlandirma {
     display: inline-block;
     float: left !important;
     margin: initial !important;
     padding-left: 10px;
}
 .urunDetay .indFiyat {
     font-size: 14px;
}
 .urunDetay .gercekTutar {
     font-size: 17px;
     font-weight: 800;
}
 .urunDetay .tutar {
     padding-left: 0;
}
 .qty {
     position: relative;
     margin-right: 15px;
     display: inline-block;
     vertical-align: middle;
     margin-bottom: 10px;
     margin-left: 15px;
     -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
     background-color: #ffffff;
     overflow: hidden;
     border-radius: 28px;
     border: solid 1px #dfebef;
     margin-bottom: 0;
}
 .qty span {
     position: absolute;
     top: 0;
     height: 100%;
     width: 35px;
     background: #fff;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #a0c9da;
     font-size: 15px;
     cursor: pointer;
     font-weight: 900;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     z-index: 9;
}
 .qty span:hover {
     background: #a0c9da;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     color: #fff;
}
 .qty .qty-plus {
     right: 0;
     border-left: 1px solid #a0c9da;
}
 .qty .qty-minus {
     left: 0;
}
 .qty input {
     font-size: 13px;
     line-height: 45px;
     text-align: center;
     padding: 0 35px;
     width: 120px;
     height: 48px;
     border-radius: 48px;
     border: none !important;
     font-size: 13px;
     font-weight: bold;
     text-align: center;
     color: #228b22;
}
 .qty div.qty-desc {
     position: absolute;
     color: #228b22;
     bottom: 0px;
     font-weight: 400;
     font-size: 11px;
     left: 0;
     text-transform: uppercase;
     right: 0;
     bottom: 0;
     font-weight: bold;
     text-align: center;
}
 .selections {
     position: relative;
     float: left;
     width: 50%;
}
 .qty .qty-minus {
     border-right: 1px solid #a0c9da;
}
 .satin-alma {
     float: left;
     position: relative;
     width: 50%;
}
 .satin-alma input[type=button] {
     width: 100%;
     height: 50px;
     border-radius: 28.5px;
     background-color: #0d00a3;
     font-family: Nunito;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     color: #ffffff;
     padding-left: 30px;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
     border: 0;
}
 .satin-alma i:before {
     margin: 0;
     color: #fff;
     font-size: 15px;
}
 .satin-alma i {
     position: absolute;
     left: 27px;
     top: 14px;
}
 .p_groups {
     float: left;
     width: 50%;
}
 .satin-alma input[type=button]:hover {
     background: #228b22;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .select_biltek {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     position: absolute;
     width: calc(100% - 105px);
     right: 0;
     cursor: pointer;
     overflow: hidden;
     border-radius: 16.5px;
     border: 1px solid #dfebef;
}
 .select_biltek .option {
     padding: 3px 20px 3px 10px;
     height: 33px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: absolute;
     width: 100%;
     pointer-events: none;
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
     z-index: 3;
     -webkit-transition: background .4s ease-in-out;
     -o-transition: background .4s ease-in-out;
     transition: background .4s ease-in-out;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin-bottom: 0 !important;
     cursor: pointer;
     background-color: #eef7fa;
     border: solid 1px #dfebef;
     font-family: Nunito;
     font-size: 11px;
     font-weight: 600;
     font-style: normal;
     text-align: left !important;
     color: #0d00a3;
     overflow: hidden;
     top: 0;
}
 .select_biltek input:checked+label:before {
     background: #21a0c300 !important;
     -webkit-transition: background .4s ease-in-out;
     -o-transition: background .4s ease-in-out;
     transition: background .4s ease-in-out;
}
 .select_biltek .option:hover {
     background: #ffffff;
}
 .select_biltek:focus .option {
     position: relative;
     pointer-events: all;
}
 .select_biltek input {
     opacity: 0;
     position: absolute;
     left: -99999px;
}
 .select_biltek input:checked+label {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
     z-index: 5;
     border-top: none;
     position: relative;
     text-align: center;
}
 .select_biltek input:checked+label:after {
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 5px solid #0d00a3;
     position: absolute;
     right: 15px;
     top: calc(50% - 2.5px);
     pointer-events: none;
     z-index: 3;
}
 .select_biltek input:checked+label:before {
     position: absolute;
     right: 0;
     height: 40px;
     width: 40px;
     content: '';
     background: #d51c2c00;
     -webkit-transition: background .4s ease-in-out;
     -o-transition: background .4s ease-in-out;
     transition: background .4s ease-in-out;
}
 .select_biltek input:checked+label:before {
     position: absolute;
     right: 0px;
     height: 40px;
     width: 40px;
     content: '';
     background: #d51c2c00;
     -webkit-transition: background .4s ease-in-out;
     -o-transition: background .4s ease-in-out;
     transition: background .4s ease-in-out;
}
 span.secim-kalbr {
     float: left;
     width: 105px;
     font-family: Nunito;
     font-size: 13px;
     font-weight: bold;
     line-height: 32px;
     text-align: left;
     color: #228b22;
     position: relative;
     padding-left: 0;
}
 .select-biltek ul li:last-child label {
     border-radius: 30px !important;
     overflow: hidden;
}
 .select_biltek.one {
     margin-right: 0;
}
 .select_biltek ul li:last-child:hover label {
     border-bottom-left-radius: 16.5px;
     border-bottom-right-radius: 16.5px;
}
 .select_biltek ul li:first-child:hover label {
     border-top-left-radius: 16.5px;
     border-top-right-radius: 16.5px;
}
 .select_biltek ul li:first-child label {
     border-top-left-radius: 16.5px;
     border-top-right-radius: 16.5px;
}
 .select_biltek ul li:first-child:hover label {
     border-top-left-radius: 16.5px;
}
 .select_biltek ul li:first-child:after {
}
 span.secim-kalbr i {
     font-style: normal;
     padding-left: 10px;
}
 .fl-left {
     float: left;
     width: 100%;
     padding: 0 20px;
}
 .urunDetay .w100 + .w100 .fl-left {
     padding: 0;
     margin-top: 30px;
}
 .fl-left+.fl-left {
     margin-top: 20px;
}
 a.teklif-iste.demo i {
     position: relative;
     left: -5px;
}
 a.teklif-iste.demo span {
}
 .fl-left .wd50 {
     position: relative;
}
 .select_biltek.wd100 {
     width: calc(100% - 30px);
     left: 15px;
     right: 15px;
     border-radius: 37px;
}
 .select_biltek.wd100 .option {
     min-height: 50px;
     overflow: hidden;
}
 .select_biltek.wd100 ul li:first-child:hover label {
     border-top-left-radius: 27px;
}
 .select_biltek.wd100 ul li:first-child:hover label {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .form-div.marginSelect {
     margin-top: 70px;
}
 .select_biltek.wd100 ul li:first-child:after {
     top: 23px;
}
 .sepet-page tr td i.fa-try {
     padding-left: 3px;
}
 .sepet-page tr td i.fa-try:before {
     font-size: 13px;
}
 .select_biltek.wd100 ul {
     max-height: 300px;
     overflow-x: hidden !important;
}
 .select_biltek.wd100:focus {
     border-radius: 17px;
     overflow-y: scroll;
     max-height: 300px;
     overflow-x: hidden;
}
 .select_biltek.wd100 ul li:first-child label {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border: 0 !important;
}
 .select_biltek.wd100 li:first-child .option:hover {
     background: #eef7fa !important;
}
 i.icons {
     content: '';
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 5px solid #0d00a3;
     position: absolute;
     right: 22px;
     top: 23px;
     z-index: 99;
}
 section.son-gelisme-detay.inner ul li {
     float: left;
     width: 100%;
     font-size: 14px;
     font-weight: 400;
     line-height: 23px;
     text-align: left;
     color: #228b22;
     list-style-type: initial !important;
}
 section.indirim-alani p {
     font-size: 14px;
     font-weight: 400;
     line-height: 23px;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
}
 .col-left.wdYuzde {
     width: 80%;
}
 .col-right.wdYuzde {
     width: 20%;
}
 .f-bulten.active .menu-title h3 {
     color: #0d00a3 !important;
}
 .he159 {
     height: 153px !important;
}
 .siparis-ozet {
     float: left;
     width: 100%;
}
 .siparis-ozet-btn {
     width: 242px;
     background: #f9f7fa;
     overflow: hidden;
     border-bottom-right-radius: 17px;
     border-bottom-left-radius: 17px;
     border: 1px solid #eef7fa;
}
 .siparis-ozet-btn ul li {
     float: left;
     width: 100%;
     text-align: left;
     color: #000;
     font-size: 12px;
     padding: 6px;
     padding-left: 20px;
     border-bottom: 1px solid #ececec;
}
 .siparis-ozet-btn ul li span+span i {
     padding-left: 5px;
}
 .siparis-ozet-btn ul {
    /* display: inline-block;
     */
}
 .siparis-ozet-btn ul li:last-child {
     border: none;
}
 .siparis-ozet-btn ul li span {
     float: left;
     width: 50%;
}
 .siparis-ozet-btn ul li span+span {
     width: 50%;
     text-align: right;
     font-weight: bold;
     position: relative;
}
 .siparis-ozet-btn ul li span+span:before {
     content: ":";
     left: 0;
     position: absolute;
}
 .sepet-page {
     border-bottom-right-radius: 0;
}
 .siparis-ozet .col-right {
     width: 242px;
     overflow: hidden;
}
 .coupon a {
     font-weight: bolder;
     text-align: center;
     display: block;
     padding-bottom: 10px;
}
 .content {
     padding: 10px 0 0;
}
 .add-coupon input {
     float: left;
     width: 54% !important;
     height: 40px !important;
     margin-right: 1%;
}
 .add-coupon input[type=submit] {
     width: 43% !important;
     margin-left: 1% !important;
     text-align: center;
     padding-left: 0;
     border: none;
     color: #fff;
     background: #0d00a3;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .add-coupon .form-div {
     margin-bottom: 0 !important;
}
 .coupon {
     padding-top: 8px;
}
 .add-coupon input[type=submit]:hover {
     background: #228b22;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in;
}
 .col-right.guncel a.pull-right {
     width: 242px !important;
     margin-top: 5px;
}
 .user .col-right.guncel a.pull-right {
     margin-top: 20px;
}
 .add-coupon {
     display: none;
}
 .col-md-5.col-sm-5.col-xs-12.pad0 {
     padding: 0 20px 20px;
}
 .bank-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-height: 210px;
     padding: 20px 0;
     border-bottom: 1px solid #0d00a3;
}
 .bank-item {
}
 .bank-img {
     float: left;
     border: 1px solid #0d00a3;
     padding: 55px 15px;
     margin-right: 15px;
}
 .bank-img img {
     display: block;
     max-width: 160px;
     max-height: 50px;
}
 .bank-content p {
     line-height: 21px !important;
}
 .bank-content h5 {
     margin: 0;
     font-weight: bold;
     color: #0d00a3;
     display: block;
     margin-bottom: 10px;
     text-transform: uppercase;
     font-size: 13px;
}
 .bank-content p {
     margin: 0;
     color: #000;
     line-height: 27px !important;
     font-size: 12px;
}
 .bank-content .title {
     font-weight: bold;
     border: none;
     padding: 0;
     font-size: initial;
     margin: 0;
     color: #228b22;
     font-size: 12px;
}
 section.banks {
     padding: 40px 0;
}
 .bank-content .title:after {
     display: none;
}
 .wd50.longtxt span {
     line-height: normal;
}
 .wd50.longtxt .select_biltek ul {
    overflow: hidden;
    position: relative;
}
 .fl-left .wd50+.wd50 {
     padding-left: 20px;
}
 .activeInput {
     width: 510px !important;
}
 .select_biltek ul:after {
     content: '';
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 5px solid #0d00a3;
     position: absolute;
     right: 8px;
     top: 13px;
     z-index: 99;
}
 div#video tr td a {
     line-height: 25px;
     text-align: left;
     padding: 10px 20px;
}
 section.son-gelisme-detay.inner ol li, section.son-gelisme-detay.inner ul li {
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 23px;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     list-style: initial !important;
}
 section.son-gelisme-detay.inner ol, section.son-gelisme-detay.inner ul {
     margin-left: 10px !important;
     float: left;
     width: 100%;
}
 section.son-gelisme-detay.inner ol li {
     list-style-type: decimal !important;
}
 .blog-item .content ul, .blog-item .content ol {
     display: table;
     padding-left: 15px;
}
 .blog-item .content ul li, .blog-item .content ol li {
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.9;
     letter-spacing: normal;
     text-align: left;
     color: #228b22;
     list-style-type: inherit !important;
}
 section.urunGenelTab .tab-pane.fade.active.in p a {
     display: inline-block;
}
 .row.album-arsiv .col-md-3.col-sm-6.col-xs-12 {
     min-height: 210px;
}
 .marginEksi {
     margin-top: -38px !important;
}
 a.cargo_track {
     padding: 12px 30px;
     width: 100%;
     text-align: center;
     background: #0d00a3;
     color: #fff;
     position: relative;
     overflow: hidden;
     display: block;
}
 a.cargo_track i {
     margin-right: 0.8rem;
     position: absolute;
     left: 12px;
     top: 6px;
     font-size: 30px;
     -webkit-transform: rotate(25deg);
     -ms-transform: rotate(25deg);
     transform: rotate(25deg);
     color: rgba(255, 255, 255, 0.78);
     -webkit-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
     font-size: 23px;
}
 a.cargo_track:hover {
     border: none !important;
     background: #228b22 !important;
}
 a.cargo_track:hover i {
     color: rgba(255, 255, 255, 1);
     left: 12px;
     -webkit-transform: rotate(-15deg);
     -ms-transform: rotate(-15deg);
     transform: rotate(-15deg);
     top: 9px;
}
 a.twoTd span {
     width: 100%;
     display: block;
     font-size: 14px;
     display: inline;
     padding-left: 3px;
}
 a.twoTd {
     width: 100%;
     padding-top: 3px;
     border-top: 1px solid #eef7fa;
}
 i.fa.fa-flag {
     margin-right: 0 !important;
     top: 3px;
     position: relative;
}
 th.right {
     text-align: right;
}
 .tablo-dokuman.sepetim table tr:first-child th:last-child {
     padding: 0;
}
 button.slick-prev.slick-arrow {
     display: none !important;
}
 button.slick-next.slick-arrow {
     display: none !important;
}
 .indFiyat span, .gercekTutar span {
     font-size: 12px;
}
 .teklif-detay tr td:nth-child(4) img {
     text-align: center;
     left: 0 !important;
     width: 140px !important;
}
 .header .col-right .header-abs a span img {
     width: 35px;
}
 a.text-danger {
     color: #3eb2e3;
}
 a.text-danger i:before {
     font-size: 14px;
     margin: 0 2px;
     margin-left: 0;
     color: #1ca4de;
     position: relative;
     top: 1px;
}
 a.text-danger i {
     width: inherit !important;
     height: inherit !important;
     border-radius: 0 !important;
     display: inherit !important;
     -webkit-box-align: inherit !important;
     -ms-flex-align: inherit !important;
     align-items: inherit !important;
     background: none !important;
}
 .urunDetay .w100 p {
     font-size: 11px;
     font-weight: 600;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #000;
     position: relative;
}
 .urunDetay .w100 p a {
     margin-top: 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .urunDetay .w100 p a img {
     width: 85px;
     padding-right: 20px;
}
 .urunDetay .w100 p a:hover {
     color: #1ca4de;
}
 .netes_ekstra + .netes_ekstra {
    padding-top: 0px;
    border-top: 1px solid #eef7fa;
}
 .multi_button {
     position: relative;
     float: left;
}
 .ekstra_div {
     border: 2px solid #eef7fa;
     border-radius: 10px;
     padding: 24px 20px;
     float: left;
     width: 100%;
     position: relative;
     height: 129px;
     display: inline-block;
     align-items: center;
}
 .ekstra_div + .ekstra_div {
     margin-top: 30px;
}
 span.percentage {
     position: absolute;
     top: 8px;
     right: -42px;
     padding: 4px 9px;
     background: #1ca4de;
     color: #fff;
     border-radius: 40px;
     font-size: 10px;
}
 p.eksta_desc {
     margin-bottom: 0;
     padding-bottom: 15px;
     padding-left: 6px;
     float: left;
     width: 100%;
     margin-top: 11px;
     line-height: 24px !important;
     min-height: 87px;
}
 .w50.wextra .ekstra_desc {
     min-height: 87px !important;
}
 .w50.wextra p.eksta_desc {
     min-height: initial;
}
 .eksta_desc span {
     background: #eef7fa;
     color: #0d00a3;
     padding: 4px 14px;
     border-radius: 12px;
     -webkit-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
     transition: 0.2s ease-in-out;
}
 .eksta_desc:hover span {
}
 a.multi_logout_button {
     background: #ab4745;
     border: none !important;
     color: #fff!important;
     position: absolute !important;
     border-radius: 28px !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 19px !important;
     top: 4px;
     right: 5px;
     height: 37px;
}
 a.multi_logout_button:hover, a.multi_logout_button:focus {
     background: #833735 !important;
}
 .multi_button a:first-child {
     padding-right: 70px !important;
}
 a.multi_logout_button span {
     position: relative;
     top: -2px;
}
 .netes_ekstra + .netes_ekstra .percentage {
     top: 14px;
}
 ul.wdt50 li {
     width: 50% !important;
}
 .ref-nav .swiper-button-prev {
     color: inherit;
}
 .cont {
     padding-top: 0;
}
 .iletisim-nav li a {
     line-height: 75px;
     text-align: center;
     background: #f6fcff;
     font-size: 18px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #a0c9da;
     border-right: 1px solid #a0c9da;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0 40px;
     border-radius: 0;
}
 .iletisim-nav {
     background: #f6fcff;
}
 .iletisim-nav li.active a {
     background: #fff!important;
     color: #228b22;
}
 .iletisim-nav li:first-child a{
     border-left: 1px solid #a0c9da;
}
 .sube {
     font-size: 20px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     color: #000;
     margin-bottom: 20px;
}
 .who.desk {
     margin-top: 20px;
}
 .contact4 .col-md-12.col-sm-12.col-xs-12 {
     padding-left: 0;
     padding-right: 0;
}
 .gercekTutar small, .indFiyat small {
     font-size: 8px;
}
 .w50 {
     width: 48%;
     float: left;
     margin-right: 2%;
}
 .w50 + .w50 {
     margin-right: 0;
     margin-left: 2%;
}
 .kampanya-little h3 {
     margin: 0;
     font-size: 11px;
     font-weight: 600;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #000;
     position: relative;
     margin-bottom: 17px;
}
 .urunDetay .w100 p br {
     display: none;
}
 div#kampanya-little-slider {
     margin: 0;
}
 .kampanya-little .benzer-slide-item {
     padding: 0;
}
 .kampanya-little {
     padding: 0 20px;
}
 .kampanya-little a.slick-slide {
     padding: 10px;
     border-radius: 10px;
     border: 2px solid #eef7fa;
     margin: 10px;
}
 .kampanya-little ul.slick-dots {
     padding: 10px 0;
}
 .kampanya-little a.slick-slide span.urunTanim {
     float: left;
     padding: 0;
     font-size: 11px;
     max-height: 17px;
     text-align: center;
     width: 100%;
     margin: 3px 0;
}
 .kampanya-little a.slick-slide span.urunKisa {
     margin: 0 !important;
     padding: 0 !important;
     max-height: 17px;
     float: left;
     width: 100%;
     min-height: auto;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .kampanya-little .slick-slide img {
     width: 85px;
     display: table;
     margin: auto;
}
 .urunDetay .w100 p.ekstra_desc {
     border: none;
}
 .kampanya-little a.slick-slide span {
     transition: all 0.3s ease;
}
 .kampanya-little a.slick-slide span:hover {
    color: #0d00a3;
}
 li.inp {
     line-height: 12px;
     position: relative;
     overflow: hidden;
}
 .w50.wextra {
     width: 100%;
     margin-right: 0;
}
 .w50.wextra .ekstra_div {
     display: inline-block;
     height: auto;
     margin-bottom: 10px;
}
 .ekstra_div.scrolla_display {
     max-height: 163px;
     overflow-y: scroll;
     margin-bottom: 12px;
     padding-right: 21px;
}
 .ekstra_div.scrolla_display .percentage {
     right: -12px;
}
 .ekstra_div.scrolla_display::-webkit-scrollbar-thumb {
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}
 .scrolla_display p a {
     padding-right: 30px;
}
 .ekstra_div.scrolla_display::-webkit-scrollbar-track {
     border-bottom-right-radius: 10px;
     position: relative;
     border-top-right-radius: 10px;
}
 .ozet {
     color: #f8f4f4 !important;
     line-height: 27px;
     font-weight: 600;
}
 .urunTanitimImg img {
     width: 140px;
}
 .slider_w100 {
     width: 100% !important;
}
 p.eksta_desc.mHeight {
     min-height: inherit;
}
 footer .footer-top {
     padding: 60px 0px 50px 0px;
     border-top: 2px solid #f2f2f2;
     border-bottom: 2px solid #f2f2f2;
}
 footer .footer-top .footer-contact {
     width: 50%;
     display: inline-block;
}
 footer .footer-top .footer-contact:first-child {
     float: left;
}
 footer .footer-top .footer-contact:first-child span.titlee {
     width: 10%;
     position: relative;
     top: -10px;
}
 footer .footer-top .footer-contact:last-child {
     padding-left: 50px;
}
 footer .footer-top .footer-contact:last-child span.titlee {
     width: 13%;
}
 footer .footer-top .footer-contact span.titlee {
     font-size: 14px;
     font-weight: 800;
     color: black;
     display: inline-block;
}
 footer .footer-top .footer-contact span.info {
     width: 75%;
     display: inline-block;
     font-size: 14px;
     color: black;
}
 footer .footer-top .footer-contact span.info a {
     font-size: 13px;
}
 footer .footer-top .footer-contact .col {
     display: block;
}
 footer .footer-top .form-ebulten span.dontfollow a {
     font-size: 13px;
     color: black;
     font-weight: 300;
     display: block;
     text-align: right;
     transition: all 0.4s ease;
     margin: 10px 10px 0px 0px;
}
 footer .footer-top .form-ebulten span.dontfollow a:hover {
     opacity: 0.8;
}
 footer .footer-top .form-ebulten form {
     position: relative;
}
 footer .footer-top .form-ebulten form input[type="text"] {
     height: inherit;
     width: 100%;
     font-size: 13px;
     font-weight: 300;
     padding: 15px 15px;
     border-radius: 50px;
     transition: all 0.4s ease;
     border: 1px solid #dfdfdf;
}
 footer .footer-top .form-ebulten form input[type="text"]:focus {
     border-color: #0d00a3;
}
 footer .footer-top .form-ebulten form input[type="submit"] {
     position: absolute;
     right: 0;
     top: 0;
     border-radius: 50px;
     border: none;
     background-color: #0d00a3;
     color: white;
     font-size: 13px;
     font-weight: 800;
     height: 100%;
     padding: 0px 20px 0px 60px;
     background-image: url("../img/ebultensend.png");
     background-position: 15% 50%;
     background-repeat: no-repeat;
     transition: all 0.4s ease;
}
 footer .footer-top .form-ebulten form input[type="submit"]:hover {
     background-color: #f40010;
}
 footer .footer-bot {
     padding: 15px 0px;
}
 footer .footer-bot .copyright {
     margin-top: 5px;
}
 footer .footer-bot .copyright span {
     font-size: 13px;
     font-weight: 300;
     color: black;
}
 footer .footer-bot .copyright span.company-logo {
     font-weight: 700;
}
 footer .footer-bot .company-logo {
     transition: all 0.4s ease;
}
 footer .footer-bot .company-logo a {
     font-size: 11px;
     font-weight: 700;
     color: #666666;
}
 footer .footer-bot .company-logo:hover {
     opacity: 0.7;
}
 section.menu-and-social-media {
     padding: 40px 0px;
     border-top: 2px solid #f2f2f2;
}
 section.menu-and-social-media .bot-menu {
     margin-top: 10px;
}
 section.menu-and-social-media .bot-menu ul li {
     position: relative;
     margin-right: 25px;
     display: inline-block;
}
 section.menu-and-social-media .bot-menu ul li:hover a {
     color: black;
}
 section.menu-and-social-media .bot-menu ul li:hover:before {
     opacity: 1;
     visibility: visible;
}
 section.menu-and-social-media .bot-menu ul li a {
     font-size: 13px;
     font-weight: 700;
     color: #444;
}
 section.menu-and-social-media .bot-menu ul li:before {
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease;
     content: "";
     position: absolute;
     display: block;
     background-image: url("../img/languageafter.png");
     background-repeat: no-repeat;
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
     top: 30px;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 12px;
     height: 8px;
}
 section.menu-and-social-media .bot-social-media h5 {
     display: inline-block;
     font-weight: 200;
     font-size: 15px;
}
 section.menu-and-social-media .bot-social-media ul {
     margin-left: 60px;
     display: inline-block;
}
 section.menu-and-social-media .bot-social-media ul li {
     margin-left: 15px;
     display: inline-block;
}
 section.menu-and-social-media .bot-social-media ul li:first-child {
     margin-left: 0px;
}
 section.menu-and-social-media .bot-social-media ul li a {
     font-size: 25px;
}
 section.menu-and-social-media .bot-social-media ul li a i {
     transition: all 0.4s ease;
}
 section.menu-and-social-media .bot-social-media ul li a i.fa-facebook:hover {
     color: #3b5998;
}
 section.menu-and-social-media .bot-social-media ul li a i.fa-twitter:hover {
     color: #1da1f2;
}
 section.menu-and-social-media .bot-social-media ul li a i.fa-youtube-play:hover {
     color: #d32322;
}
 .muspanelsidebar {
     float: left;
     width: 30% 
}
 .uyepanellinks .btn {
     color: #444;
     text-align: left;
     border: 1px solid #444;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     font-size: 15px;
     cursor: pointer;
     width: 85%;
     margin-bottom: 7px;
     float: left;
     padding: 15px 20px 
}
 .uyepanellinks .btn:hover {
     color: #fff;
     background: #444 
}
 .uyepanellinks .btn i {
     margin-right: 10px 
}
 .uyepanellinks h5 {
     margin-bottom: 25px;
     font-size: 15px 
}
 .uyepaneltitle {
     margin-bottom: 20px;
     font-weight: 700 
}
 #uyeaktifbtn {
     color: #fff;
     background: #444 
}
 #desteklink {
     color: #4ea600;
     border: 1px solid #4ea600;
}
 #desteklink:hover {
     background: #397a00;
     color: white;
}
 .muspanelcontent {
     float: right;
     width: 70%;
     padding: 20px;
     min-height: 420px;
     box-shadow: 0 0 10px #ccc, inset 0 0 20px 10px #F2F2F2;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     margin-top: 15px;
     word-wrap: break-word 
}
 .muspanelcontent p {
     line-height: 23px 
}
 .muspanelcontent table tr td {
     font-size: 14px;
     line-height: 22px 
}
 .muspanelheadinfo {
     font-size: 15px;
     float: right;
     margin-top: -50px;
     margin-right: -22px 
}
 .muspaneltitle {
     float: left;
     width: 100%;
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     border-bottom-color: #ccc;
     font-size: 20px;
     font-weight: 700;
     padding-bottom: 15px;
     margin-bottom: 15px;
     color: #444444; 
}
 .muspanelcontent input {
    width: 100%;
    padding: 8px;
	border: 1px solid #ccc;
}
 .muspanelcontent select {
    width: 100%;
    padding: 8px;
	border: 1px solid #ccc;
}
 .muspanelcontent textarea {
    width: 100%;
    padding: 8px;
	border: 1px solid #ccc;	 
}
 .mobiltable {
     display: none 
}
 .muspanelcontent table tr td {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    padding: 5px;
}
 .muspanelcontent .btn-save {
    transition: all 0.5s ease;
    float: right;
    height: 35px;
    border-radius: 0;
    margin: 0 !important;
    width: 150px !important;
    border: none;
}
 @media only screen and (min-width: 320px) and (max-width: 1024px) {
     .accountlinks {
         float: right;
         text-align: right 
    }
     .accountlinks a {
         float: right;
         display: inline-block 
    }
     .girkaydolwebofisi .panelozellikler {
         width: 100%;
         padding: 30px 0 
    }
     .girkaydolwebofisi .panelozellikler h4 {
         font-size: 16px 
    }
     .girkaydolwebofisi .panelgirkaydol {
         width: 100%;
         margin-top: 25px 
    }
     .uyepanel {
         margin-top: 25px 
    }
     .muspanelsidebar {
         float: left;
         width: 100% 
    }
     .uyepanellinks .btn {
         width: 100%;
         float: left;
         padding: 15px 0 
    }
     .uyepanellinks .btn i {
         margin-left: 20px 
    }
     .muspanelcontent {
         width: 100%;
         padding: 0;
         margin-top: 70px 
    }
     .muspaneltitle {
         margin-top: 20px;
         margin-left: 15px;
         width: 95% 
    }
     .muspanelheadinfo {
         float: left;
         margin-top: -50px;
         margin-right: 0 
    }
     .mobilgizlitable {
         display: none 
    }
     .mobiltable {
         display: block 
    }
     .mobiltable td {
         float: left;
         width: 97%;
         padding-top: 15px;
         padding-bottom: 15px 
    }
     .mobiltable td .gonderbtn {
         float: right 
    }
     .mobiltable span {
         width: 65px 
    }
}
 .breadcrumb_golge{
     background:#228b22;
     width:100%;
     height: 80px;
     opacity: 0.8;
     margin-top: -80px;
     z-index: 1;
}
 .breadcrumb_golge_kapla{
     background:#228b22;
     width:100%;
     height: 175px;
     opacity: 0.7;
     margin-top: -175px;
     z-index: 1;
}
.btn-save:hover {
	color: white;
	background-color: #f40010 !important;
}
 .btn-save {
	background-color: #0d00a3;
}
.banka {
     float: left;
     width: 555px;
	 border-radius: 10px;
     margin-right: 15px;
     margin-bottom: 15px;
     padding: 10px;
     border: solid 1px #dfebef;
}
 .banka:hover {
     border-radius: 10px;
     background-color: #fff;
     -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
     box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
}
 .banka.son {
     margin-right:0px;
}
 .banka .resim {
     float:left;
     width:180px;
     margin-right:10px;
     text-align:center;
}
 .banka .resim img {
     text-align:center;
     padding-top:0px;
}
 .banka .metin {
     float:left;
     width:380px;
     line-height: 24px;
}
 .banka .metin b {
     font-weight: 700;
     font-size: 14px;
}
 .banka .metin strong {
     font-weight: 700;
     font-size: 16px;
     line-height: 16px;
     display:block;
     margin-bottom:0px;
}
 .bankalogolar {
     margin-bottom:10px;
}
/* sss */
 .sss ul{
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
 .sss ul li {
     margin-bottom: 3px;
}
 .sss ul li a.soru {
     font-size: 16px;
     line-height: 35px;
     font-weight: 400;
     color: #8c8a86;
     background-color: #FAF9F9;
     background-image: url(../img/dugme_ok.png);
     background-repeat: no-repeat;
     background-position: 99% center;
     display: block;
     height: 35px;
     padding-left: 15px;
	 cursor: pointer;
}
 .sss ul li a.soru.acik {
     background-image: url(../img/dugme_ok_acik.png);
     background-color: #0d00a3;
	 color:#fff;
}
 .sss ul li .cevap {
     font-size: 15px !important;
     font-weight: 200;
     color: #8e9093;
     padding-top: 10px;
     padding-bottom: 10px;
     display: none;
     line-height: 25px;
}
 .sss ul li .cevap * {
     font-size: 15px !important;
     font-weight: 200 !important;
     color: #8e9093 !important;
     background-color:transparent !important;
}
 .sss ul li.acik .cevap {
     display:block;
}

.content-wrapper .wp-area {
    padding-top: 27px;
    padding-bottom: 27px;
}
.clear {
    clear: both;
}
.brands-areea {
    background-color: #0d00a3;
    border-radius: 2px;
    z-index: 1;
    padding: 25px 25px;
    overflow: hidden;
}
.brands-areea .bayi-search {
    float: left;
    display: block;
}
.brands-areea .bayi-search p {
    color: #fff;
    font-weight: 400;
    font-size: 25px;
    margin: 0;
    line-height: 40px;
}
.brands-areea .select-box {
    float: right;
    display: block;
}
.brands-areea .select-box select {
    display: block;
    height: 40px;
    border: 0;
    border-radius: 3px;
    color: #0c4da2;
    font-weight: 700;
    padding-left: 10px;
    width: 100%;
}
.bayi-list {
    display: block;
    clear: both;
    padding-top: 15px;
}
.bayi-list>div {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #faf9f9;
    margin-bottom: 13px;
}
.bayi-list>div .branch {
    display: table-cell;
    vertical-align: middle;
    border-right: #e3e1df solid 1px;
    font-size: 15px;
    color: #8c8a86;
    padding: 10px 10px 10px 20px;
    line-height: 20px;
}
.block {
    display: block;
}
.bayi-list>div .address {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 10px 10px 20px;
    color: #8c8a86;
}
.bayi-list>div .address .line1 {
    width: 100%;
    margin: 0 0 5px 0;
    line-height: 15px;
}
.bayi-list>div .address .line2 {
    width: 100%;
    margin: 0 0 5px 0;
    line-height: 15px;
}
.bayi-list>div .address .line3 {
    font-size: 15px;
    color: #7a7875;
}
.bayi-list>div .mapwp.active {
    background-color: #b7b7b7;
}
.bayi-list>div .mapwp {
    display: table-cell;
    vertical-align: middle;
    width: 115px;
    background-color: #e3e1e1;
    position: relative;
    height: 85px;
}
.bayi-list>div .mapwp a {
    width: 115px;
    height: 100%;
    background: url(../img/mapsico.png) center center no-repeat;
    color: #b7b7b7;
    position: absolute;
    top: 0;
    bottom: 0;
}

/*------------------------------------------------------------------
[16. Shop Cart ]
------------------------------------------------------------------*/

.checkout-wrap {
    text-align: center;
    padding: 0 0 85px 0;
}

ul.checkout-bar {
    height: 15px;
}

ul.checkout-bar li {
    color: #228b22;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 19%;
    cursor: pointer;
}

ul.checkout-bar li:before {
    background: #f40010;
    border: 2px solid #f40010;
	color:#fff;
    border-radius: 50%;
    line-height: 45px;
    height: 45px;
    position: absolute;
    text-align: center;
    top: -65px;
    width: 45px;
    z-index: 9;
    font-family: 'Quicksand', sans-serif;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}


ul.checkout-bar li.done-proceed:before,
ul.checkout-bar li.active:before {
    background: #0d00a3;
    z-index: 9;
    color: #ffffff;
    border-color: #0d00a3;
}

.checkout-bar li:after {
    -webkit-animation: myanimation 3s 0;
    background-color: #f40010;
    content: "";
    height: 5px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -45px;
    z-index: 0;
}

.checkout-bar li.done-proceed:after {
    -webkit-animation: myanimation 3s 0;
    background-color: #0d00a3;
    content: "";
    height: 5px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -45px;
    z-index: 0;
}

.checkout-bar li:last-child:after {
    display: none;
}

ul.checkout-bar li:nth-child(1):before {
    content: "1";
}

ul.checkout-bar li:nth-child(2):before {
    content: "2";
}

ul.checkout-bar li:nth-child(3):before {
    content: "3";
}

ul.checkout-bar li:nth-child(4):before {
    content: "4";
}

ul.checkout-bar li:nth-child(5):before {
    content: "5";
}

ul.checkout-bar li:nth-child(6):before {
    content: "6";
}

.price-textbox {
    display: inline-block;
    width: auto;
    position: relative;
    max-width: 170px;
    text-align: center;
    color: #1b1b29;
	margin: 5px;
}

.price-textbox input {
    text-align: center;
    color: #1b1b29;
    margin: 0px;
}

.price-textbox input::-webkit-input-placeholder {
    text-align: center;
}

.price-textbox input:-moz-placeholder {
    text-align: center;
}

.price-textbox input::-moz-placeholder {
    text-align: center;
}

.price-textbox input:-ms-input-placeholder {
    text-align: center;
}

.minus-text {
    position: absolute;
    top: 12px;
    left: 15px;
    cursor: pointer;
	z-index:1;
}
.plus-text {
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
	z-index:1;
}

.sepetguncelle {
    position: absolute;
    top: 1px;
    right: 1px;
    cursor: pointer;
    background: #e5e5ee;
    border: 0;
    padding: 10px 15px;
}

.form-input {
    height: 40px;
    width: 100%;
    border: 2px solid #e5e5ee;
    padding: 0 30px;
    margin-bottom: 29px;
    outline: none;
	border-radius: 0;
}

div.sepet_bos{
    text-align:center;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
 div.sepet_bos span.uyari{
    display:block;
    font-weight:bold;
    font-size:20px;
    margin-bottom:5px;
    text-align:center;
}
 div.sepet_bos span.bilgi{
    display:block;
}
 div.sepet_bos span.bilgi a{
    text-decoration:none;
    color:#8a6d3b;
    font-weight:bold;
}
 div.sepet_bos span.bilgi a:hover{
    text-decoration:underline;
}
.checkout-button button
{
	width: 179px;
    height: 45px;
    border-radius: 0px;
    background-color: #008e9b;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0;
    margin-top: 20px;
    border: 1px solid #008e9b;
}

/*------------------------------------------------------------------
[17. Shop Checkout ]
------------------------------------------------------------------*/

.shop-checkout-left {
    float: left;
    width: 100%;
    background: #EEF7FA;
    padding: 30px 10px 20px;
}

.shop-checkout-left h6 {
    font-size: 18px;
}

.shop-checkout-left h6 a {
    font-weight: 700;
    color: #20202f;
}

.form-checkout {
    margin-top: 45px;
}

.form-checkout label {
    color: #959393;
}

.form-checkout label {
    margin-bottom: 29px;
}

.form-checkout h5 {
    color: #20202f;
    font-size: 17px;
    margin-bottom: 29px;
}

.shop-checkout-right {
    float: left;
    width: 100%;
    background: #EEF7FA;
    padding: 35px 30px 40px;
}

.shop-checkout-right h5 {
    color: #20202f;
    font-size: 22px;
    text-align: center;
    margin: 0 0 31px 0;
}

.shop-checkout-right h6 {
    color: #1b1b29;
    font-weight: 700;
    margin: 0px;
	font-size:18px;
}

.shop-checkout-right h6 span {
    float: right;
}

.shop-checkout-row,
.shop-checkout-title {
    display: inline-block;
    width: 100%;
}

.shop-checkout-row {
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.shop-checkout-title {
    padding-bottom: 30px;
}

.shop-checkout-row p {
    margin: 0px 0 5px 0;
}

.shop-checkout-row p span {
    min-width: 160px;
    display: inline-block;
}

.shop-checkout-right small {
    float: right;
    font-size: 15px;
    color: #959393;
}

.shop-checkout-right a {
    color: #1b1b29;
}

.checkout-total {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.shop-checkout-box .checkout-total:last-child {
    border-bottom: none;
}

.shop-checkout-right .price-big {
    font-size: 22px;
    color: #0d00a3;
    font-weight: 700;
}

.shop-checkout-box {
    display: inline-block;
    width: 100%;
    margin: 0 0 35px 0;
}

.shop-checkout-box:last-child {
    margin-bottom: 0px;
}

.payment-mode {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.payment-mode label {
    margin-right: 30px;
    vertical-align: middle;
}

.payment-mode img {
    margin-top: -10px;
    margin-right: 15px;
}

.checkout-terms {
    display: inline-block;
    width: 100%;
    margin: 22px 0 30px 0;
}

.checkout-button {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.checkout-button .button-default {
    font-weight: 700;
}

.select-dropbox {
    margin-bottom: 20px;
}

.form-odeme {
    height: 40px;
    width: 100%;
    border: 1px solid #a0c9da;
    padding: 0 10px;
    margin-bottom: 20px;
    outline: none;
}

.shop-checkout-left textarea {
    height: 65px;
    padding: 10px 10px;
    width: 100%;
    border: 1px solid #a0c9da;
    margin-bottom: 20px;
    resize: none;
    outline: none;
}

.havale-wrap {
    background: #fff;
    transition: all .5s;
    margin-bottom: 5px;
    border: 1px solid #f4f2ed;
    border-radius: 0px;
}
.havale-info {
    padding: 15px;
}
.havale-info p {
    color: #888888;
    line-height: 24px !important;
    font-size: 15px;
}
.btn-skin {
    background: #1b1b29;
    border-color: #1b1b29;
    color: #ffffff;
}

.btn-dark-coffee {
    background: #1b1b29;
    color: #ffffff;
    border-color: #1b1b29;
}

.order-complete-box {
    display: inline-block;
    width: 100%;
    padding: 50px 25px 50px;
    text-align: center;
    background: #EEF7FA;
}

.order-complete-box .btn-primary-gold {
    text-transform: inherit;
}

.order-complete-box p {
    margin: 50px 0;
    font-size: 24px;
    line-height: normal;
}

.gonderbtn {
    color: #444;
    border: 1px solid #444;
    padding: 10px 25px;
    display: inline-block;
}

.label-primary {
    background-color: #337ab7;
	border-radius: 0;
    padding: 5px 5px;
    min-width: 110px;
    display: inline-block;
}

.label-warning {
    background-color: #f0ad4e;
    border-radius: 0;
	padding: 5px 5px;
    min-width: 110px;
    display: inline-block;
}

.label-default {
    background-color: #777;
	border-radius: 0;
	padding: 5px 5px;
    min-width: 110px;
    display: inline-block;
}

.label-success {
    background-color: #81c868;
	border-radius: 0;
	padding: 5px 5px;
    min-width: 110px;
    display: inline-block;
}

.label-danger {
    background-color: #f05050;
	border-radius: 0;
	padding: 5px 5px;
    min-width: 110px;
    display: inline-block;
}

.label-inverse {
    background-color: #4c5667;
	border-radius: 0;
	padding: 5px 5px;
    min-width: 110px;
    display: inline-block;
}

.label-purple {
    background-color: #7266ba;
	border-radius: 0;
	padding: 5px 5px;
    min-width: 110px;
    display: inline-block;
}

.contact-us .form-group input 
{
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    padding-left: 10px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 400;
    border-radius: 0px;
}

.contact-us .form-group select {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    padding-left: 10px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 400;
    border-radius: 0px;
}

.contact-us .form-group .btn:hover {
    background: #353535;
    color: #fff;
}
.contact-us .form-group .btn
{
    display: inline-block;
    background: #ED1C24;
    color: #fff;
    padding: 14px 35px;
    text-transform: uppercase;
    font-size: 14px;
    border: 0px solid;
    font-weight: 500;
    position: relative;
    border-radius: 3px;
}
.lang{
    display: inline-block;
    align-items: center;
	float:right;
	margin-top: 5px;
	margin-left: 5px;
}
.lang>ul{
}
.lang>ul:hover{
    background: #0d00a3;
}
.lang>ul>li{
    position: relative !important;
}
.lang>ul>li>a{
    color:#228b22 !important;
    padding: 10px !important;
    display: block !important;
	float: none !important;
	font-size:13px !important;
}
.lang>ul>li>a>i{
    color:#0d00a3 !important;
}
.lang>ul:hover i{
    color: #fff !important
}
.lang>ul:hover a{
    color: #fff !important
}
.lang>ul>li:hover>ul{
    opacity: 1;
    visibility: visible !important;
}
.lang>ul>li>ul{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top:100%;
    left: 0;
	z-index:9999;
    background: #0d00a3;
    width: 100%;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}
.lang>ul>li>ul>li{
}
.lang>ul>li>ul>li>a{
    color:#fff;
    display: block;
    padding: 10px;
    border-top: 1px solid #fff;
	float:none !important;
	font-size:13px !important;
}

@media (min-width: 1200px)
{
	.bayi-list>div .branch {
		width: 33%;
	}
}
 

@media (max-width: 767px)
{
    section.menu-and-social-media {
        padding: 10px 0px;
    }
    section.menu-and-social-media .bot-menu, .bot-social-media {
        text-align: center;
    }
    section.menu-and-social-media ul {
        margin-left: 30px;
        margin-right: 23px;
    }
    section.menu-and-social-media .bot-menu ul li a {
        font-size: 12px;
    }
    section.menu-and-social-media .bot-social-media {
        padding-top: 20px;
    }
    section.menu-and-social-media .bot-social-media h5 {
        font-size: 13px;
    }
    section.menu-and-social-media .bot-social-media ul li a {
        font-size: 20px;
    }
    footer .footer-top {
        padding: 25px 0px;
    }
    footer .footer-top .footer-contact {
        display: none;
    }
    footer .footer-top .footer-contact:first-child span.titlee {
        top: -20px;
    }
    footer .footer-top .form-ebulten form input[type=text] {
        font-size: 11px;
    }
    footer .footer-top .form-ebulten form input[type=submit] {
        font-size: 12px;
    }
    .footer-bot-main {
        height: 135px;
    }
	.breadcrumb_golge {
		background: #228b22;
		height: 50px;
		margin-top: -50px;
		z-index: 1;
	}
	body.mobile-menu-active .kullanici-menu
	{
		background: #f40010;
	}
	.banka {
		float: none;
		width: 100%;
		margin-right: 0px;
		display: block;
		overflow: hidden;
	}
	.brands-areea {
		height: auto;
	}
	.brands-areea .bayi-search {
		float: none;
		clear: both;
	}
	.brands-areea .select-box {
		float: none;
		display: block;
		clear: both;
	}
	.bayi-list>div {
		display: block;
		width: 100%;
	}
	.bayi-list>div .branch {
		display: block;
		width: 100%;
		padding: 10px 10px 10px 10px;
	}
	.bayi-list>div .address {
		display: block;
		width: 100%;
		padding: 10px 10px 10px 10px;
	}
	.bayi-list>div .mapwp {
		display: block;
		width: 100%;
		height: 33px;
	}
	.bayi-list>div .mapwp a {
		background-size: auto 80%;
		width: 100%;
	}
	.shop-checkout-right {
        margin-top: 50px;
    }

    ul.checkout-bar li {
        width: 30.5%;
        font-size: 10px;
    }

    .checkout-wrap-more ul.checkout-bar li {
        width: 19%;
        font-size: 8px;
    }

    .shop-checkout-left,
    .shop-checkout-right {
        padding-left: 15px;
        padding-right: 15px;
    }
	.lang {
		z-index: 10000;
		position: fixed;
		top: 0;
		right: 0;
		margin-right: 100px;
		margin-top:10px;
	}
	.lang>ul:hover{
		background: #0d00a3;
	}
	.lang>ul>li>a{
		color:#fff !important;
	}
	.lang>ul>li>a>i:before{
		color:#fff !important;
		font-size:12px !important;
	}
}