/* MASTER */
/* kiko reset */
html {height:100%;}
body {height:100%; width:100%; margin:0; padding:0; font-family: Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
a {display:inline-block; text-decoration:none; color:#2BBEE0; }
a:hover {text-decoration:underline; }
img { border: 0;}
input[type="text"], input[type="number"], input[type="email"], textarea { padding: 7px 10px; border: 1px solid #BFBFBF;outline: none; }
input[type="submit"], input[type="button"], input[type="reset"], button { padding: 7px 10px; background:#D6D6D6; border:1px solid #8E8E8E; cursor:pointer; outline:none; }
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover { background:#E8E8E8; }
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
hr.clear{clear:both; margin:0; padding:0; border:0;}
*::selection { background: rgba(43, 190, 224, 0.77); text-shadow: none; color: white;}
*::-moz-selection { background: rgba(43, 190, 224, 0.77); text-shadow: none; color: white; }
.animate { -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }


/* reset */
i.material-icons {display: inline-block;}
hr.clear{clear:both; margin:0; padding:0; border:0;}
img { border: 0;}
.animate { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.animate200 { -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); }
.animate500 { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

/* body */
body.sidebar_left_shift {}
body.sidenav_active {overflow: hidden;}

/* frontend login form */
body.tx_nseprconfig_login_view .tx_nseprconfig .site_header .logo_bar .center{width:500px;}
body.tx_nseprconfig_list_view .tx-felogin-pi1 {display: none;}
body.tx_nseprconfig_fe_logged_in .tx-felogin-pi1 {display: none;}



/* standard elems */
.tx_nseprconfig { font-family: "Droid Sans";}
body.tx_nseprconfig_fe_logged_in .tx_nseprconfig {margin-bottom: 300px;}
/* @login_view */
.tx_nseprconfig.login_view {margin-bottom:0;}
.tx_nseprconfig .cg_btn { border: 1px solid #dedede; text-decoration: none; font-size: 14px; letter-spacing: 0.5px; display: inline-block; position: relative; text-transform: uppercase; user-select:none; cursor: pointer; background: white; text-align: center; color: #3a3a3a; padding: 11px 24px; border-radius: 3px; }
.tx_nseprconfig .cg_btn { -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);}
.tx_nseprconfig .cg_btn.flat { background: white;  color: #3a3a3a; border: 1px solid #dedede; }
.tx_nseprconfig .cg_btn.lightblue { background: #22b3cc; border:1px solid #22b3cc; color:white;}
.tx_nseprconfig .cg_btn.blue { background: #006eab; border:1px solid #006eab; color:white;}
.tx_nseprconfig .cg_btn.grey{ background: #666666; border:1px solid #666666; color:white;}
.tx_nseprconfig .cg_btn.black{ background: #333333; border:1px solid #333333; color:white;}
.tx_nseprconfig .cg_btn.green { background: #7abd23; border:1px solid #7abd23; color:white;}
.tx_nseprconfig .cg_btn.firered { background: #c44a49; border:1px solid #c44a49; color:white;}
.tx_nseprconfig .cg_btn.orange { background: #e48a1a; border:1px solid #e48a1a; color:white;}
.tx_nseprconfig .cg_btn.raised { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
.tx_nseprconfig .cg_btn > .t { display: inline-block;}
.tx_nseprconfig .cg_btn > i { display: inline-block; }
.tx_nseprconfig .cg_title {color: #006eab; font-size: 20px; line-height: 140%; margin-bottom: 20px;}
.tx_nseprconfig .cg_title > .t {display: inline-block;}
.tx_nseprconfig .cg_badge {position: absolute; right: -7px; bottom: -3px; background: #5d5d5d; padding: 6px 15px; color: white; border-radius: 10px; font-size: 19px;}

/* cg_check*/
.tx_nseprconfig .cg_check {width:16px; height:16px; user-select:none; margin-right:15px; background:#c3c3c3; border-radius: 3px;  float: left;}
.tx_nseprconfig .cg_check > i {display: none; color:white; font-size: 16px; }
/* cg_radio */
.tx_nseprconfig .cg_radio {width:19px; height:19px; user-select:none; margin-right:15px; border: 2px solid #777777; border-radius: 50%;  float: left;}
.tx_nseprconfig .cg_radio > .circ {display: none; top: 3px; left: 3px;  background: #c3c3c3; border-radius: 50%; width: 9px; height: 9px; position: relative;  }
/* @hover */
.tx_nseprconfig .cg_elem:hover .cg_check {background:#adadad;}
.tx_nseprconfig .cg_elem:hover .cg_radio {}
.tx_nseprconfig .cg_btn:hover {background:#f3f3f3;}
.tx_nseprconfig .cg_btn.lightblue:hover {background: #006eab; border:1px solid #006eab;}
.tx_nseprconfig .cg_btn.blue:hover {background: #006eab; border:1px solid #006eab;}
.tx_nseprconfig .cg_btn.green:hover {background: #006eab; border:1px solid #006eab;}
.tx_nseprconfig .cg_btn.black:hover {background: #006eab; border:1px solid #006eab;}
.tx_nseprconfig .cg_btn.grey:hover {background: #006eab; border:1px solid #006eab;}
.tx_nseprconfig .cg_btn.firered:hover {background: #e63e63; border:1px solid #e63e63;}
.tx_nseprconfig .cg_btn.orange:hover {background: #006eab; border:1px solid #006eab;}
.tx_nseprconfig .cg_btn.flat {}
/* @active */
.tx_nseprconfig .cg_elem.active .cg_check {background:#006fab; border:none;}
.tx_nseprconfig .cg_elem.active .cg_check > i {display: block;}
.tx_nseprconfig .cg_elem.active .cg_radio {border:2px solid #006eab;}
.tx_nseprconfig .cg_elem.active .cg_radio .circ {display: block; background: #006eab;}
/* @lock */
.tx_nseprconfig .cg_btn.lock { border: 1px solid #DFDFDF!important; cursor: not-allowed; background-color: #DFDFDF !important; box-shadow: none!important; color: #9F9F9F !important;}

/* cg_popup*/
.tx_nseprconfig .cg_popup {display: none; position: fixed; z-index: 2000; width: 540px; height: 280px; top: 50%; left: 50%; margin-left: -270px; margin-top: -140px;}
.tx_nseprconfig .cg_popup > .inner {background: white; border-radius: 3px; width: 100%; height: 100%; padding: 30px; box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);}
.tx_nseprconfig .cg_popup .btn_bar {position: absolute; right: 20px; bottom: 20px;}
.tx_nseprconfig .cg_popup .btn_bar .cg_btn {float: right; margin-left: 15px; margin-top:10px;}
.tx_nseprconfig .cg_popup .cg_title {padding-right: 30px;}
/* cg_notification */
.tx_nseprconfig .cg_notification {position: fixed; opacity: 0; max-width: 720px; padding: 14px 30px; border-radius: 3px; background: #4a4a4a; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.39); bottom: -60px; margin-left: -180px; z-index: 400; left: 210px;}
.tx_nseprconfig .cg_notification .title {color:white; font-size: 14px; line-height: 120%;}


/* blackscreen */
.tx_nseprconfig .blackscreen {position: fixed; display: none; z-index: 1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.15); }
/* @show */
.tx_nseprconfig .blackscreen.visible {display: block;}

/* spinner */
.gg-preloader-wrapper {display: inline-block; position: relative; }
.gg-preloader-wrapper.active {-webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite;}
.gg-preloader-wrapper.small {width: 20px; height: 20px;}
.gg-preloader-wrapper .spinner-layer {position: absolute; width: 100%; height: 100%; opacity: 0; border-color: #26a69a; opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.gg-preloader-wrapper .spinner-layer.blue { border-color: #006eab; }
.gg-preloader-wrapper .spinner-layer.white { border-color: #ffffff; }
.gg-preloader-wrapper .spinner-layer.grey { border-color: #9F9F9F; }
.gg-preloader-wrapper .circle-clipper {display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; }
.gg-preloader-wrapper .circle-clipper.right {float: right !important; }
.gg-preloader-wrapper .circle-clipper.left {float: left !important; }
.gg-preloader-wrapper .gap_patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; }
.gg-preloader-wrapper .gap_patch .circle { width: 1000%; left: -450%; }
.gg-preloader-wrapper.active .circle-clipper .circle {border-radius: 50%; width: 200%; height: 100%; border-width: 3px; border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0;}
.gg-preloader-wrapper.active .circle-clipper.left .circle {left: 0; border-right-color: transparent !important; -webkit-transform: rotate(129deg); transform: rotate(129deg);  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;}
.gg-preloader-wrapper.active .circle-clipper.right .circle { -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; left: -100%; border-left-color: transparent !important; -webkit-transform: rotate(-129deg); transform: rotate(-129deg); }

@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}
@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}
@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}


/* header */
.tx_nseprconfig .site_header {}
.tx_nseprconfig .site_header .logo_bar {height:100px; background:white;}
.tx_nseprconfig .site_header .logo_bar .center {width:720px; margin:0 auto; position: relative; padding-top:25px;}
.tx_nseprconfig .site_header .logo_bar .right_elem {display: block; float:right;}
.tx_nseprconfig.fe_user .site_header .logo_bar .right_elem {margin-right: 30px;}
.tx_nseprconfig .site_header .logo_bar .logo {display: block; float:right; position: relative;}
.tx_nseprconfig .site_header .logo_bar .language_nav {display: block; float:right; position: relative; top:-5px;}
.tx_nseprconfig .site_header .logo_bar .language_nav {display: block; float:right; position: relative; top:-5px; margin-right: 15px;}
.tx_nseprconfig .site_header .logo_bar .language_nav ul {margin:0; padding:0; }
.tx_nseprconfig .site_header .logo_bar .language_nav ul li {display: inline-block;}
.tx_nseprconfig .site_header .logo_bar .language_nav ul li.disabled {/*display: none; text-decoration: none; padding: 7px 6px; color: #a8a9ab; font-size: 12px;*/}
.tx_nseprconfig .site_header .logo_bar .language_nav ul li a {text-decoration: none; padding:7px 6px; color: #a8a9ab; font-size: 12px; }
.tx_nseprconfig .site_header .logo_bar .language_nav ul li a:hover {color:#006eab;}
.tx_nseprconfig .site_header .logo_bar .language_nav ul li.active a {color:#006eab;}
.tx_nseprconfig .site_header .stripes_bar {background: url("../img/lines.png"); width:100%; height:66px; }
.tx_nseprconfig .site_header .header_btn { float: right; text-decoration: none;}
.tx_nseprconfig .site_header .header_btn.wishlist {margin-right: 5px;}
.tx_nseprconfig .site_header .header_btn .btn { background: white; cursor: pointer; padding-left: 13px; height: 55px; border: 1px solid #dadada; border-radius: 5px; }
.tx_nseprconfig .site_header .header_btn .btn > i { font-size: 19px; display: block; color: #17a8c1; float: right; margin-right: 1px; margin-top:16px; }
.tx_nseprconfig .site_header .header_btn .basket_count_inner{ font-size: 13px; color:#17a8c1; text-decoration: none; margin-top: 19px; margin-right: 14px; float: right;}
.tx_nseprconfig .site_header .header_btn .desc {display: none; font-size: 13px; color: #17a8c1; position: absolute; top: 66px; left: -23px; width: 110px; text-align: center;}
.tx_nseprconfig .site_header .menu {display: none; float: left; padding: 6px; border: 1px solid #dadada; border-radius: 3px; position: static; margin-top: 10px; margin-right: 20px;}
.tx_nseprconfig .site_header .menu > i {color:#006eab; display: block; font-size: 28px; }
/* @basket + @active */
.tx_nseprconfig .site_header .header_btn.basket.active .btn {background: #22b3cc; border: 1px solid #22b3cc; cursor: default;}
.tx_nseprconfig .site_header .header_btn.basket.active .btn > i {color:white;}
.tx_nseprconfig .site_header .header_btn.basket.active .btn > .basket_count_inner {color:white;}
/* @basket + @active + @hover */
/* @wishlist + @active */
.tx_nseprconfig .site_header .header_btn.wishlist.active .btn {background: #de982d; border: 1px solid #de982d; cursor: default;}
.tx_nseprconfig .site_header .header_btn.wishlist.active .btn > i {color:white;}
.tx_nseprconfig .site_header .header_btn.wishlist.active .btn > .basket_count_inner {color:white;}
/* @wishlist + @active + @hover */
/* @wishlist */
.tx_nseprconfig .site_header .header_btn.wishlist .btn > i { font-size: 21px; color: #de982d;}
.tx_nseprconfig .site_header .header_btn.wishlist .basket_count_inner {color: #de982d;}
/* @hover */
.tx_nseprconfig .site_header .header_btn:hover .btn {background:#22b3cc; border: 1px solid #22b3cc;}
.tx_nseprconfig .site_header .header_btn:hover .btn > i {color:white;}
.tx_nseprconfig .site_header .header_btn:hover .basket_count_inner{ color:white; text-decoration: none;}
/* @hover @wishlist */
.tx_nseprconfig .site_header .header_btn.wishlist:hover .btn {background:#de982d; border: 1px solid #de982d;}
/* @active */
/*.tx_nseprconfig .site_header .header_btn.wishlist.active .btn {cursor: default; background: #d8f3f9; border: 1px solid #d8f3f9;}
.tx_nseprconfig .site_header .header_btn.basket.active .btn {cursor: default; background:#dde7f9; border:1px solid #dde7f9;}*/
/* @active @hover */
/*.tx_nseprconfig .site_header .header_btn.wishlist.active:hover .btn .basket_count_inner {color:#14a8c1;}
.tx_nseprconfig .site_header .header_btn.wishlist.active:hover .btn i {color:#14a8c1;}
.tx_nseprconfig .site_header .header_btn.basket.active:hover .btn .basket_count_inner {color:#006eab;}
.tx_nseprconfig .site_header .header_btn.basket.active:hover .btn i {color:#006eab;}*/
/* @form_view */
.tx_nseprconfig.form_view .site_header .logo_bar .center {width:850px; }


/* titlebar */
.tx_nseprconfig .title_bar {margin-bottom: 60px;}
.tx_nseprconfig h1 {font-size: 22px; line-height: 140%; color:#006eab; font-weight: normal; margin-bottom: 5px;}
.tx_nseprconfig h1 .t {display: inline-block;}
.tx_nseprconfig h1 .seperator {display: inline-block; }
.tx_nseprconfig h1 .other {display: inline-block; color:#aaa;}
.tx_nseprconfig h1 .back_btn {position: absolute; left: -60px; top:-1px; cursor: pointer;}
.tx_nseprconfig h1 .back_btn a { text-decoration: none; color:#006eab; background:#e8f1f8; border-radius: 50%; padding:5px;}
.tx_nseprconfig h1 .back_btn i {display: block; font-size: 24px; position: relative; top:1px;}
.tx_nseprconfig h2 {font-size: 14px; line-height: 140%; color:#666666; font-weight: normal;}
/* @HOVER */
.tx_nseprconfig h1 .back_btn:hover a {background:#dbe5ea;}


/* tooltip */
.ig_tooltip {display: none; font-family: "Droid Sans"; position: absolute; z-index: 500; line-height: 100%; background: rgba(0, 0, 0, 0.85); color:white; border-radius: 3px; padding:8px 15px; font-size:12px; white-space: nowrap;}
/*.ig_tooltip.top {top:-40px;}
.ig_tooltip.bottom {bottom:-40px;}*/
.tooltipster-base.white .tooltipster-box {background:white!important; border:none!important; position: relative;}
.tooltipster-base.white .tooltipster-content {color: black!important; font-family: "Droid Sans"!important; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); padding: 18px 18px!important; font-size: 13px; color: #444444!important;}
.tooltipster-base.white.tooltipster-right .tooltipster-arrow-border {border-right-color: #006eab!important;}
.tooltipster-base.white.tooltipster-top .tooltipster-arrow-border {border-top-color: #006eab!important;}
.tooltipster-base.white.tooltipster-left .tooltipster-arrow-border {border-left-color: #006eab!important;}
.tooltipster-base.white.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color: #006eab!important;}
.tooltipster-base.white.tooltipster-right .tooltipster-arrow-background {border-right-color: #ffffff!important; left: 2px;}
.tooltipster-base.white.tooltipster-top .tooltipster-arrow-background {border-top-color: #ffffff!important; bottom: 2px;}
.tooltipster-base.white.tooltipster-left .tooltipster-arrow-background {border-left-color: #ffffff!important; right: 2px;}
.tooltipster-base.white.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #ffffff!important; top: 2px;}
.tooltipster-base.white.tooltipster-bottom .tooltipster-box {bottom: -2px!important;}
.tooltipster-base.white.tooltipster-top .tooltipster-box {top: -2px!important;}
.tooltipster-base.white.tooltipster-right .tooltipster-box {right: -2px!important;}
.tooltipster-base.white.tooltipster-left .tooltipster-box {left: -2px!important;}


.tooltipster-base.black .tooltipster-box {background:#333!important; border:none!important; margin-left: 10px!important;}
.tooltipster-base.black .tooltipster-content {color: white!important; padding: 5px 12px!important; font-size: 12px;  font-family: "Droid Sans"!important;}
.tooltipster-base.black.tooltipster-bottom .tooltipster-border {top:3px;}
.tooltipster-base.black.tooltipster-top .tooltipster-arrow {bottom:3px;}
.tooltipster-base.black.tooltipster-left .tooltipster-arrow {right:3px;}
.tooltipster-base.black.tooltipster-right .tooltipster-arrow {left:3px;}
.tooltipster-base.black.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #333!important; }
.tooltipster-base.black.tooltipster-top .tooltipster-arrow-background {border-top-color: #333!important; top:0;}
.tooltipster-base.black.tooltipster-left .tooltipster-arrow-background {border-left-color: #333!important; left:0;}
.tooltipster-base.black.tooltipster-right .tooltipster-arrow-background {border-right-color: #333!important; left:2px; right:-1px;}
.tooltipster-base.black .tooltipster-arrow-border {display: none!important;}

/* loginbox */
.tx_nseprconfig .loginbox{float: left; position: relative; cursor: pointer;}
.tx_nseprconfig .loginbox .user_btn{ border: 1px solid #006196; color:white; background:#006eab; width:43px; height:43px; font-size: 24px; border-radius: 50%; float: left; display:inline-block;}
.tx_nseprconfig .loginbox .user_btn > i{display: inline-block; user-select:none; padding:10px; font-size: 22px;}
.tx_nseprconfig .loginbox .name{display: inline-block;  margin-top:13px; margin-left: 10px; color: #006eab; font-weight: bold; font-size: 14px; float: left;}
.tx_nseprconfig .loginbox .name > i{float: left; font-size: 17px; margin-left: 2px;}
.tx_nseprconfig .loginbox .name > i.down{display: inline-block;}
.tx_nseprconfig .loginbox .name > i.up{display: none;}
.tx_nseprconfig .loginbox .name > .t{float: left; max-width: 140px; white-space: pre; user-select:none; overflow: hidden; text-overflow: ellipsis;}
.tx_nseprconfig .loginbox .cg_btn{display: inline-block; float: left; }
.tx_nseprconfig .loginbox .cg_btn.logout_btn{ border:none;border:none; background:white; text-decoration: none; background:white; border-radius: 3px; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}
.tx_nseprconfig .loginbox .dropdown{display: none; position: absolute; right:-110px; z-index: 20; top:35px; }
.tx_nseprconfig .loginbox .dropdown .username{display: none;}
/* @hover */
.tx_nseprconfig .loginbox .cg_btn.logout_btn:hover{border:none; background:#3a3a3a; color:white; }
/* @open */
.tx_nseprconfig .loginbox .dropdown.open{display: block;}
.tx_nseprconfig .loginbox.open i.down {display: none;}
.tx_nseprconfig .loginbox.open i.up {display: inline-block;}
/* @login_view */
.tx_nseprconfig.login_view .loginbox .cg_btn {display: none;}


/* mobile language nav*/
.tx_nseprconfig .ki_mobile_language {display: none;}


/* [small desktop] */
@media screen and (max-width : 1550px)  {
}


@media screen and (max-width : 1420px)  {
  .tx_nseprconfig .site_header .menu { margin-top:0; }
}


/* [tablet] */
@media screen and (max-width : 1220px)  {
  /* siteheader */
  .tx_nseprconfig .title_bar {margin-bottom: 40px;}
  .tx_nseprconfig .site_header .logo_bar {height: 60px; position: fixed; top:0; width:100%; z-index: 800;}
  .tx_nseprconfig .site_header .logo_bar.stick { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
  .tx_nseprconfig.stick_typecode .site_header .logo_bar.stick { box-shadow: none;}
  .tx_nseprconfig .site_header .stripes_bar {margin-top:65px;}
  .tx_nseprconfig .site_header .logo_bar .logo {top:15px;}
  .tx_nseprconfig .site_header .logo_bar .logo img{width:145px;}
  .tx_nseprconfig .site_header .logo_bar .center {padding-top:0;}
  .tx_nseprconfig .site_header .logo_bar .language_nav {display: none;}
  .tx_nseprconfig .site_header .header_btn {}
  .tx_nseprconfig .site_header .header_btn .btn {padding-left: 11px; margin-top:9px; border: 1px solid #dadada;}
  .tx_nseprconfig .site_header .menu { margin-top:10px;}

  /* siteheader */
  .tx_nseprconfig .title_bar {margin-bottom: 40px;}
  .tx_nseprconfig .site_header .logo_bar .center {width:100%; padding:0 10px;}
  .tx_nseprconfig .site_header .logo_bar .logo { width: 145px; left: 50%; position: absolute; margin-left: -71px;}
  .tx_nseprconfig .site_header .header_btn { right: 30px; bottom: auto; top:10px; right:10px; height: auto;}
  .tx_nseprconfig .site_header .header_btn .btn { height:42px; box-shadow: none;}
  .tx_nseprconfig .site_header .header_btn .btn > i {font-size: 17px; margin-right: 2px; display: block; color: #17a8c1; margin-top:11px;}
  .tx_nseprconfig .site_header .header_btn .basket_count_inner {margin-top:12px;}
  .tx_nseprconfig .site_header .header_btn .desc {display: none;}
  /* @wishlist */
  .tx_nseprconfig .site_header .header_btn.wishlist .btn > i {margin-top:11px; font-size: 16px;}
  /* login box */
  .tx_nseprconfig_fe_logged_in .tx_nseprconfig .loginbox{float: left; margin-top: 8px;}
  .tx_nseprconfig .loginbox{ float: right; margin-top: 8px;}
  .tx_nseprconfig .cg_btn.login_btn {padding: 13px 24px;}

  /* language mobile */
  .tx_nseprconfig .ki_mobile_language {margin:10px 0; display: block;}
  .tx_nseprconfig .ki_mobile_language .languages {position: relative; margin: 15px 15px;}
  .tx_nseprconfig .ki_mobile_language ul {display: inline-block; margin:0; float: right;}
  .tx_nseprconfig .ki_mobile_language li {display: inline-block; margin-left: 5px; float: left;}
  .tx_nseprconfig .ki_mobile_language li a {display: inline-block; text-align: center; min-width: 35px; text-decoration: none; border-radius: 5px; padding: 9px; font-size: 12px; color: #006eab; background: whitesmoke;}
  .tx_nseprconfig .ki_mobile_language li.disabled {display: none; text-align: center; min-width: 35px; text-decoration: none; border-radius: 5px; padding: 9px; font-size: 12px; color: #006eab; background: whitesmoke;}
  /* @active */
  .tx_nseprconfig .ki_mobile_language li.active a {background:#dce3ea; color:#006eab;}
}


@media screen and (max-width : 850px)  {
  /* tooltip */
  .ig_tooltip {display: none!important;}
  /* login */
  .tx_nseprconfig .loginbox .name {display: none;}
  .tx_nseprconfig .loginbox .dropdown {left: 0; top: 60px; text-align: center; width:200px;}
  .tx_nseprconfig .loginbox .dropdown .username{display: block; color: #006eab; font-size: 13px; margin-bottom: 10px; overflow: hidden; white-space: pre; text-overflow: ellipsis;}
  .tx_nseprconfig .cg_btn.login_btn { padding:10px 13px; margin-top:3px;}
  .tx_nseprconfig_fe_logged_in .tx_nseprconfig .loginbox .user_btn {margin-top:3px; width:39px; height:39px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
  .tx_nseprconfig_fe_logged_in .tx_nseprconfig .loginbox .user_btn > i {font-size: 19px; padding:9px;}
  .tx_nseprconfig_fe_logged_in .tx_nseprconfig .loginbox .dropdown {background: white; padding:15px; border-radius: 3px; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); }
  .tx_nseprconfig_fe_logged_in .tx_nseprconfig .loginbox .logout_btn {display: block; box-shadow: none; width:100%; cursor: pointer; font-size: 13px; background: #f5f5f5; color: #4a4a4a; border: 1px solid #cecece; text-transform: uppercase; padding: 11px 11px; border-radius: 3px; }
}


@media screen and (max-width : 750px)  {
  /* cg_popup */
  .tx_nseprconfig .cg_popup {padding: 10px;width: 100%;left: 0;margin: 0;top: 50%; margin-top:-140px; z-index: 3000;}
  .tx_nseprconfig .cg_popup > .inner {padding:20px;}
}


/* [mobile] */
@media screen and (max-width : 580px)  {
  /* headbar */
  .tx_nseprconfig .site_header .logo_bar .logo {width:110px; margin-left: -55px; top:18px;}
  .tx_nseprconfig .site_header .logo_bar .logo img {width:110px;}
  /* spinner */
  .gg-preloader-wrapper.small {width:15px; height:15px;}
  /* cg */
  .tx_nseprconfig .configuration .cg_title {font-size: 18px;}
  .tx_nseprconfig .cg_btn {padding:10px 15px; font-size: 12px;}
  .tx_nseprconfig .cg_popup .btn_bar .cg_btn {margin-left: 10px;}
  /* siteheader */
  .tx_nseprconfig h1 {font-size: 24px;}
  .tx_nseprconfig .title_bar {margin-bottom: 20px; text-align: center;}
  .tx_nseprconfig .title_bar .other { display: none;}
  .tx_nseprconfig .title_bar .seperator {display: none;}
  .tx_nseprconfig .site_header .menu {margin-right: 10px;}
}


/* [mobile small] */
@media screen and (max-width : 430px)  {
  /* header */
  .tx_nseprconfig .site_header .menu {margin-right: 5px;}
  .tx_nseprconfig .site_header .header_btn .btn {padding-left: 6px;}
  .tx_nseprconfig .site_header .header_btn .basket_count_inner {margin-right: 8px;}
  /* logo */
  .tx_nseprconfig .site_header .logo_bar .logo {margin-left: -35px; top:22px;}
  .tx_nseprconfig .site_header .logo_bar .logo img {width:70px;}
  body.tx_nseprconfig_login_view .tx_nseprconfig .site_header .logo_bar .logo {top:18px; margin-left: -50px;}
  body.tx_nseprconfig_login_view .tx_nseprconfig .site_header .logo_bar .logo img {width:110px; }
  /* notification */
  .tx_nseprconfig .cg_notification {left:0; right:0; margin:auto;}
}