/**********************************************
*********************************************** 
****    eBay-Verkaufstemplate CSS          ****
****    für JTL WaWi 1.0 EazyAuction       ****
****    flatronic Premium                  ****
****    Dateiname: style.css               ****
****    Author: Florian Leonhardt          ****
****    Firma: fldesigns | Websolutions    **** 
****    Website: http://fldesigns.de       ****
****    Kontakt: info@fldesigns.de         ****
***********************************************
***********************************************
----------------------------------------------
    Webfonts @Import 
    1. Generelle Browser Settings und Overrides
    2. Basis Klassen und Elemente 
    3. Farbeinstellungen
    4. Typography / Schriften
    5. Header
    6. Produkt-Galerie / Produkt-Slider
    7. Tabs
    8. Listen und Side-Navigation
    9. Buttons
    10. Tabellen
    11. Icons
    12. Main Content Elemente
    13. Form-Elemente / Inputs
    14. Footer
    15. Animationen
    16. Responsive Einstellungen
-----------------------------------------------
*/
/* -----------------------------------

    Webfonts @Import

------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Roboto:300,700,500,300italic);
@import url(https://fonts.googleapis.com/css?family=Rock+Salt);

/* -----------------------------------

    1. Generelle Browser Settings und Overrides

------------------------------------- */

*{
    margin:0;
    padding:0;
    border:none;
}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline}
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{
    background: transparent;
    border: 0 none;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
a{
    text-decoration:none;
    outline: none !important;
}
a:hover{
    text-decoration: none;
}
b, strong{
    font-weight:bold !important;
}
ul,ol{
    list-style: none;
}
q {
    quotes: none;
}
table, table td { 
    padding:0;
    border:none;
    border-collapse:collapse;
}
img{
    vertical-align:top; 
    max-width:100%;
}
embed{ 
    vertical-align:top;
}
input,button{
    -webkit-appearance:none;
    outline: none;
}
button::-moz-focus-inner{
    border:0;
}
html,body{
    height:100%;
}

/* -----------------------------------

    2. Basis Klassen und Elemente 

------------------------------------- */

#body{
    font:300 14px/21px 'Roboto', 'sans-serif';
    color:#696e6e;
    background:#232830;
    letter-spacing: 0.1px;
    overflow-x: hidden;
    -webkit-backface-visibility:hidden;
    background-attachment:fixed;
}

[class*="layout"],.menu_wrap.type_3{
    background:#fafbfb;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.img-responsive_important {
    display:block !important;
    height:auto !important;
    width:100% !important;
}

.nopad {
    padding:0px !important;
}
.tt_uppercase{
    text-transform: uppercase;
}
.tt_none{
    text-transform: none;
}
.t_align_l{
    text-align: left;
}
.t_align_c{
    text-align: center;
}
.t_align_r{
    text-align: right;
}
.v_align_b{
    vertical-align: baseline;
}
.v_align_m{
    vertical-align: middle;
}
.v_align_bottom{
    vertical-align: bottom;
}
.d_inline_b{
    display:inline-block;
}
.d_ib_offset_0{
    word-spacing: -3px;
}
.d_ib_offset_large{
    word-spacing: -4px;
}
.d_ib_offset_normal{
    word-spacing: 0px;
}
.d_block{
    display:block;
}
.d_table{
    display:table;
}
.d_table_cell{
    display:table-cell;
}
.d_none,.tw_buttons li:first-child:before{
    display:none;
}
.f_size_small{
    font-size:.85em;
}
.f_size_medium{
    font-size:.9em;
}
.f_size_large{
    font-size:1.15em;
}
.f_size_ex_large{
    font-size:1.25em;
}
.f_size_big{
    font-size:1.7em;
}
.f_size_ex_big{
    font-size:2.5em;
    line-height: 1em;
}
.l_height_medium{
    line-height:1.42em;
}
.fw_light{
    font-weight:300 !important;
}
.fw_medium{
    font-weight: 500;
}
.d_inline_middle{
    display:inline-block;
    vertical-align: middle;
}
.horizontal_list > *{
    float:left;
}
.horizontal_list > *:first-child{
    margin-left:0;
}
.circle,.tw_buttons li:before,.vertical_list_type_2 li:before,
.vertical_list_type_3 li:before{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.r_corners,
.vertical_list_type_7 li:before,
.vertical_list_type_8 li:before{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.vc_child:after{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align: middle;
}

.h_inherit{
    height:inherit;
}
.full_width,[class*="banner_caption"].full_width,.wide_layout{
    width:100%;
}

.relative{
    position:relative;
}
.wrapper{
    overflow: hidden;
}

.bg_tr{
    background:transparent;
}

.bg_dark {
    background-color: #363636;
}

.mw_0{
    min-width: 0 !important;
}
.mxw_0{
    max-width: none !important;
}
.p_hr_0{
    padding-left:0 !important;
    padding-right:0 !important;
}
.p_vr_0{
    padding-top:0 !important;
    padding-bottom:0 !important;    
}
.p_top_10{
    padding-top:10px;
}
.p_right_45{
    padding-right:45px;
}
.m_left_0{
    margin-left:0 !important;
}
.m_right_0{
    margin-right:0 !important;
}
.m_left_5{
    margin-left:5px;
}
.m_left_10{
    margin-left:10px;
}
.m_left_15{
    margin-left:15px;
}
.m_left_20{
    margin-left:20px;
}
.m_left_40{
    margin-left:40px;
}
.m_right_5{
    margin-right:5px;
}
.m_right_6{
    margin-right:6px;
}
.m_right_8{
    margin-right:8px;
}
.m_right_10{
    margin-right:10px;
}
.m_right_15{
    margin-right:15px;
}
.m_right_20{
    margin-right:20px;
}
.m_right_25{
    margin-right:25px;
}
.m_right_29{
    margin-right:29px;
}
.m_right_30{
    margin-right:30px;
}
.m_right_35{
    margin-right:35px;
}
.p_bottom_0{
    padding-bottom:0 !important;
}
.m_bottom_0{
    margin-bottom:0px !important;
}
.m_bottom_3{
    margin-bottom:3px;
}
.m_bottom_5{
    margin-bottom: 5px;
}
.m_bottom_10{
    margin-bottom:10px;
}
.m_bottom_12{
    margin-bottom:12px;
}
.m_bottom_15{
    margin-bottom:15px;
}
.m_bottom_20{
    margin-bottom:20px;
}
.m_bottom_25{
    margin-bottom:25px;
}
.m_bottom_30{
    margin-bottom:30px;
}
.m_bottom_35{
    margin-bottom:35px;
}
.m_bottom_40{
    margin-bottom:40px;
}
.m_bottom_45{
    margin-bottom:45px;
}
.m_bottom_50{
    margin-bottom:0px; 
}
.m_bottom_60{
    margin-bottom:60px; 
}
.m_bottom_65{
    margin-bottom:65px;
}
.m_bottom_100{
    margin-bottom:100px;
}
.m_top_5{
    margin-top:5px;
}
.m_top_20{
    margin-top:20px;
}
.m_top_60{
    margin-top:30px;
}
.centered_db{
    margin-left:auto;
    margin-right:auto;
}
.box_s_none{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    -o-box-shadow:none !important;
    -ms-box-shadow:none !important;
    box-shadow:none !important;
}
.f_left{
    float:left;
}
.f_right{
    float:right;
}
.tr_delay_hover,.button_type_2 .scheme_color{
    -webkit-transition:color 1s ease,background-color 1s ease,box-shadow 1s ease;
    -moz-transition:color 1s ease,background-color 1s ease,box-shadow 1s ease;
    -o-transition:color 1s ease,background-color 1s ease,box-shadow 1s ease;
    transition:color 1s ease,background-color 1s ease,box-shadow 1s ease;
}
.tr_delay_hover:hover,.button_type_2:hover .scheme_color{
    -webkit-transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;
    -moz-transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;
    -o-transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;
    transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;    
}

.shadow{
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.10);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.10);
    -o-box-shadow:0 1px 1px rgba(0,0,0,.10);
    -ms-box-shadow:0 1px 1px rgba(0,0,0,.10);
    box-shadow:0 1px 1px rgba(0,0,0,.10);
}
.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
mark{
    background: #ff9966;
    color:#fff;
}
::selection{
    background: #ff9966;
    color:#fff;
}
::-moz-selection{
    background: #ff9966;
    color:#fff; 
}
::-o-selection {
    background: #ff9966;
    color:#fff; 
}
::-ms-selection {
    background: #ff9966;
    color:#fff;
}
::-webkit-input-placeholder{
    color:#696e6e;
}
::-moz-placeholder{
   color:#696e6e;
   opacity:1;
}
:-ms-input-placeholder {  
   color:#696e6e;
}
::-webkit-scrollbar{
    width:10px;
    background:#666666;
}
::-webkit-scrollbar-thumb{
    -webkit-border-radius:4px;
    border-radius:4px;
}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
.img-responsive{display:block;max-width:100%;height:auto}
.img-responsive-i{
    display:block !important;
    max-width:100% !important;
    height:auto !important;
}

.mw_137 {max-width: 137px}
.mw_200 {max-width: 200px}
.mw_225 {max-width: 225px}
.mw_250 {max-width: 250px}
.mw_252 {max-width: 252px}

.c_p {
    cursor:pointer;
}
.centered_db{
    margin-left:auto;
    margin-right:auto;
}
.box_s_none{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    -o-box-shadow:none !important;
    -ms-box-shadow:none !important;
    box-shadow:none !important;
}
.f_left{
    float:left;
}
.f_right{
    float:right;
}
.tr_delay_hover,.button_type_2 .scheme_color{
    -webkit-transition:color 1s ease,background-color 1s ease,box-shadow 1s ease;
    -moz-transition:color 1s ease,background-color 1s ease,box-shadow 1s ease;
    -o-transition:color 1s ease,background-color 1s ease,box-shadow 1s ease;
    transition:color 1s ease,background-color 1s ease,box-shadow 1s ease;
}
.tr_delay_hover:hover,.button_type_2:hover .scheme_color{
    -webkit-transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;
    -moz-transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;
    -o-transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;
    transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;    
}
.container3d{
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform:perspective(600);
    -moz-transform:perspective(600);
    -o-transform:perspective(600);
    transform:perspective(600);
    perspective:600px;
}
.shadow{
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.10);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.10);
    -o-box-shadow:0 1px 1px rgba(0,0,0,.10);
    -ms-box-shadow:0 1px 1px rgba(0,0,0,.10);
    box-shadow:0 1px 1px rgba(0,0,0,.10);
}

mark{
    background: #9d201c;
    color:#fff;
}
::selection{
    background: #9d201c;
    color:#fff;
}
::-moz-selection{
    background: #9d201c;
    color:#fff; 
}
::-o-selection {
    background: #9d201c;
    color:#fff; 
}
::-ms-selection {
    background: #9d201c;
    color:#fff;
}
::-webkit-input-placeholder{
    color:#696e6e;
}
::-moz-placeholder{
   color:#696e6e;
   opacity:1;
}
:-ms-input-placeholder {  
   color:#696e6e;
}
::-webkit-scrollbar{
    width:10px;
    background:#9d201c;
}
::-webkit-scrollbar-thumb{
    -webkit-border-radius:4px;
    border-radius:4px;
}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}

/* -----------------------------------

    3. Farbeinstellungen

------------------------------------- */

a,a[class*="color"]:not(.color_light):hover,.scheme_color,.close_product:hover,
.search_button:hover,.close_search_form:hover,blockquote:before,.banner_type_2.red b,#footer a.color_light:hover,
.close_fieldset:hover,.text_cs_hover:hover,.tweet_list a:hover,
label[class*="required"]:after,.vertical_list_type_7 li:before,.first_letter_1 > .fl,
.info_block_type_1:hover [class*="icon_wrap"]{
    color:#363636;
}
[class*="alert_box"].error i[class^="fa "]{
    color:#c0392b;
}
.shopping_cart,[role="banner"],.sub_menu_wrap,.banner_type_2.red,
.vertical_list_type_3 li:before,.vertical_list_type_7 li:before{
    border-color:#9d201c;   
}
.shopping_cart:before,.sub_menu_wrap:before{
    border-bottom-color:#9d201c;
}
.count,.bg_scheme_color,.button_type_3:hover .count.type_2,
.button_type_3.active .count.type_2,.md_no-touch .main_menu > li:hover > a,.main_menu > li.current > a,
.main_menu > .current_click > a,
.main_menu > li.touch_open_sub > a,
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected,
[class*="button_type_"].bg_dark_color:hover,.banner:hover [class*="button_type_"].bg_dark_color,
[class*="button_type_"].bg_cs_hover:hover,#go_to_top:hover,.sw_button.googlemap,#menu_button,
.ui-slider:after,.vertical_list_type_2 li:before,.camera_wrap .camera_pag .camera_pag_ul .cameracurrent,
.camera_wrap .camera_prev:hover, .camera_wrap .camera_next:hover,.flex-control-nav .flex-active,
.flex-direction-nav a:hover,.vertical_list_type_4 li:before,.vertical_list_type_8 li:before,
.first_letter_2 > .fl,.info_block_type_2:hover [class*="icon_wrap"],#shopping_button:hover > a .count{
    background:#363636;
}
.select_color.red{
    background-color:#9d201c;   
}
.tp-leftarrow:hover,.tp-rightarrow:hover{
    background: #d55a4e
}
::-webkit-scrollbar-thumb{
    background:#363636; 
}

/* -----------------------------------

    4. Typography / Schriften

------------------------------------- */

h2{
    font-size:1.71em;
    line-height:1em;
}
h3,.tabs_nav,.search_button,.p_table > footer a{
    font-size:1.4em;
}

h4{
    font-size:1.25em;
}
h5{
    font-size:1.15em;
}
h6 {
    color: #363636;
    font-size: 1.3em;
    font-weight: 500;
}
a,.tr_hover{
    -webkit-transition: color .4s ease, background-color .4s ease;
    -moz-transition: color .4s ease, background-color .4s ease;
    -o-transition: color .4s ease, background-color .4s ease;
    transition: color .4s ease, background-color .4s ease;
}
.md_no-touch a:hover,.color_dark,.bc_list a[class*="color"]:hover,.bc_list > li.current > a,
.tweet_list a{
    color:#363636;
}
.color_grey{
    color:#838a8f;
}

.color_dark_2 {
    color: #696e6e;
}
.color_light,.button_type_2:hover .scheme_color,.dropdown_list li .scheme_color,
.button_type_2.active .scheme_color,.md_no-touch a.color_light:hover,.social_icons li:hover a,.bg_cs_hover:hover,
[class*="button_type_"][class*="color"].color_dark:hover,.main_menu[class*="type_"] > .current > a,
.md_no-touch .main_menu[class*="type_"] > li:hover > a,.main_menu[class*="type_"] > .touch_open_sub > a,.vertical_list_type_8 li:before{
    color:#fff;
}
.color_light_2{
    color:#f9f9f9;
}
.default_t_color{
    color:#696e6e;
}
.color_green{
    color:#27ae60 ;
}
.color_blue{
    color:#6f9bed ;
}
.color_red{
    color:#fb3e3e ;
}
.bg_color_green_1{
    background:#9d201c ;
}
.bg_color_green_2{
    background:#2ecc71;
}
.bg_color_orange_1{
    background:#e67e22;
}
.bg_color_orange_2{
    background:#f39c12;
}
.bg_color_orange_3{
    background:#f1c40f;
}
.bg_color_red_1{
    background:#666666;
}
.bg_color_blue_1{
    background:#2980b9;
}
.bg_color_blue_2{
    background:#3498db;
}
.bg_color_blue_3{
    background:#41bedd;
}
.bg_color_pink_1{
    background:#a255c4;
}
.bg_color_purple_1{
    background:#4e4ca0;
}
s{
    color:#6a6a6a;
}
.bg_light_color_1,.sub_menu li:hover > a,.select_list > li:hover,
.p_list > li:nth-child(2n+1),.info_block_type_1:hover [class*="icon_wrap"]{
    background:#a8a8a8;
    color: #fff;
}
.bg_light_color_2,.ui-slider-handle{
    background:#e2e6e7;
}
.bg_light_color_3{
    background:#fff;
}
.bg_color_dark_1{
    background:#9d201c;
}
.bg_color_dark_2{
    background:#9d201c;
}
.banner_title{
    font-size:2.28em;
    line-height: 1em;
}
.banner_title.type_2{
    font-size:4.51em;
}
.banner_title_3{
    font-size:1.4em;
}
blockquote{
    font-style:italic;
    background:#fff;
    line-height:1.55em;
    padding:20px 10px 15px 50px;
}
blockquote:before{
    content:"“";
    position:absolute;
    font-size:50px;
    font-weight:bold;
    width:20px;
    left:19px;
    top:26px;
}
blockquote:after{
    content:"";
    width:17px;
    height:10px;
    background:url("blockquote_arrow.png") no-repeat;
    position:absolute;
    left:20px;
    bottom:-10px;
}
.bt_link{
    line-height: 1.3em;
    padding-bottom:4px;
    /*word-break:break-all;*/
}
.first_letter_1 > .fl{
    font-size:3em;
    font-weight:bold;
    margin:10px 7px 0 0;
}
.first_letter_2 > .fl{
    width:32px;
    height:32px;
    font-size:1.42em;
    color:#fff;
    font-weight:bold;
    margin:7px 10px 0 0;
    padding-top:5px;
}

/* -----------------------------------

    5. Header

------------------------------------- */

[role="banner"]{
    border-top:3px solid #363636;
    width:inherit;
}
[role="banner"].type_4{
    border-top:none;
}
.h_top_part{
    background-color: #fafafa;
    padding:4px 0;
    border-bottom:1px solid #d0d0d0;
}
.h_top_part.type_2{
    background:#9d201c;
    color:#bdc3c7;
    padding:6px 0;
}
.h_bot_part {
    padding-bottom: 27px;
    padding-top: 29px;
}
.h_bot_part.type_2{
    padding-bottom:25px;
}
.logo img{
    max-width:100%;
}

.menu_wrap{
    z-index:189;
    width:inherit;
}
.menu_wrap.sticky{
    position: fixed;
    top:0;
    width:100%;
}
.menu_wrap[class*="type_"]:not(.type_3){
    width:auto;
}
.menu_wrap.type_2:not(.sticky){
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
}
.menu_wrap{
    background: #9d201c;
    box-shadow: 0 0 5px #666;
}

[role="banner"].type_5 .h_bot_part .menu_wrap{
    background:#fafbfb;
    padding-top:29px;
}
[role="banner"].type_5 .h_bot_part .menu_wrap > hr{
    margin-top:27px;
}
[role="banner"].type_5 .h_bot_part{
    padding:0;
    width:inherit;
}
[role="banner"].type_5 .h_bot_part .menu_wrap .site_settings.f_right{
    margin:0;
}
/* TOP-MENÜ*/
.fld-top-menu{
    width: 100%;
    padding: 0;
    position: relative;
    float: left;
    background: #9d201c !important;
}
.fld-top-menu li {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    padding: 0;
    float: left;
    line-height: 20px;
    position: relative;
}
.fld-top-menu li a {
    padding: 24px 22px 24px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    -o-transition: color .3s linear, background .3s linear;
    -webkit-transition: color .3s linear, background .3s linear;
    -moz-transition: color .3s linear, background .3s linear;
    transition: color .3s linear, background .3s linear;
    font-size:1.2em;
}
.fld-top-menu li:hover > a{
    color: #fff;
}
.fld-top-menu li.active > a{
    background: #9d201c;
    color: #fff;
}
.fld-top-menu > li > a {
    text-transform: uppercase;
}

.fld-top-menu > li > a:hover {
background: #363636;
}

.fld-top-menu ul, 
.fld-top-menu ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    z-index: 999;
    width: 250px;
    background: #363636;
}
.fld-top-menu ul{
    top: 68px;
    left: 0;
    border-top: 4px solid #9d201c;
}
.fld-top-menu ul li ul{
    top: 0;
    left: 250px;
}
.fld-top-menu ul li{
    clear:both;
    width:100%;
    font-size:14px;
}
.fld-top-menu ul li a {
    width:100%;
    padding:12px 22px;
    display:inline-block;
    float:left;
    clear:both;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
}
.fld-top-menu ul li:hover > a{
    background: #555555;
}

/* Drop-Down-Pfeile
----------------------------------------------------------------------*/
.fld-top-menu .indicator{
    color: #ffffff;
    position: absolute;
    right: 8px;
    top: 24px;
    font-family: 'FontAwesome';
    font-size: 12px;
}
.fld-top-menu .indicator:before{
    content: "\f0d7";
    color: #fff;
}
.fld-top-menu ul li .indicator{
    right: 20px;
    top: 13px;
}
.fld-top-menu ul li .indicator:before{
    content: "\f0da";
}


/* Collapsible Navi-Leiste
----------------------------------------------------------------------*/
.fld-top-menu > li.showhide{
    display: none;
    width: 100%;
    height: 50px;
    cursor: pointer;
    color: #ffffff;
    background: #9d201c;
}
.fld-top-menu > li.showhide span.title{
    margin: 16px 0 0 18px;
    float: left;
}
.fld-top-menu> li.showhide span.icon{
    margin: 17px 20px;
    float: right;
}
.fld-top-menu > li.showhide .icon em{
    margin-bottom: 3px;
    display: block;
    width: 20px;
    height: 2px;
    background: #ccc;
}

/* Transition und Effekte
----------------------------------------------------------------------*/
/* zoom */
.zoom{
    -webkit-animation: zoom .3s ease both;
    -moz-animation: zoom .3s ease both;
    -o-animation: zoom .3s ease both;
    animation: zoom .3s ease both;
}
@-webkit-keyframes zoom {
    0% { -webkit-transform: scale(.6); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes zoom {
    0% { -moz-transform: scale(.6); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes zoom {
    0% { -o-transform: scale(.6); }
    100% { -o-transform: scale(1); }
}
@keyframes zoom {
    0% { transform: scale(.6); }
    100% { transform: scale(1); }
}

/* swing */
.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: swing 600ms ease-out both;
    -moz-animation: swing 600ms ease-out both;
    -o-animation: swing 600ms ease-out both;
    animation: swing 600ms ease-out both;
}
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
    20% { -webkit-transform: rotate(15deg); }   
    40% { -webkit-transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); }    
    80% { -webkit-transform: rotate(-5deg); }   
    100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
    20% { -moz-transform: rotate(15deg); }  
    40% { -moz-transform: rotate(-10deg); }
    60% { -moz-transform: rotate(5deg); }   
    80% { -moz-transform: rotate(-5deg); }  
    100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
    20% { -o-transform: rotate(15deg); }    
    40% { -o-transform: rotate(-10deg); }
    60% { -o-transform: rotate(5deg); } 
    80% { -o-transform: rotate(-5deg); }    
    100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
    20% { transform: rotate(15deg); }   
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }    
    80% { transform: rotate(-5deg); }   
    100% { transform: rotate(0deg); }
}

/* bounce */
.bounce{
    -webkit-animation: bounce 600ms ease both;
    -moz-animation: bounce 600ms ease both;
    -o-animation: bounce 600ms ease both;
    animation: bounce 600ms ease both;
}
@-webkit-keyframes bounce {
    0% { -webkit-transform: translateX(-2000px); }
    60% { -webkit-transform: translateX(30px); }
    80% { -webkit-transform: translateX(-10px); }
    100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes bounce {
    0% { -moz-transform: translateX(-2000px); }
    60% { -moz-transform: translateX(30px); }
    80% { -moz-transform: translateX(-10px); }
    100% { -moz-transform: translateX(0); }
}
@-o-keyframes bounce {
    0% { -o-transform: translateX(-2000px); }
    60% { -o-transform: translateX(30px); }
    80% { -o-transform: translateX(-10px); }
    100% { -o-transform: translateX(0); }
}
@keyframes bounce {
    0% { transform: translateX(-2000px); }
    60% { transform: translateX(30px); }
    80% { transform: translateX(-10px); }
    100% { transform: translateX(0); }
}

/* -----------------------------------

    6. Produkt-Galerie / Produkt-Slider

------------------------------------- */

.main-wrapper{height:438px;display: table;}
#main-pic-wrapper {display: inline-block;}
#main-pic-wrapper span{display: table-cell;height: 438px;text-align: center;vertical-align: middle;width: 438px;}

.product_brands .owl-item{
    padding:0 15px;
}
.product_brands .owl-item:hover a img{
    -webkit-animation:sizejump .4s ease;
    -moz-animation:sizejump .4s ease;
    -o-animation:sizejump .4s ease;
    -ms-animation:sizejump .4s ease;
    animation:sizejump .4s ease;
}

[class*="qv_carousel"]:not(.qv_carousel_wrap){
    padding:0 35px;
}
.qv_carousel_wrap li{
    padding:0 3.5px;
    cursor:pointer;
}
.qv_carousel_wrap .qv_carousel_single li{
    padding:0 4.5px;
}

.thumb {
    max-width: 110px;
    max-height: 110px;
    width: 100%;
    height: auto;
    padding:2px;
}

.main-pic {
    max-width: 438px;
    max-height: 438px;
    width: 100%;
    height: auto;   
}

.owl-carousel .owl-item {
    text-align: center;
}

.qv_carousel_wrap [class*="qv_btn_"]{
    position:absolute;
    top:50%;
    margin-top:-15px;
    left:0;
    z-index:1;
}
.qv_carousel_wrap .qv_btn_next,
.qv_carousel_wrap .qv_btn_single_next{
    left:auto;
    right:0;
}
.image-holder {
    display: table-cell;
    padding-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    height:250px;
    min-width:235px;
}

.slide-thumb {
    height:auto !important;
    max-width:230px !important;
    max-height:230px !important;
}

/* -----------------------------------

    7. Tabs

------------------------------------- */


.catpad {
    padding:10px 5px !important;
}

.tabs_nav li{
    margin-right: 3px;
}
.tabs_nav li a{
    padding:14px 20px 14px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-bottom-left-radius:0px;
    -moz-border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.tabs_nav .ui-tabs-active a,.tabs_nav li:hover a[class*="color"]{
    background:#9d201c;
    color:#f9f9f9;
}
.tabs_content{
    background:#fff;
    padding:25px 20px;
    -webkit-border-top-left-radius:0px;
    -moz-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.tabs.vertical .tabs_nav{
    width:30%;
}
.tabs.vertical .tabs_nav li{
    margin-right:0;
}
.tabs.vertical .tabs_nav li a{
    -webkit-border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
}
.tabs.vertical .tabs_content{
    width:70%;
    padding-top:15px;
}

/* -----------------------------------

    8. Listen und Side-Navigation

------------------------------------- */

.users_nav li{
    margin-left:8px;
}
.users_nav li::before, .l_width_divider li::before {
    border-left: 1px solid #828686;
    content: "";
    display: inline-block;
    height: 10px;
    margin: 6px 8px 0 0;
}
.l_width_divider li:before{
    margin:0 15px 0 0;
}
.users_nav li:first-child:before,
.l_width_divider li:first-child:before{
    display: none;
}

.vertical_list{
    margin-top:-8px;
}
.vertical_list li a{
    display:block;
    padding:8px 0;
    border-top:1px solid #bdc3c7;
    position:relative;
}
.vertical_list li a i[class^="fa "]{
    position:absolute;
    right:0;
    top:50%;
    margin-top:-7px;
}

.c_info_list,.w_break{
    word-break:break-all;
}
.c_info_list .contact_e{
    padding-left:20px;
    display:block;
}
.c_info_list i{
    line-height: inherit;
}

.select_title.type_2 + .select_list > li{
    padding-top:7px;
    padding-bottom:8px;
}
.select_list > li{
    color:#6a6a6a;
    padding:3px 10px;
}
.select_list > li:hover{
    color:#000;
}

@media only screen and (-webkit-min-device-pixel-ratio:0){
    .widget figcaption,.a_title{
        -webkit-border-radius:4px 4px 0 0;
        border-radius:4px 4px 0 0;
    }
    .button_type_14 > i[class^="fa "]{
        margin-top:1px;
    }
}
.vertical_list_type_2 li,
.vertical_list_type_3 li,
.vertical_list_type_4 li{
    position:relative;
    padding-left:17px;
}
.vertical_list_type_5 li{
    position:relative;
    padding-left:20px;
}
.vertical_list_type_2 li:before,
.vertical_list_type_3 li:before,
.vertical_list_type_4 li:before{
    content:"";
    width:6px;
    height:6px;
    display:block;
    position:absolute;
    left:0;
    top:8px;
}
.vertical_list_type_3 li:before{
    background:transparent;
    border-width:1px;
    border-style:solid;
}
.vertical_list_type_6 li > span{
    min-width:14px;
}
.vertical_list_type_5 li > i,
.vertical_list_type_5 li > span{
    position:absolute;
    left:0;
    top:2px;
}
.vertical_list_type_5 li > span{
    top:0;
}
.vertical_list_type_7,
.vertical_list_type_8{
    counter-reset: itemcount;
}
.vertical_list_type_7 li,
.vertical_list_type_8 li{
    counter-increment: itemcount;
    position:relative;
    padding-left:40px;
}
.vertical_list_type_8 li{
    padding-left:30px;
}
.vertical_list_type_7 li:before{
    content:"0" counter(itemcount);
    display:block;
    position:absolute;
    top:6px;
    left:0;
    text-align: center;
    width:30px;
    font-weight:500;
    height:30px;
    padding-top:2px;
    border-width:2px;
    border-style:solid;
    letter-spacing: -.5px;
}
.vertical_list_type_8 li:before{
    content:counter(itemcount);
    display:block;
    position:absolute;
    top:3px;
    left:0;
    text-align: center;
    width:20px;
    font-weight:500;
    height:20px;
}

/* SIDE-MENÜ*/
/*** CSS KATEGORIEN TOGGLE BOS ***/
#fld-menu,
#fld-menu ul,
#fld-menu ul li,
#fld-menu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#fld-menu {
  width: 100%;
  font-family: Raleway, sans-serif;
  color: #777777;
}
#fld-menu ul ul {
  display: none;
}
#fld-menu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#fld-menu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #777777;
  background: #ffffff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#fld-menu > ul > li > a:hover {
  color: #9d201c;
}
#fld-menu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #777777;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#fld-menu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #777777;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#fld-menu ul > li.has-sub.open > a:after,
#fld-menu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#fld-menu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  background: #363636;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#fld-menu ul ul ul li a {
  padding-left: 32px;
}
#fld-menu ul ul li a:hover {
  color: #9d201c;
}
#fld-menu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #ffffff;
}
#fld-menu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #ffffff;
}


/* -----------------------------------

    9. Buttons

------------------------------------- */

.button_type_1{
    padding:9px 15px 10px 10px;
}
.button_type_2{
    padding:9px 16px 10px;
}
.button_type_3{
    padding:9px 16px 8px;
}
.button_type_4,.button_type_8{
    padding:8px 15px;
    min-width:123px;
}
.button_type_5{
    padding:8px 12px 9px;
    background:rgba(41,47,56,.5);
}
.button_type_6{
    padding:12px 20px;
}
.button_type_7{
    height:30px;
    width:30px;
}
.button_type_10{
    height:23px;
}
.button_type_11{
    width:30px;
    height:30px;
}
.button_type_12{
    padding:14px 22px 13px;
}
.button_type_13{
    padding:10px 2px 9px;
    background:rgba(41,47,56,.8);
}
.button_type_14{
    padding:8px 21.5px 7px;
    min-height:38px;
}
.button_type_15{
    padding:6px 21.5px;
}
.button_type_16{
    padding:5px 21.5px 2px;
}

.button_type_17{
    padding:9px 5px 8px;
    font-size: 12px;
}

[class*="button_type"]:not(.bg_tr){
    position: relative;
    -webkit-box-shadow:0 2px 0 #bdc3c7;
    -moz-box-shadow:0 2px 0 #bdc3c7;
    -o-box-shadow:0 2px 0 #bdc3c7;
    -ms-box-shadow:0 2px 0 #bdc3c7;
    box-shadow:0 2px 0 #bdc3c7;
}
[class*="button_type_"]:not(.bg_tr):hover,[class*="button_type_"].bg_dark_color{
    -webkit-box-shadow:0 2px 0 #2c3e50;
    -moz-box-shadow:0 2px 0 #2c3e50;
    -o-box-shadow:0 2px 0 #2c3e50;
    -ms-box-shadow:0 2px 0 #2c3e50;
    box-shadow:0 2px 0 #2c3e50;
}
[class*="button_type_"].bg_scheme_color,
[class*="button_type_"].bg_dark_color:hover{
    -webkit-box-shadow:0 2px 0 #666666;
    -moz-box-shadow:0 2px 0 #666666;
    -o-box-shadow:0 2px 0 #666666;
    -ms-box-shadow:0 2px 0 #666666;
    box-shadow:0 2px 0 #666666;
}
[class*="button_type_"].active,[class*="button_type_"]:not(.bg_cs_hover):hover,
[class*="button_type_"].color_dark:not(.bg_cs_hover):hover,.isotope_menu > .active [class*="button_type_"],
[class*="button_type_"].bg_dark_color,.banner:hover [class*="button_type_"].bg_scheme_color,#menu_button:hover,#menu_button.active,
#shopping_button:hover > a{
    background:#363636;
    color:#fff;
}
.button_type_8:hover,.button_type_8.bg_scheme_color:hover{
    background: #e2e6e7;
    color: #434649;
    -webkit-box-shadow:0 2px 0 #bdc3c7;
    -moz-box-shadow:0 2px 0 #bdc3c7;
    -o-box-shadow:0 2px 0 #bdc3c7;
    -ms-box-shadow:0 2px 0 #bdc3c7;
    box-shadow:0 2px 0 #bdc3c7;
}
[class*="button_type_"].bg_color_blue{
    background:#3498db;
    -webkit-box-shadow:0 2px 0 #2980b9;
    -moz-box-shadow:0 2px 0 #2980b9;
    -o-box-shadow:0 2px 0 #2980b9;
    -ms-box-shadow:0 2px 0 #2980b9;
    box-shadow:0 2px 0 #2980b9;
}
[class*="button_type_"].bg_color_green{
    background:#2ecc71;
    -webkit-box-shadow:0 2px 0 #9d201c ;
    -moz-box-shadow:0 2px 0 #9d201c ;
    -o-box-shadow:0 2px 0 #9d201c ;
    -ms-box-shadow:0 2px 0 #9d201c ;
    box-shadow:0 2px 0 #9d201c ;
}
[class*="button_type_"].bg_color_orange{
    background:#f39c12;
    -webkit-box-shadow:0 2px 0 #e67e22;
    -moz-box-shadow:0 2px 0 #e67e22;
    -o-box-shadow:0 2px 0 #e67e22;
    -ms-box-shadow:0 2px 0 #e67e22;
    box-shadow:0 2px 0 #e67e22;
}
.search_button{
    background-color:transparent;
    color:#bdc3c7;
    margin-top:20px;
}
[class*="s_form_wrap"] .search_button{
    margin-top:9px;
}

.searchform_wrap.type_2 .close_search_form{
    right:28px;
}
.searchform_wrap.type_3 .close_search_form{
    right:0px;
}
.pp_wrap > [class*="button_type_"]{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%) scale(.1);
    -moz-transform:translate(-50%,-50%) scale(.1);
    -o-transform:translate(-50%,-50%) scale(.1);
    -ms-transform:translate(-50%,-50%) scale(.1);
    transform:translate(-50%,-50%) scale(.1);
    opacity:0;
}
.photoframe.type_2 .pp_wrap > [class*="button_type_"]{
    top:auto;
    bottom:30%;
}
.button_type_5:hover{
    background:rgba(41,47,56,.8) !important;
}
.button_type_13:hover{
    background:rgba(41,47,56,1) !important;
}
.product_item .photoframe:hover .pp_wrap > [class*="button_type_"],
.product_item2 .photoframe:hover .pp_wrap > [class*="button_type_"],
.owl-item > .photoframe:hover .pp_wrap > [class*="button_type_"]{
    -webkit-transform:translate(-50%,-50%) scale(1);
    -moz-transform:translate(-50%,-50%) scale(1);
    -o-transform:translate(-50%,-50%) scale(1);
    -ms-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
    opacity:1;
}

.fld-ebaylinks li {
    background: #9d201c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 0px 0px 5px;
    padding: 8px;
    transition: all 0.2s linear 0s;
    border:1px solid transparent;
    font-weight:500;    
    width:20%;
    font-size:13px;
}

.fld-ebaylinks li:hover,
.fld-ebaylinks li:focus {
    background: #363636;
}

.fld-ebaylinks li a{
    color: #fff;
}

.fld-ebaylinks li a:hover,
.fld-ebaylinks li a:focus{
    background: transparent !important;
    color: #fff;
    text-decoration:none;
}

.fld-ebaylinks li a .fa{
    margin-right:5px;
    vertical-align:middle;
}

.fld-ebaylinks li a span {
    border-left:1px solid #999;
    padding-left:10px;
    -webkit-box-shadow: inset 0.5px 0px 0px 0px rgba(200,200,200,0.5);
    -moz-box-shadow: inset 0.5px 0px 0px 0px rgba(200,200,200,0.5);
    box-shadow: inset 0.5px 0px 0px 0px rgba(200,200,200,0.5);
    word-spacing:normal;
}

.quantity button {
    background: #363636 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    height: 26px;
    margin-top: 5px;
    width: 27px;
}

.quantity button:hover {
    background-color: #9d201c;
}

.btn-primary {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  background: #a8a8a8;
  color: #fff;
  border: none;
  font-size: 13px;
  line-height: 22px;
}

.btn-primary:hover,
.btn-primary:focus {
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #9d201c;
}
    
.icon_btn,
.icon_btn:hover {
    background: #363636;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right:0px;
}
/* -----------------------------------

    10. Tabellen

------------------------------------- */

.description_table{
    margin-top:-5px;
}
.description_table td{
    padding:1px 0;
}
.description_table tr td:first-child{
    min-width:108px;
}
.description_table.type_2 tr td:first-child{
    min-width:65px;
}
.description_table.type_3 tr td:first-child{
    min-width:175px;
}
[class*="table_type_"]{
    background:#fff;
}
[class*="table_type_"] th,[class*="table_type_"] td{
    border:1px solid #ecf0f1;
}
.table_type_1 tr:first-child th:first-child,
.table_type_2 tr:first-child th:first-child,
.table_type_3 tr:first-child th:first-child,
.table_type_4 tr:first-child th:nth-child(4),
.table_type_6 tr:first-child td:first-child,
.table_type_8 tr:first-child th:first-child{width:150px;}
.table_type_1 tr:first-child th:nth-child(2),
.table_type_3 tr:first-child th:nth-child(2),
.table_type_3 tr:first-child th:nth-child(3){width:262px;}
.table_type_1 tr:first-child th:nth-child(3),
.table_type_4 tr:first-child th:nth-child(3){width:110px;}
.table_type_1 tr:first-child th:nth-child(4){width:145px;}
.table_type_2 tr:first-child th:not(:first-child){width:330px;}
.table_type_4 tr:first-child th:first-child{width:320px;}
.table_type_4 tr:first-child th:nth-child(2){width:90px;}
.table_type_5 td:first-child{width:670px;}
.table_type_7 tr:first-child th:first-child{width:74px;}
.table_type_7 tr:first-child th:nth-child(2){width:180px;}
.table_type_7 tr:first-child th:nth-child(4),
.table_type_7 tr:first-child th:nth-child(7){width:100px;}
.table_type_7 tr:first-child th:nth-child(5){width:65px;}
.table_type_7 tr:first-child th:nth-child(6){width:80px;}
.table_type_7 tr:first-child th:nth-child(3){width:160px;}
.table_type_8 tr:first-child th:nth-child(2){width:262px;}
[class*="table_type_"] tr:first-child th{
    padding:15px;
    border-top:none;
}
[class*="table_type_"] tr:first-child th:first-child,
[class*="table_type_"] tr td:first-child{
    border-left:none;
}
[class*="table_type_"] tr:first-child th:last-child,
[class*="table_type_"] tr td:last-child{
    border-right:none;
}
[class*="table_type_"] tr:last-child td{
    border-bottom:none;
}
.table_type_1 td,.table_type_4 td{
    padding:20px 10px;
}
.table_type_2 td{
    padding:12px 20px;
}
.table_type_3 td,.table_type_5 td,.table_type_6 td,.table_type_6 td[class*="half_column"],.table_type_7 td{
    padding:14px 20px;  
}
.table_type_4 td[colspan],.table_type_4 td[colspan] + td{
    padding-top:14px;
    padding-bottom:14px;
}
.table_type_4 tr:last-child td{
    padding:10px 20px;
}
.table_type_5 tr:first-child td:first-child{
    padding-top:25px;
}
.table_type_5 tr:last-child td,.table_type_5 tr:nth-last-child(2) td{
    border:none;
}
.table_type_5 tr:nth-last-child(2) td{
    padding-bottom:0;
}
.table_type_8 td{
    padding:14px 20px;
}
.about_project td:first-child{
    width:96px;
}
.about_project tr:not(:first-child){
    border-top:1px solid #e2e6e7;
}
.about_project td{
    padding:7px 0;
}
.about_project tr:first-child td{
    padding-top:2px;
}
.p_table{
    width:283px;
    margin:0 1px;
    -webkit-transition:box-shadow .2s ease,opacity 1s ease !important;
    -moz-transition:box-shadow .2s ease,opacity 1s ease !important;
    -o-transition:box-shadow .2s ease,opacity 1s ease !important;
    transition:box-shadow .2s ease,opacity 1s ease !important;
}
.p_table > header{
    padding:10px 0 9px;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
}
.p_table > .price{
    padding:16px 0 17px;
}
.price dt{
    font-size:2.6em;
    line-height:1em;
}
.p_list > li{
    padding:11.5px 20px;
    background:#f4f6f7;
    position:relative;
}
.p_list i[class^="fa "]{
    position:absolute;
    left:10px;
    height:100%;
}
.p_table > footer a{
    padding:14px 0 15px;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    border-radius:0 0 4px 4px;
}
.p_table > .hot_p{
    position: absolute;
    top:-5px;
    right:-5px;
}
.p_table:hover,.p_table.active{
    margin-top:-15px;
    margin-left:-4px;
    margin-right:-4px;
    width:293px;
    z-index:2;
    -webkit-box-shadow:0 0 17px rgba(0,0,0,.13);
    -moz-box-shadow:0 0 17px rgba(0,0,0,.13);
    -o-box-shadow:0 0 17px rgba(0,0,0,.13);
    box-shadow:0 0 17px rgba(0,0,0,.13);
}
.p_table.active{
    z-index:1;
}
.p_table:hover > header,.p_table.active > header{
    padding:12px 0;
}
.p_table:hover > footer a,.p_table.active > footer a{
    padding:17px 0;
}
.p_table:hover .p_list > li,.p_table.active .p_list > li{
    padding:12.5px 25px;
}
.p_table:hover > .price, .p_table.active .price{
    padding-bottom:21px;
}

/* -----------------------------------

    11. Icons

------------------------------------- */

i[class^="fa "]{
    line-height: inherit;
}
[class*="headicon_"]{
    margin-right:10px;
}
[class*="button_type_"]:not(.button_type_1) > i:not([class*="m_"]):only-of-type{
    margin-left:10px;
    margin-right:10px;
}
.button_type_1 > i[class^="fa "],.button_type_4 > i[class^="fa "]:not([class*="f_size"]),
.button_type_5 > i[class^="fa "]{
    font-size:21px;
}
.icon {
    margin-right: 5px;
    vertical-align: baseline;
}
.border_icon {
    margin-left:5px;
    border-right:1px solid #fff;
}
.shop_icon{
    position:relative;
    margin-right:15px;
}
.shop_icon i[class^="fa "]{
    font-size:24px;
    margin-top:-2px;
}

.glyphicon_item i[class^="fa "]{
    font-size:60px;
}

.icon_wrap_1{
    width:60px;
    height:60px;
    font-size:26px;
    background-color: #9d201c;
}
.icon_wrap_2{
    font-size:26px;
}
.info_block_type_3 .icon_wrap_2{
    margin-left:-45px;
}
.info_block_type_1 .icon_wrap_1{
    margin-left:-80px;
}
.info_block_type_1{
    padding-left:80px;
}
.info_block_type_2:hover [class*="icon_wrap"]{
    color:#ecf0f1
}
[class*="info_block_"]:hover [class*="icon_wrap"]{
    -webkit-animation:jump .4s ease;
    -moz-animation:jump .4s ease;
    -o-animation:jump .4s ease;
    animation:jump .4s ease;
}

/* -----------------------------------

    12. Main Content Elemente

------------------------------------- */

.tabs_content ul {
    margin-top:10px;
}

.tabs_content ul li:before {
    content: "\f046";
    font-family: FontAwesome;
    color: #9d201c;
    margin-right: 10px;
}

hr{
    border-color:#ecf0f1;
}
.divider_type_2{
    border-bottom-style:solid;
    border-bottom-width:2px;
    width:58px;
    border-color:rgba(50,58,69,.1);
}
.divider_type_3,.l_width_divider > li:before{
    border-color:#e2e6e7;
}
.divider_type_4{
    border-color:#404852;
}
.divider_type_5{
    width:58px;
    height:2px;
    background:#e6e9eb;
}
.divider_type_6{
    border-color:#e2e2e2;
}

/*
.product_description{
    width:205px;
}
.close_product{
    font-weight: 300;
    margin-top:22px;
    background-color:transparent;
}
.total_price{
    padding:12px 20px;
    line-height: 1.2em
}
.sc_price{
    min-width:70px;
}
.sc_footer{
    padding:14px 15px 20px;
}
*/
.page_content_offset{
    padding:60px 0;
}
.product_item,.owl-item > .photoframe{
    margin:15px;
}
.product_item2,.owl-item > .photoframe{
    margin:15px;
}
.product_item .photoframe figcaption,.owl-item > .photoframe figcaption{
    padding:16px 0 12px;
}
.product_item2 .photoframe figcaption,.owl-item > .photoframe figcaption{
    padding:16px 0 12px;
}
.product_item .photoframe.type_2 figcaption{
    padding:3px 10px 0 0;
}
.product_item2 .photoframe.type_2 figcaption{
    padding:3px 10px 0 0;
}
.product_item .photoframe img,.owl-item > .photoframe img,
.product_item2 .photoframe img,.owl-item > .photoframe img,
.simple_slide_show img{
    -webkit-transform:none !important;
    -moz-transform:none !important;
    -o-transform:none !important;
    -ms-transform:none !important;
    transform:none !important;
}
.pp_wrap{
    z-index:1;
}
.product_item .photoframe:hover,.categories_nav_list .photoframe:hover,
.product_item2 .photoframe:hover,.categories_nav_list .photoframe:hover,
.owl-item > .photoframe:hover{
    -webkit-box-shadow:0 0 17px rgba(0,0,0,0.12);
    -moz-box-shadow:0 0 17px rgba(0,0,0,0.12);
    -o-box-shadow:0 0 17px rgba(0,0,0,0.12);
    -ms-box-shadow:0 0 17px rgba(0,0,0,0.12);
    box-shadow:0 0 17px rgba(0,0,0,0.12);
}
.qv_preview [class*="button_type_"]{
    position:absolute;
    bottom:10px;
    right:10px;
    z-index:2;
}
.p_buttons{
    position:absolute;
    right:10px;
    bottom:10px;
    -webkit-transform:translateX(120%);
    -moz-transform:translateX(120%);
    -o-transform:translateX(120%);
    -ms-transform:translateX(120%);
    transform:translateX(120%);
    -webkit-transition-delay:.25s;
    transition-delay:.25s;
}
.product_item .photoframe:hover .p_buttons,
.product_item2 .photoframe:hover .p_buttons,
.owl-item .photoframe:hover .p_buttons{
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -o-transform:translateX(0%);
    -ms-transform:translateX(0%);
    transform:translateX(0%);
}

.photoframe{
    border:10px solid #fff;
    z-index:1;
    background:#fff;
}

.photoframe:not(.type_2):hover img,.specials_item .d_block.wrapper:hover img{
    -webkit-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -o-transform:scale(1.08);
    -ms-transform:scale(1.08);
    transform:scale(1.08);
}
.nav_buttons_wrap{
    margin-top:-4px;
}
.nav_buttons_wrap_type_2{
    position:absolute;
    top:50%;
    right:10px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.widget figcaption{
    background:#9d201c;
    padding:15px 20px 14px;
}
.widget figcaption[class*="relative"]{
    padding-right:85px;
}
.widget_content{
    padding:23px 20px 25px; 
    background: #fff;
}
.quantity{
    background:#f5f7f8;
}
.product_single_preview{
    width:458px;
    z-index:0;
}
[class*="alert_box"]{
    padding:25px 20px 25px 65px;
    position: relative;
}
[class*="alert_box"] i[class^="fa "]{
    font-size:36px;
    position:absolute;
    left:20px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
[class*="alert_box"].success{
    background:rgba(39,174,96,.1);
}
[class*="alert_box"].success i[class^="fa "]{color:#2ecc71;}
[class*="alert_box"].info{
    background:rgba(52,152,219,.1);
    color:#2980b9;
}
[class*="alert_box"].info i[class^="fa "]{color:#3498db;}
[class*="alert_box"].error{
    background:rgba(231,76,60,.1);
    color:#cb2700;
}
[class*="alert_box"].warning i[class^="fa "]{color:#f39c12;}
[class*="alert_box"].warning{
    background:rgba(243,156,18,.1);
    color:#e67e22;
}
.manufacturers{
    padding:30px 20px 25px;
}
.bs_inner_offsets{
    padding:24px 19px 20px;
}
.category_grid .product_item2{
    width:195px;
}
.zoomLens{
    display:none !important;
}
.zoomContainer{
    width:0 !important;
    height:0 !important;
}
.a_title{
    padding:14px 40px 15px 19px;
    cursor:pointer;
}
.a_title.active{
    background:#9d201c;
}
.a_title [class*="us_icon"]{
    position:absolute;
    right:20px;
    height:100%;
}
.a_content{
    padding:24px 20px;
}

/* -----------------------------------

    13. Form-Elemente / Inputs

------------------------------------- */

.searchform_wrap{
    background:#fff;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    -webkit-transform:translateY(60px);
    -moz-transform:translateY(60px);
    -o-transform:translateY(60px);
    -ms-transform:translateY(60px);
    transform:translateY(60px);
    opacity:0;
    visibility: hidden;
    z-index:101;
}
.searchform_wrap[class*="type_"],.searchform_wrap[class*="type_"].opened,
.searchform_wrap[class*="type_"].closed{
    background:#FAFBFB;
    -webkit-transform:none;
    -moz-transform:none;
    -o-transform:none;
    -ms-transform:none;
    transform:none;
}
.searchform_wrap.opened,
.md_no-touch .main_menu > li:hover > .sub_menu_wrap,
.main_menu > li.touch_open_sub > .sub_menu_wrap{
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -o-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
    opacity:1;
    visibility: visible;
}
.searchform_wrap.closed{
    -webkit-transform:translateY(-60px);
    -moz-transform:translateY(-60px);
    -o-transform:translateY(-60px);
    -ms-transform:translateY(-60px);
    transform:translateY(-60px);
    opacity:0;
    visibility: hidden;
}
[role="search"]:not([class*="type_"]){
    width:99%;
}
[role="search"]:not([class*="type_"]) input[type="text"]{
    width:95%;
    background:transparent;
    border:none;
}
[role="search"].type_2 button{
    position:absolute;
    right:13px;
    height:100%;
    top:0;
    margin-top:0;
}
[role="search"].type_2 input[type="text"]{
    padding-right:40px;
}
.quantity input[type="text"]{
    padding:0 8px;
    border-left-width:1px;
    border-right-width:1px;
    border-top:none;
    border-bottom:none;
    background:transparent;
    height:26px;
    width:44px;
}


.quantity input[type="number"] {
    background: #fff none repeat scroll 0 0;
    border-width: 1px;
    height: 35px;
    padding: 0 8px;
    text-align: center;
    width: 44px;
}

input:not([type="submit"]), textarea {
    background: #f5f7f8 none repeat scroll 0 0;
    border: 2px solid #e4e4e2;
    color: #696e6e;
    height: 47px;
    margin-left: 5px;
    margin-right: 5px;
    outline: medium none;
    padding: 9px 10px;
    resize: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
   -moz-appearance: textfield;
}

/* -----------------------------------

    14. Footer

------------------------------------- */

#footer{
    color:#363636 !important;
    padding:45px 0 0;
    background:#fff;
    border-top: 1px solid #ddd;
}

#footer.type_2{
    padding-top:25px;
}
.footer_top_part{
    padding-bottom:37px;
}
#footer.type_2 .foorer_top_part{
    padding-bottom:45px;
}
.footer_bottom_part{
    background:#363636;
    padding:24px 0 22px;
    color:#696e6e;
}

.fb_footer a:hover {color: #3b5998}
.tw_footer a:hover {color: #55acee}
.gp_footer a:hover {color: #dc4e41}

/* -----------------------------------

    15. Animations

------------------------------------- */
@-webkit-keyframes ministorm{
    0%,100%{
        -webkit-tranform:rotate(0deg);
    }
    30%{
        -webkit-transform:rotate(8deg);
    }
    70%{
        -webkit-transform:rotate(-8deg);    
    }
}
@keyframes ministorm{
    0%,100%{
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    30%{
        -moz-transform:rotate(8deg);
        -o-transform:rotate(8deg);
        -ms-transform:rotate(8deg);
        transform:rotate(8deg);
    }
    70%{
        -moz-transform:rotate(-8deg);
        -o-transform:rotate(-8deg);
        -ms-transform:rotate(-8deg);
        transform:rotate(-8deg);    
    }
}
@keyframes wicket{
    0%{
        -moz-transform:rotate3d(1,0,0,90deg);
        -o-transform:rotate3d(1,0,0,90deg);
        -ms-transform:rotate3d(1,0,0,90deg);
        transform:rotate3d(1,0,0,90deg);
    }
    70%{
        -moz-transform:rotate3d(1,0,0,-30deg);
        -o-transform:rotate3d(1,0,0,-30deg);
        -ms-transform:rotate3d(1,0,0,-30deg);
        transform:rotate3d(1,0,0,-30deg);
    }
    100%{
        -moz-transform:rotate3d(1,0,0,0deg);
        -o-transform:rotate3d(1,0,0,0deg);
        -ms-transform:rotate3d(1,0,0,0deg);
        transform:rotate3d(1,0,0,0deg);
    }
}
@-webkit-keyframes wicket{
    0%{
        -webkit-transform:rotate3d(1,0,0,90deg) translate3d(0,0,1px);
    }
    70%{
        -webkit-transform:rotate3d(1,0,0,-30deg) translate3d(0,0,1px);
    }
    100%{
        -webkit-transform:rotate3d(1,0,0,0deg) translate3d(0,0,1px);
    }
}
@keyframes wicketout{
    0%{
        -moz-transform:rotate3d(1,0,0,0deg);
        -o-transform:rotate3d(1,0,0,0deg);
        -ms-transform:rotate3d(1,0,0,0deg);
        transform:rotate3d(1,0,0,0deg);
    }
    30%{
        -moz-transform:rotate3d(1,0,0,-30deg);
        -o-transform:rotate3d(1,0,0,-30deg);
        -ms-transform:rotate3d(1,0,0,-30deg);
        transform:rotate3d(1,0,0,-30deg);
    }
    100%{
        -moz-transform:rotate3d(1,0,0,90deg);
        -o-transform:rotate3d(1,0,0,90deg);
        -ms-transform:rotate3d(1,0,0,90deg);
        transform:rotate3d(1,0,0,90deg);
    }
}
@-webkit-keyframes wicketout{
    0%{
        -webkit-transform:rotate3d(1,0,0,0deg) translate3d(0,0,1px);
    }
    30%{
        -webkit-transform:rotate3d(1,0,0,-30deg) translate3d(0,0,1px);
    }
    100%{
        -webkit-transform:rotate3d(1,0,0,90deg) translate3d(0,0,1px);
    }
}
@-webkit-keyframes sizejump{
    0%,100%{-webkit-transform:scaleX(1);}
    50%{-webkit-transform:scaleX(1.1);}
}
@keyframes sizejump{
    0%,100%{-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}
    50%{-moz-transform:scaleX(1.1);-o-transform:scaleX(1.1);-ms-transform:scaleX(1.1);transform:scaleX(1.1);}
}
@-webkit-keyframes jump{
    0%,100%{-webkit-transform:translateY(0px);}
    50%{-webkit-transform:translateY(-5px);}
}
@keyframes jump{
    0%,100%{-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}
    50%{-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);}
}

/* -----------------------------------

    16. Responsive 

------------------------------------- */

@media only screen and (min-width:1200px){
    #fancybox-wrap{top:350px !important;}
}
/* @media max-width: 1200px */
@media only screen and (max-width: 1200px) {
.qv_preview .zoomWrapper{width:auto!important;height:auto!important}
.qv_preview .zoomWrapper img{position:relative!important}
.zoomContainer{display:none!important}
.d_md_none,.l_width_divider > li:before{display:none}
.d_md_block{display:block}
.d_md_inline_b{display:inline-block}
.d_md_inline_middle{display:inline-block;vertical-align:middle}
.t_md_align_l{text-align:left}

/* @media max-width: 992px */
@media only screen and (max-width: 992px) {
[role="banner"]{background:transparent}
.page_content_offset{padding:45px 0}
.tabs_nav li a,.menu_wrap.type_2 .main_menu > li > a{padding-left:10px;padding-right:10px}
h1 > b{line-height:1em}
.p_sm_right_0{padding-right:0}
.d_sm_none,.n_sm_vc_child:after,.simple_s_caption{display:none}
.d_sm_block{display:block}
.d_sm_inline_b{display:inline-block}
.d_sm_inline_middle{display:inline-block;vertical-align:middle}
.t_sm_align_c{text-align:center}
.t_sm_align_l{text-align:left}
.f_sm_none{float:none}
.nav_buttons_wrap_type_2{position:relative;top:auto;right:auto}
.widget figcaption[class*="relative"]{padding-right:20px}
.widget_content{padding-left:19px;padding-right:19px}
.m_sm_bottom_0{margin-bottom:0}
.m_sm_bottom_5{margin-bottom:5px}
.m_sm_bottom_10{margin-bottom:10px}
.m_sm_bottom_15{margin-bottom:15px}
.m_sm_bottom_20{margin-bottom:20px}
.m_sm_bottom_30{margin-bottom:30px}
.m_sm_bottom_35{margin-bottom:35px}
.m_sm_bottom_45{margin-bottom:45px}
.m_sm_top_0{margin-top:0}
.m_sm_right_0{margin-right:0}
.m_sm_right_20{margin-right:20px}
.m_sm_left_0{margin-left:0}
.m_sm_left_5{margin-left:5px}
.m_sm_left_10{margin-left:10px}
.mw_sm_0{min-width:0}
.popup{width:750px}
}

/* @media max-width: 768px */
@media only screen and (max-width:768px) {
.h_bot_part{padding-top:15px;padding-bottom:15px}
.menu_wrap{background:transparent}
.d_ms_none{display:none}
.fld-ebaylinks li{width:45%}
.fld-top-menu-wrapper.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}
.fld-top-menu{margin:0;display:block}
.fld-top-menu li{display:block;width:100%}
.fld-top-menu > li > a{padding:16px 70px 16px 18px;text-align:left;border-top:solid 1px rgba(255,255,255,0.05);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.fld-top-menu a{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.fld-top-menu ul,.fld-top-menu ul li ul{width:100%;left:0;padding:0 20px;position:static;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.fld-top-menu .indicator{right:20px;top:18px}
.fld-top-menu ul li .indicator{display:block}
.fld-top-menu ul li .indicator:before{content:"\f0d7"}
.menu_wrap{position:relative!important;top:auto!important}
[role="banner"]{border-bottom:none!important}
[role="search"] input[type="text"]{padding-top:10px;padding-bottom:10px}
.bestsellers_carousel .photoframe{width:263px;margin-left:auto;margin-right:auto}
.nav_buttons_wrap_type_2{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.specials_item{margin-left:1px}
.tabs_nav li:not(:first-child) a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.h_bot_part.type_2{padding-bottom:10px}
.p_xs_hr_0{padding-left:0!important;padding-right:0!important}
.f_xs_none{float:none}
.f_xs_left{float:left}
.d_xs_block{display:block}
.d_xs_inline_b{display:inline-block}
.d_xs_inline_middle{display:inline-block;vertical-align:middle}
.t_xs_align_c,.related_projects .owl-item{text-align:center}
.t_xs_align_l{text-align:left}
.m_xs_bottom_0{margin-bottom:0}
.m_xs_bottom_5{margin-bottom:5px}
.m_xs_bottom_10{margin-bottom:10px}
.m_xs_bottom_15{margin-bottom:15px}
.m_xs_bottom_30{margin-bottom:30px}
.m_xs_top_0{margin-top:0}
.m_xs_top_5{margin-top:5px}
.m_xs_top_10{margin-top:10px}
.m_xs_top_15{margin-top:15px}
.m_xs_top_30{margin-top:30px}
.m_xs_right_0{margin-right:0}
.m_xs_right_5{margin-right:5px}
.m_xs_right_25{margin-right:25px}
.m_xs_left_0{margin-left:0}
.m_xs_left_5{margin-left:5px}
.responsive_table,.responsive_table tbody,.responsive_table thead,.responsive_table tfoot,.responsive_table th:not(.d_xs_none),.responsive_table tr,.responsive_table td:not(.d_xs_none){display:block}
.responsive_table thead tr{position:absolute;top:-9999px;left:-9999px}
.responsive_table td{position:relative;padding-left:50%!important;border-left:none!important;border-right:none!important;border-top:none}
.responsive_table td:not([colspan]):after{content:"";display:block;border-left:1px solid #ecf0f1;position:absolute;left:47%;top:0;height:100%}
.responsive_table td[colspan]{width:100%;text-align:center;padding-left:15px!important}
.responsive_table td:before{content:attr(data-title);position:absolute;top:50%;left:9px;width:45%;padding-right:10px;-webkit-transform:translateY(-50%) translateZ(0);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.responsive_table tr:nth-child(2n){background:#f9f9f9}
.responsive_table.type_2 tr:first-child td{width:100%}
.responsive_table.type_2 tr{counter-reset:titlecounter}
.responsive_table.type_2 tr td{counter-increment:titlecounter}
.responsive_table.type_2 tr td:before{content:counter(titlecounter) "." attr(data-title)}
}

/* @media max-width:480px */
@media only screen and (max-width:480px) {
.f_mxs_none{float:none}
.d_mxs_block{display:block}
.d_mxs_none{display:none}
.d_mxs_inline_b{display:inline-block}
.t_mxs_align_c{text-align:center}
.t_mxs_align_l{text-align:left}
.m_mxs_bottom_5{margin-bottom:5px}
.m_mxs_bottom_10{margin-bottom:10px}
.m_mxs_bottom_15{margin-bottom:15px}
.m_mxs_bottom_20{margin-bottom:20px}
.m_mxs_right_0{margin-right:0}
.m_mxs_top_10{margin-top:10px}
.m_mxs_left_0{margin-left:0!important}
.w_mxs_auto,.categories_nav_list > li[class*="w_mxs_auto"]{width:auto}
.w_mxs_full{width:100%}
}

/* @media max-width:393px */
@media only screen and (max-width:393px) {
.d_exs_block{display:block}
}

/* @media max-width:360px */
@media (max-width:360px) {
.fld-ebaylinks li{width:96%}
.centerInfo{text-align:center}
.phone{margin:0 10px 0 0;padding-right:10px}
}

/*EBAY RESPONSIVE */
@media (max-width: 980px) {
.wide_layout{max-width:980px}
}
@media (max-width: 800px) {
.wide_layout{max-width:780px}
}
@media (max-width: 768px) {
.wide_layout{max-width:760px}
}
@media (max-width: 640px) {
.wide_layout{max-width:640px}
}
@media (max-width: 480px) {
.wide_layout{max-width:480px}
}
@media (max-width: 360px) {
.wide_layout{max-width:360px}
}
@media (max-width: 320px) {
.wide_layout{max-width:320px}
}