html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* ========================================================================== Danse Font
============================================================================= */
@font-face { font-family: 'DenseRegular'; src: url("../fonts/dense/dense-regular.eot"); src: url("../fonts/dense/dense-regular.eot") format("embedded-opentype"), url("../fonts/dense/dense-regular.woff") format("woff"), url("../fonts/dense/dense-regular.ttf") format("truetype"), url("../fonts/dense/dense-regular.svg#DenseRegular") format("svg"); }

/* ========================================================================== Quicksand Font
============================================================================= */
@font-face { font-family: 'quicksanddash'; src: url("../fonts/quicksand/quicksand_dash-webfont.eot"); src: url("../fonts/quicksand/quicksand_dash-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quicksand/quicksand_dash-webfont.woff") format("woff"), url("../fonts/quicksand/quicksand_dash-webfont.ttf") format("truetype"), url("../fonts/quicksand/quicksand_dash-webfont.svg#quicksanddash") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'quicksandbold'; src: url("../fonts/quicksand/quicksand-bold-webfont.eot"); src: url("../fonts/quicksand/quicksand-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quicksand/quicksand-bold-webfont.woff") format("woff"), url("../fonts/quicksand/quicksand-bold-webfont.ttf") format("truetype"), url("../fonts/quicksand/quicksand-bold-webfont.svg#quicksandbold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'quicksandbold_italic'; src: url("../fonts/quicksand/quicksand-bolditalic-webfont.eot"); src: url("../fonts/quicksand/quicksand-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quicksand/quicksand-bolditalic-webfont.woff") format("woff"), url("../fonts/quicksand/quicksand-bolditalic-webfont.ttf") format("truetype"), url("../fonts/quicksand/quicksand-bolditalic-webfont.svg#quicksandbold_italic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'quicksanditalic'; src: url("../fonts/quicksand/quicksand-italic-webfont.eot"); src: url("../fonts/quicksand/quicksand-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quicksand/quicksand-italic-webfont.woff") format("woff"), url("../fonts/quicksand/quicksand-italic-webfont.ttf") format("truetype"), url("../fonts/quicksand/quicksand-italic-webfont.svg#quicksanditalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'quicksandlight'; src: url("../fonts/quicksand/quicksand-light-webfont.eot"); src: url("../fonts/quicksand/quicksand-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quicksand/quicksand-light-webfont.woff") format("woff"), url("../fonts/quicksand/quicksand-light-webfont.ttf") format("truetype"), url("../fonts/quicksand/quicksand-light-webfont.svg#quicksandlight") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'quicksandlight_italic'; src: url("../fonts/quicksand/quicksand-lightitalic-webfont.eot"); src: url("../fonts/quicksand/quicksand-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quicksand/quicksand-lightitalic-webfont.woff") format("woff"), url("../fonts/quicksand/quicksand-lightitalic-webfont.ttf") format("truetype"), url("../fonts/quicksand/quicksand-lightitalic-webfont.svg#quicksandlight_italic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'quicksandregular'; src: url("../fonts/quicksand/quicksand-regular-webfont.eot"); src: url("../fonts/quicksand/quicksand-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quicksand/quicksand-regular-webfont.woff") format("woff"), url("../fonts/quicksand/quicksand-regular-webfont.ttf") format("truetype"), url("../fonts/quicksand/quicksand-regular-webfont.svg#quicksandregular") format("svg"); font-weight: normal; font-style: normal; }

/* ========================================================================== Variables
============================================================================= */
/* ========================================================================== Globale
============================================================================= */
.no-padding { padding: 0 !important; }

.no-margin { margin: 0 !important; }

/* ========================================================================== Body
============================================================================= */
body { background: url("../images/bg.jpg"); font-weight: 300; min-width: 320px; font-family: 'DenseRegular', sans-serif; font-smooth: always; -webkit-font-smoothing: antialiased; }

::-moz-selection { color: #FFF; background-color: #e7e7e7; }

::selection { color: #FFF; background-color: #e7e7e7; }

a { text-decoration: none; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }

/* ========================================================================== Container
============================================================================= */
.login-container { display: table; height: 100vh; margin: 0 auto; max-width: 500px; padding: 0 15px; width: 100%; }
.login-container .login-center { display: table-cell; vertical-align: middle; }
.login-container .login-center .box { background-color: #a8b6b0; padding: 40px; position: relative; }
.login-container .login-center .box .right-product { position: absolute; top: 70px; right: -180px; z-index: -1; }
.login-container .login-center .box .left-product { position: absolute; top: 70px; left: -140px; z-index: -1; }
.login-container .login-center .box:after { content: ""; display: block; width: 100%; height: 2px; background-color: #e7e7e7; margin-top: 50px; }
.login-container .login-center .box > h2 { font-size: 36px; font-weight: normal; color: #e7e7e7; text-align: center; margin: 0 0 30px 0; }
.login-container .login-center .box > h2:after { content: ""; display: block; width: 100%; height: 2px; background-color: #e7e7e7; margin-top: 30px; }
.login-container .login-center .box > a { display: block; margin: 30px auto 0; font-size: 19px; font-weight: normal; color: #FFF; text-align: center; }
.login-container .login-center .box .input-group { width: 100%; table-layout: fixed; padding: 0 15px; }
.login-container .login-center .box .input-group input { font-family: 'quicksandregular', sans-serif; font-size: 15px; font-weight: normal; color: #484848; width: 100%; margin-bottom: 20px; padding: 15px; line-height: 15px; }
.login-container .login-center .box .submit { max-width: 267px; margin: 20px auto 0; }
.login-container .login-center .box .submit input[type="submit"] { background-color: #666666; border-width: 0; color: #ffffff; font-size: 19px; font-weight: normal; line-height: 0; }

.site-container .line-up { width: 100%; height: 10px; background-color: #a8b6b0; }
.site-container header { width: 100%; margin: 0px 0px 40px 0; }
.site-container .navbar a.navbar-brand { font-size: 40px; font-weight: normal; color: #2a2828; /*padding: 10px 25px 10px 0px; */}
.site-container .navbar .navbar-toggle .icon-bar { background-color: #000; }
.site-container .navbar .nav li { margin: 0 10px; }
.site-container .navbar .nav li a { font-family: 'quicksandregular'; font-size: 20px; font-weight: normal; color: #2a2828; }
.site-container .navbar .nav li a:focus { background-color: transparent; }
.site-container .navbar .nav li a.open, .site-container .navbar .nav li a:hover { background-color: transparent; }
.site-container .navbar .nav li:after { display: block; content: ""; background-color: #2a2828; width: 0; height: 2px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .navbar .nav li:hover:after, .site-container .navbar .nav li.active:after { width: 100%; }
.site-container .wrapper { margin: 50px 0 100px; }
.site-container .wrapper .sidebar { background-color: #3d3a3a; }
.site-container .wrapper .sidebar .products li { background-color: #3d3a3a; border-bottom: #ffffff 1px solid; }
.site-container .wrapper .sidebar .products li:last-child { border-color: transparent; }
.site-container .wrapper .sidebar .products li a { display: block; font-family: 'quicksandregular', sans-serif; font-size: 16px; font-weight: normal; color: #FFF; text-decoration: none; padding: 30px; }
.site-container .wrapper .inner-wrapper { width: 100%; background: rgba(61, 58, 58, 0.15); padding: 25px; }
.site-container .wrapper .inner-wrapper .ms-sl-selected .hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 140; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
.site-container .wrapper .inner-wrapper .ms-sl-selected:hover .hover { background: rgba(61, 58, 58, 0.4) url("../images/zoom.png") no-repeat center 40%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.site-container .wrapper .inner-wrapper .ms-slide .ms-slide-bgcont { background-color: #fff !important; border: #dbdbdb 1px solid !important; padding: 20px !important; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .wrapper .inner-wrapper .ms-slide .ms-slide-bgcont:hover { border: #afaeae 1px solid !important; }
.site-container .wrapper .inner-wrapper .ms-slide .ms-slide-bgcont img { height: auto !important; width: 100% !important; margin-left: 0 !important; margin-top: 0 !important; }
.site-container .wrapper .inner-wrapper .ms-slide .meta { position: absolute !important; bottom: 0px !important; width: 100% !important; z-index: 999 !important; background-color: #ededed !important; border-top: #3d3a3a 1px solid !important; padding: 25px !important; }
.site-container .wrapper .inner-wrapper .ms-slide .meta h2 { font-family: 'quicksandregular', sans-serif; font-size: 20px; font-weight: normal; margin: 10px 0px 0px; display: table; }
.site-container .wrapper .inner-wrapper .ms-slide .meta h2 a { display: table-cell; vertical-align: middle; color: #3d3a3a; text-decoration: none; cursor: pointer;}
.site-container .wrapper .inner-wrapper .ms-slide .meta h2 input { font-size: 18px; max-width: 40px; text-align: center; color: #3d3a3a; padding: 5px; margin-left: 20px; z-index: 99999999999 !important;  }
.site-container .wrapper .inner-wrapper .slider-navigation { width: 100%; margin: 9px 0 0; }
.site-container .wrapper .inner-wrapper .slider-navigation a { display: block; width: 43px; height: 43px; text-indent: -9999px; }
.site-container .wrapper .inner-wrapper .slider-navigation .next { float: left; background: url("../images/navigation-slider.png") no-repeat 0 0; margin-left: 55px; }
.site-container .wrapper .inner-wrapper .slider-navigation .prev { float: right; background: url("../images/navigation-slider.png") no-repeat 0 -45px; margin-right: 55px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template { position: relative; width: 100%; height: 100%; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup { /*position: absolute;*/ top: 0; left: 0; width: 100%; height: 100%; background: #3d3a3a; display: block; max-height: 100%; overflow: hidden; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup.active { display: block; z-index: 9999; zoom: 0; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup a.close-popup { float: right; font-size: 18px; font-family: 'quicksandbold', sans-serif; color: #FFF; margin: 10px; text-decoration: none; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content { width: 100%; height: 100%; padding: 0 20px 20px 20px; overflow: auto; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .image { width: 100%; background-color: #fff; padding: 20px; border: #dbdbdb 1px solid; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .image a { display: block; width: 100%; height: 100%; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .image a img { margin: 0 auto; display: table-cell; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .slide-image { float: left; width: 100%; margin-top: 16px; border: #dbdbdb 1px solid; background-color: #fff; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .slide-image .items { position: relative; width: 220px; margin: 0 auto; z-index: 3; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .slide-image .items .owl-item { padding: 0 10px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .slide-image .items .owl-item a { display: block; width: 60px; padding: 5px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .slide-image .items .owl-item a img { width: 100%; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .slide-image .items .owl-controls .owl-buttons .owl-prev { position: absolute; left: -50px; top: 17%; font-size: 48px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .slide-image .items .owl-controls .owl-buttons .owl-next { position: absolute; right: -50px; top: 17%; font-size: 48px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc { float: left; width: 100%; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .zoom-image { float: left; width: 100%; height: 330px; background-color: #ededed; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc h2 { float: left; width: 100%; font-family: 'quicksandregular', sans-serif; font-size: 26px; font-weight: normal; color: #FFF; margin-bottom: 15px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc h3 { float: left; width: 100%; font-family: 'quicksandbold', sans-serif; font-size: 19px; font-weight: normal; color: #FFF; margin-top: 40px; margin-bottom: 15px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc p { font-family: 'quicksandregular', sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; margin-bottom: 10px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .items { float: left; position: relative; width: 230px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .items .item a { display: block; width: 70px; padding: 5px; background-color: #FFF; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .items .item a img { width: 100%; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .button-costa { float: left; width: 230px; margin-top: 30px; padding: 15px; border: #FFF 1px solid; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .button-costa span { float: left; font-family: 'quicksandregular', sans-serif; font-size: 26px; font-weight: normal; color: #ededed; padding: 10px;  cursor: pointer;}
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .button-costa input { float: right; max-width: 40px; padding: 10px 0; font-family: 'quicksandregular', sans-serif; font-size: 18px; font-weight: normal; text-align: center; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .owl-buttons { position: absolute; top: -40px; right: 0; width: 35px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .owl-buttons .owl-prev { float: left; color: #FFF; font-size: 30px; }
.site-container .wrapper .inner-wrapper .ms-partialview-template .popup .popup-content .popup-desc .owl-buttons .owl-next { float: right; color: #FFF; font-size: 30px; }
.site-container .wrapper .inner-wrapper .basket thead { font-family: 'quicksandregular', sans-serif; font-size: 20px; font-weight: normal; color: #484848; border-top: rgba(61, 58, 58, 0.3); border-bottom: #a8b6b0 6px solid; background-color: #fff; }
.site-container .wrapper .inner-wrapper .basket thead td { padding: 30px 0px; text-align: center; vertical-align: middle; }
.site-container .wrapper .inner-wrapper .basket tbody td { vertical-align: middle; padding: 24px 0px; text-align: center; color: #3d3a3a; font-family: 'quicksandregular', sans-serif; font-size: 20px; font-weight: normal; border-color: #ececec; border-width: 2px; }
.site-container .wrapper .inner-wrapper .basket tbody td a.image-product { display: block; width: 80px; height: 80px; background-color: #FFF; padding: 8px 14px; margin: 0 auto; -webkit-box-shadow: inset 0px 0px 0px 1px #b7aeae; -moz-box-shadow: inset 0px 0px 0px 1px #b7aeae; box-shadow: inset 0px 0px 0px 1px #b7aeae; }
.site-container .wrapper .inner-wrapper .basket tbody td input { display: block; font-family: 'quicksandregular', sans-serif; font-size: 18px; font-weight: normal; max-width: 60px; text-align: center; border: #cfcfcf 1px solid; margin: 0 auto; padding: 10px 0; color: #3d3a3a; }
.site-container .wrapper .inner-wrapper .basket tbody td ul.action li { display: inline-block; padding: 0px 10px; text-align: center; }
.site-container .wrapper .inner-wrapper .basket tbody td ul.action li a { display: block; }
.site-container .wrapper .inner-wrapper .comments { width: 100%; margin-top: -18px; border-top: #757272 3px solid; padding: 30px 40px; }
.site-container .wrapper .inner-wrapper .comments label { font-family: 'quicksandregular', sans-serif; font-size: 20px; font-weight: normal; color: #484848; display: block; width: 100%; line-height: 40px; }
.site-container .wrapper .inner-wrapper .comments label input, .site-container .wrapper .inner-wrapper .comments label textarea { display: block; width: 100%; border-width: 0; height: 100px; padding: 20px; margin-bottom: 30px; margin-top: 10px; }
.site-container .wrapper .inner-wrapper .comments input[type="submit"] { background-color: #666666; padding: 20px 45px; font-family: 'quicksandregular', sans-serif; font-size: 19px; font-weight: normal; color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.site-container .wrapper .inner-wrapper .contact { font-family: 'quicksandregular', sans-serif; font-size: 20px; font-weight: normal; line-height: 40px; color: #484848; }
.site-container .wrapper .inner-wrapper .contact input { max-width: 260px; padding: 20px; line-height: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.site-container .wrapper .inner-wrapper .contact textarea { min-height: 125px; padding: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.site-container .wrapper .inner-wrapper .contact .submit-button { background-color: #666666; padding: 15px 90px; margin: 30px 0; font-family: 'quicksandregular', sans-serif; font-size: 19px; font-weight: normal; color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.site-container footer { width: 100%; min-height: 120px; background-color: #a8b6b0; padding: 50px 0 30px; }
.site-container footer p { font-family: 'quicksandregular'; font-size: 16px; font-weight: normal; color: #2a2828; text-align: center; margin-bottom: 5px; }

/*Popup*/
.popupLoad{display:none;position:fixed;width: 100px;height: 100px;z-index: 999999; left:50%; margin-left:-50px; top:20%; background:url(../../img/icon/loading_2.gif) no-repeat;  }
.popupBG{ display:none;position: fixed;width:100%;height: 100%;top: 0px;left: 0px;z-index:1000000;background:url(../../img/icon/popup_bg_black.png);}

.popup1{position:fixed;width: 528px;height: 344px;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;display: none;z-index: 999999;background:#fff; left:50%; margin-left:-264px; top:15%; border-bottom:8px solid #0686c8 }
.popup1Kapat{ position:absolute; right:10px; top:10px; width:11px; height:11px; background:url(../img/icon/close_1.png) no-repeat; cursor:pointer}

.sepetCikar,.sepetGuncelle{ cursor: pointer;}
.sMesaj{display: none;}

.sip-tamamlandi{ font-size: 18px; height: 500px;}