/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Mar 12, 2014, 2:56:50 PM
    Author     : stefansoder
*/

.user-policy{
    margin-left: auto; 
    margin-right: auto; 
    width: 90%; 
    text-align: left; 
    font-family: Helvetica, arial;
}

.user-policy h4{
    font-weight: bold;
    text-decoration: underline;
}

.printtryck, .profiltryck{
    display: none;
}

.remove_icon{
    cursor: pointer;
    float:right;
}

.arrow:after {
  font-family: "Glyphicons Halflings";
  content: "\e080";
}

.ui-autocomplete{
 z-index: 4000 !important;   
}

body{
    background-color: #ddd !important;
}

.float_left_spec{
    margin-top: 12px;
}
    
.navbar {

    margin-top: 0px !important;

}

.table>tbody>tr>td{
    border-top: 0px solid #ddd !important;
}

#arrow_to_go_up{
    display: none;
}


.navbar-default{
    background-color: transparent !important;
    border-color: transparent !important;
}

.ui-widget-content{

    height: 300px;
    overflow-y: scroll;
}

#ui-datepicker-div{
    overflow: hidden;
}

.navbar-brand{

    position: relative;
    top: -20px;
    left: -40px;
}

.panel {
    border-radius: 0px !important;
}

.navbar_container{
    background: transparent;
    margin-top: 20px;
    padding:0px !important;
}
.container>.navbar-header{
    padding: 20px;
}

.container>.navbar-collapse {
    padding: 20px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.navbar-default .navbar-collapse{
    background-color: #fff;
    padding: 15px;
}
.navbar-default .navbar-nav>li>a {
    color: #000 !important;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #6d6e6e !important;
}

.navbar-default .navbar-brand  {
    font-size: 32px !important;
    color: #283a10 !important;
    font-weight: bold;
    margin-left: 0px !important;

}


.navbar-default .navbar-nav>li>a{
    font-size: 14px;
}


.container{
    background-color: #fff;
    padding: 40px;
    border: 1px solid #838383;
}
#subnav{
    position: absolute;
    left:0px;
    width: 100%;
    height:150px;
    background-color: #b1d58b;
    z-index: 200;
}

    #input_installation{
        pointer-events: none;
    }
    
.box_with_fancy_style{

    padding: 0px 60px !important;
    font-size: 16px;

}

#help_button, #help_budget, #help_other{
    cursor: pointer;
}

.help_content{
    position: fixed;
    z-index: 200;
    background-color: #FFF;
    top: 30%;
    left: 30%;
    padding: 40px;
    width: 30%;
    box-shadow: 0px 0px 5px #000;
}

.date_float_right{
    float:right;
}

#inonedayenq{
    position: fixed;
    font-size: 14px;
    right: 10px;
    width: 395px;
    bottom: 0px;
    display: none;
    padding: 10px 20px 10px 20px;
    border-radius: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    background: #383838;
    border: 1px solid #000;
    color: #fff;
    z-index: 2000;
}


.hide_box{
    cursor: pointer;
}

.hide_box:hover{
    font-weight: bold;

}

footer{
    padding: 15px !important;
    text-align: center;
    background-color: #fff !important;
    border: 0px solid #fff !important;
    border-left: 1px #838383 solid !important;
    border-right: 1px #838383 solid !important;
    border-bottom: 1px #838383 solid !important;
    border-radius: 0px !important;
    padding:10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.form-horizontal .control-label {

    text-align: left !important;

}

.slogan_text{
    padding: 15px;
    background-color: #383838;
    color: #fff;
}

.new_fancy_box{

    background: white;
    background-color: #fff;
    box-shadow: 0px 0px 5px #000;
    padding: 30px;
    line-height: 32px;

}
.classy_blue_link{
    text-decoration: underline;
    color: #0066FF;
    font-size: 24px;
}

.make_it_green{

    position: relative;
    right: 5px;
    color: #32bb49;
    font-size: 18px;

}

.make_it_green_sm{
    
        position: relative;
        right: 5px;
        color: #32bb49;
        font-size: 12px;

}

.push_arrow{

    position: absolute;
    right: 105px;
    top: 100px;
    z-index: 200;
}

.thumbnail {

    border: 0px solid #ddd !important;

}

.thumbnail .caption {

    text-align: center;

}

.push_arrow-right{

    position: absolute !important;
    top: 35px !important;
    right: -15px;
    font-size: 30px;
    color: #9c9c9c;
}

.impressum_image{
    width: auto;
}

.form-control{
    border: 1px solid #aaa;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
}

.landing_site_back{

    background-image: url('/wp-content/uploads/2011/11/installator3.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f3f3f3;
    padding: 50px;

}

.landing_site_front{

    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 1px #000;
}

.landing_site_img{
    width: 40%;
}

.more_text_for_desc{

    margin-top:500px;
}

.landing_site_push_arrow-right{

    position: absolute !important;
    top: 25px !important;
    right: -15px;
    font-size: 30px;
    color: #9dc06c;
}

.page_index .row .btn, .page_offertenquiry .row .btn{

    color: #fff !important;

}

.page_index .row .list-group-item a, .page_offertenquiry .row .list-group-item a{

    color: #000 !important;
}

.page_index .row .btn-default, .page_offertenquiry .row .btn-default{

    color: #000 !important;

}

.et-tabs-control>li{
    list-style: none;
    cursor: pointer;
}

.et-tabs-control>li>a{
    float: left;
    margin-right: 20px;
    background: #203c7d;
    border: 1px solid #000;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    width: 200px;
    text-align: center;
    margin: 5px 5px 5px 0px;
}

.et-tabs-control>li>a:hover{
    background: #3B69D3;
}


.et-tabs-container{
    margin-bottom: 20px;
}


.et_slidecontent, .et-tabs-content{
    width: auto !important;
    clear:both;
}

.et-tabs-content{
    height: 580px !important;
}

.footer_item{
    margin-right: 10px;
}

.big-button, biggreen{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
    text-decoration: none;
}

.big-button:hover, biggreen:hover{
   color:#fff;
   background-color:#47a447;
   border-color:#398439;
   text-decoration: none;
}

.page_offertenquiry .et-box-content{
    line-height: 35px;
}


.ir_weblogo{
    width: 50%;
}

.table>tbody>tr.active>td{
    background-color: #363636 !important;
    color: #fff;
}

#registerform2 .btn-lg{
    padding: 10px 40px !important;
    font-size: 21px !important;
}

.label_header{
    font-size: 16px;
    color: #000;
    border-bottom: 2px solid #feca5c;
}


.form_style{
    background-color: #F0F0F0; 
    padding: 15px 0px 15px 0px;
}

.special_arrow_left, .special_arrow_right{
    font-size: 36px;
    cursor: pointer;
}
.special_arrow_left:hover, .special_arrow_right:hover{
    color: #ccc;
}

.page_survey #habla_panel_div{
    display:none !important;
}

.btn_spec{
    border-radius: 0px !important;
    font-size: 20px !important;
}

.puff_box{
    padding: 20px;
    background-color: #EDF3FF;
    border: 1px solid #A1B4FF;
    height: 180px;
}

.big_phone{
    font-size: 30px;
    margin-top: -20px;
}

.puff_panel{
    background-color: #46A055;
    padding: 5px 35px 0px 25px;
    color: #fff;
    height: 70px;
}

.float_left{
    float: left;
}

.float_right{
    float:right;
    margin-top: 30px;
}
.puff_box_v2{
    padding: 20px;
    background-color: #EDF3FF;
    border: 1px solid #A1B4FF;
}


.puff_box_v3 {
    padding: 15px;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    clear: both;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    text-align: left;
    margin-top: 15px;
}

.user_info_box{
    float:right;
    margin: -15px;
}

.special_thumb{
    border-radius: 0px !important;
    padding: 40px !important;
    text-align: center;
    margin-bottom: 0px !important;
    background-color: #E0E0E0 !important;
}

.thumb_popular{
    background-color: #42afcc !important;
    color: #fff;
}

.btn_speciale{
    position: relative;
    border-radius: 0px !important;
    left: -10px;
}

.btn_speciale_sm{
    position: relative;
    border-radius: 0px !important;
    left: -25px;
}

.text_decorated{
    font-style: italic;
    position: absolute;
    top: -35px;
    width: 85%;
    text-align: center;
}

.navbar-left, .navbar-right{
    margin-top: 20px !important;
}

.btn{
    border-radius: 0px !important;
}

.click_for_help{
    cursor: pointer;
}

.box_for_help{
    position: fixed;
    box-shadow: 0px 0px 1px #000;
    padding: 20px;
    background-color: #fff;
    z-index: 500;
    top: 38%;
    left: 38%;
}

.remove_box_for_help{
    float:right;
    cursor: pointer;
}

.box_pros_cons{
    background-color: #E5EDFF;
    padding: 10px;
}

.list_item_spec{
    background-color: transparent !important;
    border: 0px solid #ddd !important;
    padding: 5px !important;
}

.list_pros_cons{
    font-size: 12px;
    height: 113px;
}

.services_holder{
    padding: 10px;
}

.images_holder{
    float:left;
}

.images_holder:hover{
    background-color: #eee;
}

.puff_panel_tele{
    padding: 20px;
    background-color: #DFDFDF;
}

.frontpage_box{
    margin: 5px 0px;
    border-radius: 0px !important;
    box-shadow: 0px 0px 1px #000;
}

.ellips_text{
    width: 100%;
    padding: 5px;
    background-color: #ddd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellips_text a{
    color: #fff !important;
}

.ellips_text_table{
    width: 138px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tagcloud{
    padding: 20px;
}


.floatthumb{
    width: 50%;
    float:left;
    border: 1px solid #ddd !important;
    border-radius: 0px !important;
    height: 400px;
}

.thumbwithborders{
    border: 1px solid #ddd !important;
    border-radius: 0px !important;
    text-align: center;
    height: 120px;
}

.right_hand_form{
    height: 600px;
    border-left:1px dotted #333
}

.rightfinger{
    position: relative !important;
    top: 180px !important;
    font-size: 62px;
}

.caption_top{
    position: relative;
    top: 15%;
}

.form_img{
    position: absolute;
    width: 60%;
    left: -5px;
    top: -10px;
}

#subs_banner{
    display: none;
}

.cookie_alert{
    background-color: #fff;
    position: fixed;
    z-index: 5000;
    bottom: 0px;
    padding: 5px 5px !important;
    margin-bottom: 0px !important;
    border: 1px solid #ddd !important;
    border-radius: 0px !important;
    font-size: 11px;
}

video{
    width: 100%;
}

@media all and (max-width: 1200px) and (min-width: 0px) {
    
    .special_col{
        display: none;
    }

    .order_form_label{
        margin-top: -18px !important;
    }

    .order_form_span{

        left: 210px !important;
    }

    .navbar-brand{

        left: 0px;
    }

    .site_logo{

        width: 85%;

    }

    .navbar-intressent {

        margin-left: -65px !important;
        margin-top: 10px !important;

    }

    .navbar-right {

       display:none;

    }
    .slogan_text{

        display:block;

    }
    
    #toggle{
        right: 0px;
        width: 50px;
        position: absolute;
    }
    
    .help_content{
        position: fixed;
        z-index: 200;
        background-color: #FFF;
        top: 30%;
        left: 15%;
        padding: 40px;
        width: 55%;
        box-shadow: 0px 0px 5px #000;
    }
  
    .special_thumb {
        padding: 5px !important;
    }
    
    .btn_speciale_sm{
        left: -3px;
    }
    
    .list_pros_cons{
        height: 135px;
    }

}

@media all and (max-width: 1000px) and (min-width: 0px) {

    .box_with_fancy_style{
        margin-bottom: 65px;
        padding: 0px 15px !important;
        font-size: 14px;
    }

    .btn{
        width: 100%;
    }

    .push_arrow{

        display: none;

    }

    .navbar-intressent{

        margin-left: -80px !important;

    }

    .navbar-right{

        display: none;

    }

    .slogan_text{

        display:block;

    }

    .push_arrow-right{
        display:none !important;
    }

}

@media all and (max-width: 992px) and (min-width: 0px) {
 
    .form_img{
    display: none;
    }
    
    .rightfinger{
        position: relative !important;
        top: 2px !important;
        font-size: 62px;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    
    .floatthumb{
        width: 100%;
    }
    
    .form_style{
        height: auto;
        background-color: #fff;
    }

    .order_form_label{
        margin-top: 0px !important;
    }

    .order_form_span{
        display: none;
    }
    .thumbnail_special{
        display:none !important;
    }

    .landing_site_push_arrow-right{
        display: none !important;
    }

    .landing_site_front .thumbnail {
        display: none !important;
    }

    #toggle{
        width: auto;
        position: relative;
    }
    
    .right_hand_form{
        margin-top: 10px;
        margin-bottom: 10px;
        height: 75px !important;
        border-left: 0px dotted #333 !important;
        overflow: hidden !important;
        text-align: center;
    }
    
    .puff_box_v3{
        margin-bottom: 20px;
    }
    
    .btn_speciale_sm {
        left: 0px;
    }
    
    .make_bigger_when_small{
        margin-bottom: 35px;
    }
    
    .list_pros_cons{
        height: 100px;
    }
}

@media all and (max-width: 780px) and (min-width: 0px) {


    .navbar-intressent{
        margin-top: 0px !important;
        margin-left: -160px !important;
    }

    .navbar-right{

        display: none;

    }

    .site_logo{

        width: 60%;

    }
    .slogan_text{

        display:block;

    }

    .push_arrow-right{
        display:none !important;
    }

}


@media all and (max-width: 768px) and (min-width: 0px) {

    .container>.navbar-header{
        padding: 10px 20px;
    }
    .navbar-brand{
        padding: 20px 10px !important;
    }
    
    .navbar-intressent{
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .push_arrow-right{
        display:none !important;
    }

    .navbar-right{

        display: block;

    }

    .navbar-nav{

        margin: 0px !important;
    }
    
    .help_content{
        position: fixed;
        z-index: 200;
        background-color: #FFF;
        top: 30%;
        left: 15%;
        padding: 40px;
        width: 70%;
        box-shadow: 0px 0px 5px #000;
    }
    
    .special_thumb {
        padding: 10px !important;
    }
    
    .puff_box_v3{
        width: 70%;
        margin-bottom: 20px;
    }
    
    .btn_speciale_sm {
        left: 0px;
    }
    
    .make_bigger_when_small{
        width: 100% !important;
        margin-bottom: 35px;
    }
    
}



@media all and (max-width: 545px) and (min-width: 0px) {

    .floatthumb{
        float: none;
        border: 2px solid #ddd !important;
        border-radius: 0px !important;
        height: auto;
    }
    
    .caption_top{
        position: relative;
        top: 0%;
    }
    
    .navbar-default .navbar-collapse {
        background-color: transparent;
    }
    
    .navbar-intressent{
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .navbar-brand {

     float: none !important;
     padding: 0px !important;

    }
    .site_logo {
        width: 60%;
        position: relative;
        top: 15px;
        left: 0px;
    }

    .slogan_text{

        display:none;

    }

    .navbar-right{
        top: 0px !important;
        left: 10px !important;
    }
    
    .push_arrow-right{
        display:none !important;
    }

    h1{
        font-size: 150% !important;
    }

    h2{
        font-size: 130% !important;
    }
    ol{
        font-size: 90% !important;
    }

    .landing_site_front {
    padding-left: 0px !important;
    padding-right: 0px !important;
    box-shadow: 0px 0px 0px #000 !important;
    margin-top: -50px !important;
    }

    .landing_site_back {
     background-image: none !important;
     background-size: auto !important;
     background-repeat: inherit !important;
     background-color: #fff !important;
     padding: 10px !important;
    }

    .landing_site_push_arrow-right{
        display: none !important;
    }
    .landing_site_front .thumbnail {
        display: block !important;
    }
    .landing_site_img {
        width: 20% !important;
        display: block !important;
    }
    .impressum_image{
        width: 100%;
    }
    .container{
    padding: 0px;
    border: 0px solid #fff;
    }
    .table{
    margin-left: -5px;
    }
    body{
        margin: 5px !important;
        background-color: #fff !important;
    }
    .navbar {
        margin-bottom: 0px !important;
        border: 0px solid transparent !important;
        padding-left: 0px !important;
        padding-right: 10px !important;
    }
    
    .navbar .container {
        border: 1px solid #838383;
        
    }
    .navbar_container{
        margin-top: 0px !important;
        padding: 0px !important;
        margin-top: 0px !important;
        background-color: #FFF;
    }
    .date_float_right{
        float:none;
        display: block;
    }
    
    #toggle{
        width: auto !important;
    }
    
    #inonedayenq{
        right: 0px;
        left: 0px;
        width: auto;
        border-radius: 0px;
        margin-bottom: 0px;
    }
    
    .ir_weblogo{
        width: 100%;
    }
    
    #input_installation{
        pointer-events: auto;
    }
   
    
    .btn_speciale_sm{
        left: 0px;
    }
    
    .special_thumb {
        padding: 20px !important;
    }
    
    .puff_box_v3{
        width: 100%;
        margin-bottom: 30px;
    }
    
    .puff_box{
        padding: 10px;
    }
    
    .float_left_spec{
        margin-top: 0px;
        width: 140px;
    }
    
    
    .page_offertenquiry h4{
        font-size: 18px;
    }
    
    .et_slidecontent {
        padding: 10px 0px 0px !important;
    }
    .wp-caption{
        width: auto !important;
    }
    .wp-caption img{
        width: 120%;
    }
    
    .help_content {
        position: fixed;
        z-index: 200;
        background-color: #FFF;
        top: 25%;
        left: 5%;
        padding: 22px;
        width: 90%;
        box-shadow: 0px 0px 5px #000;
    }
    
    .puff_box_fixed{
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 400;
    }
    
    .form-control {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    }
    
    .user_info_box {
        float: none;
        margin: 7px 15px;
    }
    
    .classy_blue_link{
        font-size: 20px;
    }
    
    footer{
        box-shadow: 0px 0px 0px #fff;
    }
    
    .help_content {
        left: 0%;
        padding: 20px;
        width: 100%;
    }
    
}

@media all and (max-width: 420px) and (min-width: 0px) {
    
    .site_logo {
        width: 70%;
        position: relative;
        top: 25px;
        left: 0px;
    }
    
    #img_front{
        width: 100%;
    }
    
    
    .cookie_alert{
        font-size: 8px;
        width: 100%;
        margin: -5px;
        border: 1px solid #000 !important;
        padding: 10px !important;
    }
    
    .cookie_alert button{
        font-size: 8px;
    }
    
}


@media print {
    body{
        font-size: 14px !important;
        font-family: Arial, sans-serif !important;
    }
}