@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic);


*::-webkit-input-placeholder {
    color: #7f8385;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #7f8385;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #7f8385;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #7f8385;
}

input[type="checkbox"], input[type="radio"] {  color: #7f8385; }


/*Text Formatting */
.text-xxl {
  font-size: 8em;
}

.text-xl {
  font-size: 6em;
}

.text-large {
  font-size: 4em;
}

.text-medium {
  font-size: 2em;
}

.text-mediumhalf {
  font-size: 1.5em !important;
}

.text-default {
  font-size: 1em;
}

.text-small {
  font-size: .85em;
}

.text-tiny {
  font-size: .5em;
}

.text-center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.normalcase {
  text-transform: none !important;
}
.capitalize {
  text-transform: capitalize !important;
}

/* BACKGROUNDS & GRADIENTS */
/*---------------------
  GRADIENTS
----------------------*/
.gradient-ltblue-teal {
  background: rgba(139, 190, 181, 0.5);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(170, 181, 191, 0.5)), to(rgba(109, 198, 171, 0.5)));
  background: -webkit-linear-gradient(top left, rgba(170, 181, 191, 0.5), rgba(109, 198, 171, 0.5));
  background: -webkit-linear-gradient(right top, rgba(170, 181, 191, 0.5), rgba(109, 198, 171, 0.5));
  background: -moz-linear-gradient(right top, rgba(170, 181, 191, 0.5), rgba(109, 198, 171, 0.5));
  background: linear-gradient(to left bottom, rgba(170, 181, 191, 0.5), rgba(109, 198, 171, 0.5));
}

.gradient-navy-teal {
  background: rgba(82, 137, 132, 0.5);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(56, 75, 93, 0.5)), to(rgba(109, 198, 171, 0.5)));
  background: -webkit-linear-gradient(top left, rgba(56, 75, 93, 0.5), rgba(109, 198, 171, 0.5));
  background: -webkit-linear-gradient(right top, rgba(56, 75, 93, 0.5), rgba(109, 198, 171, 0.5));
  background: -moz-linear-gradient(right top, rgba(56, 75, 93, 0.5), rgba(109, 198, 171, 0.5));
  background: linear-gradient(to left bottom, rgba(56, 75, 93, 0.5), rgba(109, 198, 171, 0.5));
}

.gradient-navy-red {
  background: rgba(125, 86, 98, 0.5);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(56, 75, 93, 0.5)), to(rgba(193, 96, 104, 0.5)));
  background: -webkit-linear-gradient(top left, rgba(56, 75, 93, 0.5), rgba(193, 96, 104, 0.5));
  background: -webkit-linear-gradient(right top, rgba(56, 75, 93, 0.5), rgba(193, 96, 104, 0.5));
  background: -moz-linear-gradient(right top, rgba(56, 75, 93, 0.5), rgba(193, 96, 104, 0.5));
  background: linear-gradient(to left bottom, rgba(56, 75, 93, 0.5), rgba(193, 96, 104, 0.5));
}

.gradient-blue-blue {
  background: rgba(108, 151, 162, 0.5);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(108, 151, 162, 0.5)), to(rgba(108, 151, 162, 0.5)));
  background: -webkit-linear-gradient(top left, rgba(108, 151, 162, 0.5), rgba(108, 151, 162, 0.5));
  background: -webkit-linear-gradient(right top, rgba(108, 151, 162, 0.5), rgba(108, 151, 162, 0.5));
  background: -moz-linear-gradient(right top, rgba(108, 151, 162, 0.5), rgba(108, 151, 162, 0.5));
  background: linear-gradient(to left bottom, rgba(108, 151, 162, 0.5), rgba(108, 151, 162, 0.5));
}

.gradient-teal-ltblue {
  background: rgba(139, 190, 181, 0.5);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(109, 198, 171, 0.5)), to(rgba(170, 181, 191, 0.5)));
  background: -webkit-linear-gradient(top left, rgba(109, 198, 171, 0.5), rgba(170, 181, 191, 0.5));
  background: -webkit-linear-gradient(right top, rgba(109, 198, 171, 0.5), rgba(170, 181, 191, 0.5));
  background: -moz-linear-gradient(right top, rgba(109, 198, 171, 0.5), rgba(170, 181, 191, 0.5));
  background: linear-gradient(to left bottom, rgba(109, 198, 171, 0.5), rgba(170, 181, 191, 0.5));
}

.gradient-teal-navy {
  background: rgba(82, 137, 132, 0.5);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(109, 198, 171, 0.5)), to(rgba(56, 75, 93, 0.5)));
  background: -webkit-linear-gradient(top left, rgba(109, 198, 171, 0.5), rgba(56, 75, 93, 0.5));
  background: -webkit-linear-gradient(right top, rgba(109, 198, 171, 0.5), rgba(56, 75, 93, 0.5));
  background: -moz-linear-gradient(right top, rgba(109, 198, 171, 0.5), rgba(56, 75, 93, 0.5));
  background: linear-gradient(to left bottom, rgba(109, 198, 171, 0.5), rgba(56, 75, 93, 0.5));
}

.gradient-teal-red {
  background: rgba(151, 147, 137, 0.5);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(109, 198, 171, 0.5)), to(rgba(193, 96, 104, 0.5)));
  background: -webkit-linear-gradient(top left, rgba(109, 198, 171, 0.5), rgba(193, 96, 104, 0.5));
  background: -webkit-linear-gradient(right top, rgba(109, 198, 171, 0.5), rgba(193, 96, 104, 0.5));
  background: -moz-linear-gradient(right top, rgba(109, 198, 171, 0.5), rgba(193, 96, 104, 0.5));
  background: linear-gradient(to left bottom, rgba(109, 198, 171, 0.5), rgba(193, 96, 104, 0.5));
}

.gradient-red-ltblue {
  background: rgba(182, 139, 147, 0.5);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(193, 96, 104, 0.5)), to(rgba(170, 181, 191, 0.5)));
  background: -webkit-linear-gradient(top left, rgba(193, 96, 104, 0.5), rgba(170, 181, 191, 0.5));
  background: -webkit-linear-gradient(right top, rgba(193, 96, 104, 0.5), rgba(170, 181, 191, 0.5));
  background: -moz-linear-gradient(right top, rgba(193, 96, 104, 0.5), rgba(170, 181, 191, 0.5));
  background: linear-gradient(to left bottom, rgba(193, 96, 104, 0.5), rgba(170, 181, 191, 0.5));
}

.gradient-red-teal {
  background: rgba(151, 147, 137, 0.5);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(193, 96, 104, 0.5)), to(rgba(109, 198, 171, 0.5)));
  background: -webkit-linear-gradient(top left, rgba(193, 96, 104, 0.5), rgba(109, 198, 171, 0.5));
  background: -webkit-linear-gradient(right top, rgba(193, 96, 104, 0.5), rgba(109, 198, 171, 0.5));
  background: -moz-linear-gradient(right top, rgba(193, 96, 104, 0.5), rgba(109, 198, 171, 0.5));
  background: linear-gradient(to left bottom, rgba(193, 96, 104, 0.5), rgba(109, 198, 171, 0.5));
}

/*---------------------
  GRADIENTS - DARK
----------------------*/
.gradient-ltblue-teal-dark {
  background: rgba(139, 190, 181, 0.7);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(170, 181, 191, 0.7)), to(rgba(109, 198, 171, 0.7)));
  background: -webkit-linear-gradient(top left, rgba(170, 181, 191, 0.7), rgba(109, 198, 171, 0.7));
  background: -webkit-linear-gradient(right top, rgba(170, 181, 191, 0.7), rgba(109, 198, 171, 0.7));
  background: -moz-linear-gradient(right top, rgba(170, 181, 191, 0.7), rgba(109, 198, 171, 0.7));
  background: linear-gradient(to left bottom, rgba(170, 181, 191, 0.7), rgba(109, 198, 171, 0.7));
}

.gradient-navy-teal-dark {
  background: rgba(82, 137, 132, 0.7);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(56, 75, 93, 0.7)), to(rgba(109, 198, 171, 0.7)));
  background: -webkit-linear-gradient(top left, rgba(56, 75, 93, 0.7), rgba(109, 198, 171, 0.7));
  background: -webkit-linear-gradient(right top, rgba(56, 75, 93, 0.7), rgba(109, 198, 171, 0.7));
  background: -moz-linear-gradient(right top, rgba(56, 75, 93, 0.7), rgba(109, 198, 171, 0.7));
  background: linear-gradient(to left bottom, rgba(56, 75, 93, 0.7), rgba(109, 198, 171, 0.7));
}

.gradient-navy-red-dark {
  background: rgba(125, 86, 98, 0.7);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(56, 75, 93, 0.7)), to(rgba(193, 96, 104, 0.7)));
  background: -webkit-linear-gradient(top left, rgba(56, 75, 93, 0.7), rgba(193, 96, 104, 0.7));
  background: -webkit-linear-gradient(right top, rgba(56, 75, 93, 0.7), rgba(193, 96, 104, 0.7));
  background: -moz-linear-gradient(right top, rgba(56, 75, 93, 0.7), rgba(193, 96, 104, 0.7));
  background: linear-gradient(to left bottom, rgba(56, 75, 93, 0.7), rgba(193, 96, 104, 0.7));
}

.gradient-navy-red-dark-alt {
  background: rgba(125, 86, 98, 0.7);
  background: -webkit-gradient(linear, left bottom, right top, from(rgba(56, 75, 93, 0.7)), to(rgba(193, 96, 104, 0.7)));
  background: -webkit-linear-gradient(top left, rgba(56, 75, 93, 0.7), rgba(193, 96, 104, 0.7));
  background: -webkit-linear-gradient(left top, rgba(56, 75, 93, 0.7), rgba(193, 96, 104, 0.7));
  background: -moz-linear-gradient(right top, rgba(56, 75, 93, 0.7), rgba(193, 96, 104, 0.7));
  background: linear-gradient(to right top, rgba(56, 75, 93, 0.7), rgba(193, 96, 104, 0.7));
}

.gradient-blue-blue-dark {
  background: rgba(108, 151, 162, 0.7);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(108, 151, 162, 0.7)), to(rgba(108, 151, 162, 0.7)));
  background: -webkit-linear-gradient(top right, rgba(108, 151, 162, 0.7), rgba(108, 151, 162, 0.7));
  background: -webkit-linear-gradient(right top, rgba(108, 151, 162, 0.7), rgba(108, 151, 162, 0.7));
  background: -moz-linear-gradient(right top, rgba(108, 151, 162, 0.7), rgba(108, 151, 162, 0.7));
  background: linear-gradient(to left bottom, rgba(108, 151, 162, 0.7), rgba(108, 151, 162, 0.7));
}

.gradient-teal-ltblue-dark {
  background: rgba(139, 190, 181, 0.7);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(109, 198, 171, 0.7)), to(rgba(170, 181, 191, 0.7)));
  background: -webkit-linear-gradient(top left, rgba(109, 198, 171, 0.7), rgba(170, 181, 191, 0.7));
  background: -webkit-linear-gradient(right top, rgba(109, 198, 171, 0.7), rgba(170, 181, 191, 0.7));
  background: -moz-linear-gradient(right top, rgba(109, 198, 171, 0.7), rgba(170, 181, 191, 0.7));
  background: linear-gradient(to left bottom, rgba(109, 198, 171, 0.7), rgba(170, 181, 191, 0.7));
}

.gradient-teal-navy-dark {
  background: rgba(82, 137, 132, 0.7);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(109, 198, 171, 0.7)), to(rgba(56, 75, 93, 0.7)));
  background: -webkit-linear-gradient(top left, rgba(109, 198, 171, 0.7), rgba(56, 75, 93, 0.7));
  background: -webkit-linear-gradient(right top, rgba(109, 198, 171, 0.7), rgba(56, 75, 93, 0.7));
  background: -moz-linear-gradient(right top, rgba(109, 198, 171, 0.7), rgba(56, 75, 93, 0.7));
  background: linear-gradient(to left bottom, rgba(109, 198, 171, 0.7), rgba(56, 75, 93, 0.7));
}

.gradient-teal-red-dark {
  background: rgba(151, 147, 137, 0.7);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(109, 198, 171, 0.7)), to(rgba(193, 96, 104, 0.7)));
  background: -webkit-linear-gradient(top left, rgba(109, 198, 171, 0.7), rgba(193, 96, 104, 0.7));
  background: -webkit-linear-gradient(right top, rgba(109, 198, 171, 0.7), rgba(193, 96, 104, 0.7));
  background: -moz-linear-gradient(right top, rgba(109, 198, 171, 0.7), rgba(193, 96, 104, 0.7));
  background: linear-gradient(to left bottom, rgba(109, 198, 171, 0.7), rgba(193, 96, 104, 0.7));
}

.gradient-red-ltblue-dark {
  background: rgba(182, 139, 147, 0.7);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(193, 96, 104, 0.7)), to(rgba(170, 181, 191, 0.7)));
  background: -webkit-linear-gradient(top left, rgba(193, 96, 104, 0.7), rgba(170, 181, 191, 0.7));
  background: -webkit-linear-gradient(right top, rgba(193, 96, 104, 0.7), rgba(170, 181, 191, 0.7));
  background: -moz-linear-gradient(right top, rgba(193, 96, 104, 0.7), rgba(170, 181, 191, 0.7));
  background: linear-gradient(to left bottom, rgba(193, 96, 104, 0.7), rgba(170, 181, 191, 0.7));
}

.gradient-red-teal-dark {
  background: rgba(151, 147, 137, 0.7);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(193, 96, 104, 0.7)), to(rgba(109, 198, 171, 0.7)));
  background: -webkit-linear-gradient(top left, rgba(193, 96, 104, 0.7), rgba(109, 198, 171, 0.7));
  background: -webkit-linear-gradient(right top, rgba(193, 96, 104, 0.7), rgba(109, 198, 171, 0.7));
  background: -moz-linear-gradient(right top, rgba(193, 96, 104, 0.7), rgba(109, 198, 171, 0.7));
  background: linear-gradient(to left bottom, rgba(193, 96, 104, 0.7), rgba(109, 198, 171, 0.7));
}

/*---------------------
  BACKGROUNDS
----------------------*/
.bg-navy {
  background-color: #384B5D;
}

.bg-navy-60 {
  background-color: #687C8C;
}

.bg-navy-30 {
  background-color: #9FB1BF;
}

.bg-navy-10 {
  background-color: #EBEAF6;
}

.bg-aqua {
  background-color: #6C96A1;
}

.bg-aqua-60 {
  background-color: #AEC9D3;
}

.bg-aqua-30 {
  background-color: #D2E2E7;
}

.bg-blue-grey {
  background-color: #A9B4BF;
}

.bg-blue-grey-60 {
  background-color: #D0D4D8;
}

.bg-blue-grey-30 {
  background-color: #D2E2E7;
}

.bg-rose {
  background-color: #C05F68;
}

.bg-rose-60 {
  background-color: #DCA4A4;
}

.bg-rose-30 {
  background-color: #EFD1D1;
}

.bg-teal {
  background-color: #6EC5AB;
}

.bg-teal-60 {
  background-color: #ACDCD3;
}

.bg-teal-30 {
  background-color: #D4ECE9;
}

.bg-blue {
  background-color: #6C96A1;
}

.bg-ltblue {
  background-color: #A9B4BF;
}

.bg-red {
  background-color: #C05F68;
}

.bg-teal {
  background-color: #6EC5AB;
}

.bg-gray {
  background-color: #f9f9f9;
}

.bg-dk-gray {
  background-color: #eff2f4;
}

.bg-teal h1,
.bg-red h1,
.bg-navy h1,
.bg-blue h1,
.bg-ltblue h1,
.bg-teal h2,
.bg-red h2,
.bg-navy h2,
.bg-blue h2,
.bg-ltblue h2,
.bg-teal h3,
.bg-red h3,
.bg-navy h3,
.bg-blue h3,
.bg-ltblue h3,
.bg-teal h4,
.bg-red h4,
.bg-navy h4,
.bg-blue h4,
.bg-ltblue h4,
.bg-teal p,
.bg-red p,
.bg-navy p,
.bg-blue p,
.bg-ltblue p,
.bg-teal ul,
.bg-red ul,
.bg-navy ul,
.bg-blue ul,
.bg-ltblue ul,
.bg-teal ol,
.bg-red ol,
.bg-navy ol,
.bg-blue ol,
.bg-ltblue ol,
.bg-teal li,
.bg-red li,
.bg-navy li,
.bg-blue li,
.bg-ltblue li {
  color: #ffffff !important;
}

.bg-teal .link,
.bg-red .link,
.bg-navy .link,
.bg-blue .link,
.bg-ltblue .link {
  color: #E9EBEE;
}

.bg-teal .link:visited,
.bg-red .link:visited,
.bg-navy .link:visited,
.bg-blue .link:visited,
.bg-ltblue .link:visited {
  color: #D4ECE9;
}

.bg-teal .link:hover,
.bg-red .link:hover,
.bg-navy .link:hover,
.bg-blue .link:hover,
.bg-ltblue .link:hover {
  color: #4D4D4E;
}

/* Text Colors */
.text-navy, .text-default {
  color: #394B5D !important;
}

.text-blue, .text-link {
  color: #6C96A1 !important;
}

.text-ltblue, .text- {
  color: #A8B3BE !important;
}

.text-red, .text-alert {
  color: #C05F68 !important;
}

.text-teal, .text-primary {
  color: #6EC5AB !important;
}

.text-gray, .text- {
  color: #f9f9f9 !important;
}

.text-dk-gray {
  color: #e0e0e0 !important;
}

.text-black {
  color: #4D4D4E !important;
}
.btn2.text-black:hover {
  color: #ffffff !important;
}

.text-white {
  color: #ffffff !important;
}

.text-navy {
  color: #384B5D;
}

.text-navy-60 {
  color: #687C8C;
}

.text-navy-30 {
  color: #9FB1BF;
}

.text-aqua {
  color: #6C96A1;
}

.text-aqua-60 {
  color: #AEC9D3;
}

.text-aqua-30 {
  color: #D2E2E7;
}

.text-blue-grey {
  color: #A9B4BF;
}

.text-blue-grey-60 {
  color: #D0D4D8;
}

.text-blue-grey-30 {
  color: #D2E2E7;
}

.text-rose {
  color: #C05F68;
}

.text-rose-60 {
  color: #DCA4A4;
}

.text-rose-30 {
  color: #EFD1D1;
}

.text-teal {
  color: #6EC5AB;
}

.text-teal-60 {
  color: #ACDCD3;
}

.text-teal-30 {
  color: #D4ECE9;
}

.text-blue {
  color: #6C96A1;
}

.text-ltblue {
  color: #A9B4BF;
}

.text-red {
  color: #C05F68;
}

.text-teal {
  color: #6EC5AB;
}

.text-gray {
  color: #f9f9f9;
}

.text-dk-gray {
  color: #eff2f4;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

/*---------------------
  OVERLAYS
----------------------*/
.overlay-navy {
  background-color: rgba(56, 75, 93, 0.6);
}

.overlay-blue {
  background-color: rgba(108, 151, 162, 0.6);
}

.overlay-ltblue {
  background-color: rgba(170, 181, 191, 0.6);
}

.overlay-red {
  background-color: rgba(193, 96, 104, 0.6);
}

.overlay-teal {
  background-color: rgba(109, 198, 171, 0.6);
}

.overlay-dark {
  background-color: rgba(0, 0, 0, 0.4);
}

.text-columns-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.text-columns-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.text-columns-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

.text-columns-5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
}

.text-columns-6 {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
}

.padding-short {
  padding-top: 2em;
  padding-bottom: 2em;
}

.padding-tall {
  padding-top: 4em;
  padding-bottom: 4em;
}

.padding-wide {
  padding-left: 4em;
  padding-right: 4em;
}

.padding-thin {
  padding-left: 2em;
  padding-right: 2em;
}

.link, a:link {
  color: #6C96A1;
  border: none;
  padding: 0;
  display: inline;
  background: transparent;
}

.link:hover, a:link:hover {
  border-bottom: 1px dotted;
  background: transparent;
  color: #687C8C;
  cursor: pointer;
}

.btn2, button {
  text-transform: uppercase;
  border-radius: 3px;
  padding: 12px 20px;
  background: #6EC5AB;
}

.btn2:hover, button:hover {
  background: #62A58E;
}

.btn2.round {
  border-radius: 400px;
}

/* Button Colors */
.btn2.teal {
  background: #6EC5AB;
}

.btn2.aqua {
  background: #6C96A1;
}

.btn2.navy {
  background: #384B5D;
}

.btn2.rose {
  background: #C05F68;
}

.btn2.white {
  background: #FFFFFF;
}

.blue-grey, .btn2.blue-grey {
  background: #A9B4BF;
}

.btn2.white {
  background: #FFFFFF;
}

/* 60% Tint */
.btn2.rose-60 {
  background: #DCA4A4;
  color: #ffffff;
}

.btn2.aqua-60 {
  background: #AEC9D3;
  color: #6C96A1;
}

.btn2.blue-grey-60, .blue-grey-60 {
  background: #D0D4D8;
  color: #A9B4BF;
}

.btn2.teal-60 {
  background: #ACDCD3;
  border-color: #6EC5AB;
}

.btn2.navy-60 {
  background: #A9B4BF;
  color: #384B5D;
}

/*30% Tint*/
.btn2.rose-30 {
  background: #EFD1D1;
  color: #C05F68;
}

.btn2.aqua-30 {
  background: #D2E2E7;
  color: #6C96A1;
}

.btn2.blue-grey-30, .blue-grey-30 {
  background: #E9EBEE;
  color: #A9B4BF;
}

.teal-30, .btn2.teal-30 {
  background: #D4ECE9;
  color: #6EC5AB;
}

.navy-30, .btn2.navy-30 {
  background: #9FB1BF;
  color: #384B5D;
}

.btn2.teal:hover {
  background: #62A58E;
}

.btn2.teal-60:hover {
  background: #6EC5AB;
}

.btn2.teal-30:hover {
  background: #ACDCD3;
  color: #ffffff;
}

.btn2.aqua:hover {
  background: #59787F;
}

.btn2.aqua-60:hover {
  background: #6C96A1;
  color: #ffffff;
}

.btn2.aqua-30:hover {
  background: #AEC9D3;
  color: #ffffff;
}

.btn2.blue-grey:hover {
  background: #8C949B;
}

.btn2.blue-grey-60:hover {
  background: #A9B4BF;
  color: #ffffff;
}
.btn2.white:hover {
  background: #A9B4BF;
  color: #ffffff;
}

.btn2.blue-grey-30:hover {
  background: #D0D4D8;
  color: #ffffff;
}

.btn2.navy:hover {
  background: #27343F;
}

.btn2.navy-60:hover {
  background: #384B5D;
  color: #ffffff;
}

.btn2.navy-30:hover {
  background: #687C8C;
  color: #ffffff;
}

.btn2.rose:hover {
  background: #A0525C;
}

.btn2.rose-60:hover {
  background: #C05F68;
  color: #ffffff;
}

.btn2.rose-30:hover {
  background: #DCA4A4;
  color: #ffffff;
}

/* Outline Buttons */
.outline.teal {
  border: 2px solid;
  background-color: transparent;
  color: #6EC5AB;
}

.outline.teal:hover {
  color: #ffffff;
  background: #6EC5AB;
}

.outline.teal-60 {
  border: 2px solid;
  background-color: transparent;
  color: #ACDCD3;
}

.outline.teal-60:hover {
  color: #ffffff;
  background: #ACDCD3;
}

.outline.teal-30 {
  border: 2px solid;
  background-color: transparent;
  color: #D4ECE9;
}

.outline.teal-30:hover {
  color: #ffffff;
  background: #D4ECE9;
}

.outline.aqua {
  border: 2px solid;
  background-color: transparent;
  color: #6C96A1;
}

.outline.aqua:hover {
  color: #ffffff;
  background: #6C96A1;
}

.outline.aqua-60 {
  border: 2px solid;
  background-color: transparent;
  color: #AEC9D3;
}

.outline .aqua-60:hover {
  color: #ffffff;
  background: #AEC9D3;
}

.outline.aqua-30 {
  border: 2px solid;
  background-color: transparent;
  color: #D2E2E7;
}

.outline .aqua-30:hover {
  color: #ffffff;
  background: #D2E2E7;
}

.outline.blue-grey {
  border: 2px solid;
  background-color: transparent;
  color: #A9B4BF;
}

.outline.blue-grey:hover {
  color: #ffffff;
  background: #A9B4BF;
}

.outline.blue-grey-60 {
  border: 2px solid;
  background-color: transparent;
  color: #D0D4D8;
}

.outline .blue-grey-60:hover {
  color: #ffffff;
}

.outline.blue-grey-30 {
  border: 2px solid;
  background-color: transparent;
  color: #E9EBEE;
}

.outline .blue-grey-30:hover {
  color: #ffffff;
  background: #E9EBEE;
}

.outline.navy {
  border: 2px solid;
  background-color: transparent;
  color: #384B5D;
}

.outline.navy:hover {
  color: #ffffff;
  background: #384B5D;
}

.outline.navy-60 {
  border: 2px solid;
  background-color: transparent;
  color: #687C8C;
}

.outline.navy-60:hover {
  color: #ffffff;
  background: #687C8C;
}

.outline.navy-30 {
  border: 2px solid;
  background-color: transparent;
  color: #9FB1BF;
}

.outline.navy-30:hover {
  color: #ffffff;
  background: #9FB1BF;
}

.outline.rose {
  border: 2px solid;
  background-color: transparent;
  color: #C05F68;
}

.outline.rose:hover {
  color: #ffffff;
  background: #C05F68;
}

.outline.rose-60 {
  border: 2px solid;
  background-color: transparent;
  color: #DCA4A4;
}

.outline.rose-60:hover {
  color: #ffffff;
  background: #DCA4A4;
}

.outline.rose-30 {
  border: 2px solid;
  background-color: transparent;
  color: #EFD1D1;
}

.outline.rose-30:hover {
  color: #ffffff;
  background: #EFD1D1;
}


form label {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .03em;
}

form label, form input, form select, form textarea {
  color: #4D4D4E;
}

form input, form textarea, form select {
  border: 2px solid #E9EBEE !important;
  border-radius: 5px !important;
  padding: 10px !important;
  box-shadow: none !important;
}

.checkbox-btn,
.radio-btn {
  position: relative;
  padding-left: 20px;
}
.checkbox-btn input[type="checkbox"],
.checkbox-btn input[type="radio"],
.radio-btn input[type="checkbox"],
.radio-btn input[type="radio"] {
  position: absolute;
  opacity: 0;
  /* IE<9 graceful degradation */
  z-index: 1;
}
.checkbox-btn label,
.radio-btn label {
  display: inline-block;
  line-height: 24px;
  /* ::after height+borders */
  vertical-align: middle;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  user-select: none;
  /* iOS =< 6 bug fix*/
  color: #424242;
}
.checkbox-btn label::after,
.radio-btn label::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  margin-left: -18px;
  background-color: white;
  border: 2px solid #424242;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  cursor: pointer;
}
.checkbox-btn label::before,
.radio-btn label::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 5px;
  top: 6px;
  left: 6px;
  margin-left: -18px;
  border: 3px solid #000000;
  border-top: none;
  border-right: none;
  background: transparent;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  z-index: 1;
}
.checkbox-btn label:active::before,
.radio-btn label:active::before {
  opacity: 0.3;
}
.checkbox-btn input[type="checkbox"]:checked + label,
.checkbox-btn input[type="radio"]:checked + label,
.radio-btn input[type="checkbox"]:checked + label,
.radio-btn input[type="radio"]:checked + label {
  color: #000000;
}
.checkbox-btn input[type="checkbox"]:checked + label::after,
.checkbox-btn input[type="radio"]:checked + label::after,
.radio-btn input[type="checkbox"]:checked + label::after,
.radio-btn input[type="radio"]:checked + label::after {
  border: 3px solid #000000;
}
.checkbox-btn input[type="checkbox"]:checked + label::before,
.checkbox-btn input[type="radio"]:checked + label::before,
.radio-btn input[type="checkbox"]:checked + label::before,
.radio-btn input[type="radio"]:checked + label::before {
  opacity: 1;
}
.checkbox-btn input[type="checkbox"]:disabled + label,
.checkbox-btn input[type="radio"]:disabled + label,
.radio-btn input[type="checkbox"]:disabled + label,
.radio-btn input[type="radio"]:disabled + label {
  color: #787878;
  cursor: default;
}
.checkbox-btn input[type="checkbox"]:disabled + label::after,
.checkbox-btn input[type="radio"]:disabled + label::after,
.radio-btn input[type="checkbox"]:disabled + label::after,
.radio-btn input[type="radio"]:disabled + label::after {
  border: 3px solid #787878;
  background-color: #ffffff;
}
.checkbox-btn input[type="checkbox"]:disabled + label::before,
.checkbox-btn input[type="radio"]:disabled + label::before,
.radio-btn input[type="checkbox"]:disabled + label::before,
.radio-btn input[type="radio"]:disabled + label::before {
  display: none;
}

.radio-btn label::after {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
.radio-btn label::before {
  width: 12px;
  height: 12px;
  border: none;
  top: 6px;
  left: 6px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-color: #000000;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

input[type="radio"] {
  display: none;
}

input[type="radio"] + label {
  border: 2px solid #cccccc;
  border-radius: 200px;
  height: 20px;
  width: 20px;
  margin-right: 3em;
  list-style: none;
}

input[type="radio"] + label span {
  padding-left: 25px;
}
.active { text-decoration: underline; }

.slug { display:block; height:24px; font-size:11px; line-height: 24px; color:#666; padding-bottom:8px; margin-bottom:6px;padding-top:8px; margin-top:6px; }
.slug a { display:inline-block;  color:#555; height:24px;  font-size:11px; line-height: 24px;
  text-decoration:none; }
.slug a:hover { color:#222; text-decoration:underline; }


input[type="radio"]:checked + label {
  border: 2px solid #384B5D;
  background: #687C8C;
}

.product_description, .product_description p {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0px;
    font-weight: 500; margin-top:20px; margin-bottom:5px;
    font-style: normal;
    text-transform: none;
    color: #8c8c8c;
}

h2.product_title {
    font-family: Raleway, sans-serif;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2f2e2e;
}

.summary p.price span.amount {
    font-family: Lora, sans-serif;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    /* color: #bfa97d; */
}
.link_to_product:hover { color:#000 !important; text-decoration: none !important; }
.related-products-title { font-size:23px !important; }

.footer { background-color:#333230; min-height:220px; font-family: 'Open Sans', sans-serif; margin-top:15px; }
.footerleft { margin-top:30px; padding:0 72px;  padding-left:70px; }
.logofooter { margin-bottom:10px; font-size:24px; color:#fff; font-weight:700;}

.footer-bs h4, .footer-ns h4, .footer h4, .footerleft h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom:10px;
}
.footerleft p { color:#fff; font-size:12px !important; line-height:15px; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
.footerleft p i { width:20px; color:#999; }


.paddingtop-bottom p {  margin-top:4px;font-size:13px;line-height:15px;padding-right:25px; }
.paddingtop-bottom {  margin-top:20px; }
.footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
.footer-ul li { line-height:19px; font-size:12px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 
 
.subcategories { padding-left:18px; }
.subcategories li a { color:#0e0e0e; }
.subcategories li a i { margin-right:10px; }
 
 .icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
 .icon-ul li { line-height:75px; width:100%; float:left;}
 .icon { float:left; margin-right:5px;}
 
 
 .copyright { 
  display: block;
  margin-top:3px;
  width: 100%;
  font-size:0.95em;
  z-index: 102;
  position: relative;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  min-height:36px; 
  background-color:#000000; 
  }
.c1 { background-color: rgb(0, 77, 100);}
.c2 { background-color: rgb(165, 143, 118);}
.c3 { background-color: rgb(235, 91, 57);}
.hero
{
    height: 100%; min-height:52em;
    background: url(../assets/bg/bg1.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    width:100%;
    padding-top:60px;
}
.tint
{
    content: '';
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(0, 77, 100, .6);
}
.claim
{
  color:#dbdbdb;
  padding: 12px 1em 0 1em;
  position: relative;
  text-align:left;
  font-weight:300;
  font-size:13px;
  
}

form.submitted input:invalid {
    background: #ff797c !important;
}

.h2d { display:block; width:94%; padding-top:30px; opacity:0.9; margin-bottom:100px; height:40px;line-height:40px;text-align:center;font-size:34px; font-weight:500;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); letter-spacing:-1px; text-transform:uppercase; color:#fff !important; }
.claim h3 { font-size:17px;font-weight:600; color:#fff !Important; line-height:26px; display:block; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.claim span.ftext { font-size:13px;font-weight:300;line-height:22px; color: #dbdbdb !Important; }
.claim div:first-child { font-size:32px; min-height:36px; color:#ddd; display:inline-block;float:left; width:15%;}
.claim div:last-child { display:inline-block;min-height:36px; float:left; width:85%; }
 .copyright a { color:#FFF;  font-size:12px;}
 .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
 .heading7 { font-size:18px; font-weight:700; color:#d9d6d6; margin-bottom:9px;}

 .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li:last-child:after { content: ''; margin-right:8px; margin-left:0px; }
 .bottom_ul li a { color:#FFF;  font-size:12px;}

.burst-12 {
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    margin-top:-12px; margin-left:-14px;
    z-index:102;
}
.burst-12 span { 
    position: relative;
    display: block;
    vertical-align: middle;
    z-index:105;
    text-transform: uppercase;
    font-family: 'Arial', sans-serif;
    font-size: 12px; text-shadow: -1px 0 2px #222;
    font-weight: 800; }
.burst-12:before, .burst-12:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 60px;
    background: inherit;
}
.burst-12:before {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
}
.burst-12:after {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
}

.col-md-12 {
    width: 100% !Important;
}
.btn__badge {
  color: white;
  font-size: 11px;
  position: absolute;
  top: 0px;
  left: 80px;
  padding: 2px 6px;
  text-align:center;
  border-radius: 50%;
}

.badge2 {
  color: white;
 font-size: 11px; 
  position: absolute; top: 10px; opacity:0.55;
  right: 0px; text-shadow: 0px 0 2px #555; letter-spacing: 0px;  text-transform: lowercase;
  min-width:14px; text-align: center !important; padding:0px 3px; height:16px; line-height:16px;
  border-radius: 18%;
}

.badge3 {
  color: #fff;
  font-size: 11px; 
  position: absolute; top: 10px; opacity:0.9;
  right: 0px; text-shadow: 0px 0 2px #555; letter-spacing: 0px;  text-transform: lowercase;
  min-width:34px; text-align: center !important; padding:0px 4px; height:16px; line-height:16px;
  border-radius: 8%;
}


.steps {
  border-radius: 4px;
  display:block;
  width:1100px;
}
.steps ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width:100%;
}
.steps ul li {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15); float:left;display:inline-block; width:24%;
}
.steps ul li:last-child {
  border-bottom: none;
}
.steps ul li a {
  text-decoration: none;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
}

.steps ul li a::after {
  position: absolute;
  content: '';
  top: 50%;
  border: solid;
  right: 0;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0px 1px 1px 0px;
  height: 12px;
  width: 12px;
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
  z-index: 2;
}
.steps ul li a i {
  margin: 0;
  text-align: center;
  width: 36px;
}
.steps ul li a .content {
  margin-left: 5px;
  padding-bottom: 4px;
  background:none !important;
}
.steps ul li a .content h3 {
  text-transform: capitalize;
  font-size:19px; line-height:20px;
  font-weight:700; letter-spacing:0;
}
.steps ul li a .content h3, .steps ul li a .content p {
  margin: 0;
  padding: 2px 10px 0px;
}
.steps ul li a .content p:first-child {
  color: #999; font-weight:400; font-size:0.9em;text-transform: uppercase;; padding-left:11px;
  line-height:15px;
}
.steps ul li a .content p {
  color: #716E6E;
  line-height:20px; padding-left:11px;
}
.steps ul li.current {  background-color: #EBEAF6; !important; }



.loader {
  margin: 0 auto;
  font-size: 10px;
  position: fixed; top:50%; left:50%; margin-top:-25px; margin-left:-25px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0,0,0, 0.2);
  border-right: 1.1em solid rgba(0,0,0, 0.2);
  border-bottom: 1.1em solid rgba(0,0,0, 0.2);
  border-left: 1.1em solid #000000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}