fe/* CSS Document */
html { height: 100% ;  } 
body { margin: 0; padding: 0; height: 100%;  background: radial-gradient(circle, #3b587f , #17212d 70%); /*linear-gradient( 0deg,   #3b587f , #17212d 90%); /* linear-gradient( 0deg,  #2d5c9a , #17212d 90%); *//**/ background-attachment:  fixed; overflow-x: hidden;
	
	text-align: center; /* background:  #101A1F radial-gradient(1200px 800px at 50% 250px, #638abd, #3b5980/*#8CD3E8, #2BA6CB */ 


/*background: radial-gradient(1500px 1500px at 50% 250px, #fff, #ddd );*/   }

body.blue { background: radial-gradient(circle, #3b587f , #17212d 90%); }

body.blue footer p, body.blue footer p a:not(.social-link)  { color: #fff; font-size: 14px; }
body.blue footer p a:hover  { text-decoration: underline; }
footer p a.social-link { color: #fff; }

    #logo { max-width: 300px; }

.testimonial-quote { font-size: 17px; line-height: 30px; }
.testimonial-user { font-size: 18px; line-height: 30px; }

/*ol li { margin-bottom: 15px;  list-style-type: decimal; }
ol li > ol  { margin-bottom: 15px;  list-style-type: decimal; }*/

/* Numbered lists like 1, 1.1, 2.2.1... */
ol li {display:block; margin: 9px 0; } /* hide original list counter */
ol > li:first-child {counter-reset: item;} /* reset counter */
ol > li {counter-increment: item; position: relative; margin-left: 20px;} /* increment counter */
ol > li:before {content:counters(item, ".") ". "; position: absolute; margin-right: 100%; right: 10px; font-weight: bold;} /* print counter */

.white-container { background: #fff; padding: 5rem; }

.legal-doc-border { border: #ddd solid 1px; padding: 5rem 8rem; }
.legal-doc-border h4 { font-weight: 500; color: #3b567d; margin-top: 2rem; }

.error-warning {  background: #b15757; color: #fff; padding: 2rem 2rem; border-radius: 3px; }
.error-warning p  { font-size: 16px; line-height:  36px; margin-bottom:  0; }
.error-warning p strong { font-weight: 500; }

.payment-card-image { width: 50px; margin-right: 5px; }
.payment-card-image.small { width: 40px; margin-right: 5px; }

h1, h2, h3, h4, h5, h6, p, li, a, span, input, textarea, select, option, p, li, a, input[type=text] , input[type=password], select, textarea {  font-family: 'Roboto'; }
p, li, a, input[type=text] , input[type=password], select, textarea { font-size: 15px;  }
 
h1, h1 * {  font-family: futura-pt-bold, sans-serif; font-style: normal; font-weight: 700;   color:  #3b577e; font-size: 3.2rem; text-transform: uppercase; }
h2 { font-family: 'Roboto'; font-style: normal; font-weight: 300;   color: #3b577e; font-size: 1.6rem; }
h4 { font-weight: bold; font-size: 18px; color: #3b577e; }

.off-canvas { z-index: 100; background: #324b6f;  }
.off-canvas .menu > li > a { text-align: left; color: #fff; border-bottom: #233450 solid 1px;  border-top: #496796 solid 1px; font-size: 15px; padding: 1rem; }
.row.full-width { max-width: 100%; }

p.loading { background: url(../img/ajax-loader-small.gif) left no-repeat; padding-left: 2.2rem; color: #888; font-size: 0.9rem; display: inline-block; margin: 1rem auto; }
p sup, sup { font-size: 11px!important; } 


input:-webkit-autofill {    -webkit-box-shadow: 0 0 0 1000px white inset !important;  box-shadow: 0 0 0 1000px white inset !important; }

header {  padding: 1.5rem  ; /*border-bottom: #ddd dashed 1px;*/ background: transparent;      }
#top-bar { background:  #17212d; padding: 12px 40px; border-bottom: #3b587f solid 1px;;   }
#top-bar p { color: #fff; font-size: 15px; }
#top-bar  #top-bar-menu-list { margin: 0; }
#top-bar  #top-bar-menu-list li { display: inline-block; margin-left: 2rem;  color: #fff; font-size: 15px;  }
#top-bar  #top-bar-menu-list li a { color: #fff; }
#top-bar  #top-bar-menu-list li a:hover { color: #9cbdea; }

#announcement-bar { background: #E43075; padding: 12px; }
#announcement-bar p { color: #fff; font-size: 16px; }

#home-left-button { text-align: right; }
#home-right-button { text-align: left; }


#download-modal { padding: 0; border-radius: 5px; }
#download-modal-title { padding: 0; margin-bottom: 0 !important;  border-bottom:  0; }

#software-features h3 {     font-style: normal;
    font-weight: 600;
    color: #3b577e;
    font-size: 1.3rem;
    /* text-transform: capitalize; */
    border-bottom: #E43075 solid 2px;
    padding-bottom: 10px;
    margin-bottom: 20px;  }
#software-features p { color: #333;}


.feature-screenshot { background: #fff; height: 300px; box-shadow:  0px 0px 15px 0px rgba(69, 87, 113, 0.15); margin: 20px 0; border-radius: 5px; }

.feature-screenshot#editors { background: #fff url("../img/features/instappraise-diamond-component.jpg"); background-size: cover; }
.feature-screenshot#helper { background: #fff url("../img/features/description-helper.jpg"); background-size: cover; }
.feature-screenshot#pictures { background: #fff url("../img/features/picture-editor.jpg"); background-size: cover; }
.feature-screenshot#pricing { background: #fff url("../img/features/pricing.jpg"); background-size: cover; }
.feature-screenshot#pdf { background: #fff url("../img/features/appraisal-sample.jpg"); background-size: cover; }
.feature-screenshot#accounts { background: #fff url("../img/features/customer-accounts.jpg"); background-size: cover; }

.download-modal-section { padding: 2rem 4rem; border-bottom: #ddd solid 1px; }


.small-text, .small-text a { font-size: 12px; color:  #6e819a;  }

.plan-container .small-text { margin-top: 3rem; font-size: 15px; }
.input-group-label { color: #666; }
.green { color: #5da423; } 
.validation-error { font-size: 0.9rem; color: crimson;}
.email-error-box { border: crimson solid 1px; padding: 0.9rem; margin-top: 1rem; background: #fff2f4; font-size: 0.95rem; }
.button.full-width { display: block; width: 100%; text-transform: uppercase; }
.button.round { border-radius: 25px; }
#splash h1 { color: #fff; }
#faqs { list-style: none; }
#faqs li { list-style: none; padding-bottom: 30px; }
#spoiler-container { min-height: 300px; width: 1000px; background: #fff; position: absolute; bottom: 100px; left: 50%; margin-left: -500px;  z-index: 5; border: #ccc dashed 1px; border-bottom: #2C3D58 solid 2px;  }

.spoiler-section { padding:2rem 3rem; background:  #fff;   border-top: #ccc dotted 1px; position: relative; }
.spoiler-section h3 { color:  #c1aa78; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 600;   } 

.features .spoiler-section { padding:  2.5rem; border-radius: 8px;  background: #fff; box-shadow: 0px 0px 23px 0px rgba(86, 81, 81, 0.25 ); z-index: 10; min-height: 570px; margin-bottom: 2rem; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } 
.features .spoiler-section h3 { font-style: normal; font-weight: 600; color: #3b577e; font-size: 1.6rem; /* text-transform: capitalize; */ border-bottom: #E43075 solid 2px; padding-bottom: 10px; } 
.features .spoiler-section h4 { font-style: normal; font-weight: 500; color: #3b577e; font-size: 18px; margin-bottom:  5px; }
.features .spoiler-section p { color: #333; }

#renewal-summary { background: #3b577e; }
#renewal-summary th { background: #334d71; color: #fff; font-family: Roboto; text-align: left; }
#renewal-summary td { background:  #1a293e; color: #fff; font-family: Roboto; text-align: left; }
#renewal-summary td.text-right { text-align: right; }
#renewal-summary td.up { color:#92f73f; }
#renewal-summary td.down { color:#92f73f; }

/* ================================================= TO NAVIGATION / MAIN MENU  ============================================= */ 

#top-menu { text-align: right; margin: 0px; margin-top: 0px; }
#top-menu li { display: inline-block; margin-left: 40px; }
#top-menu li a { display: block; padding: 6px 0.5rem; color: #fff; /* #2ba6cb;*/ text-decoration: none; font-size: 16px; letter-spacing: 0.4px;  font-weight: 500; /*border: transparent solid 1px; border-radius: 3px;*/ text-transform: uppercase; }
#top-menu li a#login {   background:   #E43075;  border: #E43075 solid 2px;  color:  #fff;  font-size: 14px;   border-radius: 40px; padding: 0.3rem 1.75rem  }
#top-menu li a#login:hover,
#top-menu li a#login:active { background:  #9cbdea !important;  border: #9cbdea solid 2px  !important;  color:  #3b587f  !important;  font-size: 14px;   border-radius: 40px; padding: 0.3rem 1.75rem }
#top-menu li a:hover { color: #9cbdea; /*border-color: #2ba6cb;*/ transition: border-color 0.3s ease; font-weight: 500;   }
#top-menu li a.selected { border-bottom: #3b567d solid 2px;    }


#create-account-button {  background:  #fff;  border: #3b1865 solid 2px;  color:  #3b1865;  font-size: 14px;  font-weight: 500; letter-spacing: 1px;   border-radius: 40px; padding: 0.7rem 1.75rem  }


#lead-capture {  position: relative;   background: #17212d; margin-top: -7rem; padding-top: 10rem; padding-bottom: 5rem;border-bottom: #3b587f solid 1px; }
#lead-capture-bottom {  position: relative;   background: #17212d;   padding-top: 5rem; padding-bottom: 5rem;border-bottom: #3b587f solid 1px; }

.component-specs { width: 100%;}
.component-specs,
.component-specs tr,
.component-specs td { border: none; background: #fff; font-size: 14px; padding: 0px; padding-left: 0; text-align: left; font-family: Roboto;  }


.features { background: #fff radial-gradient(1500px 1500px at 50% 250px, #fff, #d7d7d7 ); position: relative; padding-bottom: 8rem; }
.features h2,
.features p { color: #3b577e; }

.features h2 { font-family: futura-pt-bold, sans-serif; font-style: normal; font-weight: 700;  font-size: 2.6rem; text-transform: uppercase; margin-top: 1rem; } 
.features h3, .features h3 a  { font-style: normal; font-weight: 300; color: #3b577e; font-size: 1.6rem; /*text-transform: capitalize;*/ } 
.features h4 { font-style: normal; font-weight: 600; color: #3b577e; font-size: 1.4rem; margin-bottom: 1.5rem; } 
.features a  { color: #E43075 !important; }
.features a:hover { color: #ffd600; text-decoration: underline; }


.button.hollow.white-hollow { background:  #fff; border: #3b1865 solid 2px;  color:  #3b1865;  font-size: 1rem; width: 300px; border-radius: 40px;  }
.button.hollow.white-hollow:hover, #top-menu li a#login:hover { background: linear-gradient(  #3b1865, #3b1865 );   color: #fff; border-color: #3b1865;   }
.button.hollow.white-hollow:active, #top-menu li a#login:active { background: linear-gradient(  #3b1865,  #3b1865 );   color: #fff;  border-color: #3b1865;    }

.home-main-button, .home-main-button:focus {  background:  linear-gradient( 0deg, #E43075, #E43075 90% ); 
    border: #E43075 solid 1px;
    color: #fff;
    font-size: 1rem;
    width: 300px;
    border-radius: 40px;
transition: all .1s ease; box-shadow: 0px 0px 20px 0px rgba( 30, 42, 60, 0.94) !important;  }

.home-main-button:hover  { box-shadow: 0px 0px 30px 0px rgba( 30, 42, 60, 0.94) !important;  transform: scale(1.1); background: linear-gradient( 0deg, #f35a94, #E43075 90% );  }
.home-main-button:active  {   background: linear-gradient( 0deg, #E43075, #E43075 90% );   }

/* 0px 0px 23px 0px rgba(30, 42, 60, 0.94) */



#lead-capture .button.hollow.white-hollow, .features .button.hollow.white-hollow { color:  #fff !important;    }
#lead-capture .button.hollow.white-hollow, .features .button.hollow.white-hollow:hover, #top-menu li a#login:hover { background: linear-gradient(  #5e7ba2, #5e7ba2 );   color: #fff; border-color: #3b5980; text-decoration: none;  }
#lead-capture .button.hollow.white-hollow, .features .button.hollow.white-hollow:active, #top-menu li a#login:active { background: linear-gradient(  #3b577e, #3b577e );   color: #fff;  border-color: #3b5980;    }


#join-beta { background: #fff; /*linear-gradient( 20deg,  #d6438b, #9972c7 );*/ text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; font-size: 15px; border-color: #f371b0; color: #f371b0; }
#join-beta:hover { background: #f371b0; color: #fff; /*linear-gradient(  #8f73b1, #8f73b1 );*/ }
#join-beta:active { background: #f158a2; border-color: #f158a2;  }


#demo-appraisal { background: #fff; text-align: left; margin-bottom: 3rem; -webkit-box-shadow: 0px 0px 33px 0px rgba(38, 49, 66, 0.74); -moz-box-shadow:0px 0px 33px 0px rgba(38, 49, 66, 0.74); box-shadow: 0px 0px 33px 0px rgba(38, 49, 66, 0.94); }

.appraisal-card { background: #fff; width: 360px; height: 550px; ext-align: left; margin-bottom: 3rem; -webkit-box-shadow: 0px 0px 33px 0px rgba(21,36,58,1); -moz-box-shadow: 0px 0px 33px 0px rgba(21,36,58,1); box-shadow: 0px 0px 33px 0px rgba(69, 87, 113, 0.24);
	position: absolute; z-index: 5; }

.appraisal-card.large {  width: 600px; height: 800px; box-shadow: 0px 0px 33px 0px rgba(38, 49, 66, 0.74); } 
.appraisal-card.large .card-image { padding-bottom: 130% }

#appraisal-card-1.appraisal-card.large  {  bottom: -10px; left: 50%; margin-left: -300px; }
#appraisal-card-2.appraisal-card.large {  bottom: -40px; left: 50%; margin-left: -650px; z-index: 4;  transform: scale(0.92); }
#appraisal-card-3.appraisal-card.large {  bottom: -40px; left: 50%; margin-left: 50px; z-index: 4;   transform: scale(0.92); }


#appraisal-card-1.appraisal-card.large .card-image {  background: url( ../img/features/instappraise-diamond-component.jpg ) top center no-repeat; background-size: cover; }
#appraisal-card-2.appraisal-card.large .card-image {  background: url( ../img/features/instappraise-watches.jpg ) top center no-repeat; background-size: cover; }
#appraisal-card-3.appraisal-card.large .card-image {  background: url( ../img/features/instappraise-gemstone-component.jpg ) top center no-repeat; background-size: cover; }

	
.card-title { padding: 14px; text-align: left; background: #3b577e; }
.card-content { padding: 20px; text-align: left; }
.card-title p  { color: #afc1da; font-size: 14px; }
.card-content p { color: #5c6b79; font-size: 13px; }
.card-image {  padding-bottom: 90% ; background: url(../img/ring-appraisal.jpg) top center no-repeat; background-size: contain; border-bottom: #ddd solid 1px; border-top: #ddd solid 1px;  }

#appraisal-card-1 {  bottom: -10px; left: 50%; margin-left: -180px; }
#appraisal-card-2 {  bottom: -30px; left: 50%; margin-left: -460px; z-index: 4;  transform: scale(0.92);   -webkit-box-shadow: 0px 0px 33px 0px rgba(21,36,58,1); -moz-box-shadow: 0px 0px 33px 0px rgba(21,36,58,1);  box-shadow: 0px 0px 33px 0px rgba(21,36,58,1); }
#appraisal-card-3 {  bottom: -30px; left: 50%; margin-left: 100px; z-index: 4;   transform: scale(0.92);}

#appraisal-card-2 .card-image {  background: url(../img/tangomat_gmt_ber_raeuml_01.jpg) top center no-repeat; background-size: cover;}
#appraisal-card-3 .card-image {  background: url(../img/sapphire-necklace.jpg) top center no-repeat; background-size: cover;}


#appraisal-appraisal-1 {  bottom: -50px; left: 50%; margin-left: -380px; transform: rotate(-12deg) scale(0.92);  z-index: 5; }
#appraisal-appraisal-2 {  bottom: -50px; left: 50%; margin-left: -420px; transform: rotate(-24deg) scale(0.92) ; z-index: 4;     }
#appraisal-appraisal-3 {  bottom: -50px; left: 50%; margin-left: -460px;  transform: rotate(-36deg)  scale(0.92); z-index: 3;   }
#appraisal-appraisal-main {  bottom: -50px; left: 50%; margin-left: -300px; transform:  rotate(0deg) scale(1);  z-index: 6; }
#appraisal-appraisal-phones {  bottom: -120px; left: 50%; margin-left: 160px;  position: absolute; z-index: 7; background: transparent url( "../img/features/customer-accounts-mobile.png" ) top left no-repeat;   background-size: contain; width: 400px; height: 700px; }
 


#appraisal-appraisal-main,
#appraisal-appraisal-1,
#appraisal-appraisal-2,
#appraisal-appraisal-3 { -webkit-transition: -webkit-transform 1.5s ease-in-out;
          transition:         transform 1.5s ease-in-out; }

#appraisal-appraisal-main:hover  {  
    -webkit-transform: rotate( 8deg) translate(  150px, 60px) scale(1.1);
          transform: rotate( 8deg)  translate( 150px, 60px) scale(1.1); }




#appraisal-appraisal-1 .card-image { background: url("../img/features/appraisal-sample-green.jpg") top left no-repeat;   background-size: contain; }
#appraisal-appraisal-2 .card-image { background: url("../img/features/appraisal-sample.jpg") top left no-repeat;   background-size: contain; }
#appraisal-appraisal-3 .card-image { background: url("../img/features/appraisal-sample-gold.jpg") top left no-repeat; background-size: contain;}
#appraisal-appraisal-main .card-image { background: url("../img/features/appraisal-sample.jpg") top left no-repeat;   background-size: contain; }
 

.appraisal-card.demo-card { position: relative; margin: 0; }
.appraisal-card.demo-card .card-title { background: #fff; }
.appraisal-card.demo-card .card-title p  { color: #444; font-size: 14px; }


#demo-appraisal p,
#demo-appraisal h1,
#demo-appraisal h2,
#demo-appraisal h3,
#demo-appraisal h4
{ color: #222; }

#demo-appraisal h3 { font-weight: 600; font-size: 1.2rem; }

#demo-appraisal p,
#demo-appraisal ul li
{ font-size: 14px; }
.no-margin-bottom { margin-bottom: 0; }
#appraisal-sidebar { padding: 2rem;  }
.appraisal-body { padding: 3rem 2.5rem; border-left: #ccc dashed 1px; }
.appraisal-body.border-top {  border-top: #ccc dashed 1px; }
.appraisal-body.border-bottom {  border-bottom: #ccc dashed 1px; }

.advantages { color: #333; text-align: left; margin-left: 0; margin-top: 2rem;  }
.advantages li { list-style: none; font-size: 15px; margin-bottom: 15px;  }
.advantages li svg { margin-right: 10px;   }
.advantages li .fas, 
.pricing-table li .fas { margin-right: 10px; font-size: 10px; line-height: 23px; vertical-align: top; }


.feature { padding: 4rem; text-align: center; border: #ddd solid 1px; border-radius: 5px; border-bottom: #e7e7e7 solid 2px; background: #fff; margin-bottom: 2rem; min-height: 600px; }
.circle-icon { width: 200px; height: 200px; border-radius: 100px; background: #fff; margin: 0 auto 3rem; border: #333 solid 3px;}
.feature h3 { font-weight: 600; font-family: Roboto; font-size: 1.4rem; margin-bottom: 2rem; color: #333 !important;  }
.feature p { font-size: 1rem; line-height: 1.8rem; color: #333 !important;  }


.appraisal-picture { width: 100%; padding-bottom: 100%; background-size: contain; border: #eee solid 1px; margin-bottom: 15px; border-radius: 3px;  }
#appraisal-picture-one { background: url(../img/trinity-1.jpg ) center no-repeat; background-size: contain; }
#appraisal-picture-two { background: url(../img/trinity-2.jpg ) center no-repeat; background-size: contain; }
#appraisal-picture-three { background: url(../img/trinity-3.jpg ) center no-repeat; background-size: contain; }

#appraisal-signature { 
	font-family: 'Herr Von Muellerhoff', cursive;
    font-size: 3.2rem !important;
    border-bottom: #333 solid 2px;
    line-height: 1.8rem;
    padding-left: 0.5rem;
    margin-top: 2rem;
    color: #1d248a !important;
}

.fork-container { min-height: 100px;  display: block; margin-bottom:  10px; overflow: auto; position: relative; }
.fork { min-height: 100px; height: 200px; display: inline; width: 10%;  float: left; margin-bottom: 10px; } 
.fork-left {    display: inline; float: left; height: 100%; border-top: #82a8de solid 1px; border-bottom: #82a8de    solid 1px; border-right: #82a8de    solid 1px; width:40%;   } 
.fork-right {  display: inline; float: left; height: 50%;  border-bottom: #82a8de solid 1px; width:60%; position: relative; } 
.fork-content { display: inline; float: left;  width: 85%; margin-left: 5%;  position: absolute;
  top: 50%; left: 10%; 
  transform: translateY(-50%);   }
.fork-content p { color: #fff; font-size: 15px; text-align: left;  }


.groucho {
  position: relative;
  font-family: 'Sanchez', serif;
  font-size: 2.4em;
  line-height: 1.5em;
}
.groucho footer {
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.6em;
  font-weight: 700;
  color: #d3d3cf;
  float: right;
}
.groucho footer:before {
  content: '\2015';
}
.groucho:after {
  content: '\201D';
  position: absolute;
  top: 0.28em;
  right: 0;
  font-size: 6em;
  font-style: italic;
  color: #e7e6e4;
  z-index: -1;
}















#splash {
	/*min-height: 100% !important;*/
	/* 100vh */ 
	min-height: 1100px;
	position: relative;
	overflow: hidden;
	text-align: center;
	background: #88D0E6; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(#2BA6CB,  #88D0E6); /* Safari */
  	background: -o-radial-gradient(#2BA6CB, #88D0E6); /* Opera 11.6 to 12.0 */
  	background: -moz-radial-gradient(#2BA6CB, #88D0E6); /* Firefox 3.6 to 15 */
  	background: radial-gradient(circle, #88D0E6 , #298ba9 70%); /* Standard syntax */
}
#splash-content { padding: 8rem 2rem; overflow: hidden; position:  relative; min-height: 900px; background:  #fff url(../img/ring-background.jpg ) 120% 80% no-repeat; background-size: 45%; height: 1000px; padding-top: 5rem; }


#splash-content-features.home-page { height: 1200px; min-height: 900px; }
#splash-content-features { padding: 8rem 2rem; overflow: hidden; position:  relative; min-height: 1100px; background: transparent; /*radial-gradient(circle, #3b587f , #17212d 90%);  */ padding-top: 5rem; }
#splash-content-features h1 { color: #fff; }
#splash-content-features h2 { color: #9cbdea; font-weight: 300;  }


#splash-content-features .button.hollow.white-hollow, #lead-capture .button.hollow.white-hollow { background:transparent;   color: #fff; border-color: #fff;   }
#splash-content-features .button.hollow.white-hollow:active, 
#lead-capture .button.hollow.white-hollow:active,
#top-menu li a#login:active { background: linear-gradient(  #3b1865,  #3b1865 );   color: #fff;  border-color: #3b1865;    }




.features .spoiler-section:hover { transform: scale( 1.05 ); z-index: 30; }

#splash-content-features .button.hollow.white-hollow:hover,
#lead-capture .button.hollow.white-hollow:hover { background: #E43075; border-color: #E43075; color: #fff; box-shadow:  0px 0px 23px 0px rgba(30, 42, 60, 0.94); }
#splash-content.white-bg { padding: 8rem 2rem; overflow: hidden; position:  relative; min-height: 900px; background:  #fff radial-gradient(1500px 1500px at 50% 250px, #fff, #d7d7d7 ); 
/*background: url(../img/211309663.jpg) top no-repeat; background-size: cover; */ }

/* #xxxxxxxxxxxsplash-content p { font-weight: 300; color: #7f91a9  ;  color: #185B70; / font-size: 1.4rem; margin-bottom: 3rem; } */

.button.hollow.hollow-pink { background: transparent; color: #E43075; border:  #E43075 solid 2px; font-weight:  500; border-radius: 40px;  display: block; width: calc( 100% - 5rem ); position: absolute; bottom: 30px; text-transform: uppercase; font-size: 13px;  }
.button.hollow.hollow-pink:hover { background:#E43075; color: #fff !important; text-decoration: none; }

.button.pink-hollow { background: transparent; color: #E43075; border:  #E43075 solid 2px; font-weight:  500; font-family: 'Roboto'; border-radius: 40px; letter-spacing: 0.5px; display: block; width: 100%; text-transform: uppercase; font-size: 14px;  }
.button.pink-hollow:hover { background:#E43075; color: #fff !important; text-decoration: none; }


.button.pink { background: #E43075;  min-width: 300px; color: #fff !important; /* border:  #E43075 solid 2px; */ font-weight: 500 !important; border-radius: 40px; letter-spacing: 0.5px;  text-transform: uppercase; font-size: 15px;  }
.button.pink:hover { background:#E43075; color: #fff !important; text-decoration: none; }

.blue-angle-bottom,
.white-angle-bottom { 
	position: absolute;
	bottom: -300px;
	left: -50%;
	z-index: 10;
	width: 200%;  
    height: 400px;
	-ms-transform: rotate(5deg);  
	-webkit-transform: rotate(5deg);  
	transform: rotate( 5deg);
	border: #fff solid 0px; 
	background:  #3b587f; 
}

.blue-angle-bottom-right,
.white-angle-bottom-right { 
	position: absolute;
	bottom: -300px;
	left: -50%;
	z-index: 10;
	width: 200%; 
    height: 400px;
	-ms-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg); 
	transform: rotate( -5deg);
	border: #fff solid 0px; 
	background:  #3b587f; 
}

.blue-angle-bottom-right,
.blue-angle-bottom {
	background: #fff; 
}

 

.angle-bottom-white { 
	position: absolute;
	bottom: -300px;
	left: -50%;
	z-index: 10;
	width: 200%;  
    height: 400px;
	-ms-transform: rotate(5deg);  
	-webkit-transform: rotate(5deg);  
	transform: rotate( 5deg);
	box-shadow: 0px 0px 33px 0px rgba(38, 49, 66, 0.74);
	background:  #fff radial-gradient(1500px 1500px at 50% 250px, #fff, #d7d7d7 ); 
}

.angle-bottom-white-top { 
	position: absolute;
	bottom: -300px;
	left: -50%;
	z-index: 11;
	width: 200%;  
    height: 400px;
	-ms-transform: rotate( 5deg);  
	-webkit-transform: rotate(5deg);  
	transform: rotate( 5deg);
	box-shadow: 0px;
	background: #fff radial-gradient(1500px 1500px at 50% 250px, #fff, #d7d7d7 ); 
}


.angle-bottom-white-right { 
	position: absolute;
	bottom: -300px;
	left: -50%;
	z-index: 10;
	width: 200%; 
    height: 400px;
	-ms-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg); 
	transform: rotate( -5deg);
	box-shadow: 0px 0px 33px 0px rgba(38, 49, 66, 0.74);
    background: #fff radial-gradient(1500px 1500px at 50% 250px, #fff, #d7d7d7 ); 
}

.angle-pink { 
	position: absolute;
	bottom: -300px;
	left: -50%;
	z-index: 10;
	width: 200%; 
    height: 200px;
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg); 
	transform: rotate( 3deg);
	box-shadow: 0px 0px 33px 0px rgba(38, 49, 66, 0.74);
    background:  #E43075; 
}

#best-value { position: absolute;  transform: rotate(-45deg); background: #E43075 ;   text-align: center; top: 35px; left: -60px; width: 220px; height: 30px; line-height: 30px; font-weight: bold; font-size: 15px; color: #fff; margin-bottom: 0; border-bottom: #bd2f5c solid 1px; }

.shadow-container { background: #fff;  box-shadow: 0px 0px 33px 0px rgba(69, 87, 113, 0.15);  padding: 3rem;  position: relative; border-radius: 8px; }
.shadow-container.wide { padding: 6rem;  }

.shadow-container h3 { font-style: normal; font-weight: 600; color: #3b577e; font-size: 1.6rem; /* text-transform: capitalize; */ border-bottom: #E43075 solid 2px; padding-bottom: 10px; margin-bottom: 20px;  } 
.shadow-container p a { color: #E43075 }
#how-it-works { height: 1200px; background: #fff;  overflow: hidden; position: relative; padding-top: 25rem; }



.pricing-sheet-header h3 { font-family: futura-pt-bold, sans-serif; color: #fff; font-size: 1.8rem; font-weight: 900; margin-bottom: 0; }
.pricing-sheet-header { background: #3b577e; padding: 2rem; }
.pricing-sheet { background: #fff; padding: 0; box-shadow: 0px 0px 33px 0px rgba(69, 87, 113, 0.15);  padding-bottom: 10rem; }
.pricing-sheet h2 { font-size: 4rem; font-family: futura-pt-bold, sans-serif;  text-align: center;}
.pricing-sheet .dollar { font-family: futura-pt-bold, sans-serif; font-size: 2rem; line-height: 5.4rem; vertical-align: top; }
.pricing-sheet .monthly { font-size: 1rem; }
.pricing-sheet-options { background: #fff; padding: 20px;   }
.pricing-table li { padding: 6px 0; padding-left: 1rem; border-bottom: #ddd dotted 1px; list-style: none; text-align: left; }
.pricing-table li.action { padding: 2rem 0; border-bottom: 0; text-align: center; }

.plan-container { min-height: 700px; border-radius: 5px; padding-top: 4rem; }


.pricing-option h3 { font-family: futura-pt-bold, sans-serif; color:  #3b577e; font-size: 2.4rem; font-weight: 900; margin-bottom: 20px; letter-spacing: -1px; }
.pricing-option .pricing-circle { width: 160px; height: 160px; border-radius: 100px; border: #3b577e solid 2px; text-align: center; margin: 20px auto; padding-top: 55px; }

.dollar-sign { font-size: 20px; line-height: 28px; vertical-align: top; font-weight: bold;  font-family: futura-pt-bold, sans-serif; color: #3b577e; }
.price-integer { font-size: 45px; line-height: 45px; vertical-align: top; font-weight: 600; font-family: futura-pt-bold, sans-serif; color: #3b577e;  }
.price-cents { font-size: 12px; line-height: 22px; vertical-align: top; font-weight: 600;  font-family: futura-pt-bold, sans-serif; color: #3b577e; }
.price-per-month { font-weight: 300;    color: #3b577e;  }


.quote-summary td { background: #fff1d2; padding: 10px 0; font-family: Roboto; font-size: 16px; }

.store-hours td { background: #fff; padding: 2px 0; font-family: Roboto; font-size: 13px; }
.store-hours, .quote-summary { width: 100%; }


.checkout-table td , .checkout-table th { font-family: 'Roboto'; padding: 15px 10px; color: #333; font-size: 15px;  }
.checkout-table { border-top: #ddd solid 1px;  border-bottom: #ddd solid 1px; }

.large-button { display: block; border: #666 solid 2px;   border-radius: 8px; width: 100%; text-align: center; padding: 2rem 1rem;  cursor: pointer; margin-bottom: 2rem;}
.large-button:hover { display: block; border: #2ba6cb solid 2px; border-radius: 8px; }
.large-button.selected {  border: #E43075 solid 2px; }
.large-button.selected h4, .large-button.selected p {  color: #E43075; }
.large-button:not(.selected):hover h4, .large-button:not(.selected):hover p {  color: #2ba6cb; }
.large-button h4 { font: 16px 'Roboto'; font-weight: bold; text-transform: uppercase; margin: 0; margin-bottom: 5px; color:  #2ba6cb; }
.large-button p { font: 15px 'Roboto'; margin-bottom: 0;  }


#tech-features { background:  #FAFAFA url('../img/ipad-2.jpg') bottom right no-repeat; background-size: contain;  padding: 7rem 0; }
#tech-features #ms-apple-logos { margin-top: 6rem; max-width: 230px; }

#existing-account-container  { display: none; }
 

#payment-method { list-style: none; margin: 0; } 
#payment-method li { border: #ccc solid 1px; border-radius: 5px; padding: 10px 15px; margin-bottom: 10px;  }
#payment-method li:hover { cursor: pointer; border-color: #5682b1;  }
#payment-method li.selected { background: #fff2d7; border: #e6b5b5 solid 1px; }
#payment-method li.selected p { font-weight: 600; }
#payment-method li.disabled { color: #aaa; border-color: #ccc !important; }

#payment-method li p { height: 34px; line-height: 34px; vertical-align: middle; }

#new-payment-method-container { display: none; margin-top: 2rem;   }
#new-payment-method-container.expanded { display: block;  }

#promo-code { margin-top: 0; font-size:  15px; letter-spacing: 0px; font-weight: bold; height: auto; padding: 13px; }
#apply-promo-code { border-radius: 3px; }


/* ================================================= LOGIN BOX & RESET PASSWORD ============================================= */ 

#login-box {   /* border: #ddd solid 1px; */ background: #fff; max-width: 450px; margin: 3rem auto 3rem; border-radius: 5px; padding: 4rem; /*box-shadow: 0px 0px 5px 0px rgba(31,111,133,1);*/ }
#login-box h3 { font-size: 1.4rem; text-align: center; font-weight: 300;  }
#login-box #user-preview-border { width: 172px; height: 172px; border-radius: 86px; background: #fff; margin: 0rem auto 2rem; padding: 5px; border: #999 solid 1px;  }
#login-box #user-preview { width: 160px; height: 160px; border-radius: 80px; background: #fff url(../img/animat-diamond.gif); background-size: cover;   }
#login-box input[type=text], #login-box input[type=password], #login-box select { border: 0; box-shadow: none; border-bottom: #666 solid 2px; margin-top: 1.5rem; outline: 0; padding-left: 0; }
#login-box input[type=text]:focus, #login-box input[type=password]:focus,  #login-box select:focus { border-bottom-color: #2ba6cb; color: #2ba6cb; }
#login-box input[type=button], #login-box input[type=submit] { margin-top: 2.5rem; }
#login-box .validation-error { margin-bottom: 0.5rem; }

.contact-form label { font: 14px 'Roboto'; color: #888; margin-top: 10px;  display: none; }
.contact-form input[type=text], 
.contact-form input[type=password], 
/* .contact-form select { border: 0; box-shadow: none; border-bottom: #3b577e solid 1px; margin-top: 25px; outline: 0; padding-left: 0;  border-radius: 0; background: #fff;  } */
.contact-form select,
.contact-form textarea { border: #dcdcdc solid 1px; box-shadow: none;   margin-top: 25px; outline: 0;   border-radius: 5px; background: #fff; height: auto; padding: 15px; font-size: 16px; }



.contact-form input[type=text]:focus, .contact-form input[type=password]:focus,  .contact-form select:focus { border-color: #2ba6cb; color: #2ba6cb; background: #fff; }
.contact-form input[type=button], .contact-form input[type=submit] { margin-top: 2.5rem; }
.contact-form .validation-error { margin-bottom: 0.5rem; }
/*.contact-form textarea {   box-shadow: none; border : #3b577e solid 1px; margin-top: 15px; outline: 0; padding: 10px; padding-left: 10px;  border-radius: 0; } */
.contact-form input:invalid,
.contact-form select:invalid,
.contact-form textarea:invalid
{ background: #f8faff;  } 




#cc-form label { font: 14px 'Roboto'; color: #888; margin-top: 10px;  display: none; }
#cc-form input[type=text], #cc-form input[type=password], #cc-form select { border: 0; box-shadow: none; border-bottom: #3b577e solid 1px; margin-top: 25px; outline: 0; padding-left: 0;  border-radius: 0; background: #fff;  }
#cc-form input[type=text]:focus, #cc-form input[type=password]:focus,  #cc-form select:focus { border-bottom-color: #2ba6cb; color: #2ba6cb; }
#cc-form input[type=button], #cc-form input[type=submit] { margin-top: 2.5rem; }
#cc-form .validation-error { margin-bottom: 0.5rem; }
#cc-form textarea {   box-shadow: none; border : #3b577e solid 1px; margin-top: 15px; outline: 0; padding: 10px; padding-left: 10px;  border-radius: 0; } 
#cc-form input:invalid { background: #f6f6f6; padding-left: 12px;  } 


#download-form label { display: none; font: 14px 'Roboto'; color: #888; margin-top: 10px;  }
#download-form input[type=text], 
#download-form input[type=password], 
#download-form input[type=email], 
#download-form select { font-size: 16px; border: 0; box-shadow: none; border-bottom: #3b577e solid 2px; padding: 10px; padding-left: 0px;  margin-top: 25px; outline: 0;  border-radius: 0; background: #fff url("../img/yes.png") right no-repeat;  }

#download-form input[type=text]:focus, 
#download-form input[type=email]:focus, 
#download-form input[type=password]:focus, 
#download-form select:focus { border-bottom-color: #2ba6cb; color: #2ba6cb; }

#download-form input[type=button], #download-form input[type=submit] { margin-top: 2.5rem; }

#download-form .validation-error { margin-bottom: 0.5rem; }
#download-form textarea {   box-shadow: none; border : #3b577e solid 2px; margin-top: 15px; outline: 0; padding: 10px; padding-left: 10px;   border-radius: 0; } 
#download-form input:invalid { background:  #fff;   border-bottom:  #E43075 solid 2px; padding-left:  0px;  } 




footer { position: relative; background: #17212d ; padding: 4rem;  }
footer ul { margin: 0; list-style: none; }
footer ul li { list-style: none; margin-bottom: 10px;}
footer p, footer p a { color: #fff; }
footer p a,  footer li a  { color: #9bb7de; }
footer li .fab { margin-right: 10px; }
footer p a:hover,   footer li a:hover { color: #fff; }
footer p a.social-link {  color: #9bb7de; font-size: 23px; display: inline-block; width: 50px; height: 50px; border: #9bb7de solid 2px; border-radius: 30px;   line-height: 48px; }
footer p a.social-link:hover { color: #fff; border-color: #fff; }



.social-link.round { display: inline-block; color: #E43075; font-size: 34px; width: 60px; height: 60px; border: #E43075 solid 2px; border-radius: 40px;  line-height: 60px; vertical-align:  middle; text-align: center !important; margin-right: 8px; }
.social-link.round:hover { background: #E43075; color:  #fff;  }



::-webkit-input-placeholder { /* Edge */
  color:  #98a3b3 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #98a3b3 !important;
}

::placeholder {
  color: #98a3b3 !important;
}


/* ===================================================  Small only =============================================  */
@media screen and (max-width: 39.9375em) {
	
	h1 { font-size: 1.7rem; }
	h2 { font-size: 1.3rem; }
	#splash-content { height: auto; /*1100px; */ padding: 3rem 5px; }
	#splash-content-features.home-page { height: 950px;  padding-left: 10px; padding-right: 10px; }
	#splash-content.white-bg {   padding: 8rem 0px;  } 
	
	.advantages li { font-size: 15px; }
	.features h2 { font-size: 1.6rem; }
	.white-container { background: #fff; padding: 15px; }
	.legal-doc-border { border:0; padding: 15px; }
	.appraisal-body { padding: 15px; }
	#demo-appraisal .component-specs { margin-top: 10px !important; border-top: #ddd dotted 1px; }
	#demo-appraisal .component-specs td { font-family: 'Roboto'; color: #000; font-size: 12px !important; border-bottom: #ddd dotted 1px !important; padding: 6px 0 ; }
	
	.component-specs td.spec-name { width: 170px;   }
	.component-specs td.spec-value { text-align: right;  }
	.shadow-container.wide { padding: 1rem;  }
	.appraisal-card.large { width: 300px; height: 600px; }
	#appraisal-appraisal-1 {  bottom: -160px; left: 50%; margin-left: -200px; transform: rotate(-10deg) scale(0.92);  z-index: 5; }
    #appraisal-appraisal-2 {  bottom: -160px; left: 50%; margin-left: -240px; transform: rotate(-20deg) scale(0.92) ; z-index: 4;     }
    #appraisal-appraisal-3 {  bottom: -160px; left: 50%; margin-left: -280px;  transform: rotate(-30deg)  scale(0.92); z-index: 3;   }
    #appraisal-appraisal-main {  bottom: -160px; left: 50%; margin-left: -150px; transform:  rotate(0deg) scale(1);  z-index: 6; }
    #appraisal-appraisal-phones {  bottom: -180px; left: 50%; margin-left: 50px;  position: absolute; z-index: 7; background: transparent url( "../img/features/customer-accounts-mobile.png" ) top left no-repeat;   background-size: contain; width: 280px; height: 600px; }
	
	.button.hollow.hollow-pink { position: relative; width: 100%; display: block; bottom: 0; margin-top: 3rem; }
	footer { padding: 3rem 1rem; }
	#home-left-button { text-align: center; }
	#home-right-button { text-align: center; }
	#top-bar { padding: 12px; }
	.plan-container { margin-bottom: 5.5rem; }
	
	#tech-features { background:  #FAFAFA url('../img/ipad-2.jpg') bottom right no-repeat; background-size: contain;  padding: 4rem 3rem; padding-bottom: 20rem;}
	#tech-features #ms-apple-logos { margin-top: 0rem; margin-bottom: 3rem;  max-width: 230px; }
}

/* Medium and up */
/* ===================================================  Medium only =============================================  */
@media screen and (min-width: 40em) {
	
}

/* ===================================================  Medium only =============================================  */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    h1 { font-size:  2.8rem; }
    h2 { font-size:  16px; }
    .appraisal-card.large { width: 400px; height: 600px; }
    #splash-content { height: auto; }
    #splash-content-features.home-page { height: 700px !important; padding-top: 3rem; min-height: 920px; padding-left: 10px; padding-right: 10px; }
    #appraisal-appraisal-1 {  bottom: -50px; left: 50%; margin-left: -280px; transform: rotate(-10deg) scale(0.92);  z-index: 5; }
    #appraisal-appraisal-2 {  bottom: -50px; left: 50%; margin-left: -320px; transform: rotate(-20deg) scale(0.92) ; z-index: 4;     }
    #appraisal-appraisal-3 {  bottom: -50px; left: 50%; margin-left: -360px;  transform: rotate(-30deg)  scale(0.92); z-index: 3;   }
    #appraisal-appraisal-main {  bottom: -50px; left: 50%; margin-left: -200px; transform:  rotate(0deg) scale(1);  z-index: 6; }
    #appraisal-appraisal-phones {  bottom: -120px; left: 50%; margin-left: 60px;  position: absolute; z-index: 7; background: transparent url( "../img/features/customer-accounts-mobile.png" ) top left no-repeat;   background-size: contain; width: 300px; height: 600px; }
    footer { padding: 3rem 1rem; }
	.shadow-container.wide { padding: 3rem;  }
	
	#tech-features { background:  #FAFAFA url('../img/ipad-2.jpg') bottom right no-repeat; background-size: contain;  padding: 4rem 3rem; padding-bottom: 25rem;}
	#tech-features #ms-apple-logos { margin-top: 0rem; margin-bottom: 3rem;  max-width: 230px; }
    
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}


