/* ------------------------------------------------------------------ */
/* a. General and Common Styles
/* ------------------------------------------------------------------ */

body {
	background: #f4f4f4;
	color: #333;
}
h5 {
    color: #00bcdd;
}

em {
    font-weight: bold;
    font-style: normal;
}
.appnote em {
    font-weight: normal;
    font-style: italic;
}

#features h2, #features h3, .product h2, .product h3, .product h4 {
	border-bottom: 2px solid #00bcdd;
	color: #00bcdd;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 120px;
  padding: 5px 10px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

[aria-label][data-balloon-pos]:after {
    border-radius: 6px !important;
    font-size: 1em !important;
}

table { margin-bottom: 30px; }
table tbody tr:nth-of-type(odd) { background: #f8f9fa; }

table td, table th {
    padding: .4rem 1rem;
    border-bottom: .05rem solid #e7e9ed;
}
table th { border-bottom-width: .2rem; color: #444; }

#mainmatter {
	 padding: 32px 0 16px;
	 background: #fff;
}

#mainmatter img {
    max-width: 55%;
    padding: 10px 15px;
    border-radius: 10px 0;
    background: #fff;
}

#mainmatter img.borderless {
    padding: 0;
    border: none;
    border-radius: 0;
}

#mainmatter .product-photo {
	max-width: 90%;
	max-height: 350px;
	margin: 0 auto 20px;
	display: block;
}

.row {
    padding-left: 10px;
    padding-right: 10px;
}

/*.row-wrapper { background: #fff; }*/

#mainmatter .row-wrapper > .row > .column {
    width: 100%;
}

#mainmatter .row-wrapper:nth-of-type(even) {
	background: #f4f4f4;
}

#mainmatter .row {
    padding: 25px 10px;
}

#mainmatter .now-shipping {
    background: #62a1d6;
    color: #fff;
    margin: 40px 0px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
}


code {
	background: #fff;
	border-radius: 5px;
	border: 1pt solid #ddd;
	padding: 3px 8px;
}

#sidebar li p {
	display: inline;
}

.button { transition: transform 0.3s ease-in-out; }
a, a:visited { color: #07c; transition: none; }
a:hover { color: #09f; }

.section-head {
  	padding: 0 4%;
   text-align: center;
}
.section-head h1 {
   font: 20px/36px 'opensans-bold', sans-serif;
   color: #333;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 12px;
}

/* for css animations */
.show { opacity: 1; }
.js #mc_embed_signup input[type="email"],
.js #mc_embed_signup input[type="submit"] {
   opacity: 0;
}

#mainmatter ul li { list-style: outside; line-height: 1.5em; margin-bottom:6px; margin-left:18px; }
#mainmatter ol li { clear: both; }

/* ------------------------------------------------------------------ */
/* b. Header Styles
/* ------------------------------------------------------------------ */

header {
   height: 80px;
   width: 100%;
   /*background: #181d21;*/
   /*background: #62a1d6;*/
  /* background: radial-gradient(circle at 100%, #333, #111);*/
   background: #fff;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 990;
   border-bottom: 2pt solid #62a1d6;
}

/* header logo */
header .logo {
   margin-left: 0px;
   margin-right: 20px;
   margin-top: 8px;
   float: left;
   width: auto; 
   z-index: 991; 

   /* add position relative since z-index only applies to  
   elements that have been given an explicit position */
   position: relative; 
}
header .logo a {
   display: block;
   margin: 0;
	padding: 0;
	border: none;
	outline: none;
   height: 18px;   
}

/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap, #nav-wrap > ul {
	 margin: 12px 0 0;
	 padding: 0;
	 border: none;
	 outline: none;
}

/* nav-wrap */
#nav-wrap {
   float: right;
}

/* hide toggle button */
#nav-wrap > a { display: none; }

#nav {
   width: auto;
   position: relative;
   text-align: left;
}
#nav li {
   position: relative;
   list-style: none;
   margin: 0;
   display: inline-block;
}
#nav li li {
    display: block;
    font-size: 10pt;
}
#nav .sub-menu {
    box-shadow: 0 10px 13px -6px rgba(0,0,0,.8);
	margin: 0;
}

#nav li a {
   padding: 8px 16px;
   line-height: 38px;
	text-decoration: none;
   text-align: left;
   color: #000;
}
#nav li li a {
    line-height: 32px;
    padding: 4px 16px;
    width: 280px;
}

#nav li li.active {
    background: #ccc;
}

.sub-menu li a {
  display: block;
}
#nav li.has-children, #nav li.has-children li {
  position: relative;
}

#nav a {
  /*padding: 1em;*/
  display: flex;
  justify-content: space-between;
  transition: none;
}
#nav .sub-menu {
  border-width: 1px 0 0;
  display: none;
}
#nav li:hover > .sub-menu, #nav li:active > .sub-menu, #nav li:focus > .sub-menu {
  display: inherit;
}
#nav span {
  padding: 1em 1.25em;
  margin: -1em -1em -1em .5em;
}

.nav--rtl #nav span {
  margin: -1em .5em -1em -1em;
}

@media only screen and (min-width: 820px) {
  #nav {
    display: flex;
    flex-flow: row wrap;
  }
  #nav > li > a span {
    padding-left: 0;
  }
  #nav.menu .sub-menu {
    position: absolute;
    z-index: 3000;
    top: 100%;
    left: 0;
    border-width: 0;
  }
  #nav.menu .sub-menu .sub-menu {
    top: 0;
    left: 80%;
  }
}
#nav.menu > li,
#nav.menu > li span {
  border-color: rgba(255, 255, 255, 0.1);
}
#nav.menu li > a:hover, #nav.menu li > a:active, #nav.menu li.hover > a {
  background-color: #62a1d6;
  color: #fff;
}
#nav .sub-menu {
  background-color: #f3f3f3;
}
#nav .sub-menu,
#nav .sub-menu span,
#nav .sub-menu li,
#nav .sub-menu li span {
  border-color: rgba(0, 0, 0, 0.1);
}
#nav .sub-menu li,
#nav .sub-menu li a {
  color: #222;
}

#nav li > a:after { content:  ' \0025bc'; }
#nav li > a:only-child:after { content: ''; }


#breadcrumbs {
    height: 2rem;
    line-height: 2rem;
    font-size: 12px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#breadcrumbs span {
    padding: 0;
}

/* ------------------------------------------------------------------ */
/* c. Hero Section
/* ------------------------------------------------------------------ */
#hero {
   padding-top: 86px;
   background: url(img/hero-mog.jpg) right 40%;
   overflow: hidden;
   height: 250px; 
   background-size: cover;
   position: relative;
}

#hero.hero-main {
   height: 350px; 
}

#hero .row { max-width: 1040px; }

.hero-main .hero-box {
    max-width: 560px;
}
.hero-text {
    text-align: left;
    margin: 40px auto 24px auto;
}

/* Hero Text */
.hero-main .hero-text {
   margin: 104px auto 24px auto;
}
.hero-text h1 {
   background: rgba(255,255,255,0.85);
   padding: 25px;
   font-size: 40px/1.2em; 
   color: #000;
   margin: 0;
   /*text-shadow: 0px 1px 4px rgba(0, 0, 0, .2);*/
   display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hero-text em {
    font-size: 1em;
}
.hero-text h1 span,
.hero-text a { color: #11ABB0; }
.hero-text p {
   font: 16px/30px 'opensans-regular', sans-serif;
   padding: 0;
   margin: 12px 8% 0;
   /*text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);*/
}

/* Hero Image */
.hero-image {
   width: 100%;
   margin: 0 auto;
}
.hero-image img {
   vertical-align: bottom;
   display: block;
}


/* ------------------------------------------------------------------ */
/* d. Features Section
/* ------------------------------------------------------------------ */

.feature .row {
    vertical-align: middle;
}

img.right {
	margin-left: 20px;
	margin-bottom: 10px;
	clear: right;
	float: right;
}

.feature-media img {
    padding: 0px;
    background: #fff;
    border-radius: 10px 0px;
    max-height: 160px;
    max-width: 100%;
    width: auto;
    height: auto;
}


.feature:nth-of-type(even) {
    background: #f2f2f2;
}
.feature:nth-of-type(even) img {
    padding: 10px;
}

#features {
   background: #fff;
   padding-top: 32px;
   padding-bottom: 78px;
   overflow: hidden;
}
.feature {
   padding: 15px 10px;
}
.feature .columns {
    padding-left: 10px;
    padding-right: 10px;
}
.contact .feature .columns:first-of-type {
    padding-left: 0;
}
.appnote #mainmatter img {
    max-width: 80%;
    margin: 1em auto 0;
    display: block;
}
.appnote figure {
    text-align: center;
}
.appnote #mainmatter figure img {
    display: inline;
}
.appnote .center figcaption {
    text-align: center;
}
.appnote figcaption {
    text-align: left;
    font-style: italic;
}
.appnote h3 a {
    margin-top: -120px; 
    padding-top: 120px; 
    display: inline-block;
}
.appnote #mainmatter figure.twofig img {
    max-width: 48%;
}
.appnote .download {
    border-radius: 5px;
    background: #f4f4f4;
    padding: 5px 10px;
    margin-bottom: 2em;
}
.appnote figure.center {
    width: fit-content;
}
.appnote figure {
    margin: 0 auto 1em;
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px 0;
}
figure p {
    margin-bottom: 0;
}
.subfig {
    width: fit-content;
    margin: 0 auto;
}
.subfig img {
    display: inline !important;
}
p {
    margin-bottom: 10px;
}
.right {
   float: right;   
}
img.right {
   margin-left: 24px;    
}
.left {
   float: left;   
}
img.left {
   margin-right: 32px;    
}
.feature .feature-media {
    z-index: 100;
    text-align: center;
}
.feature h3 {
   font: 18px/24px 'opensans-bold', sans-serif;
   margin-bottom: 5px;
}

#features2 {
    padding: 0 0 30px;
    background: #F7F7F7;
}
#features2 .row {
    padding: 0;
}
#features2 .glance {
    background: #f0f0f0;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    color: #444;
}
#features2 .row .showcase-tables {
    margin: 0 -20px;
}
#features2 .price-block {
    height: 150px;
    overflow: hidden;
    background: #fff;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px;
}
#features2 .plan-title {
    margin: -10px -10px 5px;
    padding-bottom: 10px;
}
.row .blurb {
    background: #62a1d6;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    margin: 0 -15px 15px;
}

/*----------------------------------------------*/
/*	e. Main page showcase
/*----------------------------------------------*/

#showcase {
	background: #fff;
   padding-top: 32px;
   padding-bottom: 0;   
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
   text-align: left;
}
#showcase img {
    max-height: 140px;
	margin-top: 20px;
}
#showcase p {
    margin-bottom: 5px;
}
#showcase .row {
    padding-bottom: 20px;
}
.showcase-block {
   background: #fff;
   border: 2px solid #E0E0E0;
   border-radius: 10px 0 10px 0;
   text-align: center;
   margin-bottom: 36px;
   transition: transform .2s;
}
#showcase .showcase-block {
   height: 220px;
}
#showcase .showcase-block:hover {
    transform: scale(1.1);
}
.showcase-title {
  	font: 11pt 'opensans-bold', sans-serif;
    background: #eee;
	color: #000;
	border: none;
    margin-top: 10px;
  	padding: 5px 20px;
   margin-bottom: 0px;
  	text-align: center;
}

/* ------------------------------------------------------------------ */
/* g. Call To Action Section
/* ------------------------------------------------------------------ */

#call-to-action b { font: 28px/36px 'opensans-bold', sans-serif; }

#call-to-action {
   background: #62a1d6;
   padding-top: 16px;
   padding-bottom: 16px;
   color: #fff;
   font: 20px 'opensans-semibold', sans-serif; 
}
#call-to-action .columns {
    padding-left: 0;
}
#call-to-action .action {
    text-align: right;
}

button, .button, .button:visited {
    background: #ffae1a;
    text-align: center;
    
}
button:hover, .button:hover {
    transform: scale(1.1);
    color: #fff;
}
.button.quote {
    background: #62a1d6;
}
hr {
    border: 1px solid #00bcdd;
}

#call-to-action p a {
   color: #fff;
   font-style: italic;
   font-weight: bold;
}
#call-to-action a {
   margin-bottom: 0;
}
#call-to-action p {
    font-size: 24px;
    padding: 8px 0;
    font-family: 'opensans-semibold', sans-serif; 
    margin-bottom: 0;
}


/* Flex Slider
/* ------------------------------------------------------------------ */

/* Reset */
.flexslider a:active,
.flexslider a:focus  { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.slides li { margin: 0; padding: 0;}

/* Necessary Styles */
.flexslider {
   position: relative;
   zoom: 1;
   margin: 0;
   padding: 0;
}
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container { zoom: 1; position: relative; }

/* Clearfix for .slides */
.slides:before,
.slides:after {
   content: " ";
   display: table;
}
.slides:after {
   clear: both;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* Slider Styles */
.slides { zoom: 1; }
.slides > li {
   /*margin-right: 5px; */
   overflow: hidden;
}

/* Control Nav */
.flex-control-nav {
   width: 100%;
   text-align: center;
}
.flex-control-nav li {
   margin: 0 6px;
   display: inline-block;
   zoom: 1;
   *display: inline;
}
.flex-control-paging li a {
   width: 12px;
   height: 12px;
   display: block;
   background: #ddd;
   background: rgba(255, 255, 255, .3);
   cursor: pointer;
   text-indent: -9999px;
   border-radius: 20px;
   box-shadow: inset 0 0 3px rgba(255, 255, 255, .3);
}
.flex-control-paging li a:hover {
    background: #CCC;
    background: rgba(255, 255, 255, .7);
}
.flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, .9);
    cursor: default;
}


/* ------------------------------------------------------------------ */
/* j. Footer
/* ------------------------------------------------------------------ */

footer {
   padding-top: 10px;
   margin-bottom: 0px;
   color: #3c4753;
   font-size: 13px;
   line-height: 24px;
   position: relative;   
}

footer a, footer a:visited { color: #0A6567; }
footer a:hover, footer a:focus { color: #fff; }

footer .info { padding-right: 90px; }

footer .footer-logo a {
   display: block;
   margin-bottom: 12px;
   margin-top: 12px;
   margin-left: 3px;
}
footer .footer-logo a img {
   height: 24px;
   width: 92px;
}

footer .right-cols .columns {
   padding-right: 5px;
   padding-left: 5px;
   width: 33.33333%; ;
}
footer .right-cols .columns p { margin-bottom: 6px; }

footer h3 {
   font: 13px/24px 'opensans-semibold', sans-serif;
   margin-bottom: 0;
   font-weight: normal;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
}
footer h3:before {
   font-family: 'FontAwesome';   
	margin: 0 0 6px 3px;
	font-size: 30px;
   line-height: 48px;
   text-align: left;
   color: #738291;
   display: block;
}
footer h3.address:before { content: "\f041"; }
footer h3.social:before { content: "\f0c0"; }
footer h3.contact:before { content: "\f0e0"; }

footer ul {
   margin: 0;
   padding: 0;
}
footer ul li {
   margin: 0;
   line-height: 24px;
}
footer ul li a,
footer ul li a:visited { color: #3c4753; }
footer ul li a:hover,
footer ul li a:focus { color: #fff; }

/* copyright */
footer .copyright {
   margin: 0;
   padding: 0 18px;
   clear: both;
}

/* Go To Top Button */
#go-top {
	position: absolute;
	top: -24px;
   left: 50%;
   margin-left: -30px;
   text-align: center;
   z-index: 889;
}
#go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 60px;
	height: 60px;
	background: #525252;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

   color: #fff;
   font-size: 21px;
   line-height: 60px;
 	border-radius: 100%;
}
#go-top a:hover { background: #0F9095; }


/* ------------------------------------------------------------------ */
/* k. lightbox
/* ------------------------------------------------------------------ */

#imagelightbox {
   cursor: pointer;
   position: fixed;
   z-index: 995;
   -ms-touch-action: none;
   touch-action: none;
   -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
   -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
   box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
}

/* activity indication */
#imagelightbox-loading,
#imagelightbox-loading div { border-radius: 50%; }
#imagelightbox-loading {
   width: 2.5em; /* 40 */
   height: 2.5em; /* 40 */
   background-color: #444;
   background-color: rgba( 0, 0, 0, .5 );
   position: fixed;
   z-index: 999;
   top: 50%;
   left: 50%;
   padding: 0.625em; /* 10 */
   margin: -1.25em 0 0 -1.25em; /* 20 */
   -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
   -moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
   box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
}
#imagelightbox-loading div {
   width: 1.25em; /* 20 */
   height: 1.25em; /* 20 */
   background-color: #fff;

   -webkit-animation: imagelightbox-loading .5s ease infinite;
   -moz-animation: imagelightbox-loading .5s ease infinite;
   -o-animation: imagelightbox-loading .5s ease infinite;
   animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
	from { opacity: .5; -webkit-transform: scale( .75 ); }
	50% { opacity: 1; -webkit-transform: scale( 1 ); }
	to { opacity: .5; -webkit-transform: scale( .75 ); }
}   
@-moz-keyframes imagelightbox-loading {
	from { opacity: .5; -moz-transform: scale( .75 ); }
	50% { opacity: 1; -moz-transform: scale( 1 ); }
	to { opacity: .5; -moz-transform: scale( .75 ); }
}
@-o-keyframes imagelightbox-loading {
	from { opacity: .5; -o-transform: scale( .75 ); }
	50% { opacity: 1; -o-transform: scale( 1 ); }
	to { opacity: .5; -o-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading {
	from { opacity: .5; transform: scale( .75 ); }
	50% { opacity: 1; transform: scale( 1 ); }
	to { opacity: .5; transform: scale( .75 ); }
}

/* lightbox overlay */
#imagelightbox-overlay {
   background-color: #383838;
   background-color: rgba( 0, 0, 0, .8 );
   position: fixed;
   z-index: 994;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

/* close button */
#imagelightbox-close {	  
   position: fixed;
   z-index: 999;
   top: 2.5em; /* 40 */
   right: 2.5em; /* 40 */ 
}

#imagelightbox-close i {	  
	display: block;
	background: #fff;
	padding: 10px;
	border-radius: 100%;

	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */
	-moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */
	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */
}
a#imagelightbox-close { color: #333; }
a#imagelightbox-close:hover, a#imagelightbox-close:focus { color: #11ABB0; }

/* lightbox caption */
#imagelightbox-caption {
	text-align: center;
	color: #fff;
	background-color: #000;
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption {
	-webkit-animation: fade-in .25s linear;
	-moz-animation: fade-in .25s linear;
	-o-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}

@-webkit-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media only screen and (max-width: 41.250em) { /* 660 */

	#container	{ width: 100%; }
	#imagelightbox-close	{
		top: 1.25em; /* 20 */
		right: 1.25em; /* 20 */
	}

} 

.featherlight .featherlight-content {
    padding: 25px;
    border: 2px solid #e7e9ed;
}
.featherlight .featherlight-content .caption {
    margin: 15px -25px -25px;
    padding: 10px 25px;
    background: #f3f3f3;
}




/* ------------------------------------------------------------------ */
/* l. forms
/* ------------------------------------------------------------------ */

input[type="text"],input[type="password"],input[type="email"],input[type="number"],textarea,select {
    min-width: 300px;
    width: 70%;
    background: #f4f4f4;
}

#msasvg { display: block; margin: 50px auto; max-width: 100%; width: 850px; }
#msacfg { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; }
#msacfg fieldset { margin: 10px 10px; padding: 10px 20px 10px 15px; border-radius: 5px; }
#msacfg fieldset legend { padding: 0 10px; }
#msacfg fieldset:disabled { color: #aaa; }
#msacfg fieldset label { display: block; padding: 5px 0; font-family: "opensans-regular", sans-serif; margin: 0; user-select: none; }

#updates-form {
	margin-bottom: 10px;
}
#updates-form div, #updates-form label, #updates-form input {
	display: inline;
	margin-right: 5px;
	margin-bottom: 0;
}
#updates-form input[type="email"] {
	padding: 10px 15px;
}


.quote-form label, .quote-form input[type != "file"], .quote-form .form-label,
.quote-form .form-input-wrapper, .quote-form .form-data {
    display: inline;
}
.quote-form .form-display-wrapper {
    clear: both;
}
.quote-form .radio {
    clear: both;
    margin: 10px 0;
}
.quote-form .form-field {
    clear: both;
    margin-bottom: 15px;
}
.quote-form .form-label {
    padding: 10px 0;
    float: left;
}
.quote-form input[type='text'], .quote-form input[type='email'], .quote-form input[type='number'], .quote-form select {
    float: right;
    width: 80%;
    padding: 15px 15px;
    margin-bottom: 10px;
}
.quote-form label {
    font-size: 16px;
    margin: 4px 0;
}
.radio label, .form-input-wrapper label {
    font-family: 'opensans-regular', sans-serif;
}
.quote-form fieldset {
    margin: 20px 0;
    padding: 5px 20px;
    border: 2px solid #ccc;
    border-radius: 5px;
    width: 100%;
}
.quote-form fieldset > legend {
    padding: 10px;
    font-size: 1rem;
}
.quote-form textarea {
    width: 100%;
    font-family: "opensans-regular", sans-serif;
}

.dropzone button {
    margin: 20px 0;
}

.quote-form .dropzone {
    min-height: 150px;
}

fieldset legend {
    font-family: 'opensans-bold', sans-serif;
}