/*Generics*/
.cases.celbrea{ max-width: 100%; background: var(--white); }
.cases.celbrea .site-wrap{ height: auto; }
.cases.celbrea .mobile_only{ display: none; }

/*Hero*/
.cases.celbrea .case-hero{ height: 110vh; background: url("../jpg/bg_header.jpg") no-repeat; background-size: cover; }
.cases.celbrea .case-hero:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; background-image: linear-gradient(237deg, #855cdf, #d159a0); z-index: 2; mix-blend-mode: multiply; }
.cases.celbrea .case-hero:after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; background: url("../png/bg_card_header.png") no-repeat; background-size: 100% auto; background-position: bottom -10px center; z-index: 3; }
.cases.celbrea .case-hero .content_ornament{ width: 100%; height: 400px; position: absolute; bottom: -10px; left: 0; z-index: 4; background: url("../svg/bg_form.svg") no-repeat; background-size: 100% auto; background-position: bottom center; }

.cases.celbrea .case-hero .case_study_title{ top: -175px; position: relative; z-index: 10; font-size: 16px; }
.cases.celbrea .case-hero .case_title{ font-size: 48px; font-weight: 600; color: var(--white); position: relative; width: 990px; left: 50%; margin-left: -495px; z-index: 10; top: -170px; transition: all 0.5s ease-out; }
.cases.celbrea .case-hero .description{ font-size: 52px; top: -170px; position: relative; z-index: 10; }

.cases.celbrea .case-hero .img_hd{ width: 256px; bottom: -50px; z-index: 5; filter: drop-shadow(20px 40px 50px rgba(0,32,76,0.1));}

/*Proto Users*/
.cases.celbrea .content_proto_users{ width: 220px; height: 680px; position: fixed; top: 0; bottom: 0; left: -770px; right: 0; margin: auto; z-index: 3; opacity: 0; pointer-events: none; }
.cases.celbrea .content_proto_users.show{ opacity: 1; }
.cases.celbrea .content_proto_users h3{ font-weight: bold; color: var(--black); margin: 0 0 50px; font-size: 1em; }
.cases.celbrea .content_proto_users ul li{ margin: 0 0 10px; }
.cases.celbrea .content_proto_users ul li:last-child{ margin: 0; }

.cases.celbrea .content_explanation .content_proto_users{ position: absolute; top: 250px; bottom: auto; opacity: 1; }
.cases.celbrea .content_explanation .content_proto_users h3{ font-weight: bold; color: var(--black); margin: 0 0 50px; font-size: 1em; }
.cases.celbrea .content_explanation .content_proto_users.hide{ opacity: 0; }
.cases.celbrea .content_explanation .content_proto_users ul li{ border: none; margin: 0 0 10px; padding: 0; }
	
/*Content Explanation*/
.cases.celbrea .content_explanation{ padding: 50px 0 150px; }
.cases.celbrea .content_explanation .number{ font-weight: bold; font-size: 2em; color: #d8d8d8; }
.cases.celbrea .content_explanation .number span{ font-weight: 300; }
.cases.celbrea .content_explanation h3{ font-weight: bold; font-size: 2em; color: #9157c7; margin: 0 0 30px; }
.cases.celbrea .content_explanation p{ width: 100%; float: left; font-weight: normal; color: #939da6; margin: 0 0 30px; }
.cases.celbrea .content_explanation p:last-child{ margin: 0; }
.cases.celbrea .content_explanation .content_client .content_text{ width: 380px; float: left; }
.cases.celbrea .content_explanation .content_challenge .content_text{ width: 380px; margin: 80px 0 0 400px; }
.cases.celbrea .content_explanation .content_solution .content_text{ width: 380px; margin: 80px 0 0 300px; }
.cases.celbrea .content_explanation .content_deliverables{ width: 240px; position: absolute; bottom: 25px; right: 0; margin: 0; }
.cases.celbrea .content_explanation .content_deliverables h4{ font-weight: bold; color: #2e334d; font-size: 1.625em; margin: 0 0 30px; }
.cases.celbrea .content_explanation .center_content .content_deliverables ul li{ background-position: -11px -330px; font-weight: 300; font-size: .9em; color: #2c3e50; }

/*Animations*/
.cases.celbrea .animation_section{ height: 100vh; }

.cases.celbrea .content_animations .animation{ width: 450px; height: 100%; position: fixed; top: 100px; left: 0; right: 0; margin: 0 auto; will-change: opacity; z-index: 5; }
.cases.celbrea .content_animations .animation .content_text{ position: absolute; top: 0; left: 0; padding: 0 0 0 50px; opacity: 0; }
.cases.celbrea .content_animations .animation .content_text h3{ font-weight: bold; font-size: 1.5em; color: #d8d8d8; margin: 0 0 20px; }
.cases.celbrea .content_animations .animation .content_text h3 .light{ font-weight: 300; }
.cases.celbrea .content_animations .animation .content_text h3 .bold{ color: #2e334d; }
.cases.celbrea .content_animations .animation .content_text p{ font-weight: normal; color: #939da6; line-height: 1.5; }
.cases.celbrea .content_animations .animation .content_text .proto_title{ color: var(--black); margin: 20px 0; font-size: 16px; font-weight: bold; }
.cases.celbrea .content_animations .animation .content_text .proto_image{ margin-top: 20px; }

.cases.celbrea .content_animations .anim_01{ height: 503px; position: absolute; top: -15px; bottom: 0; left: 0; margin: auto 0; opacity: 0; }
.cases.celbrea .content_animations .anim_02{ height: 363px; position: absolute; top: 164px; bottom: 0; right: 100px; margin: auto 0; opacity: 0; }
.cases.celbrea .content_animations .anim_03{ width: 160px; height: 40px; background: #2e334d; position: absolute; top: 0; bottom: 0; left: 90px; margin: auto 0; z-index: 2; color: var(--white); text-align: center; border-radius: 75px; line-height: 40px; opacity: 0; }
.cases.celbrea .content_animations .anim_04{ width: 320px; height: 2px; position: absolute; top: 4px; bottom: 0; left: 15px; margin: auto 0; background: #2e334d; border-radius: 15px; opacity: 0; }
.cases.celbrea .content_animations .anim_05{ width: 180px; height: 480px; position: absolute; top: 135px; bottom: 0; right: -115px; margin: auto 0; opacity: 0; }
.cases.celbrea .content_animations .anim_05 li{ margin: 0 0 10px; }
.cases.celbrea .content_animations .anim_05 .title{ display: block; padding: 0 0 20px 20px; font-weight: bold; color: var(--black); }
.cases.celbrea .content_animations .anim_05 .label{ display: inline-block; text-align: center; font-weight: normal; color: var(--black); padding: 10px 15px; border: #dbdbdb 1px solid; border-radius: 4px; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; will-change: border; font-size: .8em; }
.cases.celbrea .content_animations .anim_06{ width: 160px; height: 40px; background: #2e334d; position: absolute; top: 0; bottom: 0; left: 90px; margin: auto 0; z-index: 2; color: var(--white); text-align: center; border-radius: 75px; line-height: 40px; opacity: 0; }
.cases.celbrea .content_animations .anim_07{ width: 152px; height: 322px; position: absolute; top: 70px; left: 0; right: 0; bottom: 0; margin: auto; filter: drop-shadow(20px 40px 50px rgba(0,32,76,0.1)); opacity: 0; }
.cases.celbrea .content_animations .anim_08{ width: 88px; height: 100px; position: absolute; top: -70px; left: -90px; right: 0; bottom: 0; margin: auto; filter: drop-shadow(20px 40px 50px rgba(0,32,76,0.2)); opacity: 0; }
.cases.celbrea .content_animations .anim_09{ width: 68px; height: 57px; position: absolute; top: -250px; left: -185px; right: 0; bottom: 0; margin: auto; filter: drop-shadow(20px 40px 50px rgba(0,32,76,0.2)); opacity: 0; }
.cases.celbrea .content_animations .anim_10{ width: 170px; height: 100px; position: absolute; top: -150px; left: 0; right: 40px; bottom: 0; margin: auto; opacity: 0; }
.cases.celbrea .content_animations .anim_11{ width: 170px; height: 100px; position: absolute; top: 40px; left: 0; right: 40px; bottom: 0; margin: auto; opacity: 0; }
.cases.celbrea .content_animations .anim_12{ width: 170px; height: 100px; position: absolute; top: 235px; left: 0; right: 40px; bottom: 0; margin: auto; opacity: 0; }

/*Main Navigation*/
.cases.celbrea .content_main_navigation{ padding: 200px 0 0; z-index: 5; background: var(--white); }
.cases.celbrea .content_main_navigation:before{ content: ""; width: 100%; height: 250px; position: absolute; bottom: 0; left: 0; z-index: 5;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }
.cases.celbrea .content_main_navigation .content_text{ width: 400px; float: left; margin: 0 0 285px; }
.cases.celbrea .content_main_navigation .content_text h3{ font-weight: bold; font-size: 1.625em; color: #d8d8d8; margin: 0 0 20px; }
.cases.celbrea .content_main_navigation .content_text h3 .light{ font-weight: 300; }
.cases.celbrea .content_main_navigation .content_text h3 .bold{ color: #2e334d; }
.cases.celbrea .content_main_navigation .content_text p{ font-weight: normal; color: #939da6; line-height: 1.5; }
.cases.celbrea .content_main_navigation .content_phone{ width: 680px; margin: 0 auto; position: absolute; top: 205px; left: 0; right: 0; z-index: 5; }
.cases.celbrea .content_main_navigation .content_ornament{ overflow: hidden; height: 819px; z-index: 1; }
.cases.celbrea .content_main_navigation .content_ornament .ornament{ width: 1920px; height: 819px; position: absolute; left: 50%; margin: 0 0 0 -960px ; background: url("../svg/bg_form_main_nav_section.svg") no-repeat; background-size: 100% auto; }
.cases.celbrea .content_main_navigation .content_ornament_phones{ overflow: hidden; height: 449px; position: absolute; bottom: -5px; left: 0; z-index: 3; pointer-events: none; }
.cases.celbrea .content_main_navigation .content_ornament_phones .ornament{ width: 1920px; height: 449px; position: absolute; left: 50%; margin: 0 0 0 -960px; background: url("../png/bg_phones.png") no-repeat; background-size: 100% auto; }
.cases.celbrea .content_main_navigation .content_ornament_cards{ overflow: hidden; height: 923px; position: absolute; bottom: -1px; left: 0; z-index: 2; pointer-events: none; }
.cases.celbrea .content_main_navigation .content_ornament_cards .ornament{ width: 1920px; height: 923px; position: absolute; left: 50%; margin: 0 0 0 -960px; background: url("../png/bg_card_main.png") no-repeat; background-size: 100% auto; }

/*UI*/
.cases.celbrea .content_ui{ padding: 100px 0 350px; background: var(--white); z-index: 5; }
.cases.celbrea .content_ui .content_text{ width: 480px; }
.cases.celbrea .content_ui .number{ font-weight: 800; font-size: 2em; color: #d8d8d8; }
.cases.celbrea .content_ui .number span{ font-weight: 300; }
.cases.celbrea .content_ui h3{ font-weight: bold; font-size: 2em; color: #9157c7; margin: 0 0 30px; }
.cases.celbrea .content_ui p{ width: 100%; float: left; font-weight: normal; font-size: 1em; line-height: 1.5; color: #939da6; margin: 0 0 30px; }
.cases.celbrea .content_ui p:last-child{ margin: 0; }
.cases.celbrea .content_ui .content_color_list{ text-align: center; margin: 70px 0 80px; }
.cases.celbrea .content_ui .content_color_list li{ display: inline-block; margin: 0 5px; }
.cases.celbrea .content_ui .content_icons{ text-align: center; }
.cases.celbrea .content_ui .content_icons img{ width: 585px; display: inline-block; }
.cases.celbrea .content_ui .content_mood{ text-align: center; margin: 60px 0; }
.cases.celbrea .content_ui .content_mood img{ width: 585px; display: inline-block; }
.cases.celbrea .content_ui .content_ornament_shape{ overflow: hidden; height: 351px; position: absolute; bottom: -1px; left: 0; z-index: 3; pointer-events: none; }
.cases.celbrea .content_ui .content_ornament_shape .ornament{ width: 1920px; height: 351px; position: absolute; left: 50%; margin: 0 0 0 -960px; background: url("../svg/bg_shape_ui.svg") no-repeat; background-size: 100% auto; }
.cases.celbrea .content_ui .ornament_illustration{ position: absolute; bottom: 80px; left: 0; z-index: 4; }
.cases.celbrea .content_ui .content_card_mood{ width: 260px; position: absolute; bottom: 190px; left: 0; right: 0; margin: 0 auto; z-index: 4; }

/*Onboarding*/
.cases.celbrea .content_cards_onboarding{ padding: 0; background: #2e334d; z-index: 20; }
.cases.celbrea .content_cards_onboarding h4{ font-weight: bold; font-size: 24px; color: var(--white); max-width: 580px; margin: 0 auto 30px; }
.cases.celbrea .content_cards_onboarding .content_ornament_cards{ overflow: hidden; height: 455px; position: relative; bottom: 0; left: 0; z-index: 3; pointer-events: none; }
.cases.celbrea .content_cards_onboarding .content_ornament_cards .ornament{ width: 1920px; height: 455px; position: absolute; left: 50%; margin: 0 0 0 -960px; background: url("../png/bg_cards_onboarding.png") no-repeat; background-size: 100% auto; }
.cases.celbrea .content_cards_onboarding .content_ornament_shape{ overflow: hidden; background: transparent; height: 370px; position: absolute; bottom: -368px; left: 0; z-index: 3; pointer-events: none; }
.cases.celbrea .content_cards_onboarding .content_ornament_shape .ornament{ width: 1920px; height: 370px; position: absolute; left: 50%; margin: 0 0 0 -960px; background: url("../svg/bg_shape_cards.svg") no-repeat; background-size: 100% auto; background-position: 0 -1px }
.cases.celbrea .content_more_cases{ z-index: 5; }
.cases.celbrea .content_app_flow{ padding: 480px 0 100px; background: var(--white); position: relative; z-index: 10; }
.cases.celbrea .content_app_flow .center_content{ width: 480px; }
.cases.celbrea .content_app_flow .center_content h4{  font-weight: bold; margin-bottom: 30px; font-size: 24px; color: var(--black); }
.cases.celbrea .content_app_flow .bg_app_flow{ margin: 0 auto; width: 100%; position: relative; height: 937px; overflow: hidden; }
.cases.celbrea .content_app_flow .bg_app_flow img{ width: 1545px; height: 937px; position: absolute; left: 50%; margin-left: -772px; max-width: 1545px; }
.cases.celbrea .content_app_flow .phone_app_flow{ width: 320px; position: absolute; left: 50%; margin-left: -160px; top: 50%; }

.cases.celbrea .phone_onboarding{ width: 320px; position: absolute; left: 50%; margin-left: -160px; z-index: 20; top: -350px; }
.cases.celbrea .onboarding_content{ height: 800px; background: #2e334d; position: relative; }
.cases.celbrea .onboarding_content .bg_onboarding{ width: 100%; height: 624px; position: absolute; left: 0; top: 160px; overflow: hidden; z-index: 6; }
.cases.celbrea .onboarding_content .bg_onboarding span{ width: 1080px; height: 624px; background: url("../png/bg_onboarding.png"); background-size: 100% 100%; position: absolute; left: 50%; margin-left: -550px; top: 0; display: block; }
.cases.celbrea .onboarding_content .onboarding_text{ width: 480px; color: var(--white); margin: 0 auto; margin-top: 200px; z-index: 10; position: relative; padding-right: 50px; left: -60px; }
.cases.celbrea .onboarding_content .onboarding_text h4{  font-weight: bold; margin-bottom: 30px; font-size: 24px; }
.cases.celbrea .onboarding_content .onboarding_text p{  font-weight: 300; font-size: 15px; line-height: 1.6; }
.cases.celbrea .onboarding_content .onboarding_text .buttons_box{ position: absolute; right: -120px; top: 130px; }
.cases.celbrea .onboarding_content .onboarding_text .buttons_box span{ display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; border: 1px solid var(--white); border-radius: 4px; margin-bottom: 15px; font-size: 14px; position: relative; }
.cases.celbrea .onboarding_content .onboarding_text .buttons_box span + span{ right: -40px; }
.cases.celbrea .onboarding_content .onboarding_text .buttons_box span + span + span{ right: -20px; }
.cases.celbrea .onboarding_content .phones_diagonal{ position: absolute; z-index: 10; width: 100%; left: 0; margin-left: 0; bottom: -500px; overflow: hidden; background: none; height: 600px; }
.cases.celbrea .onboarding_content .phones_diagonal img{ position: absolute; z-index: 10; width: 1920px; left: 50%; margin-left: -960px; max-width: 1920px; bottom: 0; }

/*Testimonial*/
.cases.celbrea .testimonial{ background: var(--white); padding: 150px 0 70px; position: relative; z-index: 10; }
.cases.celbrea .testimonial .center_content{ width: 775px; }
.cases.celbrea .testimonial .number{ font-weight: 800; font-size: 2.250em; color: #d8d8d8; }
.cases.celbrea .testimonial .number span{ font-weight: 300; }
.cases.celbrea .testimonial h3{ font-weight: bold; font-size: 2.250em; color: #9157c7; margin: 0 0 30px; }
.cases.celbrea .testimonial .testimonial_text{ width: 775px; }
.cases.celbrea .testimonial .testimonial_text .headline_quote{ font-weight: 300; line-height: 1.3; color: #2c3e50; font-size: 36px; margin-bottom: 30px; }
.cases.celbrea .testimonial .testimonial_text .full_quote{ line-height: 1.5; color: #939da6; }
.cases.celbrea .testimonial .testimonial_text .quoter{ margin-top: 40px; }
.cases.celbrea .testimonial .testimonial_text .quoter figure{ float: left; margin-right: 30px; display: none; }
.cases.celbrea .testimonial .testimonial_text .quoter .quoter_info{ float: left; padding-top: 10px; display: none; }
.cases.celbrea .testimonial .testimonial_text .quoter .quoter_info .name{ font-weight: bold; color: #2e334d; font-size: 24px; }
.cases.celbrea .testimonial .testimonial_text .quoter .quoter_info .position{ color: #7666dd; font-size: 21px; }

.cases.celbrea .testimonial .testimonial_text .quoter .clutch-brand{ float: right; margin-top: 10px; text-align: right; }
.cases.celbrea .testimonial .testimonial_text .quoter .clutch-brand p{ font-size: 14px; color: var(--black); margin-bottom: 5px; width: 100%; }
.cases.celbrea .testimonial .testimonial_text .quoter .clutch-brand p a{ color: #3eabfe; }
.cases.celbrea .testimonial .testimonial_text .quoter .clutch-brand p a:hover{ color: #3eabfe; }
.cases.celbrea .testimonial .testimonial_text .quoter .clutch-brand figure{ width: 50px; background: none; height: auto; border-radius: 0; float: right; margin: 0; display: block; }
.cases.celbrea .testimonial .testimonial_text .quoter .clutch-brand figure img{ position: relative; left: 0; top: 0; border-radius: 0; width: 100%; height: 100%; }

/*Cases Studys*/
.cases.celbrea .case-study{ z-index: 10; }


@media (max-width: 1440px) {

	.cases.celbrea .case-hero .description{ font-size: 38px; }
	.cases.celbrea .content_ui .ornament_illustration{ width: 280px; }
	.cases.celbrea .content_app_flow{ overflow: hidden; }
	.cases.celbrea .onboarding_content{}

}


@media (max-width: 1280px) {

	.cases.celbrea .mobile_only{ display: block !important; margin: 80px 0; float: left; }
	
	/*Hero*/
	.cases.celbrea .case-hero{ background-position: center center; overflow: hidden; }
	.cases.celbrea .case-hero .case_study_title,
	.cases.celbrea .case-hero .case_title{ transform: none !important; opacity: 1 !important; z-index: 2 !important; }
	.cases.celbrea .case-hero .img_hd{ transform: none !important; right: -40px; width: 230px; bottom: auto; top: 50%; margin-top: -40px; display: block; }

	/*Content Explanation*/
	.cases.celbrea .content_explanation .center_content{ width: 100%; }
	.cases.celbrea .content_explanation .content_client .content_text{ float: none; margin: 0 auto; width: 350px; }
	.cases.celbrea .content_explanation .content_challenge .content_text{ margin: 50px auto 0; float: none; width: 350px; }
	.cases.celbrea .content_explanation .content_solution .content_text{ margin: 50px auto; width: 350px; float: none; }
	.cases.celbrea .content_explanation .content_solution .content_text:after{ content: ""; display: block; clear: both; }
	.cases.celbrea .content_explanation .center_content p{ width: 100%; }
	.cases.celbrea .content_explanation .content_deliverables{ position: relative; float: none; bottom: auto; margin: 50px auto; width: 350px; }

	/*UI*/
	.cases.celbrea .content_ui .content_text{ margin: 0 auto; max-width: 350px; width: 90%; }
	.cases.celbrea .content_ui .content_text:after{ content: ""; display: block; clear: both; }
	.cases.celbrea .content_ui .content_icons{ max-width: 500px; float: none; margin: 0 auto; }
	.cases.celbrea .content_ui .content_mood{ max-width: 500px; float: none; margin: 0 auto; }
	.cases.celbrea .content_ui .ornament_illustration{ width: 200px; }

	/*Animations*/
	.cases.celbrea .content_animations .animation{ position: relative; top: 0; height: auto; width: 350px; }
	.cases.celbrea .content_animations .animation .content_text{ position: relative; opacity: 1 !important; padding: 0; width: 350px; }
	.cases.celbrea .content_animations .animation .content_text .proto_title{ width: 350px !important; margin: 20px auto !important; }
	.cases.celbrea .content_animations .anim_01,
	.cases.celbrea .content_animations .anim_02,
	.cases.celbrea .content_animations .anim_03,
	.cases.celbrea .content_animations .anim_04,
	.cases.celbrea .content_animations .anim_05,
	.cases.celbrea .content_animations .anim_05 li,
	.cases.celbrea .content_animations .anim_05 .title,
	.cases.celbrea .content_animations .anim_05 .label,
	.cases.celbrea .content_animations .anim_06,
	.cases.celbrea .content_animations .anim_07,
	.cases.celbrea .content_animations .anim_08,
	.cases.celbrea .content_animations .anim_09,
	.cases.celbrea .content_animations .anim_10,
	.cases.celbrea .content_animations .anim_11,
	.cases.celbrea .content_animations .anim_12{ display: none; }
	.cases.celbrea .content_explanation{ padding-bottom: 60px; }

	.cases.celbrea .content_animations .animation .content_text.text_01 .mobile_only,
	.cases.celbrea .content_animations .animation .content_text.text_02 .mobile_only,
	.cases.celbrea .content_animations .animation .content_text.text_03 .mobile_only,
	.cases.celbrea .content_animations .animation .content_text.text_04 .mobile_only{ width: 600px; margin-left: -130px; }

	.cases.celbrea .content_main_navigation{ padding: 0; }
	.cases.celbrea .content_main_navigation .content_text{ max-width: 350px; width: 90%; float: none; margin: 0 auto; }
	.cases.celbrea .content_main_navigation .content_phone{ display: none; }
	.cases.celbrea .content_main_navigation .content_text.text_03 .mobile_only{ z-index: 10; position: relative; }
	.cases.celbrea .content_main_navigation .content_ornament{ margin-top: -520px; height: 700px; }
	.cases.celbrea .content_main_navigation .content_ornament_phones{ height: 281px; }
	.cases.celbrea .content_main_navigation .content_ornament_phones .ornament{ width: 1200px; height: 281px; margin-left: -600px; }
	
	.cases.celbrea .content_proto_users{ display: none !important }
	.cases.celbrea .animation_section{ display: none; }

	/*Onboarding*/
	.cases.celbrea .content_app_flow{ width: 100%; overflow: hidden; }
	.cases.celbrea .content_app_flow .bg_app_flow{ width: 100% !important; }
	.cases.celbrea .onboarding_content .phones_diagonal{ width: 100% !important; }

}


@media (max-width: 1000px) {

	/*Hero*/
	.cases.celbrea .case-hero .case_title{ width: 100%; left: 0; margin-left: 0; }

	/*Testimonial*/
	.cases.celbrea .testimonial .center_content{ float: none; width: 400px; margin: 0 auto; }
	.cases.celbrea .testimonial .testimonial_text{ width: 100%; }
	
	/*Onboarding*/
	.cases.celbrea .onboarding_content .onboarding_text{ padding-right: 0; left: 0; }
	.cases.celbrea .onboarding_content .onboarding_text .buttons_box{ display: none; }
	.cases.celbrea .content_app_flow .center_content{ float: none; }
	.cases.celbrea .onboarding_content{ height: 520px; }
	.cases.celbrea .onboarding_content .onboarding_text{ margin-top: 70px; }
	.cases.celbrea .onboarding_content .phones_diagonal img{ width: 1400px; margin-left: -700px; bottom: 50px; }
	.cases.celbrea .phone_onboarding{ top: -400px; }
	.cases.celbrea .onboarding_content .bg_onboarding { top: 0; }
	.cases.celbrea .content_cards_onboarding h4{ max-width: 480px; }

	/*UI*/
	.cases.celbrea .content_ui .content_color_list{ width: 600px; margin: 50px auto; float: none; }
	.cases.celbrea .content_ui .content_color_list li{ width: 32%; margin: 0; margin-bottom: 20px; }
	
	/*Testimonial*/
	.cases.celbrea .testimonial .testimonial_text .quoter .clutch-brand{ width: 100%; margin: 20px auto 0; text-align: center; }
	.cases.celbrea .testimonial .testimonial_text .quoter .clutch-brand figure{ float: none; margin: 0 auto; }
	
	/*Content Explanation*/
	.cases.celbrea .content_explanation .content_deliverables{ position: relative; float: none; bottom: auto; margin: 50px auto 0; width: 350px; }

}

@media (max-width: 900px) {

	.cases.celbrea .content_ui .ornament_illustration{ left: -50px; }

}

@media (max-width: 750px){

	/*UI*/
	.cases.celbrea .content_ui .content_color_list{ width: 90%; }
	.cases.celbrea .content_ui .content_icons img{ width: 85%; }
	.cases.celbrea .content_ui .content_mood img{ width: 85%; }
	.cases.celbrea .content_ui .ornament_illustration{ bottom: 0; }
	.cases.celbrea .content_explanation p,
	.cases.celbrea .content_ui p{ font-size: 16px; font-weight: normal; }

	/*Testimonial*/
	.cases.celbrea .testimonial .testimonial_text .headline_quote{ font-size: 26px; }
	.cases.celbrea .testimonial .testimonial_text .quoter .quoter_info .name{ font-size: 18px; }
	.cases.celbrea .testimonial .testimonial_text .quoter .quoter_info .position{ font-size: 15px; }
	.cases.celbrea .testimonial .testimonial_text .quoter .quoter_info{ padding-top: 17px; }
	.cases.celbrea .testimonial .testimonial_text .quoter figure{ margin-right: 15px; width: 70px; margin-top: 2px; }

	/*Onboarding*/
	.cases.celbrea .onboarding_content .onboarding_text,
	.cases.celbrea .content_explanation .content_client .content_text,
	.cases.celbrea .content_explanation .content_challenge .content_text,
	.cases.celbrea .content_explanation .content_solution .content_text,
	.cases.celbrea .content_explanation .content_deliverables{ width: 350px; }

	/*Hero*/
	.cases.celbrea .case-hero{ min-height: 800px; }
	.cases.celbrea .case-hero .description{ font-size: 32px; width: 90%; max-width: 90%; margin: 0 auto; z-index: 2; }
	.cases.celbrea .case-hero .case_study_title{ width: 350px; margin: 0 auto; z-index: 2; font-size: 18px; font-weight: normal; top: -215px; }
	.cases.celbrea .case-hero .case_title{ font-size: 36px; top: -190px; }
	.cases.celbrea .case-hero .content_ornament{ width: 1000px; height: 670px; left: -270px; bottom: 0; }
	.cases.celbrea .case-hero .img_hd{ width: 200px; margin-top: 0; }
	.cases.celbrea .content_app_flow .center_content{ width: 90%; }

	/*Animations*/
	.cases.celbrea .content_animations{ overflow: hidden; }
	.cases.celbrea .content_animations .animation .content_text.text_01 .mobile_only,
	.cases.celbrea .content_animations .animation .content_text.text_02 .mobile_only,
	.cases.celbrea .content_animations .animation .content_text.text_03 .mobile_only,
	.cases.celbrea .content_animations .animation .content_text.text_04 .mobile_only{ width: 100%; margin-left: 0; }
	.cases.celbrea .content_animations .animation .content_text.text_01 .mobile_only img,
	.cases.celbrea .content_animations .animation .content_text.text_02 .mobile_only img,
	.cases.celbrea .content_animations .animation .content_text.text_03 .mobile_only img,
	.cases.celbrea .content_animations .animation .content_text.text_04 .mobile_only img{ width: 600px; max-width: 600px; margin-left: -120px; }
	.cases.celbrea .content_cards_onboarding h4{ max-width: 300px; }

}

@media (max-width: 500px) {

	.cases.celbrea .content_explanation .content_client .content_text,
	.cases.celbrea .content_explanation .content_challenge .content_text,
	.cases.celbrea .content_explanation .content_solution .content_text,
	.cases.celbrea .content_explanation .content_deliverables{ width: 86%; max-width: 300px; }
	.cases.celbrea .testimonial,
	.cases.celbrea .testimonial .center_content{ width: 86%; }
	.cases.celbrea .testimonial{ width: 100%; padding-top: 30px; }
	.cases.celbrea .onboarding_content .onboarding_text{ width: 100%; max-width: 300px; }
	.cases.celbrea .content_animations .animation{ width: 100%; max-width: 300px; }
	.cases.celbrea .content_animations .animation .content_text{ width: 100%; }

	/*Animations*/
	.cases.celbrea .content_animations .animation .content_text.text_01 .mobile_only img,
	.cases.celbrea .content_animations .animation .content_text.text_02 .mobile_only img,
	.cases.celbrea .content_animations .animation .content_text.text_03 .mobile_only img,
	.cases.celbrea .content_animations .animation .content_text.text_04 .mobile_only img{ margin-left: -160px; }

}

@media screen and (max-device-width: 1024px) and (orientation: landscape) {

	.cases.celbrea .case-hero{ min-height: 770px; }
	.cases.celbrea .case-hero .description{ font-size: 1.4em; }
	.cases.celbrea .case-hero .case_title{ font-size: 36px; }

}