/*
Theme Name: Bent
Author: Allie
Version: 1.0
URL: http://designscrazed.org/
*/
    /* Table of Content
==================================================
  1. COMMON STYLES
  2. SECTION HOME 
  3. SECTION crew
  4. SECTION VIDEO
  5. SECTION TESTIMONIAL
  6. SECTION FEATURES 
  7. SECTION CALL TO ACTION
  8. SECTION APPS SCREEN 
  9. SECTION FUN FACTS 
  10. SECTION DOWNLOAD 
  11. SECTION CONTACT 
  12. SECTION SUBSCRIBE
  13. SECTION FOOTER 

*/
    
    * {
        margin: 0;
        padding: 0;
    }
    html,
    body {
        font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    p {
        font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 14px;
    }
    a {
        color: #F5AB35;
        text-decoration: none;
    }
    a:visited {
        color: #F5AB35;
    }
    /*---------------------------------------
   COMMON STYLES             
-----------------------------------------*/
    
    .section_title {
        padding-top: 50px;
    }
    .section_title h2 {
        text-transform: uppercase;
        text-align: center;
        position: relative;
        color: #1E1E1E;
        font-size: 30px;
        font-weight: 400;
    }
    .section_title h2:after {
        content: "";
        position: absolute;
        bottom: -20px;
        width: 60px;
        height: 1px;
        background-color: #F5AB35;
        left: 50%;
        margin-left: -30px;
    }
    .section_title p {
        text-align: center;
        margin-top: 25px;
        color: #1E1E1E;
        font-size: 18px;
        line-height: 28px;
        font-weight: 300;
    }
    .parallax {
        background-attachment: fixed !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    /*---------------------------------------
   SECTION HOME              
-----------------------------------------*/
    /*menu*/
    
    .header h2 {
        height: 0px;
        margin: 0px;
    }
    .navbar-default::before {
        content: '';
        margin-top: -22px;
        width: 100%;
        height: 20px;
        background: #f1f1f1;
    }
    .navbar {
        margin-top: -100px
    }
    .navbar-brand {
        padding: 9px 15px;
    }
    .navbar-default {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .navbar-brand img {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .navbar-default .navbar-nav > li > a {
        color: #1e1e1e;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    @media(min-width:768px) {
        .navbar-default {
            background-color: #ffffff;
        }
        .navbar-default .navbar-nav > li > a {
            color: #1e1e1e;
            font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        }
        .navbar-default .navbar-nav > li > a:hover {
            color: #F5AB35;
        }
        .navbar-default .navbar-nav > li > a:focus {
            color: #B5B5B5;
        }
        .navbar-default {
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
            z-index: 110;
        }
        .navbar-brand img {
            margin-top: -22px;
            height: 75px;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
        }
        .navbar-default .navbar-nav > li > a {
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
        }
        .navbar-nav > li > a {
            padding-top: 45px;
        }
    }
    @media (max-width: 992px) {
        .feature_7,
        .available_store {
            display: none;
        }
    }
    @media (max-width: 768px) {
        .navbar-brand img {
            margin-top: -7px;
            height: 45px;
        }
        .navbar-collapse {
            background-color: #fff !important;
            text-align: center;
        }
        .navbar-right {
            margin: 0;
            height: 100%;
        }
        .navbar-default li {
            border-bottom: solid 1px #f1f1f1;
        }
        .post img {
            height: 240px;
        }
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background: transparent;
        color: #F5AB35;
    }
    .header {
        background-size: cover;
        background-repeat: no-repeat;
    }
    .header .section_overlay {
        background-color: #FFFFFF;
    }
    .logo {
        padding-bottom: 50px;
    }
    .home_text {
        margin-top: 30px;
        text-align: center;
    }
    .home-logo {
        text-align: right;
    }
    .home-logo img {
        width: 100%;
    }
    @media (max-width: 768px) {
        .home_text {
            text-align: center;
        }
    }
    .home_text h1 {
        color: #1E1E1E;
        font-size: 35px;
        margin-top: 10px;
        padding: 5px 0;
        border-top: solid 2px #F5AB35;
        border-bottom: solid 2px #F5AB35;
    }
    .home_text h1 span {
        color: #F5AB35;
        font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }
    .home_text p {
        color: #1E1E1E;
        font-size: 17px;
        line-height: 28px;
        margin-top: 0px;
        font-weight: 300;
    }
    .download-btn {
        margin-top: 90px;
        margin-bottom: 50px
    }
    .home-btn,
    .home-btn:focus,
    .home-btn:active,
    .home-btn:visited {
        background: transparent;
        border-color: #F5AB35;
        color: #F5AB35;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 19px;
        text-transform: uppercase;
        border-radius: 3px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .home-btn:hover {
        background-color: #F5AB35;
        color: #fff;
    }
    .tuor,
    .tuor:focus,
    tuor:active,
    tuor:visited {
        color: #A9ADB0;
        margin-left: 20px;
        text-transform: uppercase;
        font-size: 19px;
        font-weight: 500;
        background: transparent;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .tuor:hover {
        color: #fff;
    }
    .tuor i {
        font-size: 20px;
        padding-left: 5px;
        color: #F5AB35;
    }
    /*---------------------------------------
   SECTION crew              
-----------------------------------------*/
    
    .crew {
        background: #f1f1f1;
    }
    .inner_crew_area {
        padding: 50px 0;
    }
    .inner_crew_title h2 {
        text-transform: uppercase;
        font-weight: 800;
        font-size: 30px;
        line-height: 37px;
        position: relative;
    }
    .inner_crew_title h2:after {
        content: "";
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 70px;
        background: #F5AB35;
        height: 1px;
    }
    .inner_crew_title p {
        font-size: 19px;
        line-height: 24px;
        margin-top: 10px;
    }
    .inner_crew_desc {}
    .single_crew_area {
        position: relative;
        padding-bottom: 4px;
    }
    .single_crew_area div {
        margin: 0 auto;
        text-align: center;
        position: relative;
    }
    .single_crew_area div img {
        width: 250px;
        height: auto;
    }
    .single_crew_area div i {
        font-size: 55px;
        color: #1E1E1E;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .single_crew_area h3 {
        text-align: center;
        color: #1E1E1E;
        text-transform: uppercase;
        font-size: 15pt;
        font-weight: 300;
    }
    .single_crew_area h3 span {
        font-weight: 500;
        border-top: solid 1px #F5AB35;
        border-bottom: solid 1px #F5AB35;
        padding: 5px 100px;
    }
    .single_crew_area p {
        text-align: center;
        color: #1E1E1E;
        font-size: 15px;
        margin-top: 20px;
    }
    .single_crew_area:hover div i {
        color: #F5AB35;
    }
    .crew_phone img {}
    @media (min-width: 991px) and (max-width: 1200px) {
        .crew_phone img {
            margin-top: 184px;
            width: 80%;
            margin-right: 20%
        }
    }
    .single_title {
        border-top: solid 1px #F5AB35;
        border-bottom: solid 1px #F5AB35;
        margin-bottom: 15px;
    }
    .single_title h3 {
        text-align: center;
    }
    /*---------------------------------------
   SECTION VIDEO              
-----------------------------------------*/
    
    .video_area {
        background: #e4e4e4;
        padding-bottom: 140px;
        padding-top: 120px;
    }
    .video_title {
        padding-bottom: 30px;
    }
    .video_title h2 {
        text-transform: uppercase;
        font-weight: 800;
        font-size: 30px;
        line-height: 37px;
        position: relative;
        margin-top: 0px;
    }
    .video_title h2:after {
        content: "";
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 70px;
        background: #F5AB35;
        height: 1px;
    }
    .video_title p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 40px;
        color: #1E1E1E;
        font-weight: 300;
    }
    .btn-video,
    .btn-video:active,
    .btn-video:focus,
    .btn-video:visited {
        background: transparent;
        border: 1px solid #929292;
        color: #686868;
        border-radius: 3px;
        padding: 12px 35px;
        text-transform: uppercase;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .btn-video:hover {
        background: #F5AB35;
        color: #fff;
        border: 1px solid #F5AB35;
    }
    .video {}
    .video iframe {
        width: 100%;
        border: 1px solid #999999;
        padding: 5px;
    }
    /*---------------------------------------
   SECTION TESTIMONIAL              
-----------------------------------------*/
    
    #owl-demo .item {
        margin: 0 30px;
        margin-bottom: 50px;
    }
    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }
    .testimonial {
        background: url(../images/testimonial.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .testimonial .section_overlay {
        background: rgba(0, 0, 0, .6);
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .carousel-indicators {
        bottom: -8px;
    }
    div.carousel-inner .item img {
        border: 2px solid #F5AB35;
        border-radius: 50%;
        padding: 3px;
    }
    .testimonial_caption {
        padding-bottom: 70px;
    }
    .testimonial_caption p {
        color: #D8D8D8;
        font-size: 18px;
        line-height: 27px;
        padding-top: 50px;
    }
    .testimonial_caption h2 {
        color: #F5AB35;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 30px;
        margin-top: 25px;
    }
    .testimonial_caption h4 {
        color: #F5AB35
    }
    .testimonial_caption h4 span {
        color: #D8D8D8;
        font-style: italic;
        font-weight: 300;
    }
    .testimonial ol.carousel-indicators li {
        width: 12px;
        height: 12px;
        border: 1px solid #F5AB35;
        margin: 1PX
    }
    .testimonial ol.carousel-indicators li.active {
        width: 12px;
        height: 12px;
        border: 0px solid #F5AB35;
        background: #F5AB35;
    }
    .card-container {
        height: 270px;
        -webkit-perspective: 600;
        -moz-perspective: 600;
        -o-perspective: 600;
        perspective: 600;
        position: relative;
        width: 280px;
        margin: 20px auto;
    }
    .card {
        height: 100%;
        position: absolute;
        border-radius: 11px;
        background-color: #1E1E1E;
        font-size: 40px;
        color: #F5AB35;
        margin: auto;
        width: 100%;
        text-align: left;
        top: -8px;
        -webkit-transition: all 1s ease-in-out;
        -webkit-transform-style: preserve-3d;
        -moz-transition: all 1s ease-in-out;
        -moz-transform-style: preserve-3d;
        -o-transition: all 1s ease-in-out;
        -o-transform-style: preserve-3d;
        transition: all 1s ease-in-out;
        transform-style: preserve-3d;
        cursor: default;
    }
    .card:hover {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    .card .side {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 10px;
        height: 100%;
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .card .back {
        color: #ffffff;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
    .card h4 {
        margin: auto;
        text-transform: uppercase;
        font-size: 35px;
        font-weight: 700;
        color: #F5AB35;
        text-align: justify;
    }
    .card h4 span {
        color: #DCDCDC;
        text-align: justify;
    }
    .card ul {
        margin-left: 40px;
        font-size: 24px;
        width: 80%;
    }
    /*---------------------------------------
   SECTION FEATURES              
-----------------------------------------*/
    
    .medien {
        background-color: #f1f1f1;
    }
    .schaetze {
        background-color: #ffffff;
    }
    .feature_inner {
        padding-top: 30px;
        padding-bottom: 70px;
    }
    .feature_7 {
        width: 150%;
        -ms-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }
    .feature_7 img {
        width: 100%;
        margin: 10px;
    }
    .center_single_feature {
        position: relative;
        padding-left: 90px;
    }
    .center_single_feature div {
        position: absolute;
        font-size: 40px;
        color: #F5AB35;
        left: 0;
        width: 90px;
        height: 90px;
        text-align: center;
        top: -8px;
    }
    .center_single_feature h3 {
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 21px;
        color: #1E1E1E;
    }
    .center_single_feature h3 span {
        color: #F5AB35;
    }
    .center_single_feature p {
        color: #1E1E1E;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px;
    }
    /*right feature*/
    
    .right_single_feature {
        position: relative;
        padding-left: 90px;
        margin-bottom: 65px;
        margin-top: 35px;
    }
    .right_single_feature div {
        position: absolute;
        font-size: 40px;
        color: #F5AB35;
        left: 0;
        width: 90px;
        height: 90px;
        text-align: center;
        top: -8px;
    }
    .right_single_feature h3 {
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 21px;
        color: #1E1E1E;
        margin-top: 0;
    }
    .right_single_feature h3 span {
        color: #F5AB35;
    }
    .right_single_feature h4 {
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 21px;
        color: #F5AB35;
    }
    .right_single_feature h4 span {
        color: #DCDCDC;
    }
    .right_single_feature p {
        color: #1E1E1E;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px;
    }
    /*left feature*/
    
    .left_single_feature {
        position: relative;
        padding-right: 90px;
        margin-bottom: 65px;
        text-align: right;
        margin-top: 35px;
    }
    .left_single_feature div {
        position: absolute;
        font-size: 40px;
        color: #F5AB35;
        right: 0;
        width: 90px;
        height: 90px;
        text-align: center;
        top: -8px;
    }
    .left_single_feature h3 {
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 21px;
        color: #1E1E1E;
    }
    .left_single_feature h3 span {
        color: #F5AB35;
    }
    .left_single_feature p {
        color: #1E1E1E;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px;
    }
    .right_no_padding {
        padding-left: 15px;
    }
    .left_no_padding {
        padding-right: 15px;
    }
    .center_no_padding {
        border-top: solid 2px #F5AB35;
        border-bottom: solid 2px #F5AB35;
        padding-right: 15px;
        margin-bottom: 35px;
    }
    @media (min-width: 991px) and (max-width: 1200px) {
        .feature_7 {}
        .right_single_feature h3,
        .center_single_feature h3,
        .left_single_feature h3 {
            margin-top: 0px;
            margin-bottom: 15px;
        }
    }
    .post {
        transition: all .2s ease;
        margin-bottom: 20px;
    }
    .post likes {
        transition: all .8s ease;
        opacity: 0;
        color: #F5AB35;
        font-size: 35px;
        font-weight: 500;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .post img {
        object-fit: cover;
        /* Do not scale the image */
        object-position: center;
        /* Center the image within the element */
        width: 94%;
        height: 320px;
    }
    .post:hover img {
        transition: all .8s ease;
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
        filter: blur(2px);
        -webkit-filter: grayscale(90%);
        -moz-filter: grayscale(90%);
        -o-filter: grayscale(90%);
        -ms-filter: grayscale(90%);
        filter: grayscale(90%);
    }
    .post:hover likes {
        opacity: 1;
    }
    /*---------------------------------------
   SECTION CALL TO ACTION              
-----------------------------------------*/
    
    .call_to_action {
        background-color: #1e1e1e;
        padding-top: 50px;
        display: flex;
        align-content: center;
    }
    .call_to_action p {
        color: #f1f1f1;
        font-size: 18px;
        font-weight: 300;
    }
    .call_to_action a {}
    .btn-action,
    .btn-action:active,
    .btn-action:focus,
    .btn-action:visited {
        background: #F5AB35;
        border: 1px solid #F5AB35;
        color: #fff;
        border-radius: 3px;
        padding: 15px 35px;
        text-transform: uppercase;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .btn-action:hover {
        background: #B5B5B5;
        border-color: #F5AB35;
    }
    /*---------------------------------------
   SECTION APPS SCREEN             
-----------------------------------------*/
    
    .apps_screen {
        background: #ffffff;
        padding-bottom: 96px;
    }
    .screen_slider {
        padding-top: 50px;
    }
    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: transparent;
        border: 1px solid #F5AB35;
    }
    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        opacity: 1;
        background: #F5AB35;
    }
    /*---------------------------------------
   SECTION FUN FACTS              
-----------------------------------------*/
    
    .fun_facts {
        background-color: #1E1E1E;
    }
    .fun_facts .section_overlay {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .single_fun_facts i {
        color: #F5AB35;
        font-size: 60px;
        ;
    }
    .single_fun_facts h2 {
        color: #ffffff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 35px;
        margin-top: 15px;
        margin-bottom: 1px;
    }
    .single_fun_facts h2 span {
        font-weight: 300;
    }
    .single_fun_facts p {
        color: #ffffff;
        font-size: 20px;
        margin-top: 0px;
        font-weight: 300;
        text-transform: uppercase;
    }
    /*---------------------------------------
   SECTION DOWNLOAD              
-----------------------------------------*/
    
    .download {
        background: #DCDCDC;
    }
    .price_top {
        padding-top: 50px;
    }
    .price_top img {
        width: 100%
    }
    .available_store {
        background: #1e1e1e;
        margin-top: -8px;
        position: relative;
    }
    .available_title {
        padding-top: 50px;
    }
    .available_title h2 {
        color: #F5AB35;
        font-size: 30px;
    }
    .available_title p {
        color: #ffffff;
    }
    .photobooth {
        background: #1e1e1e;
        margin-top: -8px;
        position: relative;
    }
    .photobooth {
        padding-top: 50px;
        text-align: center;
    }
    .photobooth h2 {
        color: #F5AB35;
        font-size: 30px;
    }
    .photobooth p {
        color: #ffffff;
    }
    .photobooth img {
        max-width: 200px;
        padding-top: 20px;
        margin-bottom: -2px;
    }
    .btn-photobooth,
    .btn-photobooth:active,
    .btn-photobooth:focus,
    .btn-photobooth:visited {
        background: #F5AB35;
        border: 1px solid #F5AB35;
        color: #fff;
        border-radius: 5px;
        padding: 20px 30px;
        text-transform: uppercase;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        margin-top: 50px;
    }
    .btn-photobooth:hover {
        background: #B5B5B5;
        border-color: #F5AB35;
    }
    .single_store {
        text-align: center;
        border-left: 1px solid #f39c12;
        min-height: 230px;
        padding-bottom: 15px;
        position: relative;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .single_store i {
        color: #F5AB35;
        text-align: center;
        opacity: 1;
        font-size: 40px;
        padding-top: 90px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .store_inner {
        position: absolute;
        bottom: 93px;
        width: 100%;
        opacity: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .store_inner h2 {
        text-align: center;
        font-weight: 300;
        color: #1e1e1e;
        font-size: 20px;
    }
    .single_store:hover {
        background: #F5AB35;
    }
    .single_store:hover i {
        opacity: 0;
    }
    .single_store:hover div.store_inner {
        opacity: 1;
    }
    .no_padding {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*---------------------------------------
   SECTION CONTACT              
-----------------------------------------*/
    
    .contact {
        background: #f1f1f1;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 200px;
    }
    .contact_form {
        padding-top: 30px;
    }
    .contact_form .form-control {
        display: block;
        display: block;
        width: 100%;
        height: 50px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: transparent;
        border: 1px solid #aeaeae;
        background-image: none;
        border-radius: 3px;
        margin-bottom: 15px;
        opacity: .8;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        outline: 0px !important;
    }
    .contact_form .form-control:focus {
        border: 1px solid #F5AB35;
        border-color: #F5AB35;
        outline: 0px none;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(102, 175, 233, 0.6);
    }
    .contact_form {}
    .form-control:-webkit-input-placeholder {
        color: red;
    }
    .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: red;
    }
    .form-control:-moz-placeholder {
        /* Firefox 19+ */
        color: red;
    }
    .form-control:-ms-input-placeholder {
        color: red;
    }
    .submit-btn,
    .submit-btn:active,
    .submit-btn:focus,
    .submit-btn:visited {
        background-color: transparent;
        border: 1px solid #F5AB35;
        border-radius: 4px;
        width: 100%;
        height: 50px;
        text-transform: uppercase;
        font-size: 18px;
        color: #F5AB35;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        outline: 0px !important;
    }
    .submit-btn:hover {
        background-color: #F5AB35;
        color: #fff;
        border-color: #F5AB35;
    }
    .social_icons {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .social_icons ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .social_icons ul li {
        list-style: none;
        display: inline;
        padding-left: 10px
    }
    .social_icons ul li a {
        text-decoration: none;
        display: inline-block;
        text-align: center;
        border: 1px solid #9d9d9d;
        border-radius: 3px;
        width: 45px;
        height: 45px;
        line-height: 49px;
        color: #9d9d9d;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .social_icons ul li a i {
        font-size: 20px;
    }
    .social_icons ul li a:hover {
        background: #F5AB35;
        border: 1px solid #F5AB35;
        color: #fff
    }
    .error {
        color: #F5AB35;
        display: block;
        padding-bottom: 15px;
        font-size: 18px
    }
    .error i {
        padding-right: 10px;
        font-size: 18px
    }
    .Sucess {
        color: #4DB849;
        display: block;
        padding-bottom: 15px;
        font-size: 18px;
        text-align: center;
    }
    .Sucess i {
        padding-right: 10px;
        font-size: 18px;
        color: #4DB849
    }
    .contact_form .form-control {
        color: #3d3d3d;
    }
    #message {
        height: 117px;
        resize: none;
    }
    /*---------------------------------------
   SECTION SUBSCRIBE              
-----------------------------------------*/
    
    .subscribe {
        background-image: url(../images/subscribe.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .subscribe .section_overlay {
        padding-bottom: 70px;
        background: transparent
    }
    .subscribe .section_title h2 {
        color: #1E1E1E;
    }
    .subscribe .section_title p {
        color: #1E1E1E;
    }
    .subscribe_form {
        text-align: center;
        padding-top: 30px;
    }
    .subscribe_form .form-group {}
    .subscribe_form .form-control {
        background: transparent;
        border: 1px solid #575b63;
        border-radius: 0px;
        height: 45px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        color: #aeaeae;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .subscribe_form .form-control:focus {
        background: transparent;
        border-bottom: 1px solid #f1f1f1;
        box-shadow: none;
    }
    .subs-btn,
    .subs-btn:active,
    .subs-btn:focus,
    .subs-btn:visited {
        width: 200px;
        background: transparent;
        border: 1px solid #F5AB35;
        border-radius: 4px;
        height: 45px;
        margin-left: 0px;
        margin-bottom: 1px;
        color: #F5AB35;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 17px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        outline: 0px !important;
    }
    .subs-btn:hover {
        background-color: #F5AB35;
        color: #fff;
        border-color: #F5AB35;
    }
    @media (min-width: 300px) {
        .subscribe_form .form-control {
            width: 100%
        }
    }
    .subscription-success {
        color: #fff;
        text-align: center;
        font-size: 20px;
    }
    .subscription-error {
        color: #fff;
        text-align: center;
        font-size: 20px;
    }
    /*---------------------------------------
   SECTION FOOTER              
-----------------------------------------*/
    
    .copyright {
        background-color: #1A1D22;
        padding-bottom: 65px;
        padding-top: 65px;
        border-bottom: 3px solid #F5AB35;
    }
    .copyright h2 {
        height: 0px;
        margin: 0px;
    }
    .copy_right_text {
        width: 60%;
    }
    .copy_right_text p {
        color: #8C8B8A;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 15px;
    }
    .copy_right_text p a {
        text-decoration: none;
        color: #F5AB35;
    }
    .copy_right_text p span {
        font-weight: 300;
    }
    .scroll_top {
        text-align: right;
        border-radius: 5px;
    }
    .scroll_top a {
        background: #F5AB35;
        padding: 25px;
    }
    .scroll_top a i {
        color: #fff;
        font-size: 25px;
    }
    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        background-color: red;
        background-image: none;
        color: rgb(0, 0, 0);
    }
    .spn_hol {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #1e1e1e;
        z-index: 50000;
        opacity: 1;
    }
    .preloader {
        position: absolute;
        top: 50%;
        margin-top: -120px;
        left: 50%;
        margin-left: -120px;
        height: 240px;
        width: 240px;
        text-align: center;
        display: block;
        background-image: url(../images/loader.gif);
        background-size: contain;
        /* path to your loading animation */
        background-repeat: no-repeat;
        background-position: center;
    }

.cc_container .cc_btn {
background-color: #F5AB35!important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #1e1e1e!important; /* Hintergrundfarbe des gesamten Bereichs */
color: #ffffff!important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}
    @-webkit-keyframes rotation {
        from {
            -webkit-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            ;
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(359deg);
            -webkit-transform: rotate(359deg);
            ;
            -moz-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }
    @-o-keyframes rotation {
        from {
            -webkit-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            ;
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(359deg);
            -webkit-transform: rotate(359deg);
            ;
            -moz-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }
    @-moz-keyframes rotation {
        from {
            -webkit-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            ;
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(359deg);
            -webkit-transform: rotate(359deg);
            ;
            -moz-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }
    @keyframes rotation {
        from {
            -webkit-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            ;
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(359deg);
            -webkit-transform: rotate(359deg);
            ;
            -moz-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }