@charset "utf-8";
/* CSS Document */

/*GENEL AYARLAR*/
*:hover {text-decoration:none !important;}
.btn-link:hover{text-decoration:none !important;}
.no-caret .dropdown-toggle::after{display:none !important;}
.form-control,.select2-container--default .select2-selection--single, .btn, .dropdown-menu{border-radius:2px !important;}
.col-list li{list-style-type:none;}
.overflow-hidden{overflow:hidden;}
.opacity-5{opacity: 0.5;}

.text-decoration-line-through {text-decoration:line-through;}
#c2ctable td {padding:22px !important;}
.touch-categories-box.sticky-top {top:-2px !important;}
/*GENEL AYARLAR*/

/*MAIN CLASSES--------------------------------------------------*/
.cursor-pointer{cursor:pointer;}
a:focus{outline: none;}
/*FONTS*/
.rem-1{font-size:1rem !important;}

.size-12 { font-size: 12px !important;}
.size-13 { font-size: 13px !important;}
.size-14 { font-size: 14px !important;}
.size-15 { font-size: 15px !important;}
.size-16 { font-size: 16px !important;}
.size-17 { font-size: 17px !important;}
.size-18 { font-size: 18px;}
.size-19 { font-size: 19px;}
.size-20 { font-size: 20px !important;}
.size-22 { font-size: 22px !important;}
.size-24 { font-size: 24px;}
.size-26 { font-size: 26px;}
.size-27 { font-size: 27px;}
.size-29 { font-size: 29px;}
.size-34 { font-size: 34px !important;}
.size-36 { font-size: 36px !important;}
.size-40 { font-size: 40px !important;}
.size-45 { font-size: 45px;}
.size-44 { font-size: 44px;}
.size-48 { font-size: 48px; line-height:60px;}
.size-60 { font-size: 60px;}
.size-70 { font-size: 70px !important;}
.size-80 { font-size: 80px !important;}
.size-100 { font-size: 100px !important; line-height: 125px;}

.lead-16{font-size:16px; line-height: 26px;}
.lead-22{font-size:22px; line-height: 30px;}

.apostrophe-icon{font-size: 30px; color: #ff560b;}

.font-weight-semi-bold{font-weight: 600 !important;}

h1{font-size: 2.90rem !important;}
h2{font-size: 1.60rem !important;}
h3{font-size: 1.50rem !important;}
h5{font-size: 1.25rem !important;}

.h1{font-size: 2.90rem !important;}
.h2{font-size: 1.60rem !important;}
.h3{font-size: 1.50rem !important;}
.h5{font-size: 1.25rem !important;}

.text-uppercase {text-transform:uppercase !important;}

/*FONTS*/

/*CEREZLER*/
.cookies-box{display: none;font-size: 13px;width: 480px;height: auto;margin: 0;background: #fff;color: #000000;padding: 26px 33px;position: fixed;bottom: 15px;left: 15px;border-radius: 5px !important;z-index: 1000;-webkit-box-shadow: 0 0 35px rgba(0,0,0,.15);-moz-box-shadow: 0 0 35px rgba(0,0,0,.15);box-shadow: 0 0 35px rgba(0,0,0,.15);}
.cookies-box .modalboxClose{cursor: pointer;position: absolute;top: 0;right: 0;width: 30px;height: 30px;text-align: center;border-radius: 100% !important;background: none;font-size: 17px;}
.cookies-box p{margin: 0;line-height: 23px;font-size: 15px;color: #000000;}
.cookies-box.d-block{display:block !important;}
/*CEREZLER*/

/*LINE HEIGHT*/
.line-height-13{line-height:13px;}
.line-height-18{line-height:18px;}
.line-height-24{line-height:24px;}
.line-height-25{line-height:25px !important;}
.line-height-26{line-height:26px}
.line-height-30{line-height:30px !important;}
.line-height-32{line-height:32px !important;}
.line-height-33{line-height:33px;}
.line-height-36{line-height:36px;}
.line-height-44{line-height:44px !important;}
.line-height-48{line-height:48px;}
.line-height-55{line-height:55px;}
.line-height-57{line-height:57px;}
/*LINE HEIGHT*/

/*HEIGHTS*/
.max-height-100{max-height:100px; overflow:hidden;}
.max-height-200{max-height:200px; overflow:hidden;}
.max-height-185{max-height:185px; overflow:hidden;}
.max-height-300{max-height:300px; overflow:hidden;}
.max-height-400{max-height:400px; overflow:hidden;}
.max-height-500{max-height:500px; overflow:hidden;}

.max-height-300{max-height:300px; overflow:auto;}

.height-65{height: 65px;}

.height-100vh{height:100vh;}
/*HEIGHTS*/

/*WIDTH*/
.w-10 {width: 10%!important;}
.w-15 {width: 15%!important;}
.w-18 {width: 18%!important;}
.w-20 {width: 20%!important;}
.w-25 {width: 25%!important;}
.w-30 {width: 30%!important;}
.w-33 {width: 33.333333%!important;}
.w-35 {width: 35%!important;}
.w-40 {width: 40%!important;}
.w-60 {width: 60%!important;}
.w-70 {width: 70%!important;}
.w-80 {width: 80%!important;}
.w-90 {width: 90%!important;}

.wf-100{width:100px;}

.touch-size{width: 48px; height: 48px; display: inline-block; text-align: center;}
.touch-size i{line-height: 48px;}
/*WIDTH*/

/*BUTONLAR*/
.btn-purple{color:#fff;background-color:#5c6ac4;border-color:#4285f4}
.btn-purple:hover{color:#fff;box-shadow: 0 14px 26px -12px rgba(92, 106, 196, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(92, 106, 196, 0.2);}
.btn-purple.focus,.btn-purple:focus{box-shadow:0 0 0 .2rem rgba(92, 106, 196,.5)}
.btn-purple.disabled,.btn-purple:disabled{color:#fff; background-color: #5c6ac4; border-color: #5c6ac4;}
.btn-purple:not(:disabled):not(.disabled).active,.btn-purple:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle{color:#fff; background-color: #5c6ac4; border-color: #5c6ac4;}
.btn-purple:not(:disabled):not(.disabled).active:focus,.btn-purple:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(92, 106, 196,.5)}

.btn-kmk{color:#fff;background-color:#171a29;border-color:#24293c !important;}
.btn-kmk:hover{color:#fff;box-shadow: 0 14px 26px -12px rgba(92, 106, 196, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(92, 106, 196, 0.2);}
.btn-kmk.focus,.btn-kmk:focus{box-shadow:0 0 0 .2rem rgba(92, 106, 196,.5)}
.btn-kmk.disabled,.btn-kmk:disabled{color:#fff; background-color: #24293c; border-color: #24293c;}
.btn-kmk:not(:disabled):not(.disabled).active,.btn-kmk:not(:disabled):not(.disabled):active,.show>.btn-kmk.dropdown-toggle{color:#fff; background-color: #24293c; border-color: #24293c;}
.btn-kmk:not(:disabled):not(.disabled).active:focus,.btn-kmk:not(:disabled):not(.disabled):active:focus,.show>.btn-kmk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(92, 106, 196,.5)}

.btn-b2c {background: #6ea899 !important;color:#00402f !important;border:1px solid #6ea899 !important;}
.btn-b2c2 {background: transparent !important;color:#FFF !important;border:1px solid #6ea899 !important;}

.btn-eh {background: #ff560b !important;border: #ff560b !important;}
/*BUTONLAR*/

/*HOME*/
.hbanner p {letter-spacing: 0.3px;}
/*HOME*/

/*CIRCLE WIDTH-HEIGHT*/
.circle-1{min-width:200px; max-width:200px; min-height:200px; max-height:200px;}
/*CIRCLE WIDTH-HEIGHT*/

/*VERTICAL ALIGN*/
.table-vertical-align-m td{vertical-align:middle !important;}
/*VERTICAL ALIGN*/

/*MARGINS*/
.m-auto{margin:0 auto;}
.mr-10{margin-right:6rem !important;}
/*MARGINS*/

/*PADDING*/
.pt-6{padding-top:6rem!important;}
/*PADDING*/

/**/
.rotate-n45{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform: rotate(-45deg);transform: rotate(-45deg);	}
/**/


/*COLOR*/
.text-main-color{color:#112851;}
.bg-main-color{background-color:#112851;}
.bg-main-color-light{background-color:#233d6d;}
.bg-light-gray{background-color:#454b52;}
.bg-light-blue{background-color:#f8fafd;}
.bg-light-blue1{background-color: #eceef7;}
.bg-dark-light{background-color:#e9eaee;}
.bg-purple{background-color:#8a41c4;}
.bg-purple1{background-color:#5c6ac4;}
.bg-purple2{background-color:#6610f2;}
.bg-none{background:none !important;}
.primary-hover:hover{color: #894ea9;}
.link-dark, .link-dark a{color:#112851;}
.link-dark:hover, .link-dark a:hover{text-decoration:none; color:#3d4861;}
.link-white, .link-white a{color:#fff !important;}
.link-white:hover, .link-white a:hover{text-decoration:none; color:#fff !important;}
.link-dark.link-primary:hover, .link-dark a.link-primary:hover{text-decoration:none; color:#ff560b;}
.link-purple2 {color:#ff560b !important;text-decoration: none !important;}
.link-purple2:hover {color:#112851 !important;}
.link-eh, .link-eh a, .link-eh:hover, .link-eh a:hover {color: #ff560b !important;}
.text-gray{color:#9e9e9e !important;}
.text-purple{color: #5c6ac4 !important;}
.text-dark-gray{color:#99a5b4;}
.text-white-opacity{color: rgba(255,255,255,.5);}
.semi-opacity{opacity:0.5;}
.opacity-1{opacity: 1 !important;}
.warning-dark{background-color: #fbaa05!important;}
.text-warning-dark{color: #fbaa05!important;}
.text-purple-web {color:#ff560b !important;}
.text-eh {color:#ff560b !important;}

.bg-eticaret{background-color:#30aa1e !important;}
.bg-webtasarim{background-color:#8a41c4 !important;}
.bg-seo{background-color:#f15a29 !important;}
.bg-socialmedia{background-color:#b586e2 !important;}
.bg-webmaster{background-color:#505050 !important;}
.bg-reklam{background-color:#4284f4 !important;}
.bg-facebook{background-color:#3a559f !important;}
.bg-web {background-color:#ff560b !important;}
.bg-web2 {background-color: #f6f1f8 !important;}
.bg-web3 {background-color: #ff560b !important;}

.bg-danismanlik{background-color:#eb5f24;}
.bg-eticaret-danismanlik{background-color:#8dc53e;}
.bg-seo-danismanlik{background-color:#00adee;}
.bg-social-danismanlik{background-color:#eb008b;}
.bg-web-tasarim-tema{background-color:#71abdf;}
.bg-kurumsal-kimlik-olusturma{background-color:#eb5f25;}
.bg-gorsel-tasarim{background-color:#e31567;}
.bg-e-bulten-tasarimi{background-color:#003fd0;}
.bg-socialmedia-tasarimi{background-color:#8a41c4;}

/*SOCIAL MEDIA BG COLOR*/
.bg-facebook{background-color:#3b5998; color:#fff;}
.bg-facebook:hover{background-color: #2f4980; border-color: #2e4679; color: #fff;}
/*SOCIAL MEDIA BG COLOR*/


.number-circle-primary{color: #fff;width: 35px; height: 35px; line-height: 32px; min-width:35px; background: #ff560b; text-align: center; border-radius: 100%; margin-right: 10px;}
/*COLOR*/

/*CUSTOM FILE*/
.custom-file-label.label-bg-primary{right:5px; left:5px;}
.custom-file-label.label-bg-primary::after{background-color: #4285f4; color: #ffffff; content:"Dosya Ekle"; padding: .375rem 1.10rem .375rem 2.75rem;}
.custom-file-label.label-bg-primary::before{content: "\f093"; font-family: Font Awesome\ 5 Pro; position: absolute; right: 104px; font-weight: 100; z-index: 10; color: #ffffff;}

.custom-file-label.label-bg-purple::after{background-color: #5c6ac4; height: 38px; right:-1px; top:-1px; color: #ffffff; content:"CV Ekle"; padding: .375rem 1.10rem .375rem 2.75rem;}
.custom-file-label.label-bg-purple::before{content: "\f093"; font-family: Font Awesome\ 5 Pro; position: absolute; right: 83px; font-size: 16px; font-weight: 100; z-index: 10; color: #ffffff;}
/*CUSTOM FILE*/

/*TABLE*/
table.t-middle th, table.t-middle td{vertical-align:middle !important;}
table.t-first-left tbody tr td:first-child{text-align:left;}
/*TABLE*/

/*SIDENAV*/
.side-nav .list-group .list-group-item.list-active a{color:#ff560b;}
.side-nav .list-group .list-group-item.list-active:before {content: ""; border-left: solid 4px #ff560b; margin-left: -16px; padding-left: 12px;}

.sidenav-right .account-panel-right .list-group-flush .list-group-item.list-active a{color:#000; font-weight: 600;}
/*SIDENAV*/

/*SHADOW*/
.shadow-hover{-webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.shadow-hover:hover{-webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); -webkit-transition: all 0.2s linear !important;transition: all 0.2s linear;}
.header-shadow{-webkit-box-shadow: 0 0 3px rgba(0,0,0,.55); -moz-box-shadow: 0 0 3px rgba(0,0,0,.55); box-shadow: 0 0 3px rgba(0,0,0,.55);}
.shadow{-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); -moz-box-shadow: 0 0 5px rgba(0,0,0,.15); box-shadow: 0 0 5px rgba(0,0,0,.15);}
.shadow-bottom{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); box-shadow: 0 1px 2px rgba(0,0,0,.05);}

.text-shadow-1{text-shadow: 1px 1px #000000;}
/*SHADOW*/

/*BORDERS*/
.border-h{border: 1px solid transparent;}
.border-h:hover{border: 1px solid #dee2e6;}
.border-bottom-warning-10{border:1px solid #dee2e6; border-bottom: 10px solid #fbbc05!important}
.border-bottom-success-10{border:1px solid #dee2e6; border-bottom: 10px solid #34a853!important;}
.border-bottom-danger-10{border:1px solid #dee2e6; border-bottom: 10px solid #ea4335!important;}
.border-bottom-warning-dark-10{border:1px solid #dee2e6; border-bottom: 10px solid #fbaa05!important;}

.border-top-warning-10{border:1px solid #dee2e6; border-top: 10px solid #fbbc05!important}
.border-top-success-10{border:1px solid #dee2e6; border-top: 10px solid #34a853!important;}
.border-top-danger-10{border:1px solid #dee2e6; border-top: 10px solid #ea4335!important;}
.border-top-warning-dark-10{border:1px solid #dee2e6; border-top: 10px solid #fbaa05!important;}
.border-top-secondary-10{border:1px solid #dee2e6; border-top: 10px solid #6c757d!important;}

.border-bottom-eticaret-10{border:1px solid #dee2e6; border-bottom: 10px solid #30aa1e!important;}
.border-bottom-webtasarim-10{border:1px solid #dee2e6; border-bottom: 10px solid #8a41c4!important;}
.border-bottom-seo-10{border:1px solid #dee2e6; border-bottom: 10px solid #f15a29!important;}
.border-bottom-socialmedia-10{border:1px solid #dee2e6; border-bottom: 10px solid #b586e2!important;}
.border-bottom-webmaster-10{border:1px solid #dee2e6; border-bottom: 10px solid #505050!important;}
.border-bottom-reklam-10{border:1px solid #dee2e6; border-bottom: 10px solid #4284f4!important;}
.border-bottom-facebook-10{border:1px solid #dee2e6; border-bottom: 10px solid #3a559f!important;}

.border-left-eticaret-10{border-left: 10px solid #30aa1e;}
.border-left-webtasarim-10{border-left: 10px solid #8a41c4;}
.border-left-seo-10{border-left: 10px solid #f15a29;}
.border-left-socialmedia-10{border-left: 10px solid #b586e2;}
.border-left-webmaster-10{border-left: 10px solid #505050;}
.border-left-reklam-10{border-left: 10px solid #4284f4;}
.border-left-facebook-10{border-left: 10px solid #3a559f;}

.border-transparent{border-color: transparent !important;}
.border-left-transparent{border-left-color: transparent !important;}
.border-top-transparent{border-top-color: transparent !important;}
.border-right-transparent{border-right-color: transparent !important;}
.border-bottom-transparent{border-bottom-color: transparent !important;}

.border-radius-5 {border-radius: 5px !important;}
.border-radius-10 {border-radius: 10px !important;}
.list-border-none .list-group-item{border:none !important;}
/*BORDERS*/

/*MODELLER*/
.border-top-green-kmk {border:1px solid #dee2e6; border-top: 10px solid #005a42!important;}
.border-top-red-kmk {border:1px solid #dee2e6; border-top: 10px solid #ea4235!important;}
.border-top-blue-kmk {border:1px solid #dee2e6; border-top: 10px solid #145ec1!important;}

.text-green-kmk {color:#005a42!important;}
.text-red-kmk {color:#ea4235!important;}
.text-blue-kmk {color:#145ec1!important;}

.bgc2c {background:#145ec1 !important;}
.bgb2c {background:#005a42 !important;}
.bgeihr {background:#ea4235 !important;}
/*MODELLER*/

/*ACCORDION PLUS ROTATE*/
.collapsed .rotate-45{transform: rotate(0deg); -webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.rotate-45{transform: rotate(45deg); -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}

.collapsed .hide-rotate-45{visibility:hidden; transform: rotate(0deg); -webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.hide-rotate-45{transform: rotate(45deg); -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}

.collapsed .rotate-90{transform: rotate(0deg); -webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.rotate-90{transform: rotate(90deg); -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}

.collapsed .hide-rotate-90{visibility:hidden; transform: rotate(0deg); -webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.hide-rotate-90{transform: rotate(90deg); -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}

.collapsed .rotate-180{transform: rotate(0deg); -webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.rotate-180{transform: rotate(180deg); -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
/*ACCORDION PLUS ROTATE*/

/*OVERLAY*/
.overlay{position:fixed; width:100%; height:100%; z-index: 1050; background: rgba(0,0,0,0.5); display:none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
a.dark-overlay:before{content:""; position: absolute; width:100%; height:100%; display:block; background:rgba(0,0,0,0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
a.dark-overlay:hover:before{content:""; position: absolute; width:100%; height:100%; display:block; background:rgba(0,0,0,0.5); -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
/*OVERLAY*/

/*POSITION*/
.right{right:0;}
.left{left:0;}
.bottom{bottom:0;}
.top{top:0;}
.top-negative-350{top:-350px;}
.position-initial{position: initial;}
/*POSITION*/

/*Z-INDEX*/
.z-index-0{z-index:0;}
.z-index-1{z-index:1;}
.z-index-2{z-index:2;}
.z-index-1019{z-index:1019 !important;}
.z-index-1020{z-index:1020 !important;}
/*Z-INDEX*/

/*ALERTS*/
.ui-pnotify .ui-pnotify-sharp{background-color: #fff; border: 1px solid #dee2e6; color: #454b52;}
.ui-pnotify .ui-pnotify-icon{background: #dedede; width: 55px; height: 55px; text-align: center; margin-right: 15px; color: #fff;}
.ui-pnotify .ui-pnotify-icon span{float: none; line-height: 55px; font-size: 30px; margin: 0;}
.ui-pnotify .ui-pnotify-title{font-size: 1.2em;}
.ui-pnotify .ui-pnotify-sharp.alert-success .ui-pnotify-icon{background-color:#34a853;}
.ui-pnotify .ui-pnotify-sharp.alert-danger .ui-pnotify-icon{background-color:#ea4335;}
.ui-pnotify .ui-pnotify-sharp.alert-warning .ui-pnotify-icon{background-color:#fbbc05;}
.ui-pnotify .ui-pnotify-sharp.alert-info .ui-pnotify-icon{background-color:#17a2b8;}
.ui-pnotify .ui-pnotify-sharp.alert-primary .ui-pnotify-icon{background-color:#4285f4;}
/*ALERTS*/

/*PAGINATION*/
.pagination li{margin: 0 3px; text-align: center;}
.pagination li.active{width: 30px; height: 30px; line-height: 30px; color: #a0a0a0; display: block; height: 100%; background: #fbfbfb;}
.pagination li a{width: 30px; height: 30px; line-height: 30px; color: #454b52; display: block; height: 100%; background: #fbfbfb;}
.pagination li a i{line-height:30px;}
/*PAGINATION*/

/*MAIN CLASSES--------------------------------------------------*/

/*HEADER*/
.top-header{background:#14223f;}
.top-header a{color: #a3b4bd;}
.top-header a:hover{color:#fff;}
.top-header .attribute{text-decoration: underline;}

.main-menu{position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; background-color:#FFF; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.55); -moz-box-shadow: 0 0 3px rgba(0,0,0,.55); box-shadow: 0 0 3px rgba(0,0,0,.55);font-weight: 500;}

.main-menu .mobile-nav .tool-box .navbar-nav > li > .phone-icon a {transition: background-color .2s,color .2s;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .phone-icon a:hover {background:#e8f0fe !important;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .phone-icon .pop-hover-box {top: 60px;position: absolute;right: 0;width: 206px;border:none !important;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .phone-icon .pop-hover-box:before, .main-menu .mobile-nav .tool-box .navbar-nav > li > .phone-icon .pop-hover-box:after {display:none !important;}
/*HEADER*/

/*INDIRIM CEKI*/
.indirim-cek{border: 5px dotted #ffffff;}
.indirim-cek span{letter-spacing: 3px;}
/*INDIRIM CEKI*/

/*FOOTER*/
.footer-spc{border-top: 1px solid #dee2e6; background-color: #f6fafd;position:relative;}
.footer-top{border-bottom: 1px solid #dee2e6;}
.social-title{font-weight: 700; display:block; line-height: 33px;}
.social-links a{margin: 0 15px 0 0; padding: 0 2px; color: #24324f; font-size: 27px;}
.footer-center{padding-bottom: 1.5rem; padding-top: 1.5rem;}
.footer-center p{font-weight: 500; font-size: 22px;}
.footer-center .list-group li{list-style-type:none;}
.footer-center .list-group li a{padding: 3px 0; margin: 2px 0; display: block; color: #24324f;font-size: 15px;}
.footer-center .list-group li a:hover{text-decoration:none;}
.footer-bottom{border-top: 1px solid #dee2e6;}
.copyright{line-height: 15px; font-size: 12px;}
/*FOOTER*/

/*MAIN PRODUCTS*/
#main-products a{display:block; height:100%;}
#main-products a:hover{text-decoration:none;}
#main-products .card-body{height:100%; border-radius: .25rem;}
#main-products .circle-box{display: block;width: 150px;height: 150px;padding: 35px 0;text-align: center;background: #fff;border-radius: 100px;}
/*MAIN PRODUCTS*/

/*ILETISIM*/
.contact-map{width:100%; height:340px; border:0;}
/*ILETISIM*/

/*SCROLL MENU*/
.touch-categories-box ul{margin:0; padding:0;}
.touch-categories-box ul li{list-style-type:none; float:left;}
.touch-categories-box ul li a{padding: 13px; margin: 0 7px; display:block; line-height: 28px;}
.touch-categories-box ul li span{padding: 15px 13px; margin: 0 10px; display:block; line-height: 28px;}
.touch-categories-box::-webkit-scrollbar {display: none;}
/*SCROLL MENU*/

/*SCROLL UP*/
.scrollToTop{position:fixed; bottom:100px; right:15px; display:none; font-size: 35px; height: 48px; width: 48px; text-align: center; z-index: 1;}
.scrollToTop i{line-height: 48px; font-size: 40px;}
/*SCROLL UP*/

/*ANIMATION SCROLL DOWN*/
.scroll-down-box {position: relative;width: 24px;height: 60px;margin:0 auto; display: block;}
.chevron {position: absolute;width: 20px;height: 3px;opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite;}
.chevron:first-child {animation: move 3s ease-out 2s infinite;}
.chevron:nth-child(2) {animation: move 3s ease-out 3s infinite;}
.chevron:before,.chevron:after {content: ' ';position: absolute;top: 0;height: 100%;width: 51%;background: #4285f4;}
.chevron.white-bg:before,.chevron.white-bg:after{background:#fff;}
.chevron:before {left: 0;transform: skew(0deg, 45deg);}
.chevron:after {right: 0;width: 50%;transform: skew(0deg, -45deg);}
/*ANIMATION SCROLL DOWN*/

/*SEARCH-BAR*/
.search-bar{position: absolute; right:0; transition: opacity .35s,right .35s,width .35s,height .35s step-end,visibility .35s step-end; visibility: hidden; overflow: visible; opacity: 0;}
.search-bar input{height:76px;}
.search-active{transition: opacity .35s,right .35s,width .35s,height .35s step-start,visibility .35s step-start; visibility: visible; opacity: 1;}
.search-close{position: absolute; right: 0; top: 0; display: block; width: 48px; height: 100%; text-align: center; font-size: 24px;}
.search-close i{line-height: 76px;}
.search-bar .form-control:focus{border-color: transparent; box-shadow: none;}
.search-bar-icon{position: absolute; left: 8px; top: 0; display: block; width: 30px; height: 100%; text-align: center; font-size: 18px;}
.search-bar-icon i{line-height: 76px;}
.search-overlay{position: fixed; width: 100%; height: 100%; z-index: 1020; background: rgba(0,0,0,0.5); display: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.result{background:#fff;}
.result p{margin: 0; padding: 6px 25px; cursor:pointer;}
.result p:last-child{padding: 6px 25px 20px 25px;}
/*SEARCH-BAR*/
@keyframes move {
25% {opacity: 1;}
33% {opacity: 1;transform: translateY(30px);}
67% {opacity: 1;transform: translateY(40px);}
100% {opacity: 0;transform: translateY(55px) scale3d(0.5, 0.5, 0.5);}
}

@keyframes pulse {
to {opacity: 1;}
}
/*ANIMATION SCROLL DOWN*/

/*UYE GIRISI - UYE OL*/
.login-container .enter-form{max-width:480px; min-height:500px;}
.login-container .help-block{bottom: 16px !important; right: 40px !important;}
.login-container .form-control-feedback{height: 49px !important; line-height: 49px !important;}
.login-container .nav-pills .nav-link{color:#fff;}
.login-container .nav-pills .nav-link.active{background:none; font-weight:bold;}
/*UYE GIRISI - UYE OL*/

/*FEATURES*/
.features{text-align:center;}
.sub-features-title{margin-bottom: 55px;}
.features-hover{margin-bottom:55px;}
.features-hover a{-webkit-transition: all 0.2s linear; transition: all 0.2s linear; border-right:1px solid #dee2e6; border-bottom:1px solid #dee2e6; padding: 48px 0;}
.features-hover a:hover{-webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); -webkit-transition: all 0.2s linear !important;transition: all 0.2s linear;}
.features-hover a i{font-size: 3em; margin-bottom: 1rem; color: #4285f4;}
/*FEATURES*/

/*OWL CAROUSEL*/
.owl-carousel .owl-item .item{padding:0; height: 100%;}
.owl-carousel .owl-item .item .top-band{position: absolute;}
.owl-carousel .owl-stage{display: flex;}

.other-news .owl-item{max-height: 250px;}
/*OWL CAROUSEL*/

/*PRICING*/
#pricing-table .table-bordered td:first-child{text-align:left;}
#pricing-table .fa-check{color:#28a745;}
#pricing-table .fa-times{color:#dc3545;}

.pop-hover{display:inline-block; position:relative;}
.pop-hover-box{display:none; position:absolute; background: #fff; height: auto; padding: 15px; border: 1px solid #dedede; -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); z-index:1;}
.pop-hover:hover .pop-hover-box{display:block !important;}
.pop-hover:hover .pop-hover-box:after {content:""; width: 0; height: 0; border-style: solid; line-height: 0px; position: absolute;}
.pop-hover:hover .pop-hover-box:before {content:""; width: 0; height: 0; border-style: solid; line-height: 0px; position: absolute;}
/*PRICING*/

/*SUPPORT MODULE*/
.support-module{position: fixed;bottom: 0; z-index: 1100;box-shadow: 0 0 11px rgba(0,0,0,.17);}
.support-title{cursor:pointer; display:flex;line-height: 25px; font-size: 18px;}
.support-title i{font-size: 25px;}
.support-title .close-rotate{transform: rotate(180deg);}
.support-content{background-color:#FFF; height: 100%; padding: 15px 15px 15px 20px; display:none;font-size: 14px;line-height: 18px;}
.support-content.support-open{display:block !important;}
.support-content .support-profile1{display: inline-block;width: 35px;height: 35px;background: #dedede;border-radius: 100%; float: left; margin-right: 20px; background:url("/upload/pagesContent/mikail-gokmen.jpg");    background-size: 41px;}
.support-content .support-profile2{display: inline-block;width: 35px;height: 35px;background: #dedede;border-radius: 100%; float: left; margin-right: 20px; background:url("/upload/pagesContent/cig_kaymaz.jpg");    background-size: 41px;}
.support-phone{color: #4285f4; line-height: 24px;}
.support-phone i{font-size: 27px;color: #4285f4;float: left;margin: 15px 10px 0 0;}
.support-phone a{font-size: 20px;font-weight: bold; display:block;}
/*SUPPORT MODULE*/

/*BACKGROUNDS*/
.haber-1-bg{background:url(/upload/bannersContent/seninle_birlikte_buyuyen_guclu_eticaret_yazilimi.png) no-repeat; background-size:cover; background-position: top center;}
.haber-2-bg{background:url(/upload/bannersContent/isinin_gelecegini_birlikte_tasarlayalim.png) no-repeat; background-size:cover; background-position: top center;}
.haber-3-bg{background:url(/upload/bannersContent/isine_uygun_eticaret_yazilimi.png) no-repeat; background-size:cover; background-position: top center;}
.haber-4-bg{background:url(/upload/bannersContent/kmk_finans.png) no-repeat; background-size:cover; background-position: top center;}

.img-transparent{background-image: url(/theme/kmk/img/sistem_gorselleri/light.png);}
.img-blue-transparent{background-image: url(/theme/kmk/img/sistem_gorselleri/blue.png);}

.eticaret-main-bg{background: #1e2556 url(/upload/pagesContent/e_ticaret_main_image_bg.png) no-repeat top; background-size: cover;}
/*BACKGROUNDS*/

/*OZELLIKLER ONE-PAGE*/
.features-container .features-box{color:#32325d;}
.features-nav{position: fixed; z-index: 1; right: 0; height: 100vh; display: table;}
.features-nav .features-nav-box{height:200px; display:table-cell; vertical-align:middle;}
.features-nav .features-nav-box ul{padding:0;}
.features-nav .features-nav-box  a{display: block; width: 12px; height: 12px; margin: 20px 10px; border-radius: 100%; background-color: #a6adb3;}
.features-nav .features-nav-box a:hover, .features-nav .features-nav-box a.active{background-color: #ff560b;}
.features-close-box{position:fixed; z-index:2; right: 10px; top:10px; margin: 0 7px;}
.features-close-box a{display:block; width:50px; height:50px; background:#ff560b; border-radius: 100%; text-align: center; box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0,0,0,.29);}
.features-close-box a i{line-height:50px; color:#fff; width: 100%; height: 100%;}
/*OZELLIKLER ONE-PAGE*/

/*URUNLERIMIZ*/
.products .product-box .list-group{border-top: 3px solid #4285f4;}
.products .product-box .list-group .list-group-item{min-height: 104px; display:table; border-radius: 0;}
.products .product-box .list-group .list-group-item .content-title-box{display:table-cell; vertical-align:middle;}
/*URUNLERIMIZ*/

/*URUN DETAY*/
.selected-products .list-group-item:focus, .selected-products .list-group-item:hover{background-color:#ff560b; color:#fff;}
/*URUN DETAY*/


/*INDIRIM*/

.discountRate{text-align:center; width: 58px; height: 47px; position:absolute; right:0; top:0;}
.discountRateMid{font-size: 23px; line-height: 27px;}
.discountRateText{font-size: 11px;}
/*INDIRIM*/

/*FAVORILERE EKLE*/
.my-favourite-product .fa-heart:before{font-weight: 900 !important;}
.my-like .fa-thumbs-up:before{font-weight: 900 !important;}
/*FAVORILERE EKLE*/

/*CUSTOMER*/
.spc-carousel-arrow .left-arrow, .spc-carousel-arrow .right-arrow{position: absolute; top: 0; bottom: 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; width: 100px; color: #000;}
.spc-carousel-arrow .carousel-control-next-icon, .spc-carousel-arrow .carousel-control-prev-icon{background: #fff; text-align: center; width: 45px; height: 45px; border:1px solid #dedede; border-radius: 1.52941rem;}



.spc-carousel-arrow .carousel-control-next-icon i, .spc-carousel-arrow .carousel-control-prev-icon i{line-height:45px;}
.spc-carousel-arrow .left-arrow{left: 0; text-align:left;}
.spc-carousel-arrow .right-arrow{right:0; text-align:right;}
/*CUSTOMER*/

/*KARIYER SAYFASI*/
.frame-title1{position: absolute; margin:0; left: 0; bottom: 25px; color: #717171; font-size: 12px; transform: rotate(-90deg); transform-origin: left;}
.frame-title3{color: #717171; font-size: 12px;}
.career-table th, .career-table td{padding: 1rem !important;vertical-align: middle !important;}
/*KARIYER SAYFASI*/

/*HAKKIMIZDA*/
.frame-title4{position: absolute; right: -105px; bottom: 130px; color: #717171; font-size: 12px !important; transform: rotate(-90deg); transform-origin: top;}
/*HAKKIMIZDA*/

/*USER PANEL*/
.min-height-330{min-height:330px !important;}
.min-height-540{min-height:540px;}

.user-panel .nav-link{border-radius:0 !important;}
.user-panel .nav-link.active{background:#fff !important; color:#000 !important;}

.admin-side-nav li{background:transparent; border:none;}
.admin-panel-table td{padding:.60rem .75rem .60rem .75rem}
.user-online-nav{max-width:300px; width:300px; position: absolute; right: 15px; top: 60px; z-index: 10000;}
.table-first-top-border-none tr:first-child td{border-top:none;}
/*USER PANEL*/

/*CAROUSEL*/
.carousel-indicators .active{background-color: #ff560b;}
.carousel-indicators li{background-color: rgba(89, 41, 115,0.2);}
/*CAROUSEL*/

/*SLIDER*/
.slider-item .container{position: absolute; margin: 0 auto; left: 0; right: 0;}
/*SLIDER*/

/*SOCIAL BAND*/
.social-band p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -ms-flex: 0 1 60%; flex: 0 1 60%;}
/*SOCIAL BAND*/

/*HABER DETAY*/
.social-links-right{right:-50px;}
.social-links-right a i{line-height: 1.75em;}
.content-img img{width:100%;}
/*HABER DETAY*/

/*TRIANGLES*/
.triangle-up:before{content: ''; position:absolute; left: 30px; top:-10px; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #dee2e6 transparent;}
.triangle-up:after{content: ''; position:absolute; left: 30px; top:-9px; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #f8fafd transparent;}
/*TRIANGLES*/

/*SWIPE MENU*/
.open-left{-webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); box-shadow: 0 0 20px rgba(0,0,0,0.5); z-index: 10;}
.open-left .openNav{color:#ff560b !important;}
.main-container{transition: 0.5s; background-color:#FFF; position: relative;}
.mm-menu{width: 80%; min-width: 140px; max-width: 440px; height: 100%; left: auto; right: 0; position: fixed; background: #fff; z-index:0; opacity:0; -webkit-transition: all 1s linear;
    transition: all 1s linear; overflow:hidden;}
.mm-menu.nav-visible{display:block; opacity:1; overflow-y: auto;}
.mm-main-menu{-webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); transition: transform .4s ease; padding-bottom: 15px;}
.mm-sub-menu{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; transition: -webkit-transform .4s ease; transition: transform .4s ease; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); overflow-y: auto; padding-bottom: 15px;}
.mm-opened{-webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); z-index:1;}
.mm-subopened{-webkit-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear;}
.mm-menu a{line-height: 48px; padding: 2px 15px 2px 46px; margin: 5px 0;}
.mm-menu a.semi-opacity{padding: 2px 0 2px 27px !important; margin: 5px 0;}
.mm-menu a .fa-angle-right{width: 48px; height: 48px; text-align: center; line-height: 48px; float: right; display: block;}
.mm-menu a .fa-angle-left{width: 48px; height: 48px; text-align: center; line-height: 48px; float: left; display: block; margin-right: 5px;}

/*SWIPE MENU*/

/*AUTO COMPLETE SEARCH*/
.auto-complete input{padding-left:50px; background: #fff url(/theme/kmk/img/icons/system-icons/search-icon.svg) no-repeat 20px center  !important; margin: 0 !important;}
/*AUTO COMPLETE SEARCH*/

/*REFERANSLAR*/
.filter-box .badge{border-radius:50px;}
.filter-box .btn{background:none; transition:none !important; text-align:left; padding: 11px 0;    font-weight: 500;}
.filter-box .btn.dropdown-toggle:after{margin:9px 0 !important; float:right;}
.filter-box .dropdown .dropdown-container.show .btn.dropdown-toggle:after{transform: rotate(180deg);content:"x" !important;border: none !important;font-size: 24px;font-weight: 500;width: 20px;height: 24px;}
.filter-box .btn:focus{box-shadow:none !important;}
.filter-box .dropdown .dropdown-container{width: 100%;}
.filter-box .dropdown .dropdown-container.show{background:#FFF !important; min-height: 338px; left:0; right:0; padding: 0 15px; -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);}
.filter-box .dropdown .dropdown-container.show .border-bottom{border-bottom: 1px solid transparent !important;}
.filter-box .dropdown-menu{margin:0; border:none; transform: translate3d(0, 40px, 0) !important;}
.filter-box .dropdown-menu.show{height:300px; overflow-y: auto;}
.filter-box .custom-control{border-top: 1px solid #e3e7ea; margin: 0 !important; padding: 12px 25px;}
.filter-box .custom-control-label::before, .filter-box .custom-control-label::after{top: 32%;}
.filter-box .custom-control-label{color:#000;}

.filter-box .dropdown-menu::-webkit-scrollbar {width: 6px;}
.filter-box .dropdown-menu::-webkit-scrollbar-track {background: #dee2e6; }
.filter-box .dropdown-menu::-webkit-scrollbar-thumb {background: #ff560b;border-radius: 20px;}
.filter-box .dropdown-menu::-webkit-scrollbar-thumb:hover {background: #14223f; }

@media (min-width: 992px){
.filter-box .dropdown .dropdown-container.show{position: absolute;}
}

@media (max-width: 991px){
.filter-box .dropdown .dropdown-container.show{position: relative;}
}

.screen img {max-width: 100%;cursor: pointer; -webkit-transition: 2s ease-in-out;-moz-transition: 2s ease-in-out;-ms-transition: 2s ease-in-out;-o-transition: 2s ease-in-out;transition: 2s ease-in-out;}
.screen {height: 300px; overflow: hidden; cursor: pointer;}
.screen:hover img {animation: moveSlideshow 3s linear; animation-fill-mode: forwards;}
@keyframes moveSlideshow {100% {transform: translateY(calc(-100% + 300px));}}

.big-screen{overflow: hidden; cursor: pointer;}
.big-screen:hover img{animation: bigmoveSlideshow 3s linear; animation-fill-mode: forwards;}
@keyframes bigmoveSlideshow {100% {transform: translateY(calc(-80% + 300px));}}
/*REFERANSLAR*/

/*SHARE ICONS*/
.modal-body .share-icons{display:block !important;}
.share-icons a{width: 48px; height: 48px; text-align: center; padding: 0; margin: 0 5px !important;}
.share-icons a i{width: 100% !important; display: block; line-height: 48px; font-size: 20px;}
#share-modal .modal-body .link-dark a{width: 48px; height: 48px; display: inline-block !important; text-align: center;}
#share-modal .modal-body .link-dark a i{display:block; line-height:48px;}
/*SHARE ICONS*/

/*404 SAYFASI*/
.content-404{height:100vh;}
/*404 SAYFASI*/

/*DEMO SAYFASI*/
.demo-box{height:100vh;}
.demo-container{height:100vh; width:100%; display:table;}
.demo-container h1{font-weight:700;}
.demo-logo-bg{position:absolute; top: 130px; left: 85px; opacity:0.1;}
/*DEMO SAYFASI*/

/*SIPARIS SAYFASI*/
.cargo-select-list .custom-control-label::before, .cargo-select-list .custom-control-label::after, .digital-select-list .custom-control-label::before, .digital-select-list .custom-control-label::after{top: 1.23rem;}
.installment-box{min-height:182px; display:table; width:100%;}
.installment-box span{display:table-cell;}
.rules-content{overflow:auto; max-height:300px;}
.order-box.sticky-top{top: 71px !important; z-index:0 !important;}
#payment-tab .custom-radio .custom-control-input.active + .custom-control-label::before{background-color: #4285f4;}
#payment-tab .custom-radio .custom-control-input.active + .custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}
.promotion-code-box .btn{position: absolute;right: 0;top: 0;margin: 0 !important;height: 100%;width: 50px;}
/*SIPARIS SAYFASI*/


/*USER ONLINE*/
.user-online span{border-radius: 100%; background: #4285f4; text-align:center; display:block; border: 2px solid #669ffd; color: #fff !important; font-size: 11px; padding: 0; cursor: pointer;}
/*USER ONLINE*/

/*MUSTERI GORUSLERI*/
.card-image {padding-top: 100%; position: relative; width: 100%; background-repeat:no-repeat;}
.musteri-gorusleri .card-image{background-image: url(/upload/stylesBlockContent/tahtakaledukkan_com.webp);}
_::-webkit-full-page-media,:root .musteri-gorusleri .card-image{background-image: url(/upload/stylesBlockContent/tahtakaledukkan_com.jpg);}

.homepage-card-image{background-position: center center;}
.card-text {margin: auto;max-width: 300px;pointer-events: none;position: relative;text-align: center;z-index: 9;}
/*MUSTERI GORUSLERI*/

/*METRO ROW*/
.metro-row .metro-row-1 .card-image {padding-top: 100%; position: relative; width: 100%;background-image: url(/upload/stylesBlockContent/referanslarimiz.webp);background-repeat:no-repeat;}
_::-webkit-full-page-media,:root .metro-row .metro-row-1 .card-image{background-image: url(/upload/stylesBlockContent/referanslarimiz.jpg);} 

.metro-row .metro-row-2 .card-image {padding-top: 100%; position: relative; width: 100%;background-image: url(/upload/stylesBlockContent/is_ortagligi.webp);background-repeat:no-repeat;}
_::-webkit-full-page-media,:root .metro-row .metro-row-2 .card-image{background-image: url(/upload/stylesBlockContent/is_ortagligi.jpg);}


.metro-row .homepage-card-image{background-position: center center;}
.metro-row .card-text {margin: auto;max-width: 300px;pointer-events: none;position: relative;text-align: center;z-index: 9;}
/*METRO ROW*/

/*PRICING TABLE*/
.table-bg-blue-1{background: #e3eaf3;}
.table-bg-blue-2{background: #d9e3ef;}
.table-bg-green-1{background: #dff1e4;}
.table-bg-green-2{background: #cfefd8;}
.table-bg-red-1{background: #f9d0ce;}
.table-bg-red-2{background: #f5bebb;}
.table-bg-red-3{background: #f1b2ad;}
.table-bg-grn-1{background: #dcfdf4;}
.table-bg-grn-2{background: #cff3e9;}
.table-bg-grn-3{background: #baeadd;}
/*PRICING TABLE*/

.main-banner-square{background-color:#24293c;height: 165px; border-radius: 15px;}
.main-banner-square > *{opacity:0.6;}
.square-1{margin-top:45px;}
.square-2{margin-top:-45px;}

/*REFERANSLAR*/
_::-webkit-full-page-media,:root .referanslar{background-image: url(/upload/stylesBlockContent/referanslar.png);}
.referanslar{background-image: url(/upload/stylesBlockContent/referanslar.webp);background-repeat:no-repeat;background-position: center bottom;}
/*REFERANSLAR*/

@media (max-width: 574px) {
.display-4 {font-size: 2.5rem;}
#accordion .h3 {font-size: 1.2rem;}

/*DEMO SAYFASI*/
.demo-container {background:none; border:none;}
/*DEMO SAYFASI*/

/*REFERANSLAR DETAY*/
.big-screen{height: 300px;}
/*REFERANSLAR DETAY*/

/*MUSTERI GORUSLERI*/
.card-image {background-position: center center; background-size: cover;}
/*MUSTERI GORUSLERI*/

/*METRO ROW*/
.metro-row .card-image {background-position: center center; background-size: cover;}
/*METRO ROW*/

/*METRO*/
.metro .blog a {background-repeat: no-repeat;height: 500px;background-size: cover;background-image: url(/upload/stylesBlockContent/blog.webp);}
_::-webkit-full-page-media,:root .metro .blog a{background-image: url(/upload/stylesBlockContent/blog.jpg);} 

.metro .destek a {background-repeat: no-repeat;height: 500px;background-size: cover;background-image: url(/upload/stylesBlockContent/destek.webp);}
_::-webkit-full-page-media,:root .metro .destek a{background-image: url(/upload/stylesBlockContent/destek.jpg);} 

.metro .kariyer a {background-repeat: no-repeat;height: 500px;background-size: cover;background-image: url(/upload/stylesBlockContent/kariyer.webp);}
_::-webkit-full-page-media,:root .metro .kariyer a{background-image: url(/upload/stylesBlockContent/kariyer.jpg);} 
/*METRO*/

/*REFERANSLAR*/
.referanslar{height: 420px;background-size: contain;}
.references .owl-carousel .owl-item {margin-right:5px !important;}
/*REFERANSLAR*/

/*ETICARET SAYFASI*/
.metro .akademi a {background-repeat: no-repeat;height: 500px;background-size: cover;background-image: url(/upload/pagesContent/eticaret_akademi.webp);}
_::-webkit-full-page-media,:root .metro .akademi a{background-image: url(/upload/pagesContent/eticaret_akademi.jpg);} 
/*ETICARET SAYFASI*/

}

@media (min-width: 575px) {
.demo-container{border: 30px solid #ff560b; background: url(/upload/logos/demo_bg_logo.svg) no-repeat bottom left; background-size:200px 455px;}
.demo-container .mobil-br{display:none;}

.webRef {width:20% !important;max-width: 20% !important;flex:0 0 20% !important;}

/*SWIPE MENU*/
.open-left{-webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); box-shadow: 0 0 20px rgba(0,0,0,0.5);}
/*SWIPE MENU*/

/*REFERANSLAR DETAY*/
.big-screen{height: 600px;}
/*REFERANSLAR DETAY*/
}

@media (min-width: 768px) {
/*PRICING TABLE*/
.mm-pricing{display:none;}
.mm-cell-title{display:none;}

.pop-hover-box{top: -39px; right: -362px; width: 350px;}
.pop-hover:hover .pop-hover-box:after {border-width: 10px 12px 10px 0; border-color: transparent #ffffff transparent transparent; left: -12px; top: 40px;}
.pop-hover:hover .pop-hover-box:before {border-width: 10px 12px 10px 0; border-color: transparent #dedede transparent transparent; left: -13px; top: 40px;}
/*PRICING TABLE*/

/*SUPPORT MODULE*/
.support-module{right: 50px;bottom: 0;width: 300px;border-radius: 6px 6px 0 0;}
.support-title{border-radius: 6px 6px 0 0; padding: 20px;}
/*SUPPORT MODULE*/
}

@media (max-width: 767px) {
/*FONTS*/
.size-sm-22 {font-size: 22px !important;}
.size-sm-12 {font-size: 12px !important;}
.size-sm-60 {font-size: 60px;}
/*FONTS*/

/*PRICING TABLE*/
.cell-1-1.cell-none, .cell-2.cell-none, .cell-3.cell-none{display:none;}
.mm-pricing{margin-bottom:45px;}
.mm-pricing .mm-tab-active{background: #f6fafd; position: relative;}
.mm-pricing .mm-tab-active.bg-blue-1{background: #e3eaf3;}
.mm-pricing .mm-tab-active.bg-blue-2{background: #d9e3ef;}
.mm-pricing .mm-tab-active.bg-green-1{background: #dff1e4;}
.mm-pricing .mm-tab-active.bg-green-2{background: #cfefd8;}
.mm-pricing .mm-tab-active.bg-red-1 {background: #f9d0ce;}
.mm-pricing .mm-tab-active.bg-red-2 {background: #f5bebb;}
.mm-pricing .mm-tab-active.bg-red-3 {background: #f1b2ad;}
.mm-pricing .mm-tab-active.bg-grn-1{background: #dcfdf4;}
.mm-pricing .mm-tab-active.bg-grn-2{background: #cff3e9;}
.mm-pricing .mm-tab-active.bg-grn-3{background: #baeadd;}

.mm-pricing .mm-tab-active:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1.svg) no-repeat; background-size:100%; width:100%; height: 45px; position: absolute; left: 0; bottom: -45px; z-index: 1;}
.mm-pricing .mm-tab-active:after{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_2.svg) no-repeat; background-size:100%; width:100%; height: 45px; position: absolute; left: 0; bottom: -46px;z-index: 0;}
.mm-pricing .mm-tab-active.bg-blue-1:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_blue_1.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-blue-2:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_blue_2.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-green-1:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_green_1.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-green-2:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_green_2.svg) no-repeat; background-size: 100%;}

.mm-pricing .mm-tab-active.bg-red-1:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_red_1.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-red-2:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_red_2.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-red-3:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_red_3.svg) no-repeat; background-size: 100%;}

.mm-pricing .mm-tab-active.bg-grn-1:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_grn_1.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-grn-2:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_grn_2.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-grn-3:before{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_1_grn_3.svg) no-repeat; background-size: 100%;}

.mm-pricing .mm-tab-active.bg-blue-1:after{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_2_blue_1.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-blue-2:after{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_2_blue_2.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-green-1:after{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_2_green_1.svg) no-repeat; background-size: 100%;}
.mm-pricing .mm-tab-active.bg-green-2:after{content: ""; background: url(/theme/kmk/img/sistem_gorselleri/mm_pricing_down_2_green_2.svg) no-repeat; background-size: 100%;}
.cell-title{display:none;}



.pop-hover-box{bottom: 40px; left: 0; width: 300px;}
.pop-hover:hover .pop-hover-box:after {border-width: 12px 12px 10px 12px; border-color: #ffffff transparent transparent transparent; left: 40px; bottom: -22px;}
.pop-hover:hover .pop-hover-box:before {border-width: 12px 12px 10px 12px; border-color: #dedede transparent transparent transparent; left: 40px; bottom: -23px;}
/*PRICING TABLE*/

.support-module{width:100%; margin: 0 auto;left: 0;right: 0;}
.support-title{padding: 11px 20px;}
}

@media (min-width: 575px) and (max-width: 991px) {
/*MUSTERI GORUSLERI*/
.card-image {background-position: center center; background-size: cover;}
/*MUSTERI GORUSLERI*/


/*METRO ROW*/
.metro-row .card-image {background-position: center center; background-size: cover;}
/*METRO ROW*/

/*REFERANSLAR*/
.referanslar{height: 535px;background-size: contain;}
/*REFERANSLAR*/
}

@media (min-width: 575px) and (max-width: 767px) {
.display-4 {font-size: 2.5rem;}

/*METRO*/
.metro .blog a {background-repeat: no-repeat;height: 750px;background-size: cover;background-image: url(/upload/stylesBlockContent/blog.webp);}
_::-webkit-full-page-media,:root .metro .blog a{background-image: url(/upload/stylesBlockContent/blog.jpg);} 

.metro .destek a {background-repeat: no-repeat;height: 750px;background-size: cover;background-image: url(/upload/stylesBlockContent/destek.webp);}
_::-webkit-full-page-media,:root .metro .destek a{background-image: url(/upload/stylesBlockContent/destek.jpg);} 

.metro .kariyer a {background-repeat: no-repeat;height: 750px;background-size: cover;background-image: url(/upload/stylesBlockContent/kariyer.webp);}
_::-webkit-full-page-media,:root .metro .kariyer a{background-image: url(/upload/stylesBlockContent/kariyer.jpg);} 
/*METRO*/

/*REFERANSLAR*/
.referanslar{height: 470px;background-size: contain;}
/*REFERANSLAR*/

/*ETICARET SAYFASI*/
.metro .akademi a {background-repeat: no-repeat;height: 750px;background-size: cover;background-image: url(/upload/pagesContent/eticaret_akademi.webp);}
_::-webkit-full-page-media,:root .metro .akademi a{background-image: url(/upload/pagesContent/eticaret_akademi.jpg);} 
/*ETICARET SAYFASI*/
}


@media (min-width: 768px) and (max-width: 991px) {
.display-4 {font-size: 2.5rem;}

/*METRO*/
.metro .blog a {background-repeat: no-repeat;height: 1024px;background-size: cover;background-image: url(/upload/stylesBlockContent/blog.webp);}
_::-webkit-full-page-media,:root .metro .blog a{background-image: url(/upload/stylesBlockContent/blog.jpg);} 

.metro .destek a {background-repeat: no-repeat;height: 1024px;background-size: cover;background-image: url(/upload/stylesBlockContent/destek.webp);}
_::-webkit-full-page-media,:root .metro .destek a{background-image: url(/upload/stylesBlockContent/destek.jpg);} 

.metro .kariyer a {background-repeat: no-repeat;height: 1024px;background-size: cover;background-image: url(/upload/stylesBlockContent/kariyer.webp);}
_::-webkit-full-page-media,:root .metro .kariyer a{background-image: url(/upload/stylesBlockContent/kariyer.jpg);} 
/*METRO*/

/*ETICARET SAYFASI*/
.metro .akademi a {background-repeat: no-repeat;height: 1024px;background-size: cover;background-image: url(/upload/pagesContent/eticaret_akademi.webp);}
_::-webkit-full-page-media,:root .metro .akademi a{background-image: url(/upload/pagesContent/eticaret_akademi.jpg);} 
/*ETICARET SAYFASI*/
}

@media (min-width: 1440px){
/*SEARCH-BAR*/
.search-bar{width: 100px;}
.search-active{width: 40%; right: 0;box-shadow: -4px -3px 10px #d4d4d4;}
/*SEARCH-BAR*/

/*HEADER*/
.top-header .top-header-left{-webkit-box-flex: 0;-ms-flex: 0 0 47%;flex: 0 0 47%;max-width: 47%;}
.top-header .top-header-right{flex: 0 0 43%;max-width: 43%;padding: 0;}

.main-menu .col-3.col-lg-2{flex: 0 0 18%;max-width: 18%;}
.main-menu .col-6.d-none.d-lg-block{-webkit-box-flex: 0;-ms-flex: 0 0 58%;flex: 0 0 58%;max-width: 58%;padding: 0;}
.main-menu .col-9.col-lg-4.mobile-nav{flex: 0 0 24%;max-width: 24%;padding: 0;}
.main-menu .main-nav > .navbar-nav > li > a{padding: 27px 20px!important;display: block;font-size: 15px;letter-spacing: 0.3px;}
.main-menu .main-nav > .navbar-nav > li.active > a{padding: 27px 17px!important;font-weight: bold;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > a{padding: 27px 15px;font-size: 15px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .search-icon{padding: 27px 20px;font-size: 15px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .phone-icon {padding: 26px 20px;font-size: 16px;letter-spacing: 0.5px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .header-demo-btn{padding: 10px 15px;margin: 15px 0;}
/*HEADER*/
}

@media (min-width: 1200px) and (max-width:1439px){
/*SEARCH-BAR*/
.search-bar{width: 100px;}
.search-active{width: 70%; right: 0;box-shadow: -4px -3px 10px #d4d4d4;}
/*SEARCH-BAR*/

/*HEADER*/
.top-header .top-header-left{-webkit-box-flex: 0;-ms-flex: 0 0 47%;flex: 0 0 47%;max-width: 47%;}
.top-header .top-header-right{flex: 0 0 43%;max-width: 43%;padding: 0;}

.main-menu .col-3.col-lg-2{flex: 0 0 20%;max-width: 20%;}
.main-menu .col-6.d-none.d-lg-block{-webkit-box-flex: 0;-ms-flex: 0 0 56%;flex: 0 0 56%;max-width: 56%;padding: 0;}
.main-menu .col-9.col-lg-4.mobile-nav{flex: 0 0 24%;max-width: 24%;padding: 0;}
.main-menu .main-nav > .navbar-nav > li > a{padding: 27px 16px!important;display: block;font-size: 15px;letter-spacing: 0.3px;}
.main-menu .main-nav > .navbar-nav > li.active > a{padding: 27px 16px!important;font-weight: bold;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > a{padding: 27px 15px;font-size: 15px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .search-icon{padding: 27px 20px;font-size: 15px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .phone-icon{padding: 27px 18px;font-size: 15px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .header-demo-btn{padding: 10px 15px;margin: 15px 0;}
/*HEADER*/
}

@media (min-width: 992px) and (max-width: 1199px){
/*SEARCH-BAR*/
.search-bar{width: 100px;}
.search-active{width: 75%; right: 0;box-shadow: -4px -3px 10px #d4d4d4;}
/*SEARCH-BAR*/

/*HEADER*/
.main-menu .col-3.col-lg-2{flex: 0 0 16%;max-width: 16%;padding:0;}
.main-menu .col-3.col-lg-2 > a{margin:0;}
.main-menu .col-3.col-lg-2 > a > img{max-width: 100%;height: auto;}
.main-menu .col-6.d-none.d-lg-block{-webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 64%;max-width: 64%;padding-right: 0;}
.main-menu .col-9.col-lg-4.mobile-nav{flex: 0 0 20%;max-width: 20%;padding: 0;}
.main-menu .main-nav > .navbar-nav > li > a{padding: 27px 12px!important;display: block;font-size: 14px;letter-spacing: 0.3px;}
.main-menu .main-nav > .navbar-nav > li.active > a{padding: 27px 11px!important;font-weight: bold;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > a{padding: 27px 15px;font-size: 15px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .search-icon{padding: 27px 20px;font-size: 15px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .phone-icon {padding: 27px 0;font-size: 14px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .header-demo-btn{padding: 10px 8px;margin: 15px 0;}
/*HEADER*/
}

@media (min-width: 992px){
.row.justify-content-md-center .col-lg-10.mb-4{padding:0;}

/*SUB NAV*/
.sub-nav a{padding-left: 1rem !important; padding-right: 1rem !important;}
/*SUB NAV*/

/*POSITIONS*/
.t--10{top:-10px;}
/*POSITIONS*/

/*BORDERS*/
.features-hover a:nth-child(4n){border-right:none;}
.features-hover a:nth-child(n+5){border-bottom:none;}
.features-hover a:nth-child(n+9) {border-top: 1px solid #dee2e6;}
/*BORDERS*/

/*HEADER*/
.navbar-brand{padding: 15px 0 !important; display: block !important;}

.main-menu .container{position:initial !important;}
.main-menu .col-6.d-none.d-lg-block{position:initial !important;}
.main-menu .main-nav{padding:0 !important;position:initial !important;}
.main-menu .main-nav > .navbar-nav{position:initial !important;}
.main-nav{padding:0 !important;}

.sub-megamenu{display:none;position: absolute;background: #ffffff;width: 100%;left: 0;right: 0;margin: 0 auto;}
.main-menu .main-nav > .navbar-nav > li:hover .sub-megamenu{display:block;}

.main-menu .sub-navbar-nav{display:none; position:absolute; width:230px; padding: 12px; background-color:#FFF; -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); z-index: 10;margin-top: -15px;}
.main-menu .main-nav .sub-nav-item:hover .sub-navbar-nav{display:block;}
.sub-nav-item i{padding: 0 0 0 10px;}
.main-menu .sub-navbar-nav li{margin:0;}
.main-menu .sub-navbar-nav li a{padding: 10px; display:block; font-size: 15px;}

.main-menu .megamenu-navbar-nav{display:none; position:absolute; width:780px; padding: 30px; background-color:#FFF; -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); z-index: 10;margin-top: -15px;}
.main-menu .main-nav .megamenu-nav-item:hover .megamenu-navbar-nav{display:block;}
.main-menu .main-nav > .navbar-nav > li{margin:0 2px;}
.megamenu-nav-item i{padding: 0 10px;}
.main-menu .megamenu-navbar-nav li{margin:0; padding: 0;}
.main-menu .megamenu-navbar-nav li a{padding: 1px 0;display: block;font-size: 15px;}
.main-menu .megamenu-navbar-nav .megamenu-content{font-weight:normal !important;font-size: 14px;color: #798396;}

.main-menu .mobile-nav .tool-box .navbar-nav > li > a{display:block; float: left;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .search-icon{display:block;}

.search-icon{cursor:pointer;}
.search-bar{top: 0;}
/*HEADER*/


/*FOOTER*/
.social-box{display: flex; padding-bottom: 1.50rem; padding-top: 1.50rem;}
.social-title{text-align: left; margin-right: 1rem;}
.newsletter-btn{margin-left: auto;}
.footer-bottom{display:flex;padding-top: 1.50rem;padding-bottom: 1.50rem;}
.footer-logo{display: inline-block; margin-right: 10px;}
.footer-bottom-img{margin-left:auto; display: inline-block;}
.copyright{display:inline-block;}
.footer-bottom-img{display: block; text-align: center;}
/*FOOTER*/

/*CUSTOMER*/
.spc-carousel-arrow .customer-content{padding-right:7rem;}
.spc-carousel-arrow .customer-img{padding:0 11rem;}
/*CUSTOMER*/

/*PRICING*/
#pricing-table{overflow:visible;}
.shadow-table{position:absolute; right:0; left:0; padding: 0 15px; z-index:-1; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;}
.shadow-table .t-shadow{-webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);}
/*PRICING*/

/*SCROLL MENU*/
.touch-categories-box .touch-categories-box-container{width: 100%; display:flex; -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important;}
.touch-categories-box{width:100%;}
/*SCROLL MENU*/

/*URUN SATIS*/
.product-quick-lg-modal{width:80% !important; max-width:80% !important;}
/*URUN SATIS*/

/*MUSTERI GORUSLERI*/
.homepage-card-content {height: 100%;}
.card-image {height: 628px; padding-top: 0; background-position:center center;}

.card-text {margin-left: 8.6%; max-width: 300px;position: absolute;text-align: left;top: 50%;color: #fff;-ms-transform: translateY(-50%);transform: translateY(-50%);}
/*MUSTERI GORUSLERI*/

/*METRO ROW*/
.metro-row .metro-row-1{padding-right: 22px;}
.metro-row .metro-row-2{padding-left: 22px;}
.metro-row .homepage-card-content {height: 100%;}
.metro-row .card-image {height: 640px; padding-top: 0; background-position:center center;}
.metro-row .card-text {margin-left: 8.6%; max-width: 300px;position: absolute;text-align: left;top: 20%;color: #fff;-ms-transform: translateY(-50%);transform: translateY(-50%);}
/*METRO ROW*/

/*REFERANSLAR DETAY*/
.reference-content-box{margin-top:-100px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); -moz-box-shadow: 0 0 5px rgba(0,0,0,.15); box-shadow: 0 0 5px rgba(0,0,0,.15);}
/*REFERANSLAR DETAY*/

/*WIDTH*/
.w-lg-10 {width: 10%!important;}
.w-lg-70 {width: 70%!important;}

/*WIDTH*/

/*HEIGHT*/
.equal-height{height:497px;}
/*HEIGHT*/

/*USER PANEL*/
.user-panel-logo{margin: -16px 0; background-color: #454b52;}
.user-panel-logo .navbar-brand{padding: 15px 0 !important;}
/*USER PANEL*/

/*BACKGROUNDS*/			 
.bg-home-main-image{/*background-image: url(/upload/stylesBlockContent/kobi_eticaret_kampanyasi.webp);background-position: center;background-repeat: no-repeat;background-size: cover;height: 450px;*/background-color:#171a29;}
 
/*.bg-main-image{background: url(/upload/pagesContent/main_img_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;height: 600px;}*/
.bg-main-image{background-color:#171a29; background-image: url(/upload/stylesBlockContent/home_main_image.png);background-position: center;background-repeat: no-repeat;background-size: cover;height: 550px;}
.bg-main-sub-image{background-color:#171a29; background-image: url(/upload/stylesBlockContent/home_main_image.png);background-position: center;background-repeat: no-repeat;background-size: cover;height: 450px;}
.bg-b2c{background:url(/upload/pagesContent/b2c_eticaret_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-b2c2{background: rgb(0,90,66);background: radial-gradient(circle, rgba(0,90,66,1) 0%, rgba(4,105,78,1) 0%, rgba(0,90,66,1) 100%); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-c2c{background:url(/upload/pagesContent/c2c_eticaret_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-c2c2{background: rgb(20,94,193);background: radial-gradient(circle, rgba(20,94,193,1) 0%, rgba(26,115,233,1) 0%, rgba(20,94,193,1) 100%); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-b2b{background:url(/upload/pagesContent/b2b_eticaret_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-b2b2{background: rgb(53,58,64);background: linear-gradient(142deg, rgba(53,58,64,1) 0%, rgba(62,67,74,1) 49%, rgba(53,58,64,1) 100%); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-ozel-web-tasarim{background:url(/upload/pagesContent/ozel_web_tasarim_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-web-tasarim{background:url(/upload/pagesContent/web_tasarim_bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 600px;}
.bg-seo-optimizasyon{background:url(/upload/pagesContent/seo_optimizasyon_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-e-posta-pazarlama{background:url(/upload/pagesContent/e_posta_pazarlama_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-kurumsal-kimlik{background:url(/upload/pagesContent/kurumsal_kimlik_olusturma_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-web-hosting{background:url(/upload/pagesContent/web_hosting_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-eticaret-hosting{background:url(/upload/pagesContent/eticaret_hosting_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-c2c-eticaret-hosting{background:url(/upload/pagesContent/c2c_eticaret_hosting_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-sanal-sunucu{background:url(/upload/pagesContent/sanal_sunucu_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-dijital-katalog{background:url(/upload/pagesContent/dijital_katalog_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-kmk-akademi{background:url(/upload/pagesContent/kmk_akademi_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-is-ortakligi{background:url(/upload/pagesContent/is_ortakligi_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-bayimiz-ol{background:url(/upload/pagesContent/bayimiz_ol_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-bilisim-danismani{background:url(/upload/pagesContent/bilisim_danismani_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-web_yazilim{background:url(/upload/pagesContent/web_yazilim_banner.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-e-ihracat{background:url(/upload/pagesContent/e_ihracat_banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-e-ihracat2{background: rgb(234,66,53);background: radial-gradient(circle, rgba(234,66,53,1) 0%, rgba(245,85,73,1) 0%, rgba(234,66,53,1) 100%); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-kariyer{background-color:#d6eef7; background-image:url(/upload/pagesContent/bg_kariyer.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;}
.bg-web {background-image: url(/theme/kmk/img/sistem_gorselleri/web_design01.svg);background-position: center;background-repeat: no-repeat;height: 650px;}
.hbanner {background:#ff560b;}

/*BACKGROUNDS*/

/*BG ARROWS*/
.bg-arrow.arrow-right{background:url(/upload/pagesContent/kmk_arrow_bg_right.png) no-repeat left;}
.bg-arrow.arrow-left{background:url(/upload/pagesContent/kmk_arrow_bg_left.png) no-repeat right;}
/*BG ARROWS*/

/*KAMPANYALAR*/
.slider-box .slide-bg-1{background:url("/upload/bannersContent/seninle_birlikte_buyuyen_guclu_eticaret_yazilimi.png"); background-size: cover;}
.slider-box .slide-bg-2{background:url("/upload/bannersContent/isinin_gelecegini_birlikte_tasarlayalim.png"); background-size: cover;}
.slider-box .slide-bg-3{background:url("/upload/bannersContent/isine_uygun_eticaret_yazilimi.png"); background-size: cover;}
.slider-box .slide-bg-4{background-image: url(/upload/stylesBlockContent/kobi_eticaret_kampanyasi.webp);background-position: center;background-repeat: no-repeat;background-size: cover;height: 450px;}
 
.slider-box .kmk-carousel-caption{height:450px; display:table;}
.slider-box .kmk-carousel-caption .row{display:table-cell; vertical-align:middle;}
/*KAMPANYALAR*/

/*URUNLERIMIZ*/
.products .product-row{display:block; -moz-column-count: 2;-webkit-column-count: 2; column-count: 2;}
.products .product-box{display:inline-block !important; width:100%; max-width: 100%;}
.products .product-box .list-group .list-group-item i{float:right; font-size: 25px; margin: 26px 0;}
/*URUNLERIMIZ*/

/*HOSTING*/
.blur-space .row{-webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-filter: blur(0); filter: blur(0);}
.blur-space:hover .row{opacity: .7; -webkit-filter: blur(10px); filter: blur(10px);}
.blur-space .btn{position: absolute; z-index: 1; left: 50%; -webkit-transform: translate(-50%,210px) scale(.95); transform: translate(-50%,210px) scale(.95); opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.blur-space:hover .btn{opacity: 1; -webkit-transform: translate(-50%,200px); transform: translate(-50%,200px);}
/*HOSTING*/

/*PADDING*/
.p-lg-10{padding: 6rem !important;}
.px-lg-10{padding-left: 6rem !important; padding-right: 6rem !important;}
.py-lg-10{padding-top: 6rem !important; padding-bottom: 6rem !important;}
.pt-lg-10{padding-top: 6rem !important;}
.pb-lg-10{padding-bottom: 6rem !important;}
.pl-lg-10{padding-left: 6rem !important;}
.pr-lg-10{padding-right: 6rem !important;}

.p-lg-15{padding: 9rem !important;}
.px-lg-15{padding-left: 9rem !important; padding-right: 9rem !important;}
.spc-space.py-lg-15{padding-top: 9rem !important; padding-bottom: 9rem !important;}
.pt-lg-15{padding-top: 9rem !important;}
.pb-lg-15{padding-bottom: 9rem !important;}
.pl-lg-15{padding-left: 9rem !important;}
.pr-lg-15{padding-right: 9rem !important;}
/*PADDING*/

/*MARGIN*/
.mb-lg-10{margin-bottom:6rem !important;}
.mt-lg-negative-5{margin-top:-3rem !important;}
.mt-lg-negative-10{margin-top:-6rem !important;}

/*MARGIN*/


/*OZELLIKLER ONE-PAGE*/
.features-container .features-box{height:100vh;}
/*OZELLIKLER ONE-PAGE*/

/*MOBILE NAV*/
.mobile-nav .cart-active{position:relative;}
.mobile-nav .cart-active:after{content: ""; width: 8px; height: 8px; display: block; position: absolute; top: -5px; right: -7px; background-color: #4285f4; border: 1px solid #fff; border-radius: 100%;}
.mobile-nav .nav-link i{line-height:25px;}
/*MOBILE NAV*/

/*USER ONLINE*/
.user-online{padding: 17px 9px;}
.user-online span{width: 36px; height: 36px; line-height: 33px;}
/*USER ONLINE*/

.product-features-table td {padding-left: 100px !important;padding-right: 100px !important;}

/*KARIYER SAYFASI*/
.kariyer-title-block{padding:6rem 0 9rem 0;}
/*KARIYER SAYFASI*/

/*METRO*/
.metro .blog a {background-repeat: no-repeat;height: 600px;background-size: cover;background-image: url(/upload/stylesBlockContent/blog.webp);}
_::-webkit-full-page-media,:root .metro .blog a{background-image: url(/upload/stylesBlockContent/blog.jpg);} 

.metro .destek a {background-repeat: no-repeat;height: 600px;background-size: cover;background-image: url(/upload/stylesBlockContent/destek.webp);}
_::-webkit-full-page-media,:root .metro .destek a{background-image: url(/upload/stylesBlockContent/destek.jpg);} 

.metro .kariyer a {background-repeat: no-repeat;height: 600px;background-size: cover;background-image: url(/upload/stylesBlockContent/kariyer.webp);}
_::-webkit-full-page-media,:root .metro .kariyer a{background-image: url(/upload/stylesBlockContent/kariyer.jpg);} 
/*METRO*/

/*REFERANSLAR*/
.referanslar{height: 600px;}
/*REFERANSLAR*/

/*ETICARET SAYFASI*/
.metro .akademi a {background-repeat: no-repeat;height: 600px;background-size: cover;background-image: url(/upload/pagesContent/eticaret_akademi.webp);}
_::-webkit-full-page-media,:root .metro .akademi a{background-image: url(/upload/pagesContent/eticaret_akademi.jpg);} 
/*ETICARET SAYFASI*/
}

@media (max-width: 991px){
/*BLOCK TABLE*/
.table-block tr{display:block; border-bottom: 1px solid #dee2e6; padding: 12px 15px;}
.table-block tr:last-child{border:none;}
.table-block th, .table-block td{display:block; width: 100% !important; border: none !important; padding: 0 !important;}

.img-fluid {border-radius: 10px;}
/*BLOCK TABLE*/

.container {padding-left:30px !important;padding-right:30px !important;}
.product-features .card-body {padding-left:0 !important;padding-right:0 !important;}

/*KARIYER SAYFASI*/
.kariyer-title-block{padding:2rem 0;}
/*KARIYER SAYFASI*/

/*C2C SAYFA*/
.helpbg {background:#14223f !important;}
#c2ctable td {padding:12px !important}
#c2ctable td.text-right {text-align: left !important;}
#c2ctable td .pop-hover {font-size: 15px !important;}
#c2ctable td .fal {margin:0 !important;margin-left:6px !important;}
a.text-dark #c2ctable td .h5 {font-size: 16px !important;}
a.text-dark #c2ctable td:first-child {width:100% !important;}
a.text-dark #c2ctable td:nth-child(2) {width:0% !important;}
a.text-dark #c2ctable td:nth-child(3) {width:0% !important;padding:0 !important;}
a.text-dark #c2ctable td:nth-child(4) {width:0% !important;}

/*C2C SAYFA*/

/*TITLES*/
.h1-sm {font-size: 2.25rem !important; line-height: 43px !important;}
.h2-sm {font-size: 1.25rem !important;}
.h3-sm {font-size: 1.25rem !important;}
.h4-sm {font-size: 1.25rem; line-height: 29px;}
.h5-sm {font-size: 1rem; line-height: 20px;}
/*TITLES*/

/*HEADER*/
.main-menu{padding: 7px 0;}
.navbar-brand{padding: 3px 0;}
.navbar-brand img{width:100%;}

.main-menu > .container {padding:0 15px !important;}
.main-menu .col-3.col-lg-2{flex: 0 0 60%;max-width: 60%;}
.main-menu .col-9.col-lg-4.mobile-nav{flex: 0 0 40%;max-width: 40%;padding: 0;}

.main-menu .mobile-nav .tool-box .navbar-nav > li{display:inline-block; margin: 0 3px;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > a{padding: 0 15px; line-height: 48px; display: block; float: left;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .header-demo-btn{padding: 0 15px;line-height: 34px;margin: 7px 0;display:none;}

.main-menu .mobile-nav .tool-box .navbar-nav > li > .search-icon{padding: 0 15px; line-height: 48px; display: block;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .phone-icon{display:none;}
.main-menu .mobile-nav .tool-box .navbar-nav > li > .openNav{font-size:27px;}
/*HEADER*/

/*BUTONLAR*/
.btn.d-inline-block {display:block !important;}
/*BUTONLAR*/

/*FOOTER*/
.social-box{padding-bottom: 1.5rem; padding-top: 1.5rem;}
.social-title{text-align: center; margin-bottom: 1rem;}
.social-links{display: block; text-align: center; margin-bottom: 1rem;}
.newsletter-btn{display: block; text-align: center;}
.footer-center .col-6{margin-bottom: 1rem;}
.footer-center .list-group li a{font-size: 15px; line-height: 24px;}
.footer-bottom{padding-top: 1.5rem; padding-bottom: 1.5rem;}
.footer-logo{display: block; text-align:center; margin-bottom: 1rem;}
.copyright{display:block; text-align:center; margin-bottom: 1rem;}
.footer-bottom-img{display: block; text-align: center;}
.footer-bottom-img .footer-logos{display:none;}
/*FOOTER*/

/*CEREZLER*/
.cookies-box{width: 100%;left: 0;padding: 22px 20px;bottom: 0;z-index: 1000;}
.cookies-box h6{margin: 0 0 3px 0;font-size: 14px;}
.cookies-box p{line-height: 16px;font-size: 13px;}
/*CEREZLER*/

/*SCROLL MENU*/
.touch-categories-box .touch-categories-box-container{width: 1000%;}
.touch-categories-box{overflow-x: scroll; width:100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
/*SCROLL MENU*/

/*HABER DETAY*/
.social-links-right{right:20px;}
/*HABER DETAY*/

/*FONT SIZE*/
.lead-sm{font-size:1rem !important;}
/*FONT SIZE*/

/*FEATURES*/
.features .features-hover a:nth-child(2n){border-right:none;}
.features .features-hover a:nth-child(n+7){border-bottom:none;}
.features .features-hover a:nth-child(n+9) {border-top: 1px solid #dee2e6;}
/*FEATURES*/

/*MUSTERI GORUSLERI*/
.card-image {height: 400px; padding-top: 0;}
.card-text {max-width: 450px;}
/*MUSTERI GORUSLERI*/

/*METRO ROW*/
.metro-row .card-image {height: 400px; padding-top: 0;}
.metro-row .card-text {max-width: 450px;}
/*METRO ROW*/

/*HOSTING*/
.blur-space .btn{display:none;}
/*HOSTING*/

/*PRICING*/
.shadow-table{display:none !important;}
/*PRICING*/

/*CUSTOMER*/
.spc-carousel-arrow .customer-content{padding:0 7rem; text-align:center;}
/*CUSTOMER*/

/*BACKGROUNDS*/
.bg-b2c, .bg-c2c, .bg-b2b, .bg-ozel-web-tasarim{background-image:none;}
.bg-b2c{background:#34a853;}
.bg-b2c2 {background: rgb(0,90,66);background: radial-gradient(circle, rgba(0,90,66,1) 0%, rgba(4,105,78,1) 0%, rgba(0,90,66,1) 100%);}
.bg-c2c{background:#fbbc05;}
.bg-c2c2 {background: rgb(20,94,193);background: radial-gradient(circle, rgba(20,94,193,1) 0%, rgba(26,115,233,1) 0%, rgba(20,94,193,1) 100%);}
.bg-b2b{background:#343a40;}
.bg-b2b2{background: rgb(53,58,64);background: linear-gradient(142deg, rgba(53,58,64,1) 0%, rgba(62,67,74,1) 49%, rgba(53,58,64,1) 100%);}
.bg-ozel-web-tasarim{background:#8a41c4;}
.bg-seo-optimizasyon{background:#f15a29;}
.bg-e-posta-pazarlama{background:#fbbc05;}
.bg-kurumsal-kimlik{background:#ff4e00;}
.bg-web-hosting{background:#ae2cc8;}
.bg-eticaret-hosting{background:#34a853;}
.bg-c2c-eticaret-hosting{background:#fbbc05;}
.bg-sanal-sunucu{background:#da1c5c;}
.bg-dijital-katalog{background:#9e1f63;}
.bg-kmk-akademi{background:#5c6ac4;}
.bg-is-ortakligi{background:#112851;}
.bg-bayimiz-ol{background:#ea4335;}
.bg-bilisim-danismani{background:#fbbc05;}
.bg-web_yazilim{background:#0f4296;}
.bg-e-ihracat{background:#9b170d;}
.bg-e-ihracat2{background: rgb(234,66,53);background: radial-gradient(circle, rgba(234,66,53,1) 0%, rgba(245,85,73,1) 0%, rgba(234,66,53,1) 100%);}
.bg-kariyer{background: #d6eef7;}
.bg-web-tasarim{background:#8a41c4;}
.bg-web{background:#ff560b;}
/*.bg-main-image{background: url(/upload/pagesContent/main_img_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;height: 400px;}*/
/*.bg-home-main-image{background-image: url(/upload/stylesBlockContent/kobi_eticaret_kampanyasi.webp); background-position: center;background-repeat: no-repeat;background-size: cover;height: 300px;}*/
.bg-home-main-image{background-color: #171a29; /*height: 410px;*/display: flex;align-items: center;}
.bg-main-image{background-color: #171a29; background-image:none; /*height: 410px;*/display: flex;align-items: center;}
.bg-main-sub-image{background-color: #171a29; background-image:none; /*height: 410px;*/display: flex;align-items: center;}
.hbanner {background:#ff560b;}
/*BACKGROUNDS*/

/*BG-ARROWS*/
.arrow-down{background:url(/upload/pagesContent/kmk_arrow_bg_down.png) no-repeat top center;}
/*BG-ARROWS*/

/*ACCORDION*/
#accordion .rotate-45{display:none;}
/*ACCORDION*/

/*SEARCH-BAR*/
.search-bar{width: 100px;}
.search-active{width: 100%; right: 0; top: -7px;box-shadow: -4px -3px 10px #d4d4d4;}
.search-bar input{height:65px}
/*SEARCH-BAR*/

/*KAMPANYALAR*/
.slider-box .slide-bg-1{background:url("/upload/bannersContent/m_seninle_birlikte_buyuyen_guclu_eticaret_yazilimi.png"); background-size: cover;}
.slider-box .slide-bg-2{background:url("/upload/bannersContent/m_isinin_gelecegini_birlikte_tasarlayalim.png"); background-size: cover;}
.slider-box .slide-bg-3{background:url("/upload/bannersContent/m_isine_uygun_eticaret_yazilimi.png"); background-size: cover;}
.slider-box .slide-bg-4{background: url(/upload/stylesBlockContent/kobi_eticaret_kampanyasi.webp);background-position: center;background-repeat: no-repeat;background-size: cover;height: 450px;}
.slider-box .kmk-carousel-caption{height:450px; display:table;}
.slider-box .kmk-carousel-caption .row{display:table-cell; vertical-align:middle;}
.slider-box .container{background: rgba(0,0,0,.5);}
/*KAMPANYALAR*/

/*URUNLERIMIZ*/
.products .product-box .list-group .list-group-item i{float: right; margin: 26px 0;}
/*URUNLERIMIZ*/

/*MOBILE NAV*/
.mobile-nav .cart-active{position:relative;}
.mobile-nav .cart-active:after{content: ""; width: 8px; height: 8px; display: block; position: absolute; top: -4px; right: -7px; background-color: #4285f4; border: 1px solid #fff; border-radius: 100%;}
.mobile-nav .nav-link{padding: 0 0; height: 48px; width: 48px; text-align: center; font-size: 19px; margin: 0 10px 0 3px;}
.mobile-nav .nav-link i{line-height:48px; width: 100%;}
/*MOBILE NAV*/

/*USER ONLINE*/
.user-online{padding: 6px 7px;}
.user-online span{width: 34px; height: 34px; line-height: 30px;}
/*USER ONLINE*/

/*URUN DETAY*/
.product-features-table th, .product-features-table td{display: block; width: 100% !important; background: #fff !important;}
.product-features-table th{padding:20px 0 15px 0 !important;}
.product-features-table td{padding:20px 0 20px 0 !important;}
/*URUN DETAY*/

/*BANNER*/
.slider-area .slider-item .container{bottom:0;}
.slider-area .owl-item .col-12.col-lg-5.p-5{position: absolute; bottom:0; padding: 40px 15px !important;}
.slider-area .slider-content > p:nth-child(2){display:none;}
.slider-area .owl-prev, .slider-area .owl-next{top:173px !important;}
/*BANNER*/

/*BASLIKLAR*/
.webbaslik {font-size: 80px !important;line-height: 80px !important;}
.webbaslik2 {font-size: 20px !important;}
/*BASLIKLAR*/
}

@media (max-width:575px) {
    .webRef {width:50% !important;}
}

.addressShowList{border:1px solid #ccc; background-color:#e9ecef; padding:10px;}