:focus{outline: none}
#motorola {scroll-behavior: smooth;}
#motorola .moto_action_holder{background: #4E33A6;}
#motorola .btn_cam_b:focus + .hover_msg_widecam{background: red}
#motorola{background: #4E33A6;}
#motorola .moto_font_bold{font-family: 'Open Sans', sans-serif; font-weight: 900}
#motorola .moto_font_semibold{font-family: 'Open Sans', sans-serif; font-weight: 700}
#motorola .m_white{color: white}
#motorola .space_moto{margin-top:550px}
#motorola .moto_big{font-size: 28px}
#motorola .moto_bbig{font-size: 40px}
#motorola .moto_action_holder{padding: 0; max-width: 1600px; height: 100%; margin: 0 auto; align-content: center; font-family: 'Open Sans', sans-serif;}
#motorola .video_action{width: 855px; margin-left: 24px; cursor: pointer; border-radius: 10px 10px}
#motorola .video_mob_action{width: 271px; margin-left: 24px; margin-top: 40px; cursor: pointer; border-radius: 10px 10px}
#motorola .container_video_action{background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/moto_bg_video_action.png); height: 900px; color: white; text-align: center; align-content: center; padding-top: 150px}
#motorola .video_action_desk{margin: 120px auto 0; align-content: center; display: block; width: 100%}
#motorola .action_body_video{width: 910px; position: absolute; margin-top: -10px}
#motorola .action_body_video_mob{width: 300px; position: absolute; margin: 30px 0 0 -140px; display: block; left: 50%}
#motorola .action_film_box{background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/bg_skate.png) center; background-size: cover; align-content: center; padding: 200px 0 0 0; margin: 0 auto; text-align: center; color: white;}
#motorola .holder_film_box{position: relative; margin: 50px 0 0 -127px; left: 50%; display: block; width: 0px; padding: 0; zoom: 1.5;}
#motorola .action_cinema_box{background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/bg_cinemavision.png); height: 800px; color: #40297F; text-align: center; align-content: center; padding-top: 100px;}
#motorola .cinema_vision_box{margin-top: 40px}
#motorola .back_cam_b{display: none}
#motorola .cor_action{position: absolute; z-index: }
#motorola .btn_cam{background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none;}
#motorola .btn_cam{position: absolute; margin: 390px 0 -0 45px; filter: grayscale(100%) brightness(4); transition: 1s}
#motorola .btn_cam_b{margin-left: 160px;}
#motorola .camera_wide{width: 255px}
#motorola .btn_cam_selected{filter: none; margin-left: 100px}
#motorola .hover_msg_box{width: 1200px; height: 320px; margin-top: 40px; position: absolute; margin-left: -475px; opacity: 0; transition: 1s;}
#motorola .hover_msg_box:hover{opacity: 1}
#motorola .hover_msg_widecam{margin-top: 270px; margin-left:-20px; width: 143px}
#motorola .cinema_vision{position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; width: 100%; max-width: 653px;}
#motorola .btn_tela_box{width: 237px; border: 2px solid white; border-radius: 10px 10px; position: absolute; left: 0; right: 0; margin: 380px auto 0}
#motorola .btn_tela{height: 60px; width: 75px; text-align: center; background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; color: white; font-size: 16px; border-radius: 5px 5px}
#motorola .btn_cor{height: 60px; width: 155px; text-align: center; background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; color: white; font-size: 16px; border-radius: 5px 5px; border: 1px solid white}
#motorola .btn_tela:hover, #motorola .btn_cor:hover{background: white; color: #4E33A6}
#motorola .btn_tela_selected, #motorola .btn_cor_selected{background: white; color: #4E33A6}
#motorola .btn_cor_b{margin-left: 20px}
#motorola .action_armazenamento_box{background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/moto_bg_armazenamento.png) bottom; background-size: cover; color: #40297F; align-content: center; text-align: center; padding-top: 100px;margin-bottom: 0; padding-bottom: 0}
#motorola .armazenamento_desk_img{width: 100%; max-width: 1200px}
#motorola .holder_cor_box{width: 50%; float: left;}
#motorola .r_holder_cor_box{width: 40%; margin-left: 10%; float: right; margin-top: 300px;}
#motorola .holder_design_box{width: 60%; float: left;}
#motorola .r_holder_design_box{width: 40%; float: right; margin-top: 300px;}
#motorola .holder_triple_box{width: 30%; margin-top: -43px; float: left;}
#motorola .holder_home_box{width: 50%; float: left;}
#motorola .r_holder_home_box{width: 50%; float: right; margin-top: 180px;}
#motorola .action_cor_box{color: white; background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/moto_bg_color.png); height: 834px; padding-top: 150px}
#motorola .action_cor{margin-left: 15%}
#motorola .wrapper{width: 73%; height: 503px; position: absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); overflow:hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
#motorola .before, #motorola .after {width:100%; height:100%; background-repeat:no-repeat; background-color: white; background-size: cover; background-position: center; position: absolute; top:0; left:0; pointer-events:none; overflow: hidden;}
#motorola .content-image{height:100%;}
#motorola .after{width:125px;}
#motorola .scroller{width: 50px; height:50px; position: absolute; left:100px; top:50%; transform:translateY(-50%); border-radius:50%; background-color: transparent; opacity:0.9; pointer-events:auto; cursor: pointer; z-index: 2}
#motorola .scroller:hover{opacity:1;}
#motorola .scrolling{pointer-events:none; opacity:1;}
#motorola .scroller__thumb{width:80%; height:100%; padding-left: 0px}
#motorola .scroller:before, #motorola .scroller:after{content:" "; display: block; width: 7px; height: 9999px; position: absolute; left: 50%; margin-left: -3.5px; z-index: 30; transition:0.1s; }
#motorola .scroller:before{top:100%;}
#motorola .scroller:after{bottom:100%;}
#motorola .scroller{border: 5px solid #fff;}
#motorola .scroller:before, #motorola .scroller:after{background: #fff;}
#motorola .container_triple_cam{background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/bg_triple.png) bottom; background-size: cover; color: white; text-align: center; padding-top: 150px}
#motorola .container_ultra_wide{position: relative; background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/bg_ultra.png) bottom; height: 850px; color: white; text-align: center; padding-top: 100px}
#motorola .triple_cam_box_a{margin: 0 auto; width: 85%; height: 600px; margin-top: 80px;}
#motorola .carousel {max-width: 1400px; margin: 50px auto 0;}
#motorola .carousel_mob {max-width: 400px; margin: 105px auto 0;}
#motorola .center {max-width: 1500px; margin: 80px auto 0;}
#motorola .center_mob {max-width: 500px; margin: 80px auto 0;}
#motorola .multiple-items{max-width: 1300px; margin: 180px auto 0; height: 400px}
#motorola .multiple-items_mob{max-width: 370px; margin: 180px auto 0; height: 400px}
#motorola .action_function_cam{max-width: 350px; margin: 0 auto}
#motorola .action_cam_function_box{background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/bg_fotos.png); max-height: 950px; padding-top: 50px; text-align: center; color: white;}
#motorola .action_design_box{padding: 100px 0; background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/bg_design.png) bottom; color: white; height: 834px}
#motorola .action_home_box{padding: 100px 0; background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/bg_home.png) bottom no-repeat ; background-size: cover; color: white; height: 834px}
#motorola .action_bateria_box{padding: 100px 0; background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/bg_bateria.png) bottom; color: white; height: 722px}
#motorola .action_design{max-width: 100%; margin-left: 80px}
#motorola .action_triple{width:930px;}
#motorola .action_home{max-width: 120%; margin-left: 0px}
#motorola .action_bateria{width: 70%; margin-left: 0}
#motorola .action_google_box{background: url(https://images.colombo.com.br/hotsite/motorolamotoaction/images/bg_google.png); padding-top: 80px; max-height: 940px; text-align: center; color: #6EB44A}
#motorola .action_box{background: #4E33A6; padding-top: 80px; max-height: 940px; text-align: center; color: white}
#motorola .action_logo{width: 50%; padding-bottom: 50px}
#motorola .saiba_mais_action{width: 300px; height: 75px; margin-top: 50px; border-radius: 10px 10px; background: transparent; border: 1px solid white; color: white; font-size: 20px; cursor: pointer; transition: 0.4s ease}
#motorola .saiba_mais_action:hover{background: white; color: #4E33A6}
#motorola .infos_triple_action{width: 415px; min-height: 65px; align-content: left; text-align: left; border-radius: 10px 10px; background: transparent; border: 1px solid white; color: white; font-size: 20px; transition: 0.4s ease}
#motorola .infos_triple_action_a{padding-bottom: 169px; padding-top: 45px;}
#motorola .top_action{padding-top: -80px}
#motorola .sub_moto_action{margin-left: 80px; position: absolute; margin-top: -5px !important;}
#motorola .sub_moto_action_b{margin-left: 80px; position: absolute; margin-top: 20px !important;}
#motorola .infos_triple_action_b{margin-top: 21px; padding-bottom: 30px; padding-top: 15px}
#motorola .infos_triple_action_c{margin-top: 9px; padding-bottom: 35px; padding-top: 15px}
#motorola .infos_triple_icon{position: relative; margin-left: 15px; margin-right: 20px}
#motorola .infos_triple_action span{position: absolute; padding-bottom: 5px; margin-top: 10px;}
#motorola .action_bateria_icon{width: 100px; margin-bottom: 50px}
#motorola .item_tabela_action{color: white; margin: 80px auto 0;}
#motorola .principal_item_tabela{background: #6750B2; border: solid 1px white; min-width: 300px; min-height: 90px; max-height: 140px; padding: 20px; font-weight: 700}
#motorola .secundario_item_tabela{border: solid 1px white; min-width: 300px; max-width: 600px; max-height: 140px; padding: 20px; text-align: center}
#motorola .ficha_action_box a{color: white;}
#motorola .ficha_action_box{color: white; text-align: center}
#motorola .legal_text_moto_box{max-width: 1000px; margin: 80px auto 100px}
#motorola .logotipo_motorola{width: 200px; margin: 0 0 100px}
#motorola .moto_home_logo{margin-left: 200px}
@media only screen and (min-width:1001px){
    #motorola .moto_mob{display: none}
    #motorola .r_holder_triple_box{width: 70%; float: right;}
    #motorola .container_triple_cam{height: 1000px}
}
@media only screen and (max-width: 1000px) {
    #motorola .holder_home_box{width: 100%; display: block; margin: 0 auto}
    #motorola .r_holder_home_box{width: 100%; margin-top: 15px; align-content: center; text-align: center}
    #motorola .action_home{max-width: 100%; margin: 0 auto; display: block}
    #motorola .moto_desk{display: none}
    #motorola .holder_triple_box{width: 100%; margin-top: 100px;}
    #motorola .r_holder_triple_box{width: 100%;}
    #motorola .container_triple_cam{height: 770px; text-align: center; padding-top: 50px}
    #motorola .infos_triple_action{width: 400px;min-height: 65px; align-content: left; text-align: left; border-radius: 10px 10px; background: transparent; border: 1px solid white; color: white; font-size: 16px; transition: 0.4s ease; border: none;}
    #motorola .infos_triple_action_a{padding-bottom: 170px; padding-top: 15px;}
    #motorola .holder_triple_box{width: 400px; margin-top: 10px; float: none; margin: 0 auto}
    #motorola .r_holder_triple_box{padding-left:7%; width: 100%;}
    #motorola .action_triple{width:100%; float: right}
    #motorola .hover_msg_box{display: none}
    #motorola .action_home_box{height: 140vw}
    #motorola .holder_design_box{width: 100%;}
    #motorola .r_holder_design_box{width: 100%; text-align: center; margin-top: 20px;}
    #motorola .action_design{width: 550px; display: block; margin: 0 auto}
    #motorola .action_design_box{height: 450px; padding: 0px 0;}
    #motorola .holder_cor_box{width: 100%;}
    #motorola .r_holder_cor_box{width: 100%; margin-left: 10%; margin-top: 100px; padding-bottom: 50px}
    #motorola .action_cor_box{height: 769px; padding-top: 00px; align-content: center; text-align: center;}
    #motorola .action_cor{width: 420px; margin: 0 auto}
    #motorola .action_bateria{width: 80%; display: block; margin: 0 auto} 
    #motorola .action_bateria_box{padding-top: 0px; height: 615px;}
    #motorola .item_tabela_action{color: white; margin: 80px auto 0; zoom: 0.6;}
    #motorola .principal_item_tabela{min-width: 80px; min-height: 90px; max-height: 100px; padding: 15px; font-weight: 700}
    #motorola .secundario_item_tabela{border: solid 1px white; min-width: 300px; max-width: 600px; max-height: 140px; padding: 20px; text-align: center}
    #motorola .action_home_box{padding: 0 0;}
    #motorola .saiba_mais_action{margin-top: 10px; height: 34px;}
    #motorola .container_video_action {padding-top: 50px; height: 700px;}
    #motorola .video_mob_action {width: 52%; margin-left: -1px;}
    #motorola .sub_moto_action {margin-left: 20px;}
    #motorola .triple_cam_box_a  {margin-top: 20px;}
    #motorola .infos_triple_action_b {margin-top: 10px;}
    #motorola .infos_triple_action span {padding-bottom: 0px; margin-top: 6px;}
    #motorola .action_cam_function_box {display: none;}
    #motorola .cinema_vision {width: 80%;}
    #motorola .btn_tela_box {margin: 200px auto 0;}
    #motorola .action_cinema_box {height: 600px; padding-top: 50px;}
    #motorola .action_box {display: none;}
    #motorola .legal_text_moto_box {padding: 20px; margin: 20px auto 20px;}
    #motorola .logotipo_motorola {margin: 0 0 50px;}
    #motorola .removesetamobile {display: none;}
    #motorola .moto_big {font-size: 24px;}
    #motorola .action_logo {padding-bottom: 30px;}
    #motorola .action_body_video_mob {left: 64%; width: 50%;}
    #motorola .action_film_box {padding: 50px 0 0 0;}
    #motorola .holder_film_box {left: 75%;}
    #motorola .camera_wide {width: 155px;}
    #motorola .btn_cam {margin: 229px 0 -0 45px;}
    #motorola .btn_cam_selected {margin-left: 33px;}
    #motorola .btn_cam_b {margin-left: 84px;}
    #motorola .sub_moto_action {margin-top: 3px !important;}
    #motorola .action_armazenamento_box {padding-top: 50px;}
    #motorola .action_bateria_icon {margin-bottom: 20px; width: 80px;}
    #motorola .container_video_action {display: none;}
    #motorola .saiba_mais_action {display: none;}
}