* {
    margin: 0;
    padding: 0;
}

body, html {
    height: 100%;
}

body
{
    color: #252525;
    padding: 0px;
    line-height: 1.6em;
    font-family:  'Raleway', Helvetica, sans-serif;
  font-size: 14px;
  -webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}

body.contentpane {
    width:auto;
    margin:10px;
    text-align: left;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

ul {
    list-style: none;
}

h1,h2, h3 {
    line-height: normal;
    line-height: normal;
}


h1 {
    font-size: 3.5em;
}

h2 {
    font-size: 1em;
}

h3 {
font-size: 37px;
	font-weight: 600;
color: rgb(224, 28, 28);
}

h5 {
    font-size: 26px;
color: rgb(120, 120, 120);
font-weight: 500;
text-transform: uppercase;
}

h4 {
font-size: 1.6em;
}

strong  {
    font-weight: 600;
}

fieldset {
    border: none;
    margin-bottom: 10px;
}

label {
    display: block;
}

input, textarea, select {
    background-color: #fafafa;
    border: 1px solid #AFAFAF;
    border-radius: 2px;
    padding: 10px 15px;
  font-size: 14px !important;
}

input[type="text"]:focus {
    box-shadow: 0px 2px 0px #F2FF00;
    border: 1px solid #f2ff00;
}

.componentheading, .contentheading {
    color: #262626;
    padding-bottom: 25px;
    text-transform: uppercase;
}

#system-message, .reset {
    background-color: rgba(255, 255, 255, 0.79);
    border: 11px solid rgba(255, 255, 255, 0.78);
    border-radius: 10px;
    padding: 12px;
    right: 0;
    width: 400px;
    margin-top: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

html[xmlns] .clearfix {
    display: block;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}

#jf-wrapper {
    overflow: hidden;
    position: relative;
}

.wrap {
    clear: both;
    width: 100%;
}

.main {
    margin: 0 auto;
    position: relative;
}

/* HEADER */

/* .home #jf-header {
  display:none;
} */

#jf-header {
    position: fixed;
    top: 0;
    z-index: 99;
    transition: background 0.2s linear 0s;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    color: #fff;
    width: 100%;

    padding: 4px 10%;
    background-color: rgba(255, 255, 255, 1);
}

#jf-header.transparent {
    background-color: rgba(255, 255, 255, 0.9);
}

#jf-header.transparent #logo {
    top: 5px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

#jf-header span.jelentkezes_telefonon {
  opacity: 0;
  -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

#jf-header.transparent span.jelentkezes_telefonon {
  opacity: 1;
  -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

#jf-header.transparent #logo img {
opacity: 1;
width: 160px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
  /*! padding-top: 4px; */
}


#jf-header .main {
    position: relative;
    width: 100%;
}

#jf-header h1#logo {
    font-weight: normal;
    margin-top: -7px;
}

#logo img {
  width: 160px;
    opacity: 1;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
  padding-top: 4px;
}

#jf-header h1#logo a {
    color: #555;
    display: block;
    font-size: 40px;
    line-height: normal;
}

#jf-header h1#logo a:hover {
    text-decoration: none;
}

#jf-mainnav {
    float: right;
    position: relative;
    width: 600px;
}

#jf-mainnav ul:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

#jf-mainnav ul.menu li {
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 25px;
}

#jf-mainnav ul.menu li a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

#jf-mainnav .blob {
    position: absolute;
    height: 1px;
    bottom: -1px;
    z-index: 99;
}

/* SLIDESHOW */
/*#jf-slideshow {
   background-color: #2f2f2f;
    background-clip: border-box;
    background-origin: padding-box;
    background-position:center,center;
    background-repeat: no-repeat;
    background-size: cover;
  background-attachment: fixed;
    position: relative;
    z-index: 50;
}

#jf-slideshow .main {
  color: #fff;
  font-weight: normal;
  text-transform: normal;
  line-height: normal;
  text-align: left;
  width: 100%;
  padding-top: 0px !important;
}*/

#jf-slideshow {
    display:none !important;
}



#jf-slideshow .main h1 {
    font-weight: normal;
    text-transform: normal;
    padding-top: 10px;
    line-height: normal;

}

/* jf-home-c */
#jf-home-c {
    background-color: #FFFFFF;
    color: #404040;
    width:100% !important;
}



#home-c-r {
    background-color: #ffffff;
    /* background-position:center,center;
    background-repeat: no-repeat;
  background-size: 100%;  */
}



#jf-home-c h3, #jf-latest h3, .moduletable h3, h3.itemCommentsCounter, h3 {
    text-transform: uppercase;
}

#jf-home-c .main {
    width:100% !important;
}

#jf-latest .main {
    width: 100% !important;
}

#home-c-r h4 {
    margin-bottom: 0;
}

/* LATEST */

#jf-latest {
display:none;

}

.tonyparker-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	    background-image: url(../../../images/peaksport_content_tony.jpg);
		    background-repeat: no-repeat;
}

#jf-latest li, #jf-news li {
    float: left;
    width: 280px;
    margin-right: 60px;
}

li.lastItem {
    margin-right: 0 !important;
}

div.k2ItemsBlock ul li .moduleItemImage {
    display: block;
    height: 140px;
    overflow: hidden;
    margin: 25px 0 50px;
    position: relative;
}

div.k2ItemsBlock ul li .moduleItemImage img {
    width: 100%;
}

#jf-latest div.k2ItemsBlock ul li .moduleItemTitle {
    color: #000;
}

/* NEWS */
#jf-news {
    background-color: #F9F9F9;
    color: #191919;
    font-size: 18px;

}

#jf-news .main {
    width: 100%;
}


/* CONTENT */
#jf-content, #jf-home-c, #jf-news, #jf-map {
    position: relative;
    z-index: 50;
}

#jf-content {
    background-color: #fff;
}

#jf-content .main {
    width:100% !important;
}

.home #jf-content .main {
    padding: 0;
}

/* CONTACT */
#jf-contact {
   background: #fff;
    position: relative;
    z-index: 49;
    background-attachment: fixed;
    background-size: cover;
}

#jf-contact .main {
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
}

#jf-contact .main {
    width: 100%;
}

#jf-contact .main .jsn-master {
    width: 960px;
    margin: 0px auto;
}



#jf-contact .custom a {
    text-transform: uppercase;
    font-weight: 600;
}

/* FOOTER */
#jf-footer {
    color: #E4E4E4;
    text-align: center;
    position: relative;
    background-color: #171717;
    text-align: left;
    font-size: 12px;
    line-height: 21px;
}

#jf-footer .main {
    width: 80%;
}

#jf-footer h5 {
    font-size: 1.4em;
    margin-bottom: 10px;
}

#jf-footer .main-inner1 {
    position: relative;
    width: 100%;
    z-index: 0;
}


#jf-footer li {
    display: inline-block;
    font-size: 36px;
}

#jf-footer li strong {
    color: #247d99;
}

.moduletable-social {
    margin-top: 60px;
}

.moduletable-social li {
    margin: 0 15px;
}




#jf-footer .copyright {
    position: fixed;
    right: -120px;
    bottom: 200px;
    font-size: 18px;
    color: #77777;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
}

#jf-footer .copyright p {
    display: inline;
}

#jf-footer .copyright a {
    color:  #595959;
    font-size: 18px;
}



/* K2 */
div.itemListPortfolio div.itemContainer {
    margin-right: 60px;
    width:280px !important;
}

div.itemListPortfolio span.catItemImage {height:140px;overflow:hidden;position:relative}

div.itemListPortfolio span.catItemImage a:hover span.catItemHover, div.itemListPortfolio span.catItemImage a:hover span.catItemHoverIcon {
    background: url(../images/overlay.png);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

div.itemListPortfolio span.catItemImage a:hover span.catItemHoverIcon {
    background: url(../images/blog-hover.png) no-repeat center center;
}

div.itemListBlog div.catItemHeader h3.catItemTitle {
    font-size: 36px;
    padding: 0 0 10px;
    text-transform: uppercase;
}

div.itemListBlog div#itemListPrimary span.catItemImage {height:220px;overflow:hidden;}

div.itemListBlog div.itemContainer {
    margin-right: 80px;
    width:440px !important;
}

div.itemListBlog div#itemListLeading div.itemContainer {
    float: none;
    margin: 0 !important;
    width: 100% !important;
}

div.itemListBlog div.groupLeading {
    border-bottom: 1px solid #E1E1E1;
}

div.itemListBlog div.groupPrimary {
    background: url(../images/blog-spacer.png) repeat-x left bottom;
}

div.itemListBlog div.groupPrimary div.catItemHeader {
    padding-top: 30px;
}

div#itemListLinks h4 {
    font-size: 36px;
    text-transform: uppercase;
}

div.itemListBlog div.groupLinks h3.catItemTitle {
    background: url(../images/arrow.png) no-repeat left 12px;
    font-size: 24px;
    line-height: 1.3;
    padding: 0 0 0 15px;
    text-transform: none;
}

div.itemListBlog span.catItemImage a:hover span.catItemHover, div.k2ItemsBlock ul li .moduleItemImage:hover span.moduleItemImageHover {
    background: url(../images/blog-hover.png) no-repeat center center;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

div.itemHeader div.itemHeaderRight {
    float: right;
    font-size: 14px;
    margin-top: 5px;
    text-align: right;
    text-transform: uppercase;
}

div.itemImageTitle {
    background-color: #313131;
    line-height: 30px;
    padding: 0 10px;
}

span.itemImage a:hover span.itemImageHover, span.itemImage a:hover span.itemImageHoverIcon {
    background: url(../images/overlay.png);
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

span.itemImage a:hover span.itemImageHoverIcon {
    background: url(../images/blog-hover.png) no-repeat center center;
}

div.itemRelated ul li {
    float: left;
    width: 280px;
    margin-right: 60px;
}

div.itemRelated ul li.last {
    margin-right: 0 !important;
}

div.itemRelated  span.itemRelImage {
    display: block;
    height: 140px;
    overflow: hidden;
}

div.addthis_toolbox a {
    display: inline-block;
    background-color: #c5c5c5;
    margin-right: 40px;
    margin-bottom: 5px;
}

div.addthis_toolbox a:hover {
    background-color: #004088;
}

.form-right {
    float: right;
}

.form-left {
    float: left;
}


/* Bootstrap Css Map Fix*/
#googleMap img {
    max-width: none;
}
/* Bootstrap Css Map Fix*/
#googleMap label {
    width: auto; display:inline;
}

#contact-form label#jform_contact_name-lbl {
    display: block;
    margin: 30px 0 0;
}

#contact-form label#jform_contact_email-lbl{
    display: block;
    margin: 30px 0 0;
}

#contact-form label#jform_contact_email_copy-lbl {
    display: inline-block;
    margin: 30px 0 0;
}

#contact-form label#jform_contact_message-lbl {
    display: block;
    margin: 30px 0 0;
}

#contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
    display: block;
    margin: 0;
    width: 432px;
}

#contact-form textarea {
    height: 120px;
    width: 432px;
}

.contact-miscinfo p {
    margin: 0;
}

input.invalid, textarea.invalid {
    border: 1px solid #CF1919;
}

/* Testimonial */
#jf-testimonial {
    background: url(../images/quote-open.png) no-repeat;
    font-size: 36px;
    line-height: normal;
    margin-top: 60px;
    text-align: center;
}

.testimonial-inner {
    background: url(../images/quote-close.png) no-repeat right bottom;
    padding: 0 140px;
}

#jf-testimonial strong {
    font-weight: normal;
    font-size: 18px;
}

/* Mobile Menu */
#jf-menu, a.gotomenu {
    display: none;
}

/* #Base 960 Grid
================================================== */
.main {
    width: 1100px;
}

/*
.colspan2 {
  width: 440px;
}*/

.colspan3 {
    width: 280px;
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media (min-width: 768px) and (max-width: 959px) {
    .main, #jf-footer .main-inner1 {
        width: 748px;
    }

    .colspan2 {
        width:100% !important;
    }

    .colspan3 {
        margin: 0 10px !important;
        width: 354px !important;
    }

    #jf-latest li, #jf-news li, div.k2ItemsBlock ul li.lastItem  {
        margin: 0 10px !important;
    }

    .clearList2, .clr2 {
        clear: both;
    }

    .clearList, .clr3 {
        clear: none !important;
    }

    div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer {
        margin: 0 10px !important;
        width: 354px !important;
    }

    div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
        width: 346px;
    }


    #jf-footer{
        font-size: 18px;
    }

    #jf-footer .main-inner1 {
        padding: 135px 0 0;
        bottom: 30px;
    }

    #jf-social {
        margin-top: 20px;
    }

    #jf-footer .copyright {
        margin-top: 20px;
        position: static;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none; /* IE 9 */
    }

    div.addthis_toolbox a {
        margin-right: 30px;
    }
}

@media (min-width: 768px) {

.jux-tl-wrap {
    width: 75%;
    margin: 0px auto;
}

    .pix-table-title {
        font-size: 14pt;
    }

    .warum-bg {
        padding-top:110px;
    }

}


@media (max-width: 767px) {

.jux-tl-wrap {
    width: 95%;
    margin: 0px auto;
}

    .pix-table-title {
        font-size: 8pt;
    }

    .warum-bg {
        padding-top:20px;
    }

    #c_subsite {
        width:100%;
        height: 1050px;
        padding-top: 150px;
    }

    .ac_custom_1 {
        width: 100% !important;
        margin: 0px auto;
        background-color: #fff;
        color: #000;
        padding: 25px;
    }

    .ac_custom_1 {
        width: 100% !important;
    }

    #slidetext_h1 {
        font-size: 36px;
    }

    #custom_slide {
        margin-top: 60%;
    }

    .main, #jf-footer .main-inner1 {
        width: 300px;
    }
    .colspan2 {
        width: 100% !important;
    }

    .colspan3 {
        width: 100% !important;
    }

    #jf-header {
        position: absolute;
        left: 0;
        top: 0;
    }

    #jf-mainnav {
        display: none;
    }

    a.gotomenu {
        display: none;
    }

    #jf-menu {
        display: block;
        background-color: #fff;
        position: relative;
        z-index: 49;
    }

    #jf-menu .main {
        padding: 50px 0;
    }

    #jf-menu ul.menu {
        border-top: 1px solid #404040;
    }

    #jf-menu ul.menu li {
        border-bottom: 1px solid #404040;
        padding: 5px 0;
    }

    #jf-menu ul.menu li a {
        color: #404040;
        font-size: 18px;
        text-transform: uppercase;
    }

    #jf-menu ul.menu li a:hover {
        color: #247D99;
    }

    #jf-slideshow .main {
        font-size: 18px;
    }

    #jf-slideshow .main h1 {
        font-size: 32px;
    }

    div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer {
        width: 100% !important;
        margin-right: 0;
    }

    .form-left, .form-right {
        float: none;
    }

    div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
        width: 290px;
    }

    div.itemCommentsForm form textarea.inputbox {
        float: none;
    }


    #jf-footer{
        font-size: 14px !important;
    }

    #jf-footer .main-inner1 {
        padding: 135px 0 0;
        bottom: 30px;
    }

    #jf-footer li {
        font-size: 18px;
    }

    #jf-footer h3 {
        font-size: 36px;
    }

    #jf-social {
        margin-top: 20px;
    }

    #jf-footer .copyright {
        margin-top: 20px;
        position: static;
        font-size: 14px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none; /* IE 9 */
    }

    #jf-footer .copyright a {
        font-size: 14px;
    }

    .testimonial-inner {
        padding: 0 60px;
    }

    div.addthis_toolbox a {
        margin-right: 5px;
    }

    #jf-latest .moduletable {
        width: 100%;
    }

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media (min-width: 480px) and (max-width: 767px) {
    .main, #jf-footer .main-inner1 {
        width: 420px;
    }

    .colspan2 {
        width: 100% !important;
    }

    .colspan3 {
        width: 100% !important;
    }

    div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer {
        width: 100% !important;
        margin-right: 0;
    }

    .form-left, .form-right {
        float: none;
    }

    div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
        width: 410px;
    }

    div.itemCommentsForm form textarea.inputbox {
        float: none;
    }

    #jf-footer .main-inner1 {
        background-position: center 30px;
    }

    #jf-social li {
        margin: 0 12px;
    }

    div.addthis_toolbox a {
        margin-right: 20px;
    }

    #jf-latest .main .moduletable {
        width: 100%;
    }

}



@media (min-width: 768px) and (max-width: 979px) {
    #jf-latest .main .moduletable {
        width: 100%;
        float:left;
    }

    .custom_slide_text {
        width: 100%;
        margin-top: 50%;
    }

    #jf-slideshow .main {
        font-size: 12px;
    }



    #gk-grid-91 .gkGridElement.gkGrid-grid_3-2 {
        height: 8.5%;
    }

    #home-c-r li {
        padding: 0;
    }

    #jf-latest .main .moduletable {
        width: 100%;
    }

    #jf-latest {
        padding: 0;
    }

    #jf-footer .main {
        width: 100%;
    }

    .sprocket-grids-b-image {
        width: 100%;
    }

}

@media (min-width: 481px) and (max-width: 599px) {
    #jf-footer {
        min-height: 320px;
    }

    #jf-footer .main-inner1 {
        bottom: 10px;
        padding: 105px 0 0;
    }

    #jf-footer p {
        margin-bottom: 10px;
    }

    #jf-social, #jf-footer .copyright {
        margin-top: 0;
    }
}

@media (max-width: 450px) {
    #jf-latest .main .moduletable {
        width: 100%;
        float:left;
    }

    .sat-block {
        padding-left: 0px !important;
    }

    .woims-down {
        display:none;
    }

}

/* CUSTOM */

.custom_block {
    padding: 30px;
    font-size: 18px;
    line-height: 25px;
}

.custom_block a, .custom_slide_text a, .custom_button a, .m_block a, a.m_button {
    text-decoration:none;
    background-color: #F81D1D;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 2px 17px;
    line-height: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 1px #000;
}

.custom_block a:hover, .custom_slide_text a:hover, .custom_button a:hover, .m_block a:hover, a.m_button:hover {
    text-decoration:none;
    background-color: #E90000;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 2px 17px;
    line-height: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
    cursor:pointer;
    box-shadow: 0px 0px 0px 1px #fff;
}

.text-right {
    text-align:right;
}

.custom_slide_text {
    background: rgba(255, 255, 255, 0.8);
    width: 45%;
    padding: 1px 35px 35px 35px;
    margin-top: 1%;
    color:#000;
    margin-left: 65%;
}

.custom_button {
    position:absolute;
    margin:0px auto;
    top: 65%;
    left: 25%;
}

.custom_button a {
    width: 150px;
}

.custom_subsite {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
    width: 50%;
    padding: 70px 30px 15px;
    color: #000;
    position: relative;
    float: right;
    height: 100%;
}

.subsite_1 {
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-clip: border-box;
    background-position: center top;
    background-color: #FFF;
    width: 100%;
    height: 700px;
    background-size: cover;
    background-attachment: fixed;
}

.subsite_2 {
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-clip: border-box;
    background-position: center top;
    background-color: #FFF;
    width: 100%;
    height: 700px;
    background-size: cover;
    background-attachment: fixed;
}

.subsite_3 {
    background-image: url("../../../images/subsite_3.jpg");
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-clip: border-box;
    background-position: center top;
    background-color: #FFF;
    width: 100%;
    height: 700px;
    background-size: cover;
    background-attachment: fixed;
}

.subsite_4 {
    background-image: url("../../../images/subsite_4.jpg");
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-clip: border-box;
    background-position: center top;
    background-color: #FFF;
    width: 100%;
    height: 700px;
    background-size: cover;
    background-attachment: fixed;
}


.custom_slide_text2 {
    background: rgba(255, 255, 255, 0.8);
    width: 50%;
    padding: 3% 30px 15px;
    color: #000;
    position: absolute;
    top: 21%;
}


.custom_int {
    position: absolute;
    z-index: 999;
    margin: 0px auto;
    height: 100%;
    width: 100%;
    left: 0%;
    -webkit-transition: background 800ms ease-in-out;
    -moz-transition: background 800ms ease-in-out;
    -ms-transition: background 800ms ease-in-out;
    -o-transition: background 800ms ease-in-out;
    transition: background 800ms ease-in-out;
}

.custom_int:hover {
    background-color: rgba(0, 0, 0, 0.28);
    cursor: pointer;
    -webkit-transition: background 800ms ease-in-out;
    -moz-transition: background 800ms ease-in-out;
    -ms-transition: background 800ms ease-in-out;
    -o-transition: background 800ms ease-in-out;
    transition: background 800ms ease-in-out;
}

.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
    background: none;
    border-color: #2D2D2D;
    background-color: #383838;
    position: static;
    color: #fff;
}

h2 {
    padding-bottom: 20px;
}

/* === LANGMAHR FOOTER START == */

.footer-img {
    text-align: center;
    margin: 20px 0px;
}

.footer-img img {
    width:80px;
    margin: 5px;
}

.custom_footer a {
    text-decoration: none;
    background-color: #F81D1D;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    height: 31px;
    padding: 8px 40px;
    line-height: 18px;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
    text-align: center;
}

.custom_footer a:hover {
    text-decoration: none;
    color:#fff;
    background-color: #A30000;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
    text-align: center;
}

.custom_footer {
    text-align: center;
}

.custom_tbox {
    border-radius: 6px;
    background: none repeat scroll 0% 0% #292929;
    padding: 15px;
    margin-top: 10px;
}



/* === LANGMAHR FOOTER END == */

#jf-social {
    display:none;
}

/* === BST MOD == */


#jf-header h1 {
    margin: 0px;
}

#jf-wrapper a:focus, #jf-wrapper a:hover {
    text-decoration: none;
}

/* == ROK MOD == */

.sprocket-grids-b-item {
    text-align:center;
}

/* ROK MOD END */

.m_contact {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
    padding: 1px 35px 35px;
    color: #000;
    width: 75%;
    margin: 0px auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sprocket-grids-b-container {
    width: 98%;
}

#jf-news .main {
    width: 100%;
}

.overlay-mode .sprocket-grids-b-title {
    border-bottom: 2px solid red;
}

.sprocket-grids-b-title a {
    color: #fff;
}


.overlay-mode .sprocket-grids-b-readon {
    font-size: 13px;
    padding: 0px 20px;
    line-height: 26px;
    text-decoration:none;
    background-color: #F81D1D;
    color: #fff;
    display: inline-block;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px 1px #000;
}

.overlay-mode .sprocket-grids-b-readon:hover {
    background-color: #E90000;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}



.jsn-text-center {
    display:none;
}

/*.m_block {
background: rgba(255, 255, 255, 0.8);
width: 80%;
padding: 1px 35px 35px 35px;
  margin: 0px auto;
  color:#000;
}*/

#jf-contact .m_div {
    width: 100%;
    padding: 10px 10px 10px 10px;
    background: rgba(255, 255, 255, 0.8);
    margin: 0px auto;
    color:#000;
}

#jf-contact .m_div .col-md-3 img {
    margin:7px;
}

#home-c-l h1 {
    padding-top: 30px;
    padding-bottom: 10px;
}
#home-c-l h3 {
    padding-top: 20px;
}
#home-c-r h3 {
    padding-top: 10px;
}
#home-c-r p {
    padding-top: 10px;
}

/* #custom_info {
float:right;
  width: 30%;
} */

.ctitle {
    font-size: 22px;
    line-height: 30px;
}

.htitle {
    width: 40px;
    border-top: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0px auto;
    padding: 0;
}


.redtitle {
    width: 40px;
    border-top: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.ac_custom_1 {
    width: 45%;
    margin: 0px auto;
    background-color: #fff;
    color: #000;
    padding: 25px;
}

.ac_custom_2 {
    position: relative;
    bottom: 0;
    margin: 0px auto;
    width: 45%;
    background: rgba(0, 0, 0, 0.73);
    color: #FFF;
    font-size: 1.6em;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
}

.contact_img {
    background-image: url("../../../images/contact2.jpg");
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-clip: border-box;
    background-position: center top;
    background-color: #000;
    width: 100%;
    height: 300px;
    background-size: cover;
    color: #fff;
    display: table;
}

.intext {
    width: 80%;
    margin: 0px auto;
    text-align: center;
    padding-bottom: 20px;
}

.mform {
    background-color: #F5F5F5;
    padding: 10px;
}

.ac-szolgaltatasok p.cell {
    border-bottom: 1px solid #DADADA;
    padding-bottom: 5px;
}

.layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc {
    background: rgba(255, 255, 255, 0.82) !important;
    color: #000 !important;
}

.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {
    background: none !important;
    color: #F00 !important;
    box-shadow: none !important;
}

.layout-slideshow .sprocket-features-arrows .arrow {
    font-size: 70px !important;
    opacity: 1 !important;
}

a.sat_button {
    text-decoration:none;
    display: inline-block;
    font-size: 14px;
    padding: 2px 17px;
    line-height: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
    border-radius: 5px;
}

a.sat_button:hover, a.sat_button:focus {
    text-decoration:none;
    display: inline-block;
    font-size: 14px;
    padding: 2px 17px;
    line-height: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
    cursor:pointer;
}

.bwhite {
    background-color: #FCFCFC;
    color: #7B7B7B;
    box-shadow: 0px 1px 0px 0px #DDD;
}

.bwhite:hover {
    background-color: #F2F2F2;
    color: #282828 !important;
    box-shadow: 0px 1px 0px 0px #DDD;
}

.bblue {
    background-color: #00a1e3;
    color: #fff;
    box-shadow: 0px 1px 0px 0px #007EB2;
}

.bblue:hover {
    background-color: #007EB2;
    color: #fff;
    box-shadow: 0px 1px 0px 0px #007EB2;
}





hr.blue {
    width: 40px;
    border-top: 2px solid #00a1e3;
    border-bottom: 2px solid #00a1e3;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0px auto;
    padding: 0;
}


hr.black {
    width: 40px;
    border-top: 2px solid #595959;
    border-bottom: 2px solid #595959;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.inner_text {
padding: 20px 20px;
line-height: 24px;
margin-bottom: 25px;
}

.inner_text h3 {
    line-height: 28px; }


.woims-down {
    -webkit-animation: down 2s infinite; /* Chrome, Safari, Opera */
    animation: down 2s infinite;
}

@-webkit-keyframes down {
    from {opacity: 0.5; bottom: 60px;}
    50% {opacity: 1;}
    to {opacity: 0.5; bottom: 20px;}
}

/* Standard syntax */
@keyframes down {
    from {opacity: 0.5; bottom: 60px;}
    50% {opacity: 1;}
    to {opacity: 0.5; bottom: 20px;}
}

.muszaki_text {
    border-bottom:1px solid #ddd;
    padding-bottom: 10px;
    font-size: 16px;
}

.left { text-align:left; }
.right { text-align:right; }
.center {  text-align:center; }


/* ANIMATE IMG START */

.op_img_st {
    position:absolute;
}

.op_img {
    position:absolute;
    margin:0px auto;
    text-align: center;
    -webkit-animation: op-img 4s infinite; /* Chrome, Safari, Opera */
    animation: op-img 4s infinite;
    z-index: 1;
}

.op_img2 {
    position:absolute;
    margin:0px auto;
    text-align: center;
    -webkit-animation: op-img 2s; /* Chrome, Safari, Opera */
    animation: op-img 2s;
    z-index: 2;
}


@-webkit-keyframes op-img {
    from {opacity: 0;}
    50% {opacity: 1;}
    to {opacity: 0;}
}

/* Standard syntax */
@keyframes op-img {
    from {opacity: 0;}
    50% {opacity: 1;}
    to {opacity: 0;}
}

/* ANIMATE END */


.orange_button {
    background-color: #ff0000;
    color: #FFF;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 5px 3px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
    box-shadow: 0px 2px 0px #D80000;
    border: 0px none;
    text-decoration: none !important;
    font-size: 20px;
    text-transform: uppercase;
}

.orange_button_round {
    color: #FFF;
    padding: 10px 15px;
    margin: 15px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.55);
}

.orange_button_round:hover {
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: #FFF;
    padding: 10px 15px;
    margin: 15px;
    background: #F47321 none repeat scroll 0% 0%;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
}

.big_button {
    font-size: 18px;
    padding: 10px 30px;
}
.big_button:hover {
    font-size: 18px;
    padding: 10px 30px;
}

.orange_button:hover {
    background-color: #D80000;
    color: #FFF;
    border-radius: 4px;
    margin: 5px 3px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.orange_button_small {
    background-color: #ff0000;
    color: #FFF;
    padding: 3px 6px 1px 6px;
    border-radius: 4px;
    margin: 2px 3px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
    box-shadow: 0px 2px 0px #CC5308;
    border: 0px none;
}

.orange_button_small:hover {
    background-color: #D80000;
    color: #FFF;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.item-page .icons {
    display:none;

}

.bg-white hr {
    border-top: 2px solid #9B3992;
    border-bottom: 2px solid #9B3992;
    width: 40px;
    border-radius: 2px;
    border-left: none;
    border-right: none;
    margin: 0px auto;
}

.bg-white {
    background-color:#fff;

}

/* TABLE */


.rwd-table {
    margin: 1em 0;
    min-width: 300px;
    width: 100%;
}
.rwd-table tr {
    border-top: 1px solid #b143a6;
    border-bottom: 1px solid #b143a6;
}
.rwd-table th {
    display: none;
}
.rwd-table td {
    display: block;
}
.rwd-table td:first-child {
    padding-top: .5em;
}
.rwd-table td:last-child {
    padding-bottom: .5em;
}
.rwd-table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
}
@media (min-width: 480px) {
    .rwd-table td:before {
        display: none;
    }
}
.rwd-table th, .rwd-table td {
    text-align: left;
}
@media (min-width: 480px) {
    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }
    .rwd-table th:first-child, .rwd-table td:first-child {
        padding-left: 0;
    }
    .rwd-table th:last-child, .rwd-table td:last-child {
        padding-right: 0;
    }
}

table.ce {
    padding: 0 2em;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: #444;
    background: #fff;
}


.rwd-table {
    background: #ddd;
    color: #444;
    border-radius: .4em;
    overflow: hidden;
}
.rwd-table tr {
    border-color: #f7f7f7;
}
.rwd-table th, .rwd-table td {
    margin: .5em 1em;
}
@media (min-width: 480px) {
    .rwd-table th, .rwd-table td {
        padding: 1em !important;
    }
}
.rwd-table th {
    color: #fff;
}

.rwd-table td:before {
    color: #9b3992;

}

.rwd-table th {
    background-color: #9b3992;
    color:#fff;
}


.ce-form {
    padding: 20px;
}

.ce-form .formTableLayout {
    margin: 0px auto;
}

.rsform-block:hover {

    background: none !important;
}

.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
    padding:15px 15px !important;
}

.formResponsive .formHorizontal .formControlLabel {
}


@media (min-width: 768px) {

    .pix-table {
        width: 70%;
        margin: 0px auto;
    }


    .product_box {
        padding: 0%;
        margin: 0px 0px 20px 0px;
        border: 1px solid rgb(195, 195, 195);
        width: 80%;
        display: inline-block;
        position: relative;
        text-align: left;
        background-color: #fff;
        border-radius: 5px;


    }

    .product_box img {
        max-width: 28%;
        float: left;
    }

    .product_textbox {
        padding: 30px;
        float: left;
        max-width: 70%;
    }

}

@media (max-width: 767px) {

    .pix-table {
        width: 100%;
        margin: 0px auto;
    }

    .product_box {
        padding: 0%;
        margin: 0px auto;
        border: 1px solid rgb(195, 195, 195);
        width: 300px;
        display: inline-block;
        position: relative;
        text-align: left;
        background-color: #fff;
        border-radius: 5px;

    }

    .product_box img {
        float: left;
    }

    .product_textbox {
        padding: 30px;
    }


}

.pix-table{
    border: 1px solid rgb(204, 204, 204);
    padding: 0px 15px;
    margin: 20px;
    background-color:#fff;
}

.pix-table .orange-row {
    background: #f47321;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}

.pix-table .row {
    padding-top: 5px;
    border-bottom: 1px solid rgb(218, 218, 218);
    padding-bottom: 5px;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

.pix-table .title-row:hover {
    background-color: #E1E1E1;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

a.pix-tr img {
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

a.pix-tr img:hover {
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

#jf-footer a {
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    color: #E4E4E4;
    text-decoration: none;
}

#jf-footer a:hover {
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
  color: #fff;
}

.pix-table .grey-row {
    background-color: #DADADA;
    padding-bottom: 6px;
}


.pix-table .col-lg-3, .pix-table .col-sm-3, .pix-table .col-md-3, .pix-table .col-xs-2 {
    text-align:center;
}

.pix-table .col-lg-6, .pix-table .col-sm-6, .pix-table .col-md-6, .pix-table .col-xs-6 {
    padding-top: 3px; }

.pix-table .dark-row {
    font-size: 14px;
    font-weight: 600;
    background-color: #df0d07;
    color: #fff;
    margin-bottom: -1px;
    padding: 8px 0px;
}

.subsite .row {
    padding: 15px 0px;

}

div#jf-header a.orange_button,
div#jf-header.transparent p#logo
{
    margin-right: 400px !important;
    opacity: 0;
}
div#jf-header.transparent a.orange_button,
div#jf-header.transparent p#logo
{
    margin-right: 0 !important;
    opacity: 1;
}

.pixform {
    font-size: 13px;
}

.pixtable {
    width: 320px;
    font-size: 12px;
    border: 1px solid #D0D0D0;
}

.pixtable .title {
    background: #f47321;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    color: #fff;
}
.pixtable .inactive {
    color: #B5B5B5;
}
.pixtable td {
    padding-top: 5px;

    padding-bottom: 5px;
}
.pixtable tr {
    border-bottom: 1px solid rgb(218, 218, 218);
}

.subsite h5 {
    font-size: 24px !important;
}

.about-us-bg {
    margin: 0px auto;
    
    color: #FFF;
    width: 100%;
   /* height: 100vh; */
    position: absolute;
    z-index: 2;
}



.about-uss-bg {
    background-color: #2f2f2f;
    background-position: bottom;
    background-repeat: no-repeat;
    background: url(/images/video_bg.jpg) no-repeat;
    background-size: 100%;
    color:#fff;
    padding-bottom: 35px;
    padding-top: 15px;
    background-size: cover;
    background-position: center center;
    text-shadow: 0px 2px 4px #000;
}

@-webkit-keyframes cf4FadeInOut {
    0% {
        opacity:1;
    }
    17% {
        opacity:1;
    }
    25% {
        opacity:0;
    }
    92% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes cf4FadeInOut {
    0% {
        opacity:1;
    }
    17% {
        opacity:1;
    }
    25% {
        opacity:0;
    }
    92% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes cf4FadeInOut {
    0% {
        opacity:1;
    }
    17% {
        opacity:1;
    }
    25% {
        opacity:0;
    }
    92% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes cf4FadeInOut {
    0% {
        opacity:1;
    }
    17% {
        opacity:1;
    }
    25% {
        opacity:0;
    }
    92% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

#Crossfading {
    position:relative;

    width:100%;
    margin:0 auto;
}
#Crossfading img {
    position:absolute;
    left:0;
}

#Crossfading img {
    -webkit-animation-name: cf4FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;

    -moz-animation-name: cf4FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 8s;

    -o-animation-name: cf4FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 8s;

    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 8s;
}
#Crossfading img:nth-of-type(1) {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    animation-delay: 6s;
}
#Crossfading img:nth-of-type(2) {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
}
#Crossfading img:nth-of-type(3) {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
#Crossfading img:nth-of-type(4) {
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
}

.sub-image {
    text-align: center;
    padding-top: 70px;
}

.main-block-1 {
    color: #fff; text-align: center;
    background-color: #2f2f2f;
    background-position:center,center;
    background-repeat: no-repeat;
    background: url(/images/bg-block1.jpg) no-repeat;
    background-size: 100%;
}

.rsform-block-secure {
    margin-bottom: 40px;
}

@media (min-width: 768px) {

    .website_optimierung_sub_box {
        padding: 13% 0px;
        top: 10%;
        transform: translate(-50%, 0px);
        color: #fff;
        position: absolute;
        left: 50%;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.47);
        width: 70%;
        text-align: center;

    }
	
	    .website_optimierung_sub_box_left {
        padding: 13% 0px;
        top: 8%;
        color: #fff;
        position: absolute;
        left: 8%;
        
text-align:right;
    width: 35%;
    color: #626262;
}

 .website_optimierung_sub_box_right {
        padding: 13% 0px;
        top: 8%;
        color: #fff;
        position: absolute;
        right: 8%;
text-align:left;
    width: 35%;
    color: #626262;
}
    
}

@media (max-width: 767px) {
    .website_optimierung_sub_box {
        width: 100%;
        padding: 20px 25px;
        position: relative;
        top: 10%;
        right: 1%;
        text-align: center;
        color:#000 !important;
        left: 50%;
        transform: translate(-50%, 0);
    }
	
	    .website_optimierung_sub_box_left,
   .website_optimierung_sub_box_right 		{
        width: 100%;
        padding: 20px 25px;
        position: relative !important;
        top: 10%;
        right: 1%;
        text-align: left;
        color:#000 !important;
    }
	
	
	
}

.blokk {
    height: 100%;
    text-align: center;
    padding: 15px 0px;
}


.block-row {
    color: #FFF;
    background-size: cover;
    background-repeat: no-repeat;
}

.block-white {
}

.block-red {
}

.block-black {
}

.oxxo-bemutatkozas {
    background-size: cover;
    background-repeat: no-repeat;
}



.seideform {

    font-size: 16px;
}

.main-form-uni {
    padding: 0px 15%;
}

.fullscreen-bg {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    height: 100vh;
    position: relative;
    display: block;
    z-index: 1;
}

.fullscreen-bg_blue {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    height: 80vh;
    position: relative;
    display: block;
    z-index: 1;
  background-color: #e01c1c;
}

.fullscreen-bg__video {
    margin-left: -5%;
    width: 111%;
}

.fullscreen-bg__video_blue {
    margin-left: -5%;
    width: 111%;
      opacity: 0.4;
}


.great_button {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 5px 3px;
    transition: all 800ms ease-in-out 0s;
    display: inline-block;
    text-decoration: none !important;
    font-size: 20px;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.27);
}

.footer-list a {
    text-decoration: none !important;
    color: #D2D2D2 !important;
}

.footer-list2 a {
    border: 1px solid rgba(255, 255, 255, 0.21);
    padding: 7px;
    display: inline-block;
    margin: 2px 0px;
    text-decoration: none !important;
    color: #D2D2D2 !important;
}

.border-right {
    text-align: right;
    border-right: 1px solid rgba(0, 0, 0, 0.19);
    min-height: 250px !important;
    padding-right: 60px !important;
}

.border-left {
    text-align: left;
    border-left: 1px solid rgba(0, 0, 0, 0.19);
    min-height: 250px !important;
    padding-left: 60px !important;
}

.formResponsive .formBody {
       text-align: left;
}


.content-background-1 {

    background-image: url("../../../images/aaaa.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-position: top center;
    height: 100vh;
}


.yellow-bg {
    background-image: url("../../../images/bg1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.yellow-bg-2 {
    background-image: url("../../../images/bg2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.yellow-bg-3 {
    background-image: url("../../../images/bg3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.bg4 {
    background-image: url("../../../images/bg4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}





.block-osszetevok {
    padding: 20px 0px;
}



.axxyss-image {
    height: 100%;
    display: block;
    width: 100%;
}

.axxyss-image-a1 {
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    display: block;
}

.a1 {
    background-image: url(../../../images/oxxo-a1.jpg);
}

.a2 {
    background-image: url(../../../images/oxxo-a2.jpg);
}

.a3 {
    background-image: url(../../../images/oxxo-a2.jpg);
}

.a4 {
    background-image: url(../../../images/oxxo-a2.jpg);
}

.a5 {
    background-image: url(../../../images/oxxo-a3.jpg);
}

.a6 {
    background-image: url(../../../images/oxxo-a2.jpg);
}

.axxyss-text {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
    text-align:center;
    position: absolute;
    top: 1px;
    width: 100%;
    height: 100%;
}

.axxyss-image:hover .axxyss-image-a1 {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 7500ms ease-in-out;
    -moz-transition: all 7500ms ease-in-out;
    -ms-transition: all 7500ms ease-in-out;
    -o-transition: all 7500ms ease-in-out;
    transition: all 7500ms ease-in-out;
}

.axxyss-image .axxyss-image-a1 {
    -webkit-transition: all 7500ms ease-in-out;
    -moz-transition: all 7500ms ease-in-out;
    -ms-transition: all 7500ms ease-in-out;
    -o-transition: all 7500ms ease-in-out;
    transition: all 7500ms ease-in-out;

}

.opacity:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.opacity {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    position: absolute;
    z-index: 9;
}

.axxyss-text p {
    font-size: 24px;
    bottom: 10%;
    position: absolute;
    left: 0;
    right: 0;
    text-transform: uppercase;
}

.axxyss-text span {
    font-size: 18px;
    bottom: 10%;
    position: absolute;
    left: 0;
    right: 0;
    color: #C7C7C7;
}


.axxyss-darker {
    width: 100%;
    height: 100%;
    padding: 130px 40px;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.axxyss-darker:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}


.axxyss_content {
    display: block;
    position: relative;
}

.random-button {
    background-color: rgba(0, 0, 0, 0.20);
    color: #FFF;
    padding: 7px 15px;
    border-radius: 4px;
    margin: 11px 0px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
    text-decoration: none !important;
    font-size: 20px;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.56);
}

.random-button:hover {
    background-color: rgba(0, 0, 0, 0.40);
    color: #FFF;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
    text-decoration: none !important;
    font-size: 20px;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.56);
}

.content-background-darker  .row {
    background: none;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    height: 100vh;
}

.content-background-darker  .row:hover {
    background-color: rgba(0, 0, 0, 0.56);
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.oxxo-barmikorihatod .row {
    background: none;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.oxxo-barmikorihatod .row:hover {
    background-color: rgba(255, 255, 255, 0.56);
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.form-oxxo {
    width: 700px;
    margin: 0px auto;
}

.langmahr-form {
    width: 80%;
    margin: 0px auto;
    padding-top: 50px;
}

.block-row i.fa {
    font-size: 50px;
}



.jsn-container-center .control-group {

    font-family: Helvetica, sans-serif;

}



.video_info {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.59);
    padding: 10px;
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%;
}


.form_info {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.21);
    margin-bottom: 10px;
}

.form_info img {
    float: left;
    margin-right: 13px;
}

.folyamat-block {
    width: 13.7%;
    border: 1px solid rgba(255, 255, 255, 0.29);
    padding: 10px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    height: 150px;
    vertical-align: bottom;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.folyamat-block:hover {
    background-color: rgba(255, 255, 255, 0.24);
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}


.fa-caret-down {
    color: rgb(255, 0, 0);
    font-size: 55px !important;
    -webkit-animation: fading 2s ease-in-out;
    animation: fading 2s ease-in-out;
    animation-iteration-count: infinite;
}


@-webkit-keyframes fading {
    0% { opacity: 0.7;}
    100% {opacity: 1;}
    0% {opacity: 0.7;}
}

@keyframes fading {
    0% { opacity: 0.7;}
    100% {opacity: 1;}
    0% {opacity: 0.7;}
}


input.phone {
    width: 90% !important;
}



.dark-bg {
    background-color: #191919;
    padding: 0;
    color:#fff;
    text-align:center;
}

.light-bg {
    background-color: #ECECEC;
    padding: 0;
    color:#333333;
    text-align:center;
    border-top: 1px solid #e3e3e3;
}


.dark-bg img,
.light-bg img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.dark-bg img:hover,
.light-bg img:hover {
    -webkit-filter: grayscale(1%); /* Chrome, Safari, Opera */
    filter: grayscale(1%);
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.yellow-button, input[type="submit"] {
    background-color: #E84520;
    color: #FFFFFF;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 5px 3px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
    box-shadow: 0px 2px 0px #B12A0B;
    border: 0px none;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 500;
}

.yellow-button:hover, input[type="submit"]:hover {
    background-color: #B10808;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 5px 3px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
    box-shadow: 0px 2px 0px #B12A0B;
    border: 0px none;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 500;
}


.grey-button {
    color: #FFFFFF;
padding: 8px 17px;
margin: 5px 3px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
box-shadow: 0px 1px 0px #309915;
border: 0px none;
text-decoration: none !important;
text-transform: uppercase;
font-weight: 300;
}

.button:hover {
  border-radius: 4px;
    color: #FFFFFF;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
}


.button {
line-height: 14px;
  border-radius: 4px;
    color: #FFFFFF;
padding: 18px 25px;
margin: 5px 3px;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;

border: 0px none;
text-decoration: none !important;
text-transform: uppercase;
font-weight: 300;
}

.button.blue {
	  background-color: rgb(224, 28, 28);
	  -webkit-transition: all 800ms ease-in-out;
	  -moz-transition: all 800ms ease-in-out;
	  -ms-transition: all 800ms ease-in-out;
	  -o-transition: all 800ms ease-in-out;
	  transition: all 800ms ease-in-out;
}

.button.blue:hover {
	  background-color: rgb(28, 28, 28);
	      -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}



.slideshow_form {
    width: 100%;
    background-color: #525252;
    border-radius: 10px;
    box-shadow: 0px 2px 0px #333;
}

.form-title {
    float: left;
    padding-top: 6px;

}

.slideshow_form .rsform-button {
    margin: 25px 5px;
}


.slideshow_form .row {
    padding: 15px 5px 5px 5px;
}

.light-bg .col-lg-3,
.light-bg .col-md-3,
.light-bg .col-sm-6,
.light-bg .col-xs-12
{
    padding: 0;
}

.light-bg h6 {
    font-size: 1.3em;
    margin: 0;
    padding-top: 60px;
}

div#load_screen{
    background: #fff;
    opacity: 0.9;
    position: fixed;
    z-index:999;
    top: 0px;
    width: 100%;
    height: 100vh;
    -webkit-transition: all 7500ms ease-in-out;
    -moz-transition: all 7500ms ease-in-out;
    -ms-transition: all 7500ms ease-in-out;
    -o-transition: all 7500ms ease-in-out;
    transition: all 7500ms ease-in-out;
	overflow: hidden;
}
div#load_screen > div#loading{
    color:#FFF;
    width:120px;
    height:24px;
    margin: 300px auto;
    -webkit-transition: all 7500ms ease-in-out;
    -moz-transition: all 7500ms ease-in-out;
    -ms-transition: all 7500ms ease-in-out;
    -o-transition: all 7500ms ease-in-out;
    transition: all 7500ms ease-in-out;
}

.spinner {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}



.category_container row {
    text-align: center;
}

.category_box {
    text-align: center;
    position: relative;
    display: inline-block;
}

.category_box img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

.category_box img:hover, .background-mod:hover {
    -webkit-filter: grayscale(1%); /* Chrome, Safari, Opera */
    filter: grayscale(1%);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

.background-mod {
    -webkit-transition: all 1500ms ease-in-out;
    -moz-transition: all 1500ms ease-in-out;
    -ms-transition: all 1500ms ease-in-out;
    -o-transition: all 1500ms ease-in-out;
    transition: all 1500ms ease-in-out;
}


.category_box h4 {
    font-size: 19px !important;
}

.category_container {
    color:#fff;
}

.cat1 {
    background-image: url(../../../images/kling_lakossagi_garazskapuk.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    width: 250px;
    height: 250px;
    -webkit-transition: all 1400ms ease-in-out;
    -moz-transition: all 1400ms ease-in-out;
    -ms-transition: all 1400ms ease-in-out;
    -o-transition: all 1400ms ease-in-out;
    transition: all 1400ms ease-in-out;
}



.background-mod {
    text-align: center;
}

.background-mod {

}

.category_box h4 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-transition: all 1400ms ease-in-out;
    -moz-transition: all 1400ms ease-in-out;
    -ms-transition: all 1400ms ease-in-out;
    -o-transition: all 1400ms ease-in-out;
    transition: all 1400ms ease-in-out;
    min-width: 130px;
    min-height: 130px;
    border: 1px solid #F9F9F9;
}

.category_box h4:hover {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    color: #272727;
    border: 1px solid #C0C0C0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}


.mainsite-form {
    color: #FFFFFF;
}

.kling_form_01 table {
    margin: 0px auto;
    font-size: 16px;
}

.kling_form_01 {
    padding: 50px 0px;
}


.container-trap-bg {
    background-image: url("../../../images/category-door.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-position: top center;
    padding: 10%;
    text-align: center;
}

.container-trap .row {
    margin-bottom: 15px;
}

.trap-skew {
    -moz-transform: skewX(-3deg);
    -webkit-transform: skewX(-3deg);
    -o-transform: skewX(-3deg);
    -ms-transform: skewX(-3deg);
    transform: skewX(-3deg);
    text-align: center;
    padding: 10px;
    display: table-cell;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.11);
}

.trap-skew p {
    -moz-transform: skewX(3deg);
    -webkit-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    transform: skewX(3deg);
}

.yellow-box {
    background-color: rgb(255, 225, 0);
    height: 233px;
    width: 203px;
    font-size: 24px;
    line-height: 25px;
}

.yellow-box-large {
    background-color: rgb(255, 225, 0);
    width: 223px !important;
    height: 253px !important;
    font-size: 30px;
    line-height: 30px;
}

.dark-grey-box {
    background: #191919;
    color: rgb(255, 255, 255);
    height: 193px;
    width: 163px;
}

.light-grey-box {
    background-color: rgb(245, 245, 245);
    height: 182px;
    width: 140px;
    font-size: 14px;
    line-height: 20px;
}

.dark-grey-box-small {
    background: #191919;
    color: rgb(255, 255, 255);
    height: 143px;
    width: 123px;
    font-size: 14px;
}

.container-trap row > * {
    vertical-align:bottom;
}

.trap-skew:hover {
    z-index: 99;
    cursor:pointer;
    background-color: rgb(90, 90, 90);
    color:#fff;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    -moz-transform: scale(1.05) skewX(-3deg);
    -webkit-transform: scale(1.05) skewX(-3deg);
    -o-transform: scale(1.05) skewX(-3deg);
    -ms-transform: scale(1.05) skewX(-3deg);
    transform: scale(1.05) skewX(-3deg);
}

.container-trap .col-lg-2 {
    padding: 0 !important;
}

.container-trap .row .col-lg-12 > div {
    display: inline-table;
    text-decoration: none;
    vertical-align: bottom;
}


.trap-skew a {
    text-decoration: none;
}

.dark-grey-box a,
.dark-grey-box-small a {
    color: rgb(255, 255, 255);
}

.yellow-box-large a,
.yellow-box a {
    color: #191919;
}

.col-lg-12 a {
    text-decoration: none;
    color: #191919;
}





.kling_hr {
    width: 80px;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 2px solid #000;
    border-width: 0px 0px 3px;
    border-style: ;
    border-color: -moz-use-text-color -moz-use-text-color rgb(219, 219, 219);
}

.block-row2 {
    color: #4B4A47;
    background-size: cover;
    background-repeat: no-repeat;
}

.block-row3 {
    background-color: #191919;
    color: #2D2D2D;
    padding: 15px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ddd;
}

.block-row4 {
    background-color: #ababab;
    color: #2D2D2D;
    padding: 15px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ddd;
}

.block-row2 .fa {
    font-size: 40px;
}

div.kling-box {
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    width: 50px;
    height: 10px;
    display:block;
    margin: 0px auto;
    position: relative;
    text-align:center;
    background-color: #FFF300;
    margin-top: 15px;
}

.rsform.kling_subsite_form {
    width: 70%;
    margin: 0px auto;
    color: rgb(255, 255, 255);
}

.moduletable.kling_subsite_form {
    background-color: rgb(45, 45, 45);
    padding: 100px 0px;
}

.kling_subsite_form .container-fluid {
    text-align: center;
}

.kling_subsite_form h3 {
    text-align: center;
    color: #fff;
}


.tabs,
.tabs2,
.tabs3 {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}



.color1 {
    background:#fff;
}

.color2 {
    background:#ffea00;
    border-bottom: 5px #363636 solid;
}

.color3 {
    background:#363636;
}

.tabs li {
    display: inline-block;
    margin:0;
    padding: 35px 25px;
    cursor: pointer;

    font-size:1em;
    line-height:2em;
    color:#363636;
}


.tabs2 li {
    display: inline-block;
    margin:0;
    padding: 20px 25px;
    cursor: pointer;

    font-size:1em;
    line-height:2em;
    color:#363636;
}

.tabs3 li {
    display: inline-block;
    margin:0;
    padding: 15px 25px;
    cursor: pointer;

    font-size:1em;
    line-height:2em;
    color:#FFFFFF;
}

.tabs li:hover {
    background:#ffea00;
    color: #363636;
}

.tabs2 li:hover {
    background:#363636;
    color: #ffea00;
}

.tabs3 li:hover {
    background:#FFFFFF;
    color: #363636;
}

.tabs.color1 li.current{
    background: #ffea00;
    color: #363636;
}

.tabs2.color2 li.current{
    background: #363636;
    color: #ffea00;
}

.tabs3.color2 li.current{
    background: #ffea00;
    color: #363636;
}

.tab-content,
.tab-content2,
.tab-content3
 {
    display: none;
    background: #e1e1e1;
    line-height:1.4;
}

.tab-content4 {
  background: #e1e1e1;
    line-height: 1.4;
    text-align: center;
    padding-top: 3%;
}

.tab-content.current,
.tab-content2.current,
.tab-content3.current {
    display: inherit;

}

.tab-content2.current,
.tab-content3.current {
    padding-top: 3%;
    text-align: center;
}


.1-inner {
      padding: 3%;text-align: center;
  }

.product_textbox h5 {
    font-size: 1.5em;
    margin-bottom: 15px;
}

.product_textbox p {
    margin-bottom: 15px;
    font-size: 14px;
}

.tabs,
.tabs2,
.tabs3,
.color1,
.color2,
.color3,
.tabs li,
.tabs2 li,
.tabs3 li,
.tabs li:hover,
.tabs2 li:hover,
.tabs3 li:hover,
.tabs.color1 li.current,
.tabs2.color2 li.current,
.tabs3.color3 li.current,
.tab-content.current,
.tab-content2.current,
.tab-content3.current,
.product_box,
.product_box img,
.product_textbox
{
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

.moduletable.mainsite-form {
    background-image: url("../../../images/kling_contact_bg.jpg");
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-clip: border-box;
    background-position: center top;
    background-size: 100%;
}

.product-panel {
    padding: 4%;
    background-color: #f1f1f1;
}

.catalog-panel {
    padding: 4%;
    background-color: #d1d1d1;
}

.product_gytk a {
  background-color: #ff0;
    padding: 10px;
    height: 185px;
    width: 185px;
    text-align: center;
      -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
  display: table-cell;
  color:#191919;
  text-decoration:none;
  margin-bottom:10px;
      vertical-align: middle;
}

.product_gytk a:hover {
  background-color: #525252;
  color:#fff;
      -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

.product_gytk h5 {
      display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.product_gytk {
      margin-bottom: 10px;
}

#jf-mainnav .custom {
      float: right;
}

#kataloguslista a {
text-decoration: none;
    color: #191919;
    padding: 5px 10px;
    background-color: #DEDEDE;
    border-radius: 5px;
    margin-bottom: 9px;
    display: block;
    font-size: 14px;
}

.light-bg p {
      font-size: 16px;
    font-weight: 300;
}


.product-textbox {
color: #404040;
}

.product-textbox h4,
.product-textbox span {
}


.black_skew_box {
-moz-transform: skewX(0deg) skewY(-1deg);
-webkit-transform: skewX(0deg) skewY(-1deg);
-o-transform: skewX(0deg) skewY(-1deg);
-ms-transform: skewX(0deg) skewY(-1deg);
transform: skewX(0deg) skewY(-1deg);
background-color: #474747;
    color: #fff;
padding: 100px 0px;
background-position: top center;
  -webkit-background-size: 1920px 754px;
  background-size: 1920px 754px;
}

.black_skew_box h2,
.black_skew_box h3,
.black_skew_box h4 {
-moz-transform: skewX(0deg) skewY(1deg);
-webkit-transform: skewX(0deg) skewY(1deg);
-o-transform: skewX(0deg) skewY(1deg);
-ms-transform: skewX(0deg) skewY(1deg);
transform: skewX(0deg) skewY(1deg);
}


.peaksport_timeline {
    background-clip: border-box;
    background: #ffffff;
    color: #FFF;
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
	  
		    background-repeat: no-repeat;
			margin: 0px auto;
			background-size: contain;
			-webkit-background-size: contain;
			
}

.contact-tony {
    background-clip: border-box;
    background: #2F2F2F;
    color: #FFF;
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;

  
		    background-repeat: no-repeat;
			    padding: 150px 0px;
}

.peaksport_form_input {
width:503px;
}

div.gkGridElement img {
  -moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
  -webkit-transition: all 1500ms ease-in-out;
-moz-transition: all 1500ms ease-in-out;
-ms-transition: all 1500ms ease-in-out;
-o-transition: all 1500ms ease-in-out;
transition: all 1500ms ease-in-out;
}

div.gkGridElement img:hover {
  -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
  -webkit-transition: all 3000ms ease-in-out;
-moz-transition: all 3000ms ease-in-out;
-ms-transition: all 3000ms ease-in-out;
-o-transition: all 3000ms ease-in-out;
transition: all 3000ms ease-in-out;
}




.mainsite-form {
    color: #FFFFFF;
}

.kling_form_01 table {
    margin: 0px auto;
    font-size: 16px;
}

.kling_form_01 {
    padding: 50px 0px;
}

.bs-column3 {
      text-align: center;
}

.bs-column3 img {
  -moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
  -webkit-transition: all 1500ms ease-in-out;
-moz-transition: all 1500ms ease-in-out;
-ms-transition: all 1500ms ease-in-out;
-o-transition: all 1500ms ease-in-out;
transition: all 1500ms ease-in-out;
}

.bs-column3 img:hover {
  -moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
  -webkit-transition: all 3000ms ease-in-out;
-moz-transition: all 3000ms ease-in-out;
-ms-transition: all 3000ms ease-in-out;
-o-transition: all 3000ms ease-in-out;
transition: all 3000ms ease-in-out;
}

.bs-column3 .row .col-lg-3 {
      padding: 5px !important;
}

.product-textbox a {
  text-decoration: none;
color: rgb(66, 195, 33);
}

.website_optimierung_content {
  display: block;
position: relative;

    background-color: #E01C1C;
}

.green_button {
  text-decoration: none;
color: rgb(255, 255, 255);
font-size: 1.3em;
background-color: rgb(66, 195, 33);
padding: 11px 40px;
border-radius: 30px;
box-shadow: 0px 3px 0px rgb(42, 149, 15);
text-shadow: 0px 1px 0px rgb(173, 173, 173);
margin-top: 10px;
  line-height: 35px;
display: inline-block;
      -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.green_button:hover {
  cursor: pointer;
  background-color: rgb(42, 149, 15);
      -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.footer_block .row .blokk {
  font-size: 14px;
}

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: rgb(14, 80, 144);
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

.subsite_header {
  text-align: center;
padding: 12% 0px 6%;
color: rgb(255, 255, 255);
background-color: rgb(48, 48, 48);
border-bottom: 10px solid rgb(66, 195, 33);
}

.mainmenu_row a {
  text-decoration:none;
  color:#fff;
        -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}


.mainmenu_row a:hover img {
  opacity: 1;
          -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.mainmenu_row a img {
  opacity: 0.55;
          -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.jai-map-wrap {
    background-color: #3bca34;
}

.product_info {
  background-color: rgb(236, 236, 236);
  padding: 80px 0px;
}

.product_data_line {
  background-color: #444;
color: #fff;
line-height: 33px;
font-size: 14px;
}

.product_data_line span {
  border-bottom: 1px solid rgb(98, 98, 98);
display:block;
}

div.sizes {
  width: 202px;
}

div.sizes img {
  float:left;
}

div.sizes span {
float: left;
padding-left: 50px;
color: rgb(66, 195, 33);
font-size: 44px;
font-weight: 600;
}

.box {
	color: rgb(68, 68, 68);
}




@media (max-width: 1024px) {
	
	.parallax-images {
    -webkit-background-attachment: scroll !important;
	background-attachment: scroll !important;
}

.images-parallax {
	-webkit-background-size: 1500px 844px !important;
	background-position: left;
	-webkit-background-attachment: scroll !important;
	background-attachment: scroll !important;
	background-repeat: no-repeat !important;
}

.about-us-bg {
	background-image: url(/images/img3.jpg);
	background-position: left;
}
	
}

.jsn-master .jsn-bootstrap input[type="file"] {
	padding: 0 !important;
height: 40px;
}

.gkGrid-g1-1 {
  background-color: rgb(221, 221, 221);
}

ul.list-2 {
  text-align: left;
  color: #000;
      margin: 0 15%;
}

ul.list-2 i.fa {
      font-size: 12px;
    margin-right: 5px;
    color: #e01c1c;
}

ul.list-2 li {
  padding-bottom: 5px;
}