/****************************************************************************/
 /******************************* FONTS Settings *****************************/
/****************************************************************************/
.parallax .container{
    padding: 150px 0 75px;
}
body {
    font-size: 14px;
}
h1 {
    font-size: 24px;
    line-height: 24px;
}
h2 {
    font-size: 27px;
    line-height: 27px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 14px;
    line-height: 17px;
}
h5 {
    font-size: 13px;
}
h6 {
    font-size: 12px;
}

                body, input, button, select, textarea, p, .post-box {
                    font-family: "Raleway", Arial, serif;
                    font-weight: 600;
                    font-style: normal;
                }
                #nav-boxes a span,#nav li a {
                    font-family: "Raleway", Arial, serif;
                    font-weight: 600;
                    font-style: normal;
                }
                h1 {
                    font-family: "Raleway", Arial, serif;
                    font-weight: 600;
                    font-style: normal;
                }
                h2 {
                    font-family: "Raleway", Arial, serif;
                    font-weight: 600;
                    font-style: normal;
                }
                h3 {
                    font-family: "Raleway", Arial, serif;
                    font-weight: 600;
                    font-style: normal;
                }
                h4 {
                    font-family: "Raleway", Arial, serif;
                    font-weight: 600;
                    font-style: normal;
                }
                h5 {
                    font-family: "Raleway", Arial, serif;
                    font-weight: 600;
                    font-style: normal;
                }
                h6 {
                    font-family: "Raleway", Arial, serif;
                    font-weight: 300;
                    font-style: normal;
                }
@media (max-width:480px) {
    h1, h2, h3, h4, h5, h6{
        font-size:100%;
    }
}

.bg_after{
    position: relative;
    z-index: 1;
}
.bg_after .container{
    position: relative;
    z-index: 1;
}
.bg_after:after{
    content: '';
    position: absolute;
    background: transparent;
    z-index: 0;
    top: 0;right: 0;
    bottom:0;left: 0;
}
/*****Home Section *****/

        #nav-boxes a .fs1,
        .part_logo > div,
        .member img,
        .testimonial img,
        #filters li a,
        .lp, .mix, .mix .zoom, .mix:hover,
        .circ,#trigger_portfolio,
        .tooltip-inner,.post_nav .nav-links a span
        {
            border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;
        }
    
        #nav-boxes a .fs1,
        #nav-boxes a:hover .fs1,
        .part_logo > div
        {
            border-width:0 !important;box-shadow:none !important;
        }
    #nav-boxes a .fs1,
.part_logo > div{
    font-size: 26px;
    width: 26px;
    height: 26px;
    line-height: 26px;
}
  /****************************************************************************/
 /******************************* #HEADER Section ****************************/
/****************************************************************************/

#home{
                background-image: url(https://www.hetscherdesign.de/wp-content/uploads/2016/03/homehintergrund_b_19_12_dkl.jpg);
            }#home:after{
            background: rgba(2,3,5,0);
        }
.main-logo{
    text-align: center;
    margin: 0px 0 0px 0px;
}
#nav-boxes a{
    color: #e1e0e2; 
}
#nav-boxes a:hover{
    color: #e2e2e2;
}
#nav-boxes a .fs1{
    border-color: rgba(38,38,38,0);
    background: rgba(38,38,38,0.3);
}
#nav-boxes a:hover .fs1{
    background: rgba(38,38,38,0);
    box-shadow: rgba(232,232,232,0) 0 0 20px;
}

.content-rotator{
    font-size: 22px;
    color: rgba(255,255,255,1);
}
.stickybox{
    background: rgba(13,13,15,0.8); 
}

#nav li a{
    background: rgba(6,35,40,0);
    color: #e2e2e2; 
padding-top:30px;
}

#nav li a:hover,
#nav.rounded li a:hover .fs2,
#nav li a:active .fs2,
#nav li a.active .fs2m,
#nav li a.clicked{
    background: rgba(15,9,45,0);
    color: #c9c9c9;
}



  /****************************************************************************/
 /***************************** #About Us Section ****************************/
/****************************************************************************/
#about_us{
                background-image: url(https://www.hetscherdesign.de/wp-content/uploads/2016/03/resumehintergrund_b_19_12_dkl.jpg);
            }#about_us:after{
            background: rgba(5,6,10,0.2);
        }

#about_us h1 {
     color: rgba(239,239,239,1);
}
#about_us .intro-text {
    color: rgba(225,224,226,1);
}
#about_us .part_logo > div{
    background: rgba(255,255,255,0);
    color: rgba(255,255,255,0);
    border: rgba(0,0,0,0) solid 0px;
    box-shadow:  0 0 0px 0px;
}
/******** ABOUT US SECTION excerpt *******/
#about_us .excerpt div{
    color: #555555;
}    #about_us .excerpt .container h1,
    #about_us .excerpt .container h2,
    #about_us .excerpt .container h3,
    #about_us .excerpt .container h4,
    #about_us .excerpt .container h5,
    #about_us .excerpt .container h6{
        color: #555555;
    }    #about_us .excerpt .container a{
        color: #555555;
    }        #about_us .excerpt .container a:hover{
            color: #4d4d4d;
        }  /****************************************************************************/
 /******************************** Team Members ******************************/
/****************************************************************************/
.member h4{
    color: #070707;
}    .member:hover h4{
        color: #0f0f0f;
    }.member .pos{
    color: #0a0a0a;
}    .member:hover .pos{
        color: #0c0c0c;
    }    .member .social a{
        color: #0c0c0c;
    }    .member .social a:hover{
        color: #ffffff;
    }.member:hover img{
    border-color: #0a0a0a;
}
  /****************************************************************************/
 /******************************** Testimonials ******************************/
/****************************************************************************/
#testimonial:after{
            background: rgba(11,107,191,0.1);
        }#testimonial h1{
    color: #ffffff;
}
#testimonial .intro-text{
    color: #ffffff;
}
#prev [class^="icon-"] ,
#prev [class*=" icon-"] ,
#next [class^="icon-"] ,
#next [class*=" icon-"] {
    color: #ffffff;
}
.testimonial .name{
   color: #ffffff;
}    .testimonial .name > span{
        color: #ffffff;
    }    .testimonial .span9 p{
        color: #ffffff;
    }
/******** Testimonials SECTION excerpt *******/
#testimonial .excerpt div{
    color: #555555;
}#testimonial .excerpt .container h1,
#testimonial .excerpt .container h2,
#testimonial .excerpt .container h3,
#testimonial .excerpt .container h4,
#testimonial .excerpt .container h5,
#testimonial .excerpt .container h6{
    color: #555555;
}#testimonial .excerpt .container a{
    color: #555555;
}#testimonial .excerpt .container a:hover{
    color: #4d4d4d;
}  /****************************************************************************/
 /****************************** PORTFOLIO Section ***************************/
/****************************************************************************/
#portfolio{
                background-image: url(https://www.hetscherdesign.de/wp-content/uploads/2016/03/galleryhintergrund_24_03_dkl.jpg);
            }#portfolio:after{
            background: rgba(5,5,5,0);
        }
    #portfolio h1 {
       color:   rgba(2,2,2,0);
    }
    #portfolio .intro-text  {
       color:   rgba(226,226,226,1);
    }#portfolio .part_logo > div{
    background: rgba(255,255,255,0);
    color: rgba(255,255,255,0);
    border: rgba(255,255,255,0) solid 0px;
    box-shadow: #ffffff 0 0 0px 0px;
}

  /****************************************************************************/
 /****************************** PORTFOLIO excerpt ***************************/
/****************************************************************************/
#portfolio .excerpt div{
    color: #05020c;
}    #portfolio .excerpt .container h1,
    #portfolio .excerpt .container h2,
    #portfolio .excerpt .container h3,
    #portfolio .excerpt .container h4,
    #portfolio .excerpt .container h5,
    #portfolio .excerpt .container h6{
        color: #111111;}
        #portfolio .excerpt .container a{
            color: #030916;}
            #portfolio .excerpt .container a:hover{
                color: #01060c;}

#filters li a {
    background: rgba(230,229,232,0);
    color : #e6e5e8;
}#trigger_portfolio{
    color : #e6e5e8;
}
#filters li a:hover,
#filters li a.selected{
    background: rgba(45,45,45,0);
    color : #e1e0e2;
}#trigger_portfolio:hover{
    background: rgba(45,45,45,0);
    color : #e1e0e2;
}
.mix {
    opacity : 1;
}

.mix:hover {
    opacity : 0.8;
    border-color: #1b1b1c;
}

.mix:hover .zoom{
    color: rgba(225,224,226,1);
}
.fr-overlay-background{
    background: rgba(23,23,35,0.5);
    filter: alpha(opacity=100);
    opacity: 1;
}
  /****************************************************************************/
 /****************************** StepBoxes Section ***************************/
/****************************************************************************/
.step-boxes:after{
            background: rgba(0,0,0,1);
        }/******** .StepBoxes Section excerpt *******/
.step-boxes .excerpt div{
    color: #0a080c;
}.step-boxes .excerpt .container h1,
.step-boxes .excerpt .container h2,
.step-boxes .excerpt .container h3,
.step-boxes .excerpt .container h4,
.step-boxes .excerpt .container h5,
.step-boxes .excerpt .container h6{
    color: #0c0c0c;}
.step-boxes .excerpt .container a{
    color: #0c0c0c;}
.step-boxes .excerpt .container a:hover{
    color: #0b0416;}

  /****************************************************************************/
 /****************************** #Services Section ***************************/
/****************************************************************************/

#services:after{
            background: rgba(0,0,0,0);
        }
    #services h1 {
       color:   rgba(255,255,255,0);
    }
    #services .intro-text  {
       color:   rgba(255,255,255,1);
    }#services .part_logo > div{
    background: rgba(255,255,255,0);
    color: rgba(255,255,255,1);
    border: rgba(255,255,255,1) solid 2px;
    box-shadow: #ffffff 0 0 2px 2px;
}

.services h3{
    color: #ffffff;
}
.services i{
    background: #000000;
    color: #dddddd;
}
.services i:hover{
    background: #0f0f0f;
    color: #000000;
}
.services .serv_exc p{
    color: #ffffff;
}

/******** #services Section excerpt *******/
#services .excerpt div{
    color: #555555;
}#services .excerpt .container h1,
#services .excerpt .container h2,
#services .excerpt .container h3,
#services .excerpt .container h4,
#services .excerpt .container h5,
#services .excerpt .container h6{
    color: #555555;}
#services .excerpt .container a{
    color: #555555;}
#services .excerpt .container a:hover{
    color: #4d4d4d;}

/***** .Post Service Section ******/
.post-service:after{
            background: rgba(11,107,191,0.1);
        }/******** .Post Service Section excerpt *******/
.post-service .info-box{
    color: #ffffff;
}
.post-service .btn-success{
    border-color: #78b79b;
    color: #ffffff;
}
.post-service .btn-success:hover{
    border-color: #ffffff;
    color: #78b79b;
}
.post-service .excerpt div{
    color: #555555;
}.post-service .excerpt .container h1,
.post-service .excerpt .container h2,
.post-service .excerpt .container h3,
.post-service .excerpt .container h4,
.post-service .excerpt .container h5,
.post-service .excerpt .container h6{
    color: #555555;}
.post-service .excerpt .container a{
    color: #555555;}
.post-service .excerpt .container a:hover{
    color: #4d4d4d;}

  /****************************************************************************/
 /****************************** Contact Us excerpt **************************/
/****************************************************************************/
#contact_us{
                background-image: url(https://www.hetscherdesign.de/wp-content/uploads/2016/03/contacthintergrund_b_19_12_dkl.jpg);
            }#contact_us:after{
            background: rgba(10,10,10,0);
        }
#contact_us h1 {
   color:  #ede3dd;
}
#contact_us h1 {
   color:   rgba(0,0,0,0);
}
#contact_us h2 {
   color:   rgba(237,227,221,1);
}
#contact_us h3 {
   color:   rgba(237,227,221,0);
}
#contact_us h4  {
   color:   rgba(237,227,221,1);
}#contact_us .part_logo > div{
    background: rgba(255,255,255,0);
    color: rgba(255,255,255,0);
    border: rgba(255,255,255,0) solid 0px;
    box-shadow: #ffffff 0 0 0px 0px;
}

#contact_us input[type="text"],
#contact_us input[type="password"],
#contact_us input[type="datetime"],
#contact_us input[type="datetime-local"],
#contact_us input[type="date"],
#contact_us input[type="month"],
#contact_us input[type="time"],
#contact_us input[type="week"],
#contact_us input[type="number"],
#contact_us input[type="email"],
#contact_us input[type="url"],
#contact_us input[type="search"],
#contact_us input[type="tel"],
#contact_us input[type="color"],
#contact_us textarea{
    background: rgba(237,227,221,0.2);
    color : #ede3dd;
    border: 0px solid #ede3dd;
}
#contact_us input[type="submit"].btn.btn-large{
    background: rgba(62,62,96,0);
    border-color: rgba(237,227,221,1);
    color: #ede3dd;
}
#contact_us input[type="submit"].btn.btn-large:hover,
#contact_us input[type="submit"].btn.btn-large:active{
    background: rgba(42,25,56,0);
    border-color: rgba(237,227,221,1);
    color: #ede3dd;
}
#contact-bot{
    background: rgba(11,107,191,0.1);
}
#contact-bot .info li{
    color : #ede3dd;
}
#contact-bot .info li i{
    color : #ede3dd;
}
#contact-bot .info li a{
    color : #ede3dd;
}


  /****************************************************************************/
 /****************************** Contact_us excerpt **************************/
/****************************************************************************/

  /****************************************************************************/
 /******************************** FOOTER Section ****************************/
/****************************************************************************/

footer{
    background: rgba(26,27,28,1);
    color: #e2e2e2;
}
footer a{
    color: #ede3dd;
}
footer a:hover{
    color: #ede3dd;
}
footer .follow a{
    color: #ede3dd;
}
footer .follow a:hover{
    color: #ede3dd;
}


  /****************************************************************************/
 /********************************** BLOG PAGE *******************************/
/****************************************************************************/
.id_blog.blog-color{
    background: #101319;
}

.post-box,
.post-box .left-box,
#sidebar .widget h3,
.pagination ul > li > a, .pagination ul > li > span {
    border-color: rgba(255,255,255,0.5);
}
.post-box .comments a,.comment-body{
    background: rgba(255,255,255,0.5);
}
#sidebar .widget.widget_recent_entries li:before,
#sidebar .widget.widget_archive li:before,
#sidebar .widget.widget_categories li:before,
#sidebar .widget.widget_meta li:before,
#sidebar .widget.widget_pages li:before,
#sidebar .widget.widget_nav_menu li:before{
    color: rgba(255,255,255,0.5);
}
.comment-body:before {
    border-color: transparent transparent rgba(255,255,255,0.5) transparent;
}

.blog-head h3,
#sidebar .widget h3{
    color: #ffffff;
}

.post_info h2.blog_title a,
#sidebar .widget ul li a,
.rsswidget,.comment-meta a,.logged-in-as a{
    color: #9e2a5a;
}
.post_info .blog_title h2 a:hover,
#sidebar .widget ul li a:hover,
.rsswidget:hover,.comment-meta a:hover,.logged-in-as a:hover{
    color: #dd76a1;
}
.blog_search form input,
.blog_search #searchform:before{
    color:#525053;
}
.post-box,.rssSummary,.widget_text,.comment-body{
    color:#ffffff}

.comment_info cite a, .comment-body .reply a,#sidebar .widget ul li.recentcomments a.url, .tagcloud a,input[type="submit"], button, .btn{
    background: rgba(13,13,15,0.8);
    color: #e2e2e2;
}

.pagination ul > li > a, .pagination ul > li > span{
    color: #9e2a5a;
}