/* Body */
#main {overflow-x: hidden;}

#feature-wrapper { text-align: center; min-height: auto; }
#feature-wrapper .section { padding-bottom: 0 ; padding-top: 60px; }
#feature-wrapper.fh2 h1.h2 { font-weight: 500; }

.fm-list-reason { display: flex; align-items: center; background-color: #f2f2f7; padding: 20px; border-radius: 6px; width: 100%; margin-bottom: 20px;}
.fm-list-reason:last-child {margin-bottom: 0px;}
.fm-list-reason img { max-height: 30px; max-width: 30px; margin-right: 20px;}

/* Quote */
#quote { text-align: center;  background: #1d9888; background: linear-gradient(237deg, #1d9888 0%, #002147 100%); }
#quote .section-width-even-more { max-width: 1200px;}
#quote .section {
    /* background: #1d9888; */
    /* background: linear-gradient(237deg, #1d9888 0%, #002147 100%); */
	/* border-radius: 20px; */
	padding: 100px 0px;
}
#quote blockquote {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #fff;
    quotes: "“" "”" "‘" "’";
    font-family: "SF Pro Display",Helvetica,Arial,sans-serif;
}

#quote blockquote:before { content: open-quote; }
#quote blockquote:after { content: close-quote; }
#quote blockquote:lang(fr) { quotes: "«" "»"; }
#quote blockquote:lang(de) { quotes: "„" "“"; }
#quote blockquote:lang(nl) { quotes: "'" "'"; }
#quote blockquote:lang(ja) { quotes: "「" "」"; }

#quote figcaption { color: #ffffff; font-size: 18px; font-weight: 300; }

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

}

/* Tertiary Nav */
/*#tertiary-nav {position: relative;}
#tertiary-nav .section {text-align: center; padding: 120px 0px 32px;}
.row-tertiary-nav {margin-left: auto; margin-right: auto; display: flex!important; width: 60%;}
.column.tertiary-nav-item {min-width: 150px; padding: 0 35px 8px; display: inline-block; vertical-align: top; border-bottom: 1px solid #c5c5c5;} */

@media only screen and (max-width: 1068px) {
	.column.tertiary-nav-item {padding: 0 15px 8px;}
	.row-tertiary-nav {margin-top: 10px;}
}
@media only screen and (max-width: 735px) {
	.row-tertiary-nav {border-bottom: none; width: 100%;}
	.column.tertiary-nav-item {float: none;}
	.column.tertiary-nav-item:nth-child(3), .column.tertiary-nav-item:nth-child(4) {margin-top: 16px;}
	.column.tertiary-nav-item p.p1 {font-size: 20px; line-height: 28px;}
}
@media only screen and (max-width: 600px) {
	#tertiary-nav .section {padding-top: 0px;}
	.column.tertiary-nav-item {width: 100%; margin: 0;}
}

/* Trial Container */
#trial-container {position: relative; overflow-x: hidden;}
#trial-container .section-width {background-color: #ffffff;}
#trial-container .row { }
#trial-container .row .trail-message-column { padding: 0px 68px 16px 0;}
#trial-container .row .column:first-child .text-container {padding-left: 30px; margin-bottom: 40px;}
#trial-container .row .column:first-child .text-container h2 {margin-bottom: 0px;}
#trial-container .row .column:first-child .text-container p {margin-bottom: 24px;}
#trial-container .trail-form-column { background-color: #f2f2f7; border-radius: 6px; }
#trial-container .row .trail-form-column .column-content { padding : 40px 40px; }
.img-guy-halligan {height:180px; min-width: 180px; background: url(/trial/images/guy_halligan.jpg) no-repeat 0% 0%; background-size:contain; padding-left: 0px;}
.img-quotes { margin-bottom: 16px; width: 54px; height: 43px; background-image: url(/trial/images/quotes.png); background-size: 54px 43px; background-repeat: no-repeat; }
.trail-customer-quote { color: #111; margin-bottom: 20px; }
.trail-message-column li { position:relative; padding-left: 32px; margin-top: 4px;}
.trail-message-column .icon-checkcircle::before { color: #208a3d; position: absolute; left: 0; top: 7px; }
#demo-video {margin: 40px 0px 50px;}
#filemaker-by-the-numbers .h4, #bottom-callout .h4 {text-align: center; margin-bottom: 60px;}

@media only screen and (max-width: 1068px) {
	#trial-container .section { margin-top: 48px;}
}

.d4 { }
.icon-set { width: 50px; height: 50px; }
.d4 .icon-set { background-size: 50px 50px; }
.d4-text { justify-content: start; }
.d4-text p.h5 { margin-bottom: 8px; }
.d4 .column-content { width: 95%; }

.trail-form-column .h4 { margin-bottom: 4px; }
.trail-form-column .sub-message { margin-bottom: 8px; }
.trail-form-column .have-licensing { margin-bottom: 24px; display: inline-block; }

/* Form */
#trial-form .form-input.input-tinytext.tt-email-wrapper, #trial-form .form-input.input-tinytext.tt-select-wrapper, #trial-form .form-input.input-tinytext.tt-text-wrapper {min-height: 60px;}

/* Form Inputs */
.form-wrapper input[type=email], .form-wrapper input[type=submit], .form-wrapper input[type=text], .form-wrapper select, .form-wrapper textarea {border-color: #525151; color: #717171; background-color: #f2f2f7; }
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #f2f2f7 inset !important;
  }
#trial-form input[type=checkbox], #trial-form input[type=radio] {margin: 0px; margin-right: 5px; height: 14px;}
#trial-form .radio-input {display: inline-block;}
#trial-form .radio-input label {margin-top:0px;}
#trial-form .radio-input label {display: inline; margin-right:15px; vertical-align: text-bottom;}
.input-checkbox-column-left {
	width: 53%;
	font-size: 0px;
	display: inline-block;
	vertical-align: top }
.input-checkbox-column-right {
	width: 45%;
	font-size: 0px;
	display: inline-block;
	vertical-align: top }
.input-checkbox-horizontal label {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: bottom;
	font-size: 13px;
	line-height: 13px; }
.input-checkbox-horizontal .input-checkbox-wrap {
	margin-bottom: 12px; display: flex; }
#input-wrapper-business-use-case {
	margin-bottom: 20px }

/* Form Submission */
#trial-form input[type=submit] {border: 1px solid #208a3d; background-color: #208a3d; color: #ffffff;  border-radius: 3px; padding: 8px 16px; cursor: pointer; display: inline-block; transition: 0.2s; font-weight: 300; margin-bottom: 24px; font-family: "SF Pro Text",Helvetica,Arial,sans-serif;line-height: 24px; min-width: 180px;}
#trial-form input[type=submit]:hover {color: #ffffff; background-color: #2da14a; border-color: #2da14a;}

/* Form Spinner */
#submission-progress-spinner {
	display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
#submission-progress-spinner .fa-spinner-third-green {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    font-size: 36px;
    width: 36px;
    height: 36px;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

/* Form Labels */
#trial-form .form-input.input-tinytext .label-tinytext {color: #717171; background-color: transparent; }
#trial-form .form-input.input-tinytext.infocus .label-tinytext {top: -18px !important; left: 0px !important; padding: 0 !important; color: #000;}
#trial-form .form-input.input-tinytext.input-checkbox-wrap input { vertical-align: top; top: 6px; position: relative;}
#trial-form .form-input.input-tinytext.input-checkbox-wrap label { display: inline-block; margin: 0px; width: 90%;}

/* Form Error Handler */
#trial-form .form-input div.error, #trial-form .form-input.input-tinytext div.error {display: inline-block; padding-bottom:20px;}
#trial-form select.error {border-color: #E00;}

/* Form Marketing Subscription */
#email-messaging, #share-app-messaging, #business-use-case-messaging {margin: 8px 0 16px;}
#trail-share-app { margin-bottom: 20px; }

.opt-in-comm-text { display: inline; vertical-align: text-bottom; }

/* Form Legal */
.trial-grey {color:#333333;}
.trial-grey, .trial-grey a {font-size: 14px; line-height: 20px;}


@media only screen and (max-width: 1068px) {
	#tertiary-nav .section { padding: 60px 0 32px 0; }
/*	#trial-container .section {padding: 0px 0}*/
	#trial-container .row .trail-message-column { padding: 60px 0px 0;}
	
	.trail-container-row { display: flex; flex-direction: column; }
	.trail-message-column { order: 2; }
	.trail-form-column { order: 1; }
	.trail-message-title-primary { text-align: center;}
	
	#trial-container .row {padding: 0 0px;}
	
	.img-guy-halligan { background-position: calc(100% - 30px) 0%; }
	
	h2.h4 {font-size: 32px; line-height: 36px;}
	#trial-title h1, #trial-title p {text-align: center;}
	#trial-title p {margin-bottom: 40px;}
	#demo-video {margin: 60px 0px;}
	#with-filemaker h2 {text-align: center; margin-bottom: 20px}
	#trial-container .row .trail-form-column .column-content {padding: 48px 68px}
}

@media only screen and (max-width: 735px) {
	#trial-container .row .column:first-child .text-container {text-align: center; padding-left: 0px; }
	#trial-container .row .column:first-child .text-container p {margin-bottom: 40px;}
	.img-guy-halligan { background-position: 50% 0%; margin-bottom: 16px; }
	.img-quotes { margin: 0 auto 16px; }
	.trail-customer-quote, .trail-customer-detail { text-align: center;}
	
	.trail-message-title { margin-top: 40px; }
	
	#trial-form input[type=submit] {min-width: 100%; margin-top: 32px; margin-bottom: 48px;}
	#subscribe-me-email {text-align: center;}
	
	h2.h4 {font-size: 28px; line-height: 32px; font-weight: 500; text-align: center;}
	
}

@media only screen and (max-width: 550px) {
	#trial-container .row .trail-form-column .column-content {
		padding: 40px; }
	.input-checkbox-column-left {
		width: 100% }
	.input-checkbox-column-right {
		width: 100%; }
}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
	.img-laptop-phone { background-image: url(/trial/images/img_download_2x.jpg); }
}