#lighting_audit h1,#lighting_audit h2,#lighting_audit h3,#lighting_audit h4,#lighting_audit h5,#lighting_audit h6,#lighting_audit ul,#lighting_audit li,#lighting_audit p{margin: 0;padding: 0;font-weight: normal;line-height: 1.5;}
#lighting_audit a{text-decoration: none;}
#lighting_audit button{cursor: pointer;}
*{box-sizing: border-box;outline: none;font-family: "Titillium Web", Arial, sans-serif;-webkit-tap-highlight-color: transparent;}
html{font-size: 10px}
html.zoom2{font-size: 12px !important;}
html.zoom4{font-size: 14px !important;}
body{margin: 0;}
#lighting_audit ul{list-style: none;}
#lighting_audit img{border:none;max-width: 100%;}
#lighting_audit textarea{resize: none;}
#lighting_audit .s_btn{ border: none; width: 100%;max-width: 230px;display: inline-block;text-align: center;background-color: #e2007a;color: #fff;font-size: 20px;font-weight: 600;border-radius: 4px;padding: 12px 5px 13px}
#lighting_audit .s_btn:hover{background-color: #aa036c}
#lighting_audit .s_btn.s_white_btn{color:#e2007a;background-color: #fff;}
#lighting_audit .s_btn.s_white_btn:hover{background-color: #f6f6f6;}

#lighting_audit .f_12{font-size: 1.2rem}
#lighting_audit .f_14{font-size: 1.4rem}
#lighting_audit .f_16{font-size: 1.6rem}
#lighting_audit .f_18{font-size: 1.8rem}
#lighting_audit .f_20{font-size: 2rem}
#lighting_audit .f_22{font-size: 2.2rem}
#lighting_audit .f_24{font-size: 2.4rem}
#lighting_audit .f_26{font-size: 2.6rem}
#lighting_audit .f_36{font-size: 3.6rem}

#lighting_audit .bold{font-weight: bold;}
#lighting_audit .semibold{font-weight: 600;}
#lighting_audit .light{font-weight: 300;}
#lighting_audit .magenta{color: #e2007e}
#lighting_audit .center{text-align: center;}

#lighting_audit .page{max-width: 1145px;padding: 0 15px;width: 100%;margin: 0 auto}
#lighting_audit .foto_baner{background-color: #e0edfa;background-image: url('/-/media/Additional/smart/img/lighting_audit/top.png');background-position: center;height: 300px;background-repeat: no-repeat}
#lighting_audit .foto_baner .page{height: 100%}
#lighting_audit .foto_baner .baner_text{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: space-around}
#lighting_audit .foto_baner .baner_text .foto_breadcrumps{display: flex;justify-content: left;align-items: center;}
#lighting_audit .foto_baner .baner_text .foto_breadcrumps .bread_element{color: #7f7f7f;line-height: 1}
#lighting_audit .foto_baner .baner_text .foto_breadcrumps .bread_element:hover{color: #e6007e}
#lighting_audit .foto_baner .baner_text .foto_breadcrumps .non_link_element{margin: 0 10px}
#lighting_audit .foto_baner .baner_text .foto_breadcrumps .last_bread_element{color: #000;}
#lighting_audit .foto_baner .baner_text h1{}
#lighting_audit .foto_baner .baner_text h1 span{display: block;margin-top: 12px}


#lighting_audit .shadow_element{display: flex;align-items: center;justify-content: space-between;padding: 40px 25px 40px 50px;background-color: #fff;margin: 40px 0 40px;box-shadow:0px 4px 10px 0px rgba(13, 14, 14, 0.3);}
#lighting_audit .shadow_element .shadow_img{flex-basis: 110px;display: flex;justify-content: center;align-items: center}
#lighting_audit .shadow_element .shadow_img img{display: block}
#lighting_audit .shadow_element .shadow_text{flex-basis: calc(100% - 155px)}
#lighting_audit .shadow_element .shadow_text p{line-height: 1.5}
#lighting_audit .shadow_element .shadow_text p:first-child{margin-bottom: 20px}
#lighting_audit .section_head.green{color: #76b729}
#lighting_audit .shadow_element.green_box .shadow_img{flex-basis: 235px;}
#lighting_audit .shadow_element.green_box .shadow_text{flex-basis: calc(100% - 270px)}


#lighting_audit .under_shadow_element{display: flex; align-items: center; justify-content: space-between;}
#lighting_audit .under_shadow_text{padding-left: 40px;}

#lighting_audit .photo_flex{position: relative;}
#lighting_audit .photo_flex .photo_text{z-index: 2;position: relative;max-width: 735px}
#lighting_audit .photo_flex .photo_image{position: absolute;right: 0;top: 0;z-index: 1;}
#lighting_audit .photo_flex .photo_text .photo_text_box{background-color: #fff;padding: 30px;box-shadow: 0px 4px 10px 0px rgba(13, 14, 14, 0.3);margin-bottom: 30px}
#lighting_audit .photo_flex .under_photo_text{padding-right: 65px;}

#lighting_audit .section_head{margin: 45px 0 35px}
#lighting_audit .section_head.different_margin{margin: 75px 0 35px}
#lighting_audit .tile_flex{width: 100%;display: flex;justify-content: space-between;box-shadow: 0px 4px 10px 0px rgba(13, 14, 14, 0.3);flex-wrap: wrap}
#lighting_audit .tile_flex .single_tile{flex-basis: 33.33%;padding: 20px 30px 40px 30px;}
#lighting_audit .tile_flex .single_tile{border-width: 0 0 2px 0;border-color: #ededed;border-style: solid}
#lighting_audit .tile_flex .single_tile.middle_tile{border-width: 0 2px 2px 2px !important;border-color: #ededed;border-style: solid}
#lighting_audit .tile_flex .single_tile .tile_img{min-height: 85px;display: flex;align-items: center;justify-content: flex-start;margin-bottom: 10px}
#lighting_audit .tile_flex .single_tile h3{min-height: 55px;margin-bottom: 5px;text-align: left; line-height: 1;}
#lighting_audit .tile_flex .single_tile p{line-height: 1.5}

#lighting_audit .under_head{text-align: center;line-height: 1.5}
#lighting_audit .foto_choice_flex{display: flex;justify-content: space-between;margin: 55px 0 20px;flex-wrap: wrap}
#lighting_audit .foto_choice_flex .single_choice{flex-basis: 49%;display: flex;flex-direction: column;align-items: center}
#lighting_audit .foto_choice_flex .single_choice .choice_img{min-height: 150px;display: flex;justify-content: center;align-items: center}
#lighting_audit .foto_choice_flex .single_choice h4{text-align: center;margin-bottom: 10px;font-weight: bold}
#lighting_audit .foto_choice_flex .single_choice p{text-align: center;line-height: 1.5}
#lighting_audit .under_flex_box{}
#lighting_audit .under_flex_box p{margin-bottom: 20px}
#lighting_audit .under_flex_box p.with_check{position: relative;padding-left: 28px;line-height: 1.5}
#lighting_audit .under_flex_box p.with_check:before{content: '';display: block;position: absolute;left: 0;top: 7px;background-image: url(/-/media/Additional/smart/img/foto/check.png);width: 22px;height: 16px}
#lighting_audit .blue_section{background-color: #D6F4F2;margin-top: 50px}
#lighting_audit .blue_section .btn_flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 30px 0}
#lighting_audit .blue_section .btn_flex .text_column{flex-basis: calc(100% - 250px)}
#lighting_audit .blue_section .btn_flex .btn_column{flex-basis: 230px}
#lighting_audit .blue_section .btn_flex .btn_column a{max-width: 230px}
#lighting_audit .blue_section .btn_flex .text_column p{line-height: 1.5}

#lighting_audit .graph_flex{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px}
#lighting_audit .graph_flex .single_element{flex-basis: 19%}
#lighting_audit .graph_flex .single_element .step_img{position: relative;min-height: 120px;display: flex;align-items: flex-start;justify-content: flex-end;margin-bottom: 5px;}
#lighting_audit .graph_flex .single_element .step_img.with_pseudo_element:after{    position: absolute;width: 100px;height: 2px;background-color: #cdcdcd;content: '';display: block;right: -90px;top: 50px;}
#lighting_audit .graph_flex .single_element h4{text-align: center;margin-bottom: 15px;line-height: 1.5}
#lighting_audit .graph_flex .single_element p{text-align: center;line-height: 1.5}
#lighting_audit .graph_flex .single_element .step_img img{position: absolute;right: 30px}
#lighting_audit .others_flex{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 70px 0 50px;}
#lighting_audit .others_flex .single_other_info{flex-basis: 32%;box-shadow: 0px 4px 10px 0px rgba(13, 14, 14, 0.3);cursor: pointer}
#lighting_audit .others_flex .single_other_info .inside_flex{display: flex;justify-content: space-between;}
#lighting_audit .others_flex .single_other_info .inside_flex .other_bg{flex-basis: 150px;background-repeat: no-repeat;background-size: cover;height: 100%;min-height: 170px;width: 150px;}
#lighting_audit .others_flex .single_other_info .inside_flex .other_bg.other_bg_1{background-image: url('/-/media/Additional/smart/img/lighting_audit/other_bg_1.png');}
#lighting_audit .others_flex .single_other_info .inside_flex .other_bg.other_bg_2{background-image: url('/-/media/Additional/smart/img/lighting_audit/other_bg_2.png');}
#lighting_audit .others_flex .single_other_info .inside_flex .other_bg.other_bg_3{background-image: url('/-/media/Additional/smart/img/lighting_audit/other_bg_3.png');}
#lighting_audit .others_flex .single_other_info .inside_flex .text_box{flex-basis: calc(100% - 150px);padding:50px 10px 25px 20px;position: relative;background-color: #fff}
#lighting_audit .others_flex .single_other_info .inside_flex .text_box img.ab_img{position: absolute;left: 10px;top: -30px;background-color: #fff;}
#lighting_audit .others_flex .single_other_info .inside_flex .text_box p.other_head{min-height: 55px;color: #000}
#lighting_audit .others_flex .single_other_info .inside_flex .text_box .fake_link{position: relative;padding-left: 10px}
#lighting_audit .others_flex .single_other_info .inside_flex .text_box .fake_link:before{background-image: url('/-/media/Additional/smart/img/lighting_audit/chevron.png');display: block;content: '';position: absolute;left: 0;top: 50%; width: 7px;height: 11px; transform: translateY(-50%);}
#lighting_audit .others_flex .single_other_info:hover .inside_flex .text_box .fake_link{text-decoration: underline}

#lighting_audit .shadow_box{box-shadow: 0px 4px 10px 0px rgb(13 14 14 / 30%);padding: 45px 200px 45px 35px;margin-bottom: 45px; background-image: url('/-/media/Additional/smart/img/lighting_audit/box_bg.png'); background-repeat: no-repeat; background-position: top 30px right 30px;}
#lighting_audit .shadow_box .single_shadow_box_text{position: relative;margin-bottom: 35px;padding-left: 70px}
#lighting_audit .shadow_box .single_shadow_box_text:last-of-type{margin-bottom: 0;}
#lighting_audit .shadow_box .single_shadow_box_text img{position: absolute;left: 0;top: 5px;display: block;}
#lighting_audit .shadow_box .single_shadow_box_text p{margin-bottom: 20px;line-height: 1.5}
#lighting_audit .shadow_box .single_shadow_box_text:last-of-type p{margin-bottom: 0;}

#lighting_audit .shadow_box.arrows_box{padding:46px 35px }
#lighting_audit .shadow_box.arrows_box > p{margin-bottom: 20px}
#lighting_audit .shadow_box.arrows_box .single_shadow_box_text img{top:9px}

#lighting_audit .shadow_without_box{background-image: url('/-/media/Additional/smart/img/lighting_audit/box_bg.png'); background-repeat: no-repeat; background-position: top right;}
#lighting_audit .shadow_without_box p{margin-top: 5px; margin-bottom: 5px;}

#lighting_audit .tile_flex .single_tile.with_bottom_border{border-bottom: 2px solid #ededed}
#lighting_audit .tile_flex .single_tile.middle_tile{border-width: 0 2px 0 2px;border-color: #ededed;border-style: solid}
#lighting_audit .tile_flex .single_tile.middle_tile.with_bottom_border{border-width: 0 2px 2px 2px;border-color: #ededed;border-style: solid}

#lighting_audit .paragraph_with_caret{display: flex;}
#lighting_audit .paragraph_with_caret img{margin-right: 10px; height: fit-content; margin-top: 6px;}

#lighting_audit .extra_info{padding-left: 60px; position: relative; margin-top: 50px;}
#lighting_audit .extra_info img{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

@media all and (max-width: 1200px){
    #lighting_audit .foto_baner .baner_text .foto_breadcrumps{display: none}
    #lighting_audit .foto_baner{background-size: auto 200px;padding-top: 200px;background-repeat: no-repeat;background-position: top center;height: 370px;}
    #lighting_audit .foto_baner .baner_text{justify-content: space-evenly;}
    #lighting_audit .foto_baner{background-image: url('/-/media/Additional/smart/img/lighting_audit/top_mobile.png');}
}

@media all and (max-width: 1100px){
    #lighting_audit .graph_flex .single_element .step_img.with_pseudo_element:after {width: 80px;right: -70px;}
    #lighting_audit .others_flex .single_other_info{flex-basis: 49%;margin: 25px 0}
    #lighting_audit .others_flex{margin: 40px 0 30px}
    #lighting_audit img{max-width: 400px;}
}

@media all and (max-width: 1000px){
    #lighting_audit .f_14{font-size: 1.2rem}
    #lighting_audit .f_16{font-size: 1.4rem}
    #lighting_audit .f_18{font-size: 1.6rem}
    #lighting_audit .f_20{font-size: 1.8rem}
    #lighting_audit .f_22{font-size: 2.0rem}
    #lighting_audit .f_24{font-size: 2.2rem}
    #lighting_audit .f_26{font-size: 2.4rem}
    #lighting_audit .f_36{font-size: 3.2rem}
    #lighting_audit .shadow_element{padding: 25px;margin: 30px 0}
    #lighting_audit .shadow_element .shadow_text {flex-basis: calc(100% - 130px);}
    #lighting_audit .photo_flex .photo_image{display: none}
    #lighting_audit .photo_flex .photo_text{max-width: 100%;}
    #lighting_audit .photo_flex .photo_text br{display: none}
    #lighting_audit .photo_flex .photo_text .photo_text_box{padding: 20px;margin-bottom: 25px}
    #lighting_audit .photo_flex .photo_text a{margin:  0 auto}
    #lighting_audit .photo_flex {margin-top: 35px;}
    #lighting_audit .section_head {margin: 45px 0 35px;}
    #lighting_audit .section_head.different_margin{margin: 45px 0 35px}
    #lighting_audit .tile_flex .single_tile {padding: 10px;}
    #lighting_audit .foto_choice_flex .single_choice p br{display: none}
    #lighting_audit .blue_section .btn_flex .text_column br{display: none}
    #lighting_audit .graph_flex{justify-content: flex-start}
    #lighting_audit .graph_flex .single_element .step_img.with_pseudo_element:after{display: none}
    #lighting_audit .graph_flex .single_element{flex-basis: 33%;margin: 10px 0}
    #lighting_audit .graph_flex .single_element .step_img img{position: relative;right: auto}
    #lighting_audit .graph_flex .single_element .step_img{justify-content: center;min-height: 100px}
    #lighting_audit .shadow_box.arrows_box {padding: 46px 35px 20px;}
    #lighting_audit .photo_flex .under_photo_text{padding-right: 0;}
}

@media all and (max-width: 850px){
    #lighting_audit .under_shadow_text{text-align: center; margin-top: 10px; padding-left: 0;}
    #lighting_audit .under_shadow_element{flex-flow: column;}
    #lighting_audit .shadow_box{padding-right: 35px; background-image: none;}
}

@media all and (max-width: 768px){
    #lighting_audit .foto_baner {background-size: auto 140px;padding-top: 140px;background-repeat: no-repeat;background-position: top center;height: auto; padding-bottom: 15px;}
    #lighting_audit .foto_baner h1 {margin-top: 15px;}
    #lighting_audit .f_36 {font-size: 3.0rem;}
}

@media all and (max-width: 750px){
    #lighting_audit .others_flex .single_other_info{flex-basis: 100%}
}

@media all and (max-width: 650px){
    #lighting_audit .shadow_element .shadow_text,#lighting_audit .shadow_element.green_box .shadow_text{flex-basis: 100%}
    #lighting_audit .shadow_element .shadow_img{display: none}
    #lighting_audit .tile_flex .single_tile{flex-basis: 100%;margin: 10px 0;box-shadow: 0px 4px 10px 0px rgb(13 14 14 / 30%);}
    #lighting_audit .tile_flex .single_tile.middle_tile{border: none;}
    #lighting_audit .tile_flex{box-shadow: none}
    #lighting_audit .tile_flex .single_tile .tile_img{justify-content: center}
    #lighting_audit .tile_flex .single_tile h3,#lighting_audit .tile_flex .single_tile p{text-align: center}
    #lighting_audit .tile_flex .single_tile h3{min-height: 1px;margin-bottom: 15px}
    #lighting_audit .foto_choice_flex .single_choice{flex-basis: 100%;margin: 10px 0}
    #lighting_audit .foto_choice_flex{margin: 20px 0}
    #lighting_audit .under_flex_box p:first-child{text-align: center}
    #lighting_audit .blue_section .btn_flex .text_column{flex-basis: 100%;margin-bottom: 10px;}
    #lighting_audit .blue_section .btn_flex .btn_column{flex-basis: 100%;justify-content: center}
    #lighting_audit .blue_section .btn_flex .btn_column a{display: block;margin: 0 auto}
    #lighting_audit .blue_section {margin-top: 30px;}
    #lighting_audit .graph_flex .single_element{flex-basis: 49%}
    #lighting_audit .graph_flex {justify-content: space-between;}

    #lighting_audit .section_head{text-align: center;}
    #lighting_audit .under_photo_text{text-align: center;}
    #lighting_audit .photo_flex .photo_text .photo_text_box p{text-align: center;}
    #lighting_audit .m_center{text-align: center;}
    #lighting_audit .shadow_element .shadow_text p:first-child{margin-bottom: 0;}

    #lighting_audit .extra_info{padding-left: 0;}
    #lighting_audit .extra_info img{display: block; margin-left: auto; margin-right: auto; position: static; transform: none; margin-bottom: 20px;}
}

@media all and (max-width: 400px){
    #lighting_audit .others_flex .single_other_info .inside_flex .other_bg{flex-basis: 110px;width: 110px}
    #lighting_audit .others_flex .single_other_info .inside_flex .text_box{flex-basis: calc(100% - 110px)}
    #lighting_audit .foto_baner{height: 300px;}
}

@media all and (max-width: 550px){
    #lighting_audit img{max-width: 340px;}
    #lighting_audit .shadow_box{background-image: none; padding: 25px;}
    #lighting_audit .shadow_box .single_shadow_box_text{padding-left: 40px}
    #lighting_audit .shadow_box{margin-bottom: 60px;}
    #lighting_audit .shadow_box.arrows_box{padding: 15px;text-align: center}
    #lighting_audit .shadow_box.arrows_box .single_shadow_box_text{text-align: center}
    #lighting_audit .shadow_box .single_shadow_box_text{margin-bottom: 20px}
    #lighting_audit .shadow_box.arrows_box .single_shadow_box_text p:last-child{margin-bottom: 0}
    #lighting_audit .shadow_box.arrows_box .single_shadow_box_text:last-child{margin-bottom: 0}
    #lighting_audit .photo_flex .photo_text .photo_text_box{padding: 15px}
    #lighting_audit .shadow_element{padding: 15px}
    #lighting_audit .shadow_element{padding: 10px}
    #lighting_audit .shadow_element .shadow_text{text-align: center;}
    #lighting_audit .under_shadow_text{text-align: center}
    #lighting_audit .f_14{font-size: 1.2rem}
    #lighting_audit .f_16{font-size: 1.2rem}
    #lighting_audit .f_18{font-size: 1.4rem}
    #lighting_audit .f_20{font-size: 1.6rem}
    #lighting_audit .f_22{font-size: 1.8rem}
    #lighting_audit .f_24{font-size: 2.0rem}
    #lighting_audit .f_26{font-size: 2.2rem}
    #lighting_audit .f_36{font-size: 2.6rem}
}

.contrast #lighting_audit .s_btn{border: 2px solid #ffe800 !important; background-color: #ffe800 !important; color: #000 !important;}
.contrast #lighting_audit .foto_baner{background-image: none !important;}
.contrast #lighting_audit .tile_flex{border-left: 2px solid #ededed; border-top: 2px solid #ededed; border-right: 2px solid #ededed;}
.contrast #lighting_audit .photo_flex .photo_text .photo_text_box{border: 2px solid #ededed;}
.contrast #lighting_audit .shadow_box{border: 2px solid #ededed;}
.contrast #lighting_audit .others_flex .single_other_info{border: 2px solid #ededed;}
.contrast #lighting_audit .shadow_without_box{background-image: none;}
.zoom-x2 #lighting_audit .foto_baner .baner_text .foto_breadcrumps{margin-bottom: 10px;}
/* .zoom-x2 #lighting_audit .foto_baner .baner_text h1 span{margin-top: 0;} */
.zoom-x2 #lighting_audit .others_flex .single_other_info .inside_flex .other_bg{height: auto;}
.zoom-x2 #lighting_audit .others_flex .single_other_info .inside_flex .text_box img.ab_img{top: -45px;}
.zoom-x2 #lighting_audit .others_flex .single_other_info .inside_flex{height: 100%;}
/* .zoom-x2 #lighting_audit .foto_baner{height: auto;} */
.zoom-x2 .s_btn{max-width: 270px !important;}
.zoom-x4 .s_btn{max-width: 270px !important;}
/* .zoom-x4 #lighting_audit .foto_baner{height: auto;} */
.zoom-x4 #lighting_audit .foto_baner .baner_text .foto_breadcrumps{margin-bottom: 10px;}
/* .zoom-x4 #lighting_audit .foto_baner .baner_text h1 span{margin-top: 0;} */
.zoom-x4 #lighting_audit .others_flex .single_other_info .inside_flex .other_bg{height: auto;}
.zoom-x4 #lighting_audit .others_flex .single_other_info .inside_flex .text_box img.ab_img{top: -45px;}
.zoom-x4 #lighting_audit .others_flex .single_other_info .inside_flex{height: 100%;}