/* Innovation in the workplace */
#innovation-in-workplace {background-color:#2b5279; }
#innovation-in-workplace .section {padding: 0;}
#innovation-in-workplace .column-flex:first-child .column-content { max-width: 400px; margin-right: 100px; float: right; }
#innovation-in-workplace .column-flex:first-child p:last-of-type { margin-bottom: 40px; }
#innovation-in-workplace .column-flex:last-child { height:600px; background-image: url(/home/images/18_home/img_homepage_innovation_workplace.jpg); background-size: cover; background-position: center; position: relative; }
#innovation-in-workplace #innovation-links div:first-child { margin-right: 20px; margin-bottom:10px; }
#innovation-in-workplace #innovation-links div { display: inline-block; }
#innovation-in-workplace #innovation-links a.btn { border: 1px solid #70b0ed; }
#innovation-in-workplace #innovation-links a.btn:hover { background-color: #70b0ed; color: #ffffff; }
#innovation-in-workplace .column-flex:last-child .wings-info { position: absolute; bottom:0px; padding: 20px 50px; }
#innovation-in-workplace .column-flex:last-child .wings-info p { margin-bottom:0px;}
#innovation-in-workplace .column-flex:last-child .wings-info a { color: #78baf9; text-shadow: 1px 1px 8px #000000; }

#innovation-in-workplace .section-width, #do-it-yourself .section-width { width: 100%; }
#innovation-in-workplace h2, #innovation-in-workplace p, #do-it-yourself h2, #do-it-yourself p {color: #fff;}
#innovation-in-workplace a, #do-it-yourself a { color: #70b0ed; }

/* Do-it-yourself or work with a partner. */
#do-it-yourself { background-color: #2b5279; }
#do-it-yourself .column-flex:first-child { height:600px; background-image: url(/home/images/18_home/img_homepage_diy.jpg); background-size: cover; background-position: center;}
#do-it-yourself .column-flex:last-child .column-content { max-width: 400px; margin-left: 60px; }
#do-it-yourself a {font-size: 17px;}

/* Increase productivity, Global 500 customers */
#increase-productivity-global-500 { background: linear-gradient(to right, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 50%, rgba(222,231,237,1) 50%, rgba(222,231,237,1) 100%); }
.increase-productivity { background-color: #f6f6f6; padding-right:60px; }
.increase-productivity p.p8 { color: #999999; }
.increase-productivity a#sotca-link strong{ color: #006ece; }
.increase-productivity a#sotca-link:hover strong { color: #06f; }
#increase-productivity-global-500 .progressbars p {width: 280px;}

.global-500 { background-color: #dee7ed; padding-left:60px; }
.fm-customers, .fm-customers a { font-size:18px; }
.fm-customers { margin-left: 2em; }
.fm-customers li { margin-bottom: 20px; line-height: 25px; }
.fm-customers li::before { width: 25px; height: 25px; margin-left: -2em; margin-right: 0.70em; position: relative; top: 3px; display: inline-block; background-repeat: no-repeat;}
.fm-customers li:nth-child(1)::before { content: url(/home/images/18_home/icon_apparel.png); background-size: 23px 20px; }
.fm-customers li:nth-child(2)::before { content: url(/home/images/18_home/icon_house.png); background-size: 22px 24px; }
.fm-customers li:nth-child(3)::before { content: url(/home/images/18_home/icon_school.png); background-size: 25px 18px; }
.fm-customers li:nth-child(4)::before { content: url(/home/images/18_home/icon_gear.png); background-size: 23px 23px; }
.fm-customers li:nth-child(5)::before { content: url(/home/images/18_home/icon_bank.png); background-size: 23px 19px; }
.fm-customers li:nth-child(6)::before { content: url(/home/images/18_home/icon_airplane.png); background-size: 23px 23px;}
.fm-customers li:nth-child(7)::before { content: url(/home/images/18_home/icon_heartplus.png); background-size: 23px 20px; }
.fm-customers li:nth-child(8)::before { content: url(/home/images/18_home/icon_medical.png); background-size: 21px 21px; }

/* G2 Crowd & Forrester */
#g2-crowd-forrester .d2 .content-text { width: 50%; }
.g2-crowd-link {margin: 10px auto; text-align: center; display: block; padding: 30px 0;}
.g2-crowd-link div, .g2-crowd-link p {display: inline-block; vertical-align: top;}
.d2 .next-step .content-text { text-align: left; }
.d2 .next-step .content-image .image { margin-bottom: 30px; }
.d2 .next-step .content-image .image.g2-crowd-logo { background: url(/home/images/18_home/g2_crowd_logo_red.png) no-repeat 50% 50%; background-size: 48px 48px; }
.d2 .next-step .content-image .image.forrester-logo { background: url(/home/images/18_home/forrester_logo.png) no-repeat 50% 50%; width: 289px; background-size: 289px 46px; }

/* See what customers have to say */
#what-customers-say .btn.icon.watch-video-button-left, .btn.icon.watch-video-button-right { padding: 4px 10px 4px 10px; }
#what-customers-say .watch-video-button-right{ display:none; }
#what-customers-say h3 { margin-bottom: 15px; }
.row.bottom-border-grey { padding-bottom: 60px; border-bottom: 1px solid #e8e8e8; } 
.column.quote-text { margin-top: 32px; }
.column.quote-text .p7 { margin-top:15px; }

/* Innovation without the hype */
.wip-film {position:relative; height: 200px !important; margin-bottom:50px; padding: 0px 7px; }
.wip-video {background: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-1-whale-music_slider_poster.jpg) no-repeat 50% 0%; background-size: cover; height: 100%;width: 100%;position: relative;}
.film-overlay {align-items: center; background: rgba(0,0,0,0); display: flex !important; height: 100%; width: 100%; z-index: 2;}
.film-overlay::after {font-family: "SF Pro Icons";color: #fff;content: "\f31e";display:block;font-style: normal;font-weight: 300;font-size: 53px;line-height: 1;margin: 0 auto; position: relative;z-index: 5;alt: "Play film";text-decoration: none;top:4px;}
.upcoming .film-overlay {background: rgba(0,0,0,0.5);}
.upcoming .film-overlay::after {display: none;}
.wip-video .video-text {bottom: -50px; position: absolute; width: 100%; z-index: 10;}
.wip-video h3 {color: #333333; margin-bottom: 5px; text-align: center; width: 100%; z-index: 99;}
.wip-video h3 {font-size: 21px; font-weight: 300; line-height: 30px;}
.wip-video p {display: none}
/* WIP Slider CSS */
.slick-list #film-one {background-image: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-1-whale-music_slider_poster.jpg);}
.slick-list #film-two {background-image: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-2-body-language_slider_poster.jpg);}
.slick-list #film-three {background-image: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-3-yoga-balls_slider_poster.jpg);}
.slick-list #film-four {background-image: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-4-forest_slider_poster.jpg);}
.slick-list #film-five {background-image: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-5-celebrity_slider_poster.jpg);}
.slick-list #film-six {background-image: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-6-casual-everyday_slider_poster.jpg);}
.slick-list #film-seven {background-image: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-7-inspirational-speaker_slider_poster.jpg);}
.slick-list #film-eight {background-image: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-8-magician_slider_poster.jpg);}
.slick-list #film-nine {background-image: url(/interactive/workplace-innovation/films/video-overlays/posters/filemaker-episode-9-mindfulness_slider_poster.jpg);}

/* Video overlay */
.video-overlay .title-wrapper span.h3 { margin: 20px 0px 0px 30px; position: absolute; left: 0; z-index: 9000; }

/* X-LARGE SCREENS (CASCADE TO LOWER SCREEN) */
@media only screen and (min-width: 1442px) {

}
 
/* LARGE SCREENS (SPECIFIC) */
@media only screen and (min-width: 1069px) and (max-width:1441px) {

}
 
/* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */
@media only screen and (max-width: 1068px) {	
	/* Innovation in the workplace */
	#innovation-in-workplace .section-width {width:100%;}
	#innovation-in-workplace .column-flex:first-child { padding: 70px 0;	}
	#innovation-in-workplace .column-flex:first-child .column-content {max-width:90%; margin: 0 auto; text-align: center; float:none; }
	
	/* Do-it-yourself or work with a partner. */
	#do-it-yourself .section-width {width:100%;}
	#do-it-yourself .column-flex:last-child { padding: 70px 0;	}
	#do-it-yourself .column-flex:last-child .column-content {max-width:90%; margin: 0 auto; text-align: center; }
	
	/* Increase productivity, Global 500 customers */
	#increase-productivity-global-500 { background: #f6f6f6; }
	#increase-productivity-global-500 .section-width { width: 100%; }
	#increase-productivity-global-500 .section { padding: 0; }
	.increase-productivity, .global-500 { padding: 75px 0px; }
/*	.increase-productivity .info-content, .global-500 .info-content { height: 150px; }*/
	.why-use-custom .section-width { width: 100%; }
	.global-500 .column-content, .increase-productivity .column-content{ margin: 0 auto; width:90%; }
	.global-500 { padding-left: 0px; }
	.increase-productivity { padding-right: 0px; }
	
	/* See what customers have to say */
	.sh1 { text-align:left; }
	.row.bottom-border-grey { padding-bottom: 30px; } 
}

/* MEDIUM SCREENS (SPECIFIC) */
@media only screen and (min-width: 736px) and (max-width:1068px) {
 
}
 
/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
	/* Innovation in the workplace */
	#innovation-in-workplace .column-flex:first-child .column-content {max-width:90%; min-width: 300px;}
	#innovation-in-workplace #innovation-links div:first-child { margin-right: 0px; margin-bottom: 10px;}
	#innovation-in-workplace #innovation-links div { display: block; }

	/* Increase productivity, Global 500 customers */
	#increase-productivity-global-500 .progressbars p {width: 220px;}
/*	.increase-productivity .info-content, .global-500 .info-content { height: 180px; }*/

	/* See what customers have to say */
	#what-customers-say .watch-video-button-left{ display:none; }
	#what-customers-say .watch-video-button-right{ display:inline-block; }
	.btn.icon.watch-video-button-right { margin-top:20px; }
	.column.quote-text { margin-top:0px; } 
	
	/* G2 Crowd & Forrester */
	#g2-crowd-forrester .d2 .content-text { width: 70%; }
	.d2 .next-step .content-image .image.g2-crowd-logo { margin: 0 auto 30px; }
	.d2 .next-step .content-image .image.forrester-logo { width: 100%; background-size: contain; }
}

@media only screen and (max-width: 560px) {

}
 
/* EXTRA SMALL SCREENS < 425px */
@media only screen and (max-width: 400px) {

}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi){
	#innovation-in-workplace .column-flex:last-child { background-image: url(/home/images/18_home/img_homepage_innovation_workplace_2x.jpg); }
	#do-it-yourself .column-flex:first-child { background-image: url(/home/images/18_home/img_homepage_diy.jpg); background-size: cover; background-position: center;}
	
	.fm-customers li::before { top: 10px; }
	.fm-customers li:nth-child(1)::before { content: ' '; background-image: url(/home/images/18_home/icon_apparel_2x.png); }
	.fm-customers li:nth-child(2)::before { content: ' '; background-image: url(/home/images/18_home/icon_house_2x.png); }
	.fm-customers li:nth-child(3)::before { content: ' '; background-image: url(/home/images/18_home/icon_school_2x.png); }
	.fm-customers li:nth-child(4)::before { content: ' '; background-image: url(/home/images/18_home/icon_gear_2x.png); }
	.fm-customers li:nth-child(5)::before { content: ' '; background-image: url(/home/images/18_home/icon_bank_2x.png); }
	.fm-customers li:nth-child(6)::before { content: ' '; background-image: url(/home/images/18_home/icon_airplane_2x.png); }
	.fm-customers li:nth-child(7)::before { content: ' '; background-image: url(/home/images/18_home/icon_heartplus_2x.png); }
	.fm-customers li:nth-child(8)::before { content: ' '; background-image: url(/home/images/18_home/icon_medical_2x.png); }
	
	.d2 .next-step .content-image .image.g2-crowd-logo { background-image: url(/home/images/18_home/g2_crowd_logo_red_2x.png); }
	.d2 .next-step .content-image .image.forrester-logo { background-image: url(/home/images/18_home/forrester_logo_2x.png); }
}