/* Feature wrapper */
#feature-wrapper.fh2 {overflow-x: hidden; background-color: #f2f2f9}
#feature-wrapper.fh2 .btn {margin: 0px 8px 10px; min-width: 150px; text-align: center;}
#feature-wrapper.fh2 .btn:first-of-type {margin-left: 0px;}
#feature-wrapper.fh2 .btn:last-of-type {margin-right: 0px;}
#feature-wrapper.fh2 .btn.grey-btn {border-color: #333; color: #333;}
#feature-wrapper.fh2 .btn.grey-btn.full {background-color: #333; color: #fff;}
#feature-wrapper.fh2 .btn.grey-btn:hover {background-color: #222; color: #fff;}
#feature-wrapper.fh2 .btn.grey-btn:active {background-color: #111; color: #fff;}
#feature-wrapper .row-flex {flex-direction: row-reverse; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#feature-wrapper .row-flex .column.image {height: 433px;}
#feature-wrapper .img-feature-graphic {background-image: url(/filemaker/server/images/feature-graphic.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 100%; width: 702px; position: absolute; right: -120px;}
/* SMALL SCREENS */
@media only screen and (max-width: 1068px) {
	#feature-wrapper.fh2 .section {padding: 80px 0px}
	#feature-wrapper.fh2 {text-align: center;}
	#feature-wrapper .row-flex {flex-direction: column-reverse;}
	#feature-wrapper.fh2 h1 {margin-bottom: 24px;}
	#feature-wrapper .fh2 a {margin-top: 24px;}
	#feature-wrapper .text {margin-bottom: 60px;}
	#feature-wrapper .img-feature-graphic {width: 100%; position: relative; right:auto; height: 433px;}
}
@media only screen and (max-width: 735px) {
		#feature-wrapper.fh2 {min-height: auto;}
		#feature-wrapper.fh2 .section-width {width: 100%;}
		#feature-wrapper .img-feature-graphic {width: 702px; position: absolute; right: 50%; margin-right: -351px;}
}


/* EXTRA SMALL SCREENS */
@media only screen and (max-width: 440px) {
	#feature-wrapper.fh2 .btn.grey-btn {display: block; margin: 0 auto; margin-bottom: 16px;}
	#feature-wrapper .text {max-width: 90%; margin: 0 auto; margin-bottom: 40px;}
	#feature-wrapper .row-flex .column.image {height: 350px;}
	#feature-wrapper .img-feature-graphic {height: 350px;}
}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
	#feature-wrapper .img-feature-graphic {background-image: url(/filemaker/server/images/feature-graphic_2x.jpg);}
	#feature-wrapper .fmgo-logo-mobile {background-image: url(/filemaker/server/images/icon_fmgo_2x.jpg);}
}


/* Securely host your apps on premise */
#securely-host.d10.image-text .column-flex:first-child {background-image: url(/filemaker/server/images/image_securely-host.jpg);background-size: cover;}
#securely-host.d10.image-text .column-flex:last-child {flex-grow: 1;}
@media only screen and (max-width: 1068px) {
  #securely-host.d10.image-text .column-flex:last-child {padding: 80px 0px}
  #securely-host.d10.image-text .column-flex:last-child .column-content {max-width: 60%;}
  #securely-host.d10.timage-text .column-flex:first-child {min-height: 400px;}
  #securely-host .row-flex .column-2 {width: 100%}
}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
	#securely-host.d10.image-text .column-flex:first-child {background-image: url(/filemaker/server/images/image_securely-host_2x.jpg);}
}


/* Furnace Records */
#furnace-records {overflow-x:hidden;}
#furnace-records .section {position: relative;}
#furnace-records .accent-before:before {background-size: 64px 64px; width: 64px; height: 64px; left: 0px; margin-bottom: -16px;}
#furnace-records .row .large-12 {padding: 40px 10%;}
#furnace-records figure {text-align: center;}
#furnace-records blockquote {margin-bottom: 32px; quotes: "\201C""\201D""\2018""\2019";}
#furnace-records blockquote:before {content: open-quote;}
#furnace-records blockquote:after {content: close-quote;}
#furnace-records cite {display: block; font-weight: 500; margin-bottom: 32px;}
#furnace-records cite span {display: block; font-weight: 300;}
#furnace-records .full-green-btn {min-width: 160px;}

svg.shape {bottom: 0px; position: absolute; right: 0px; margin-right: -45px;}
svg.shape .g1{transform: translate(0px, 190px)} 
svg.shape .semicircle{transform: rotate(310deg); fill: #f6ce51;} 
svg.shape .arc {transform: rotate(41deg) translate(-40px, -125px); fill:none; stroke:#333; stroke-width:4px;}

@media only screen and (max-width: 735px) {
	#furnace-records	.accent-before:before { display: block; margin-bottom: -50px;} 
}

/* Reliable, high-performance access to your data */
#access-your-data h2, #access-your-data p {text-align: center}
#access-your-data p:last-child {margin-bottom: 80px;}
#fms-features {max-width: 90%; margin: 0 auto;}
#access-your-data .row-flex .column-flex:last-child {padding: 0px 0px 0px 60px;}
#access-your-data .row-flex .column-flex:first-child {padding: 0px 60px 0px 0px;}

#access-your-data .row-flex .column-flex ul li {position: relative; padding-left: 57px; margin-bottom: 34px; line-height: 30px; display: inline-block}

#access-your-data .row-flex .column-flex ul li.icon::before {position: absolute; left: 0px; top: 0px; height: 34px; width: 31px; display: block; background-size: 31px 34px; background-repeat: no-repeat; background-position: center top;}
#access-your-data .row-flex .column-flex ul li.icon-24-7::before {background-image: url(/filemaker/server/images/icon_24-7_2x.jpg); content: "";}
#access-your-data .row-flex .column-flex ul li.icon-api::before {background-image: url(/filemaker/server/images/icon_api_2x.jpg); content: "";}
#access-your-data .row-flex .column-flex ul li.icon-backup::before {background-image: url(/filemaker/server/images/icon_backup_2x.jpg); content: "";}
#access-your-data .row-flex .column-flex ul li.icon-install::before {background-image: url(/filemaker/server/images/icon_install_2x.jpg); content: "";}
#access-your-data .row-flex .column-flex ul li.icon-lock::before {background-image: url(/filemaker/server/images/icon_lock_2x.jpg); content: "";}
#access-your-data .row-flex .column-flex ul li.icon-share::before {background-image: url(/filemaker/server/images/icon_share_2x.jpg); content: "";}
#access-your-data .row-flex .column-flex ul li.icon-support::before {background-image: url(/filemaker/server/images/icon_support_2x.jpg); content: "";}

#buy-now {display: flex; justify-content: center; margin: 40px 0px 0px;}

@media only screen and (max-width: 1068px) {
	#access-your-data .row-flex .column-flex:last-child {padding: 0px 0px 0px 40px;}
#access-your-data .row-flex .column-flex:first-child {padding: 0px 40px 0px 0px;}
}


@media only screen and (max-width: 735px) {
	#access-your-data p {margin-bottom: 40px;}
	#access-your-data .row-flex .column-flex ul li.icon {margin-top: 0px; margin-bottom: 24px;}
	#access-your-data .row-flex .column-flex:last-child, #access-your-data .row-flex .column-flex:first-child {padding: 0px 24px;}
}

/* Whats new. */
#whats-new .row-flex.text-image .text-col {padding-left: 60px;}
#whats-new .d6.image-text .column-content.text-content {margin-left: 24px;}

.img-filemaker-server-linux {
	background-image: url(/filemaker/server/images/image_filemaker-server-linux.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 201px;
	width: 359px;
	margin: 0 auto;
}
.img-webdirect-cards {
	background-image: url(/filemaker/server/images/image_webdirect-cards.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 321px;
	width: 535px;
}
#whats-new .mobile {display: none;}

@media only screen and (max-width: 1068px) {
	#whats-new h3 {margin-bottom: 36px;}
	#whats-new .text-col {text-align: center;}
	#whats-new .image-col {display: none;}
	#whats-new .mobile {display: block; margin: 0 auto; margin-bottom: 24px;}
	#whats-new .img-webdirect-cards.mobile {width: 400px; height: 240px;}
	#whats-new .img-filemaker-server-linux.mobile {width: 300px; height: 168px;}
	#whats-new .fissure {margin-bottom: 60px}
	#whats-new .row-flex.text-image .text-col {padding: 0px;}
	#whats-new .d6.text-image .column-content.text-content {margin: 0 auto; max-width: 600px;}
	#whats-new .d6.image-text .column-content.text-content {margin: 0 auto; max-width: 600px;}
}

@media only screen and (max-width: 440px) {
	#whats-new .img-webdirect-cards.mobile {width: 100%;}
	#whats-new .img-filemaker-server-linux.mobile {width: 100%;}
}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
	.img-webdirect-cards {background-image: url(/filemaker/server/images/image_webdirect-cards_2x.jpg);}
	.img-filemaker-server-linux {background-image: url(/filemaker/server/images/image_filemaker-server-linux_2x.jpg);}
}

/* FileMaker in action */
#filemaker-action .section.venti {padding-top: 0px}
#filemaker-action .img {background: #a9a9a9; background-position: center; background-repeat: no-repeat; background-size: cover;}

#filemaker-action .d11 .d11-text {
	justify-content: flex-start;
}

@media only screen and (max-width: 950px) {
    #filemaker-action .d11.row-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
}
#filemaker-action .img.img-blog1 {background-image: url(/interactive/videos/pin-usa/claris_pin-usa_poster.jpg);}
#filemaker-action .img.img-blog2 {background-image: url(/cms/blog/images/cms/1364.jpg);}
#filemaker-action .img.img-blog3 {background-image: url(/cms/blog/images/cms/1035.jpg);}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
	#filemaker-action .img.img-blog1 {background-image: url(/interactive/videos/pin-usa/claris_pin-usa_poster.jpg);}
	#filemaker-action .img.img-blog2 {background-image: url(/cms/blog/images/cms/1364_2x.jpg);}
	#filemaker-action .img.img-blog3 {background-image: url(/cms/blog/images/cms/1035_2x.jpg);}
}

/* Power of the platform. */

#power-platform p span {font-weight: 500;}
#power-platform ul {margin-top: 24px;}
#power-platform ul li {margin-bottom: 10px;}

.img-platform {
	background-image: url(/filemaker/server/images/image_platform.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 391px;
	width: 480px;
}
#power-platform .mobile {display: none; height: 280px; width: 50%;}

#power-platform .d6.image-text .column-content.text-content {margin-left: 40px;}

@media only screen and (max-width: 1068px) {
	#power-platform .d6.image-text .column-content.text-content {margin-left: 0px}
	#power-platform .image-col {display: none;}
	#power-platform .text-content {display: flex; margin-left: 0px; flex-direction: row; text-align: center; align-items: center; flex-wrap: wrap;}
	#power-platform .text-content h2 {width: 100%;}
	#power-platform .text-content p {width: 80%; margin: 0 auto; margin-bottom: 20px;}
	#power-platform .text-content p:last-of-type {margin-bottom: 40px;}
	#power-platform .mobile {display: flex;}
	#power-platform ul {margin-top: 0px; text-align: left; width: 50%;}
	#power-platform ul li {margin-bottom: 20px;}
}

@media only screen and (max-width: 825px) {
	#power-platform .text-content p {width:100%; margin-bottom: 10px;}
	#power-platform .mobile {display: none;}
	#power-platform .image-col {display: block;}
	#power-platform ul li {margin-bottom: 10px;}
	#power-platform ul {text-align: center; width: 100%; margin: 0 auto; margin-bottom: 10px;}
	.img-platform {height: 400px; width: 100%; margin: 0 auto;}
	#power-platform .d6.image-text, #power-platform .d6.image-text .row {display: flex;
-webkit-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
		flex-direction: column;}
	
	#power-platform .d6.image-text .image-col {
-webkit-order: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}

@media only screen and (max-width: 440px) {
	.img-platform {height: 300px;}
}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
	.img-platform {background-image: url(/filemaker/server/images/image_platform_2x.jpg);}
}

/* Next steps */
#next-steps.dark {background-color:#29263e; background-image: url(/filemaker/pro/images/img_next-steps-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: 1700px 591px; min-height: 400px; display: flex; align-items: center;}
#next-steps .column {text-align: center;}
#next-steps .column .column-content {display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; position: relative; height: 100%; padding: 0px 8px;}
#next-steps .column .column-content p {margin-bottom: 24px;}
#next-steps .column .column-content a {margin-bottom: 0px; margin-top: auto;}

/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
	#next-steps .row-flex {flex-direction: column;}
	#next-steps .column {margin-bottom: 80px;}
	#next-steps .column:last-of-type {margin-bottom: 0px;}
	#next-steps.dark {background-image: url(/filemaker/pro/images/img_next-steps-mobile-bg.jpg); background-size: cover;}
}

/* EXTRA SMALL SCREENS */
@media only screen and (max-width: 440px) {
	#next-steps .column .column-content a {display: block; width: 100%;}
}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
	#next-steps.dark {background-image: url(/filemaker/pro/images/img_next-steps-bg_2x.jpg); }
}

/* RETINA */
@media (max-width: 735px) and (-webkit-min-device-pixel-ratio: 2), not all, (max-width: 735px) and (min-resolution: 192dpi){
	#next-steps.dark {background-image: url(/filemaker/pro/images/img_next-steps-mobile-bg_2x.jpg); }
}