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

/* 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 {padding: 0px 0px;}
.trial-container .row .trail-message-column { padding: 100px 80px 0px 0px;}
html[lang=en] .trial-container .row .trail-message-column { padding: 60px 80px 0px 0px;}
.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: #f3fafe; margin-bottom: 120px; }
.trial-container .row .trail-form-column .column-content { padding : 60px 49px; }
.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 .h1, .trail-message-column p { color: #fff; }
.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;}

/* Trial Title */
#trial-title img { width: 370px; margin-bottom: 16px; }
#trial-title .h1 { font-size: 3.6rem; line-height: 3.85rem; font-weight: 500; margin-bottom: 30px; }

@media only screen and (max-width: 735px) {
	#trial-title img { width: 300px; margin-bottom: 12px; }
	#trial-title .h1 { font-size: 2.6rem; line-height: 2.85rem; font-weight: 500; margin-bottom: 20px; }
}

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

@media only screen and (max-width: 1068px) {
	.trial-container .row .trail-message-column { padding: 0px 60px; }
	html[lang=en] .trial-container .row .trail-message-column { padding: 0px 60px; }
	#trial-title .column-content { text-align: center; }
}

@media only screen and (max-width: 735px) {
	.trial-container .row .trail-message-column { padding: 0px 20px; }
	html[lang=en] .trial-container .row .trail-message-column { padding: 0px 20px; }
}

@media only screen and (max-width: 374px) {
	#trial-title img { width: 220px; margin-bottom: 12px; }
	#trial-title .h1 { font-size: 2rem; line-height: 2.25rem; font-weight: 500; margin-bottom: 20px; }
}

.d4-text { justify-content: start; }
.d4-text p.h5 { margin-bottom: 8px; }
.d4 .column-content { width: 95%; }

/* 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: #fff; }
  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 }
#input-wrapper-business-use-case {
	margin-bottom: 20px }
#trial-form .optional { color: #B9B9BB; }

/* Form Submission */
#trial-form input[type=submit] {border: 1px solid #208a3d; background-color: #208a3d; color: #ffffff;  border-radius: 3px; padding: 8px 20px; 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; }
#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: 13px; line-height: 16px;}


@media only screen and (max-width: 1068px) {
	#tertiary-nav .section { padding: 60px 0 32px 0; }
	.trial-container .section {padding: 0px 0}
	
	.trail-container-row { display: flex; flex-direction: column; }
	.trail-message-column { order: 1; }
	.trail-form-column { order: 2; }
	.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; white-space: pre-line; }
	#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); }
}