*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

#project_ATM{  background: #040700; padding-bottom: 55px}

#project_intro{ min-height: 450px;display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
.text_header { width: 730px; display: table; margin: 15px auto;}
.text_header p,.text_header a{ font-size: 16px; line-height: 19px}
.text_header p{ color: #fff}
.text_header a{ color: #f5921e; font-weight: 500}
#project_intro #migas_pan{ justify-content: center; color: #fff}
#project_intro #migas_pan a ,#banner_blog #migas_pan span{ color: #fff; left: 15px; letter-spacing: 2px}
#migas_pan i {transform: rotate(90deg) translateY(2px);font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;line-height: 10px;font-size: 26px;width: 20px;height: 17px;text-align: center; margin-right: 5px; }

#project_intro .title_section{ margin-bottom: 20px; text-transform: uppercase; font-size: 40px; line-height: 45px}
#project_intro .title_section .title_1{  color: #f5921e!important}
#project_intro .title_section .title_2{ color: #fff!important }
#menu_portafolio li,#menu_portafolio li a{ color: #fff;text-transform: uppercase}
#menu_portafolio li a{ display: block; font-weight: 500; font-size: 17px; letter-spacing: 3px}
#menu_portafolio li a .hover_menu{ display: block; width: 0%; height: 2px; border-radius: 5px; background:#f5921e; margin-top: 5px;transition: all 300ms ease-out; }
#menu_portafolio li a:hover{ color: #f5921e }
#menu_portafolio li a:hover .hover_menu{width: 100%;transition: all 300ms ease-out;}
#menu_portafolio li{margin: 0 10px}

#project_ATM #list_postafolio{ padding-bottom: 65px}
#project_ATM #list_postafolio article{margin-bottom: 35px; font-size: 18px; width: calc(30%)}
#project_ATM #list_postafolio .item_project{ display: flex;flex-direction: column;align-items: flex-start;}
#project_ATM #list_postafolio .item_project .btn_rocket{transform: translate(40%, -40px);}
#project_ATM #list_postafolio .summary_porta{ width: 100%}
#project_ATM #list_postafolio h3{ color: #fff; text-transform: uppercase}

#cont_project{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
#cont_project #cta_blog{ height: auto; background: #fff; margin: 0 auto 55px auto; widows: 90%; max-width: 1330px}
#cont_project #cta_blog .row{ align-items: center}
#cont_project #cta_blog .cont_at h3 {text-transform: uppercase;color: #040700!important;font-size: 28px;line-height: 33px;}
#cont_project #cta_blog .cont_at p {color: #040700!important;font-size: 17px;line-height: 22px;}
#project_left{transition: all 400ms ease-out; background: #f5921e; padding: 100px 30px 0px 30px; width: 30%;   position: fixed; top: 95px; left: 0; z-index:0}
#banner_blog h1,#banner_blog_single h3{color: #fff!important; margin-top: 45px; font-size: 35px; text-transform: uppercase}
#project_right{   width: 70%; left:30%; padding-top: 95px; position: relative}
#banner_blog .summary ,#banner_blog_single .summary {text-align: center}
#banner_blog .summary h4 ,#banner_blog_single .summary h4{ color: #f5921e; margin: 35px 0px; font-size: 30px}
#banner_blog .summary h4 span:last-child ,#banner_blog_single .summary h4 span:last-child{ display: block; color: #fff; font-size: 35px; margin-top: 15px}
#single_blog{padding-left: 35px; padding-right: 55px}
#project_ATM #marketing_home{  background: #fff;} 



#project_ATM #content_footer{background: #040700;}