/*
----------------------------------------------
    Webfonts @Import 
    1. Generelle Browser Settings und Overrides
    2. Basis Klassen und Elemente 
    3. Farbeinstellungen
    4. Typography
    5. Header
    6. Produkt-Gallerie
    7. Tabs
    8. Listen und NAV-Elemente
    9. Buttons
    10. Tabellen
    11. Icons
    12. Haupt-Content Elemente
    13. Footer
    14. Animationen
    15. Responsive Einstellungen
-----------------------------------------------
*/
/* -----------------------------------

    Webfonts @Import

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

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);


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

    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;
}
.container-fluid * {
   font-family: 'Ubuntu', sans-serif;
}

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

    2. Basis Klassen und Elemente 

------------------------------------- */
.mp-0 {margin:0;padding:0;}
.container-fluid {
    font:300 14px/21px 'Roboto', 'sans-serif';
    color:#444;
    letter-spacing: 0.1px;
    overflow-x: hidden;
    -webkit-backface-visibility:hidden;
    word-wrap: break-word;
    margin:0;
    padding:0;
    background-color:#fff;
}

[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;
}

.short-text{
   white-space: nowrap;
   overflow: hidden;
   width: 100%;
   text-overflow: ellipsis;
}

.no-pad {
    padding:0px;
}
.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;
}
.l_height_medium{
    line-height:1.42em;
}
.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;
}

.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:50px; 
}
.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:60px;
}
.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);
}
mark{
    background: #F5F8FA;
    color:#fff;
}
::selection{
    background: #F5F8FA;
    color:#fff;
}
::-moz-selection{
    background: #F5F8FA;
    color:#fff; 
}
::-o-selection {
    background: #F5F8FA;
    color:#fff; 
}
::-ms-selection {
    background: #F5F8FA;
    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;
}

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

    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,[class*="alert_box"].error i[class^="fa "],
label[class*="required"]:after,.vertical_list_type_7 li:before,.first_letter_1 > .fl,
.info_block_type_1:hover [class*="icon_wrap"]{
    color:#FF6600;
}
.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:#F5F8FA;   
}
.shopping_cart:before,.sub_menu_wrap:before{
    border-bottom-color:#F5F8FA;
}
.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:#FF6600;
}
.select_color.red{
    background-color:#F5F8FA;   
}
.tp-leftarrow:hover,.tp-rightarrow:hover{
    background: #d55a4e
}
::-webkit-scrollbar-thumb{
    background:#F5F8FA; 
}

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

    4. Typography

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

h2{
    font-size:1.71em;
    line-height:1em;
}
#tab-content h2, #tab-content h3, #tab-content h4, #tab-content h5 {
    margin: 0.5em 0;
}
h3,.p_table > footer a{
    font-size:1.4em;
}
h4{
    font-size:1.25em;
}
h5{
    font-size:1.15em;
}
h6{
    font-size:1em;
    margin-bottom: 0.5em;
}
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:#292f38;
}
.color_grey{
    color:#838a8f;
}
.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:#444444;
}
.color_green{
    color:#27ae60;
}
.bg_color_green_1{
    background:#27ae60;
}
.bg_color_green_2{
    background:#F5F8FA;
}
.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:#ffffff;
}
.bg_light_color_2,.ui-slider-handle{
    background:#e2e6e7;
}
.bg_light_color_3{
    background:#fff;
}
.bg_color_dark_1{
    background:#292f38;
}
.bg_color_dark_2{
    background:#666666;
}
.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("../images/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;
}

.handwrite {
    font-family: 'Rock Salt', cursive;
}

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

    5. Header

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

[role="banner"]{
    border-top:3px solid #FF6600;
    width:inherit;
}

.h_top_part{
    padding:4px 0;
    background-color: #fff;
}

.h_bot_part{
    padding-top:29px;
    padding-bottom:27px;
}

.menu_wrap{
    z-index:189;
    width:inherit;
}

.menu_wrap{
    background:#666666;
}

.logo {
    width:100%;
}
/* Nur zum zentrieren verwenden
.logo img {
    margin:auto;
}
*/

@media (max-width:768px){
    .logo img {margin:auto;}
}

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

    6. Produkt-Gallerie

------------------------------------- */
/*** GALLERIE BOS ***/
.image-gallery {margin:0; width:100%; height:500px;}
.image-gallery .big-image {width:100%;max-width:440px; height:438px; margin:0; position:relative;border:1px solid #f0f0f0}
.image-gallery .big-image img {
    opacity:0; 
    position:absolute; 
    left:0px; 
    top:0px; 
    max-height:440px; 
    width:100%;
    max-width:440px;
    height:auto; 
    margin:0; 
    transition: opacity 350ms;  
}
.image-gallery .big-image img:target {opacity:1;}
.image-gallery .big-image img:target ~ img#default {opacity:0;}
.image-gallery .big-image img#default {opacity:1;}
.image-gallery .thumbs {margin:0; position: relative; top:5px;}
.image-gallery .thumbs ul {list-style-type:none; margin:0!important; padding:0!important;}
.image-gallery .thumbs li {list-style:none; margin:2px 0; padding:0; display:inline-block; text-align: center;border:1px solid #f0f0f0}
.image-gallery .thumbs li a:hover{opacity:1;}
.image-gallery .thumbs li a {opacity:0.85; text-align: center; width:104.4px;height:104.4px; display:table-cell;vertical-align:middle;}
.image-gallery .thumbs li a:focus{opacity:1;}
.image-gallery .thumbs li img {max-height:104.4px; width:auto;margin:auto;}
/*** GALLERIE EOS ***/

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

    7. Tabs

------------------------------------- */
/*** CSS TABS BOS ***/
.tabs{background: none; padding:0; margin:0}
.tabs span {display: none}
.tabs > #tab-content span {
   display:inline-block;
}
#tab-content {display: block; position: relative; margin:0; padding:0}
#tab-content ul {margin:0; padding:0; overflow: hidden; background:none;}
#tab-content ul li.tab {float:left; display:inline-block; width:24%; list-style-type: none; margin:0 4px -1px 0; padding:0;}
#tab-content ul li.tab a {display: block; position: relative; z-index: 1; background: #E8EBED; color:#666; text-align: center; margin:0; font-weight:600; padding:14px 20px; text-decoration: none; cursor: pointer;transition: background-color 0.4s linear 0s;border-bottom-left-radius:0;border-bottom-right-radius:0;}
#tab-content ul li.tab a:hover {background: #FF6600; color: #fff; text-decoration: none}
#tab-content > div {position: relative; clear: both; visibility: hidden; background: #fff; margin:0; padding: 0 15px; height: 0; overflow: hidden; color: #3e454c; text-align:left; font-size: 14px; font-weight: 400;}
#tab-content > div ul li:before {content: "\f0da";color:#F5F8FA;margin-right:10px;font-family: "FontAwesome";}
#tab-content > div h1 {font-size:18px; font-weight:500; border-bottom:1px solid #ddd; margin:0 0 10px 0; padding:10px 0; line-height:18px}
#tab-content > div h2 {font-size:16px; font-weight:400;line-height: 16px;}
span:target ~ #tab-content ul li:first-child a {background: #444444; color: #fff;}
span:target ~ #tab-content > div:first-of-type {visibility:hidden; height:0; padding:0 10px;}
span ~ #tab-content > div:first-of-type, #tab-label-1:target ~ #tab-content > div.tab-content-1, #tab-label-2:target ~ #tab-content > div.tab-content-2, #tab-label-3:target ~ #tab-content > div.tab-content-3, #tab-label-4:target ~ #tab-content > div.tab-content-4, #tab-label-5:target ~ #tab-content > div.tab-content-5 {visibility: visible; height: auto;padding:14px 20px; position: relative; z-index: 0;}
span ~ #tab-content > ul li:first-child a, #tab-label-1:target ~ #tab-content > ul li a[href$="#tab-label-1"], #tab-label-2:target ~ #tab-content > ul li a[href$="#tab-label-2"], #tab-label-3:target ~ #tab-content > ul li a[href$="#tab-label-3"], #tab-label-4:target ~ #tab-content > ul li a[href$="#tab-label-4"],  #tab-label-5:target ~ #tab-content > ul li a[href$="#tab-label-5"] {background: #444444; color: #fff;}
/*** CSS TABS EOS ***/


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

    10. Listen und NAV-Elemente

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

.users_nav li{
    margin-left:8px;
}
.users_nav li:before,.l_width_divider li:before{
    content:"";
    display: inline-block;
    height:10px;
    border-left:1px solid #828686;
    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:7px 0;
    position:relative;
}
.vertical_list li:first-child a,.categories_list > li:last-child > a{
    border:none;
}
.vertical_list li a i[class^="fa "]{
    position:absolute;
    right:0;
    top:50%;
    margin-top:-7px;
}
.social_widgets{
    position:fixed;
    right:0;
    top:26%;
    z-index:189;
}
.social_widgets > li{
    margin-bottom:4px;
    transition:all .4s ease;
}
.social_widgets > li.opened{
    -webkit-transform:translateX(-265px);
    -moz-transform:translateX(-265px);
    -o-transform:translateX(-265px);
    -ms-transform:translateX(-265px);
    transform:translateX(-265px);
    z-index:1;
}

.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;
}

@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;
    }
}

.widget_content.side-navi-content {padding:0px;}
.side-navi-list li {padding:10px 20px;-webkit-transition:background 500ms ease-out;
-moz-transition:background 500ms ease-out;
-o-transition:background 500ms ease-out;
transition:background 500ms ease-out;}
.side-navi-list li a {color:#666;font-weight:700;}
.side-navi-list li:first-child ,
.side-navi-list li:hover {background: #e9e9e9;}
.side-navi-list li a:before {content:"\f105";font-family:"FontAwesome";margin-right:10px;color:#F5F8FA;font-weight:bolder;}

.vertical_list li:first-child a,.categories_list > li:last-child > a{
    border:none;
}
.categories_list{
    margin-top:-7px;
}
.categories_list .qty_badge {
    text-align: center;
    font-size: .8em;
    font-style: italic;
}
.categories_list a{
    padding:7px 25px 7px 0 !important;
    border-bottom:1px solid #ecf0f1;
    word-break:keep-all;
    margin-left:15px;
    color:#292f38;
}
.categories_list > li:last-child > a{
    padding-bottom:0px;
}

.categories_list > li:before,
.categories_list ul > li:before{
    content: "\f105";
    font-family: 'FontAwesome';
    color: #F5F8FA;
    margin-top:7px;
    float:left;
}
.categories_list ul ul > li > a{
    padding-left:10px;
}
.categories_list a > span{
    display:block;
    width:23px;
    height:23px;
    line-height: 23px;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-11.5px;
}

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

    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;
}

.search_button{
    background-color:transparent;
    color:#bdc3c7;
    margin-top:20px;
}
[class*="s_form_wrap"] .search_button{
    margin-top:9px;
}

[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;
}

input:not([type="submit"]),textarea{
    background:#f5f7f8;
    height:40px;
    padding:9px 10px;
    color:#696e6e;
    border:2px solid #e4e4e2;
    outline:none;
    resize:none;
}

[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 #325776;
    -moz-box-shadow:0 2px 0 #325776;
    -o-box-shadow:0 2px 0 #325776;
    -ms-box-shadow:0 2px 0 #325776;
    box-shadow:0 2px 0 #325776;
}
[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:#325776;
    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:#F5F8FA;
    -webkit-box-shadow:0 2px 0 #27ae60;
    -moz-box-shadow:0 2px 0 #27ae60;
    -o-box-shadow:0 2px 0 #27ae60;
    -ms-box-shadow:0 2px 0 #27ae60;
    box-shadow:0 2px 0 #27ae60;
}
[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;
}

.photoframe.type_2 .pp_wrap > [class*="button_type_"]{
    top:auto;
    bottom:-9px;
}
.button_type_5:hover{
    background:rgba(41,47,56,.8) !important;
}
.button_type_13:hover{
    background:rgba(41,47,56,1) !important;
}

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

    10. Dropdowns

------------------------------------- */
.dropdown > ul {
    max-width: 100%;
    min-width: 250px;
    width: auto;
}
.dropdown > ul {
    display: none;
    visibility: hidden;
    position: absolute;
}
.dropdown:hover > ul {
    opacity: 1;
    transition: opacity 0.4s ease 0s;
    visibility: visible;
    display: block;
}
.dropdown:hover > ul li {
    position: relative;
    display: block;
}

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

    10. Tabellen

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

.description_table{
    margin-top:-5px;
    max-width:100%;
    width: 40%;
}
@media (max-width:768px){
    .description_table{width:100%;}
}
.description_table td{
    padding:5px 0;
}
.description_table td:nth-child(2){
    text-align: right;
}
.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-responsive {
    border:0px;
}


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

    11. Icons

------------------------------------- */
.icon {
    margin-right:5px;
    vertical-align:baseline;
}

i[class^="fa "]{
    line-height: inherit;
}
[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;
}
.shop_icon{
    position:relative;
    margin-right:15px;
}
.shop_icon i[class^="fa "]{
    font-size:24px;
    margin-top:-2px;
}
.shop_icon .count{
    right:-8px;
    top:4px;
}
.social_icons li a{
    display:block;
    width:39.5px;
    height:40px;
    color:#838a8f;
}
.social_icons li a i[class^="fa "]{
    line-height: 40px;
}
.social_icons .facebook:hover a,.sw_button.facebook{background:#3b5998;}
.social_icons .twitter:hover a,.sw_button.twitter,.tw_color{background:#2daae1;}
.social_icons .google_plus:hover a{background:#f63e28;}
.social_icons .rss:hover a{background:#ff7e00;}
.social_icons .pinterest:hover a{background:#cb2027;}
.social_icons .instagram:hover a{background:#835e42;}
.social_icons .linkedin:hover a{background:#0073b2;}
.social_icons .vimeo:hover a{background:#44b0de;}
.social_icons .youtube:hover a{background:#ff3132;}
.social_icons .flickr:hover a{background:#ff0084;}
.social_icons .envelope:hover a,.sw_button.contact{background:#1abc9c;}
[class*="button_type_"].tw_color{
    -webkit-box-shadow:0 2px 0 #2896c6;
    -moz-box-shadow:0 2px 0 #2896c6;
    -o-box-shadow:0 2px 0 #2896c6;
    -ms-box-shadow:0 2px 0 #2896c6;
    box-shadow:0 2px 0 #2896c6;
}
.glyphicon_item {
    height: 60px;
    padding: 0 20px;
}
.glyphicon_item i[class^="fa "]{
    font-size:40px;
    color: #FF6600;
}
.glyphicon_item dl dt {
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 3px;
    color: #666;
}
.glyphicon_item dl dd {
    font-size: 1em;
    line-height: 1em;
    color: #666;
}
.icon-block {
    margin:auto;
    width:100%;
}
.icon-block li {
    float:left;
    width:15%;
    text-align: center;
    padding:5px;
}

@media (max-width:768px){
    .icon-block li {width:20%;}   
}
@media (max-width:360px){
    .icon-block li {width:25%;}   
}

.icon-block li img {
    margin: auto;
    text-align: center;
    opacity: 1;
}

.icon-block li img:hover {
    opacity: .5;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.icon_wrap_1{
    width:60px;
    height:60px;
    font-size:26px;
}
.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_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. Haupt-Content Elemente

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

hr{
    border-color:#ecf0f1;
}

.divider_type_3,.l_width_divider > li:before{
    border-color:#e2e6e7;
}

.page_content_offset{
    padding:60px 0;
}

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

.widget figcaption{
    background:#FF6600;
    padding:15px 20px 14px;
    font-weight:500;
}
.widget figcaption[class*="relative"]{
    padding-right:85px;
}
.widget_content{
    padding:23px 20px 25px; 
    background: #f8f8f8;
}

.product_single_preview{
    width:458px;
    z-index:0;
}

.img-wrapper {
    width:80px;
    height:80px;
    float: left;
    margin-right:10px;
    display:table;
}

.img-wrapper > .img-holder {
    width:80px;
    height:80px;
    display:table-cell;
    text-align:center;
    vertical-align: middle;
}

.img-wrapper > .img-holder > a{
    max-width:80px;
    max-height:80px;
}

.img-wrapper > .img-holder > a > img {
    max-height:80px;
    max-width:80px;
    height:auto;
}

[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:#F5F8FA;}
[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;
}

.info_block_type_1{
    padding-left:80px;
}
.info_block_type_3{
    padding-left:45px;
}

/*** CSS MENÜ BOS ***/
.top-menu {background: #26313C;}
.top-menu.container {
    padding:0;
}

.nav-list {
    margin:0px;
    padding:0px;
    list-style:none;
}
.nav-list li {
    display: inline-block !important;
    text-transform: uppercase;
    padding:15px 0px;
    text-align:center;
    list-style:none;
}

.nav-list li a {
    color:#fff;
    text-transform: uppercase;
    font-weight:400;
    font-size: 14px;
    /*margin-right:50px;*/
    padding:15px 20px;
    -webkit-transition:background 500ms ease-out;
    -moz-transition:background 500ms ease-out;
    -o-transition:background 500ms ease-out;
    transition:background 500ms ease-out;
    margin-top:-15px;
    margin-bottom:-15px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    display:block !important;
    box-shadow:1px 0px 1px -1px rgba(255,255,255,0.25);
}

.nav-list li {
    margin-left:-3px;
}

.nav-list li:first-child {
    margin-left:-3px;
}
.nav-list li:first-child a {
    color: #fff;
}
.nav-list li a:hover {
    text-decoration: none;
    background: #FF6600;
    color: #fff;    
}
@media (min-width: 0px) and (max-width: 320px) {
    .nav-list li {
        width:100%;
        padding: 0px;
    }
    .nav-list li a {
    color:#333;
    font-size: 14px;
    margin-right:0px;
    padding:12px;
    margin:0px;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
.top-menu {
    margin:0px;
    padding:0px;
    width:100%;
}       
.top-menu ul {
padding:0px;
margin:0px;
}
.nav-list li {
width:100%;
padding:0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.nav-list li a {
color:#fff;
font-size: 14px;
margin-right:0px;
padding:12px;
margin:0px;
}
.nav-list li a:hover {
    background: #F5F8FA;
}
}

.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #004e8b;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/*** CSS MENÜ EOS ***/




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

    13. Footer

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

#footer {
    padding:45px 0 0;
    background: #26313C;
    border-top:4px solid #e2e2e2;   
}
#footer h3 {
    font-family: 'Open Sans Condensed', sans-serif;
}
#footer,
#footer .default_t_color {
    color: #6a7580;
}
#footer h3.default_t_color {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #345975;
}
#footer .tr_delay_hover:hover {
    color: #FF6600;
}
.footer_top_part{
    padding-bottom:37px;
}

.footer_bottom_part{
    background:#333E49;
    padding:15px 0;
    color:#6a7580;
    font-size: 0.95em;
}


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

    14. Animationen

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

@-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);}
}
[class*="animate_"]{
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease;
}
[class*="animate_"].fast,.tr_all_hover{
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;    
}
[class*="animate_"].long,.tr_all_long_hover{
    -webkit-transition:all 1.1s ease;
    -moz-transition:all 1.1s ease;
    -o-transition:all 1.1s ease;
    transition:all 1.1s ease;
}
[class*="animate_ft"],.animate_fade{
    opacity:0;
    visibility: hidden;
}



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

    15. Responsive Einstellungen

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

@media only screen and (max-width: 1200px) {
.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}
.t_md_align_c{text-align:center}
.h_md_auto{height:auto}
.m_md_bottom_0{margin-bottom:0}
.m_md_bottom_5{margin-bottom:5px}
.m_md_bottom_15{margin-bottom:15px}
.m_md_bottom_20{margin-bottom:20px}
.m_md_bottom_25{margin-bottom:25px}
.m_md_bottom_35{margin-bottom:35px}
.f_md_none{float:none}
.m_md_right_0{margin-right:0}
.m_md_right_30{margin-right:30px}
.m_md_left_0,.s_form_wrap_2 .logo{margin-left:0}
.m_md_left_25{margin-left:25px}
.m_md_bottom_5{margin-bottom:5px}
.m_md_bottom_15{margin-bottom:15px}
[class*="animate_"]:not(#go_to_top){-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);-ms-transform:translate(0px);transform:translate(0px);-webkit-animation:none;-moz-animation:none;-o-animation:none;-ms-animation:none;animation:none;opacity:1;visibility:visible}
}
@media only screen and (max-width: 992px) {
.page_content_offset{padding:45px 0}
h1 > b{line-height:1em}
.p_sm_right_0{padding-right:0}
.w_sm_auto,.s_form_wrap{width:auto!important}
.w_sm_full,.sub_sideshow,.sub_video{width:100%}
.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}
.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_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}
}
@media only screen and (max-width:768px) {
.h_bot_part{padding-top:15px;padding-bottom:15px}
.menu_wrap{position:relative!important;top:auto!important}
[role="banner"]{border-bottom:none!important}
.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}
.d_xs_centered{margin-left:auto;margin-right:auto}
.d_xs_none,.custom_thumb,.sub_menu_wrap:before,.tp-leftarrow,.tp-rightarrow,.isotope_menu [class*="button_type_"]:after,.camera_next,.camera_prev,#styleswitcher,.flex-direction-nav a{display:none}
.w_xs_auto,.boxed_layout,.portfolio_isotope_container.four_columns .portfolio_item .open_buttons{width:auto}
.w_xs_full,.product_item[class*="w_xs_full"],[class*="table_type_"] td[class*="w_xs_full"],.s_form_wrap_2,.p_table,.p_table.active,.p_table:hover{width:100%}
.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_25{margin-right:25px}
.m_xs_left_0{margin-left:0}
.m_xs_left_5{margin-left:5px}
}
@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 (min-width:901px) and (max-width:992px){
    .product_single_preview{float:left;}
    .product_single_preview {width:100%;}
    .image-gallery{width:100%;}
    .image-gallery .big-image{width:100%;max-width:700px;height:700px;}
    .image-gallery .big-image img{width:100%;max-height:700px;max-width:700px;}
    .image-gallery .thumbs li img {max-height:111.2px;}
    .image-gallery .thumbs li a {width:111.2px;height:111.2px;}
}

@media (min-width:769px) and (max-width:900px){
    .product_single_preview{float:left;}
    .product_single_preview {width:100%;}
    .image-gallery{width:100%;}
    .image-gallery .big-image{width:100%;max-width:700px;height:700px;}
    .image-gallery .big-image img{width:100%;max-height:700px;max-width:700px;}
    .image-gallery .thumbs li img {max-height:111.2px;}
    .image-gallery .thumbs li a {width:111.2px;height:111.2px;}
}

@media (min-width:641px) and (max-width:768px){
    .product_single_preview {width:100%;}
    .image-gallery{width:100%;}
    .image-gallery .big-image{width:100%;max-width:700px;height:700px;}
    .image-gallery .big-image img{width:100%;max-height:700px;max-width:700px;}
    .image-gallery .thumbs li img {max-height:111.2px;}
    .image-gallery .thumbs li a {width:111.2px;height:111.2px;}
}

@media (min-width:601px) and (max-width:640px){
    .product_single_preview {width:100%;}
    .image-gallery{width:100%;}
    .image-gallery .big-image{width:100%;max-width:590px;height:590px;}
    .image-gallery .big-image img{width:100%;max-height:590px;max-width:590px;}
    .image-gallery .thumbs li img {max-height:92.9px;}
    .image-gallery .thumbs li a {width:92.9px;height:92.9px;}
}

@media (min-width:481px) and (max-width:600px){
    .product_single_preview {width:100%;}
    .image-gallery{width:100%;}
    .image-gallery .big-image{width:100%;max-width:550px;height:550px;}
    .image-gallery .big-image img{width:100%;max-height:550px;max-width:550px;}
    .image-gallery .thumbs li img {max-height:86.2px;}
    .image-gallery .thumbs li a {width:86.2px;height:86.2px;}
    #template {max-width:600px;margin:auto;}
}


@media (min-width:361px) and (max-width:480px){
    .image-gallery{width:100%;}
    .image-gallery .big-image{width:100%;max-width:430px;height:430px;}
    .image-gallery .big-image img{width:100%;}
    .image-gallery .thumbs li img {max-height:102.4px;}
    .image-gallery .thumbs li a {width:102.4px;height:102.4px;}
    #template {max-width:480px;margin:auto;}
}

@media (min-width:321px) and (max-width:360px){
    .image-gallery{width:100%;}
    .image-gallery .big-image{width:100%;max-width:310px;height:310px;}
    .image-gallery .big-image img{width:100%;}
    .image-gallery .thumbs li a {width:98px;height:98px;}
    #template {max-width:360px;margin:auto;}
}

@media (min-width:0px) and (max-width:320px){
    .image-gallery{width:100%;}
    .image-gallery .big-image{width:100%;max-width:270px;height:270px;}
    .image-gallery .big-image img{width:100%;}
    .image-gallery .thumbs li a {width:85px;height:85px;}
    #template {max-width:320px;margin:auto;}
}
  
@media (max-width: 768px) { 
    #tab-content ul li.tab {display:block; width:100%; background:#3e454c}
    #tab-content ul li.tab a {display:block; width:100%;border-radius:0;}
    span:target ~ #tab-content ul li:first-child a {border-top-left-radius: 4px;border-top-right-radius: 4px;}
    .tab label {display: block; float:none; margin-bottom:5px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
    .tab .content {border:none; margin:0; padding:0 15px}
    } 

.specials_item .thumbholder {
    width:222px;
    height:222px;
    border:1px solid #ddd;
    margin:0 auto 20px;
    background-color: #ffffff;
}

.specials_item .thumbholder a {
    display:table-cell;
    vertical-align:middle;
    width:220px;
    height:220px;
}

.specials_item .thumbholder a img {
    width: auto;
    max-width:220px;
    height: auto;
    max-height: 220px;
}
.page_content_offset > .container {
    width: 100%;
}