@charset 'utf-8';

 ::-webkit-scrollbar {

     width: 8px;

     height: 8px 

}

 ::-webkit-scrollbar-track {

     background: #eee;

}

 ::-webkit-scrollbar-thumb {

     background: #ff4d4d;

}

 ::-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: #ff4d4d !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: #ff4d4d;

     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 #ff4d4d!important;

     border-radius: 40px;

     font-size: 11px;

     font-weight: 600;

     line-height: 38px;

}

 .sayfalama .pagination>li>a:hover {

     border: 1px solid #ff4d4d!important;

     background: #ff4d4d!important;

     color: #fff 

}

 .sayfalama .pagination>.active>a {

     background-color: #ff4d4d!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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     border-bottom: 1px solid #ff4d4d;

     -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 #ff4d4d;

     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: #ff4d4d;

    */

    /*border: 1px solid #ff4d4d*/

}

 .multi_button a:first-child:hover {

    background: #ff4d4d;

    color: #fff !important;

    border: solid 1px #ff4d4d !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: #ff4d4d 

}

 .col-right .search form input[type="search"]::-moz-placeholder {

     font-family: Nunito;

     font-size: 11px;

     font-weight: 700;

     color: #ff4d4d 

}

 .col-right .search form input[type="search"]:-ms-input-placeholder {

     font-family: Nunito;

     font-size: 11px;

     font-weight: 700;

     color: #ff4d4d;

}

 .col-right .search form input[type="search"]:-moz-placeholder {

     font-family: Nunito;

     font-size: 11px;

     font-weight: 700;

     color: #ff4d4d 

}

 .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 #ff4d4d;

     position: relative;

     font-family: Nunito;

     font-size: 11px;

     font-weight: 800;

     font-style: normal;

     font-stretch: normal;

     line-height: normal;

     letter-spacing: normal;

     color: #ff4d4d;

     padding-left: 20px 

}

 .col-right .search form input[type="search"]:focus {

     width: 510px 

}

 .header-bottom {

     background: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     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 #ff4d4d;

     padding-left: 65px;

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input[type=password] {

     font-weight: 600;

     width: 100%;

     width: 100%;

     height: 45px;

     background-color: #ffffff!important;

     border: 1px solid #ff4d4d;

     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: #ff4d4d!important 

}

 .border-buton:hover {

     background: #ff4d4d!important;

     border: 1px solid #ff4d4d!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 #ff4d4d!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 #ff4d4d!important;

     -webkit-transition: all 0.4s;

     -o-transition: all 0.4s;

     transition: all 0.4s 

}

 .formlar.uyegirisform input::-webkit-input-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input::-moz-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:-ms-input-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:-moz-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:focus::-webkit-input-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input::-moz-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:-ms-input-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:-moz-placeholder {

     color: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d!important 

}

 span.neden:hover {

     background: #ff4d4d;

     color: #fff 

}

 span.neden:hover:Before {

     border-bottom-color: #ff4d4d;

     -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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d!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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d!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: #ff4d4d;

     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: #ff4d4d!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: #ff4d4d;

     -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: #ff4d4d;

     -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: #ff4d4d!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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d 

}

 li.youtube-play:hover a {

     background: #f00;

}

 li.google-plus:hover a {

     background: #d34836;

}

 .object.menu.object-item.active .menu-title h3 {

     color: #ff4d4d;

     -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 #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d 

}

 .ebulten-form input:focus::-webkit-input-placeholder {

     color: #ff4d4d !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: #ff4d4d !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: #ff4d4d !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: #ff4d4d !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 #ff4d4d;

     height: 39px;

     background: #ff4d4d;

     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;

    

}

 .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: #ff4d4d;

     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: #ff4d4d 

}

 .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 #ff4d4d!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: #ff4d4d;

     text-align: center;

     padding: 19px 35px;

}

 .urunTab li {

     margin: 0 30px;

     width: 245px;

}

 .urunTab li.active a {

     background-color: #ff4d4d;

     -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: #ff4d4d!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 #ff4d4d!important 

}

 .urunButun .tab-content {

     padding: 0 

}

 .urunTab li a:hover {

     background: #ff4d4d;

     color: #fff;

     border: 1px solid #ff4d4d!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 #ff4d4d;

    line-height: normal;

    font-family: Nunito;

    font-size: 11px;

    font-weight: 800;

    text-align: center;

    color: #ff4d4d;

    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: #ff4d4d;

     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 #ff4d4d!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 #ff4d4d!important;

     background: #ff4d4d!important;

     color: #fff 

}

 .sayfalama .pagination>.active>a {

     background-color: #ff4d4d!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: #ff4d4dfa;

     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: #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     border-bottom: 1px solid #ff4d4d;

     -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 #ff4d4d;

     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: #ff4d4d;

     border: 1px solid #ff4d4d 

}

 .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: #ff4d4d 

}

 .col-right .search form input[type="search"]::-moz-placeholder {

     font-family: Nunito;

     font-size: 11px;

     font-weight: 700;

     color: #ff4d4d 

}

 .col-right .search form input[type="search"]:-ms-input-placeholder {

     font-family: Nunito;

     font-size: 11px;

     font-weight: 700;

     color: #ff4d4d;

}

 .col-right .search form input[type="search"]:-moz-placeholder {

     font-family: Nunito;

     font-size: 11px;

     font-weight: 700;

     color: #ff4d4d 

}

 .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 #ff4d4d;

     position: relative;

     font-family: Nunito;

     font-size: 11px;

     font-weight: 800;

     font-style: normal;

     font-stretch: normal;

     line-height: normal;

     letter-spacing: normal;

     color: #ff4d4d;

     padding-left: 20px 

}

 .col-right .search form input[type="search"]:focus {

     width: 477px;

}

 a.kalibrasyon {

     background: #ff4d4d;

     color: #fff !important;

     border: 1px solid #ff4d4d !important;

}

 a.kalibrasyon:hover {

     background: #ff4d4d;

     border: 1px solid #ff4d4d !important;

}

 .header-bottom {

     background: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     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: #ff4d4d!important 

}

 .border-buton:hover {

     background: #ff4d4d!important;

     border: 1px solid #ff4d4d!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 #ff4d4d!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 #ff4d4d!important;

     -webkit-transition: all 0.4s;

     -o-transition: all 0.4s;

     transition: all 0.4s 

}

 .formlar.uyegirisform input::-webkit-input-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input::-moz-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:-ms-input-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:-moz-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:focus::-webkit-input-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input::-moz-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:-ms-input-placeholder {

     color: #ff4d4d;

     font-weight: 600 

}

 .formlar.uyegirisform input:-moz-placeholder {

     color: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d!important 

}

 span.neden:hover {

     background: #ff4d4d;

     color: #fff 

}

 span.neden:hover:Before {

     border-bottom-color: #ff4d4d;

     -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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     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: #fff;

     -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: #ff4d4d!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: #ff4d4d;

     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: #fff;

     border-radius: 8px;

     background-color: #ff4d4d;

     -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: #ff4d4d!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: #ff4d4d;

     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: #ff4d4d!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: #ff4d4d;

     -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: #ff4d4d;

     -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: #ff4d4d!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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d 

}

 .ilt-buttons a:last-child:hover {

     background: #ff4d4d 

}

 .ilt-buttons a:hover {

     background: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d 

}

 li.youtube-play:hover a {

     background: #f00;

}

 li.google-plus:hover a {

     background: #d34836;

}

 .object.menu.object-item.active .menu-title h3 {

     color: #ff4d4d;

     -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 #ff4d4d 

}

 .ebulten-form input:focus::-webkit-input-placeholder {

     color: #ff4d4d !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: #ff4d4d !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: #ff4d4d !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: #ff4d4d !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;

     

}

 .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: #ff4d4d;

     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: #ff4d4d 

}

 .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 #ff4d4d!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: #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d;

     font-family: Nunito;

     font-size: 12px;

     font-weight: 700;

     font-style: normal;

     font-stretch: normal;

     line-height: normal;

     letter-spacing: normal;

     color: #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d;

     color: #fff;

     border: 1px solid #ff4d4d;

}

 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: #ff4d4d!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: #ff4d4d;

     border: 1px solid #ff4d4d;

}

 .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: #ff4d4d;

     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 #ff4d4d;

     font-size: 13px;

     font-weight: 600;

     font-style: normal;

     font-stretch: normal;

     line-height: normal;

     letter-spacing: -.3px;

     text-align: center;

     color: #ff4d4d;

     width: 100px;

     padding: 10px 20px;

     margin: 0 -1px;

     height: 35px;

     padding: 0;

     line-height: 35px 

}

 .col-right .nav li.active a {

     background: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d!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 #ff4d4d!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: #ff4d4d;

     -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: #ff4d4d;

     -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: #ff4d4d 

}

 a.devam-btn:hover span {

     border-color: #ff4d4d 

}

 .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: #ff4d4d;

     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 #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d;

     margin: 0;

     padding-left: 50px;

     position: relative;

     margin-bottom: 15px 

}

 .page-genel-title h1:before {

     content: "";

     position: absolute;

     width: 40px;

     height: 4px;

     background: #ff4d4d;

     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: #ff4d4d 

}

 .genel-baslik .ms-vz-baslik:before {

     background: #ff4d4d;

     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: #ff4d4d!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 #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d 

}

 .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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d 

}

 .medya-tab .nav li a {

     padding: 0;

     background-color: rgba(255, 255, 255, .3);

     border: solid 1px #ff4d4d;

     font-size: 13px;

     font-weight: 600;

     font-style: normal;

     font-stretch: normal;

     line-height: normal;

     letter-spacing: -.3px;

     text-align: center;

     color: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     -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 #ff4d4d;

     -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 #ff4d4d;

     -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 #ff4d4d!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 #ff4d4d!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: #ff4d4d;

     font-size: 12px 

}

 .form-div.capt-cont .son input[type="text"]::-moz-placeholder {

     color: #ff4d4d;

     font-size: 12px 

}

 .form-div.capt-cont .son input[type="text"]:-ms-input-placeholder {

     color: #ff4d4d;

     font-size: 12px 

}

 .form-div.capt-cont .son input[type="text"]:-moz-placeholder {

     color: #ff4d4d;

     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: #ff4d4d;

}

 .contact4 .btn.pull-right {

     background: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     top: 50%;

     margin-top: -1px 

}

 .contact4 .col-md-3 {

     padding: 0 

}

 .contact4 .btn.pull-right {

     background: #ff4d4d 

}

 .contact4 .btn:hover {

     background-color: #ff4d4d;

     -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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     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: #ff4d4d 

}

 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: #ff4d4d;

     -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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     -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: #ff4d4d 

}

 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: #ff4d4d;

}

 .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: #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     font-weight: 800 

}

 .indirim-item li span:nth-child(2) {

     color: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d 

}

 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 #ff4d4d;

     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: #ff4d4d;

}

 .dokuman-genel .fl-right:before {

     display: none;

}

 .dokuman-genel .fl-right {

     line-height: 39px;

     color: #ff4d4d;

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

}

 section.dokuman-genel .col-md-12 form {

     margin-bottom: 30px;

     float: left;

}

 .dokuman-genel input[type="submit"]:hover {

     background: #ff4d4d;

     -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: #ff4d4d;

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

}

 .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: #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d 

}

 .teklif-tarih {

     font-size: 13px;

     font-weight: 600;

     font-style: normal;

     font-stretch: normal;

     line-height: normal;

     letter-spacing: normal;

     text-align: left;

     color: #ff4d4d;

     line-height: 23px 

}

 a.gecmis-teklif-detay-btn {

     height: 35px;

     border-radius: 22px;

     background-color: #ff4d4d;

     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: #ff4d4d 

}

 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 #ff4d4d 

}

 .tablo-dokuman.sepetim tr td:last-child i:before {

     font-size: 30px;

     color: #ff4d4d;

}

 .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: #ff4d4d;

     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 #ff4d4d;

}

 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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     color: #fff 

}

 a.git:hover {

     background: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d!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: #ff4d4d;

     display: block;

     padding: 0!important;

     padding-left: 15px!important;

     position: relative;

}

 .product-list .sidebar .filter-menu>ul>li>a:hover {

     background: #ff4d4d;

     color: #fff 

}

 .product-list .sidebar .filter-menu>ul>li>a.none:after {

     display: none 

}

 .product-list .sidebar .filter-menu>ul>li.opened>a {

     background: #ff4d4d!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: #ff4d4d;

     -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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d !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: #ff4d4d;

     */

    /* height: 1px;

     */

}

 .product-list .sidebar .filter-menu>ul>li>ul>li.opened>a {

     background: #ff4d4d 

}

 .product-list .sidebar .filter-menu>ul>li>ul>li.opened>ul {

     background: #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d;

}

 .control--radio .control__indicator {

     border-radius: 50% 

}

 .control:hover input~.control__indicator, .control input:focus~.control__indicator {

     background: #ff4d4d 

}

 .control input:checked~.control__indicator {

     background: #ff4d4d;

     -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: #ff4d4d!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: #ff4d4d 

}

 .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 #ff4d4d inset;

     box-shadow: 0 0 0 2px #ff4d4d 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: #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d !important;

}

 .gallery-thumbs .swiper-slide-active img {

     border: 2px solid #ff4d4d !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: #ff4d4d;

     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 #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d !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: #ff4d4d;

}

 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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     text-align: center 

}

 .modal-ack span {

     font-weight: 700;

     color: #ff4d4d 

}

 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: #ff4d4d;

     -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: #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d;

     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 #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d;

     position: relative;

     font-family: Nunito;

     font-size: 16px;

     font-weight: 600;

     font-style: normal;

     font-stretch: normal;

     line-height: normal;

     letter-spacing: normal;

     color: #ff4d4d;

     padding-left: 0;

     width: 100%;

     color: #ff4d4d 

}

 .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: #ff4d4d 

}

 .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: #ff4d4d 

}

 .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: #ff4d4d 

}

 .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: #ff4d4d 

}

 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: #ff4d4d 

}

 .sidebar-blog h4:before {

     content: "";

     position: absolute;

     bottom: -2px;

     left: 0;

     right: 0;

     width: 60px;

     height: 3px;

     background: #ff4d4d;

     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: #ff4d4d 

}

 .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: #ff4d4d;

     margin-left: 10px;

     margin-bottom: 5px 

}

 .page-career5 form.career .form-div .form-control:focus {

     border-color: #ff4d4d 

}

 .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: #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

}

 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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     -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: #ff4d4d;

     -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: #ff4d4d 

}

 .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: #ff4d4d !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: #ff4d4d !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: #ff4d4d 

}

 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: #ff4d4d 

}

 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: #ff4d4d 

}

 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: #ff4d4d 

}

 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: #ff4d4d 

}

 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 #ff4d4d 

}

 .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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     width: 100%;

     color: #ff4d4d;

     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: #ff4d4d !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 #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d !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 #ff4d4d63;

}

 .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: #ff4d4d;

     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: #ff4d4d;

}

 .filter-menu li.opened>a {

     background: #ff4d4d !important;

}

 .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a.active {

     background: #ff4d4d !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: #ff4d4d !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 #ff4d4d !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: #ff4d4d;

     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 #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d;

     -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: #ff4d4d;

     border: 1px solid #ff4d4d;

     -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 #ff4d4d !important;

     padding: 10px !important;

     color: #ff4d4d !important;

}

 .ozelTablo11 tr td {

     width: 9.09% !important;

     border: 1px solid #ff4d4d !important;

     padding: 10px 3px !important;

     color: #ff4d4d !important;

}

 .ozelTablo9 tr td {

     width: 11.11% !important;

     border: 1px solid #ff4d4d !important;

     padding: 10px !important;

     color: #ff4d4d !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: #ff4d4d;

     padding: 4px 15px;

     background: #f7f7f7;

     text-align: center !important;

     border-radius: 27px;

     font-size: 9px;

}

 a.guncelleme:hover {

     color: #ffffff;

     background: #ff4d4d;

}

 .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: #ff4d4d;

     font-size: 17px;

}

 .sepet-page tr td i span {

     position: absolute;

     top: 100%;

     text-align: center;

     display: block;

     width: 100px;

     background: #ff4d4d;

     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 #ff4d4d !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: #ff4d4d;

     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: #ff4d4d;

     position: relative;

     width: 49% !important;

     padding: 0;

     line-height: 43px;

     margin-right: 1%;

     color: #fff;

}

 a.btn.btn-black.pull-left:hover {

     background: #ff4d4d;

}

 a.btn.btn-blue.pull-right:hover {

     background: #ff4d4d;

}

 a.ayni-adres {

     color: #ff4d4d;

     font-weight: bold;

     padding-top: 10px;

     font-size: 14px !important;

     text-decoration: underline !important;

}

 a.ayni-adres:hover {

     color: #ff4d4d;

}

 .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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

}

 .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: #ff4d4d;

     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: #ff4d4d;

}

 .kampanya-slide .urunKisa {

     min-height: 32px;

}

 .yuzdeInd {

     float: left;

     width: auto;

     height: 33px;

     border-radius: 8px;

     border: solid 1px #ff4d4d;

     line-height: normal;

     font-family: Nunito;

     font-size: 11px;

     font-weight: 800;

     text-align: center;

     color: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

}

 .qty div.qty-desc {

     position: absolute;

     color: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     -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: #ff4d4d;

     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 #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

}

 .col-left.wdYuzde {

     width: 80%;

}

 .col-right.wdYuzde {

     width: 20%;

}

 .f-bulten.active .menu-title h3 {

     color: #ff4d4d !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: #ff4d4d;

     -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: #ff4d4d;

     -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 #ff4d4d;

}

 .bank-item {

}

 .bank-img {

     float: left;

     border: 1px solid #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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 #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d;

     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: #ff4d4d !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: #ff4d4d;

     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: #ff4d4d;

}

 .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: #ff4d4d;

}

 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: 28px 0px 32px 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: #ff4d4d;

}

 footer .footer-top .form-ebulten form input[type="submit"] {

     position: absolute;

     right: 0;

     top: 0;

     border-radius: 50px;

     border: none;

     background-color: #ff4d4d;

     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: #ff4d4d;

}

 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:#ff4d4d;

     width:100%;

     height: 80px;

     opacity: 0.8;

     margin-top: -80px;

     z-index: 1;

}

 .breadcrumb_golge_kapla{

     background:#ff4d4d;

     width:100%;

     height: 175px;

     opacity: 0.7;

     margin-top: -175px;

     z-index: 1;

}

.btn-save:hover {

	color: white;

	background-color: #ff4d4d !important;

}

 .btn-save {

	background-color: #ff4d4d;

}

.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: #ff4d4d;

	 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: #ff4d4d;

    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: #ff4d4d;

    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: #ff4d4d;

    border: 2px solid #ff4d4d;

	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: #ff4d4d;

    z-index: 9;

    color: #ffffff;

    border-color: #ff4d4d;

}



.checkout-bar li:after {

    -webkit-animation: myanimation 3s 0;

    background-color: #ff4d4d;

    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: #ff4d4d;

    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: #ff4d4d;

    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: #ff4d4d;

}

.lang>ul>li{

    position: relative !important;

}

.lang>ul>li>a{

    color:#ff4d4d !important;

    padding: 10px !important;

    display: block !important;

	float: none !important;

	font-size:13px !important;

}

.lang>ul>li>a>i{

    color:#ff4d4d !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: #ff4d4d;

    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: #ff4d4d;

		height: 50px;

		margin-top: -50px;

		z-index: 1;

	}

	body.mobile-menu-active .kullanici-menu

	{

		background: #ff4d4d;

	}

	.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: #ff4d4d;

	}

	.lang>ul>li>a{

		color:#fff !important;

	}

	.lang>ul>li>a>i:before{

		color:#fff !important;

		font-size:12px !important;

	}

}

.filter-menu .aktif{

	background:#ff4d4d;

}

.filter-menu .aktif a{

	color:#fff !important;

}

.filter-menu .aktif a i:before{

	color:#fff !important;

}