/*
Theme Name: Net Elevation Template
Theme URI: http://www.netelevation.com/
Description: Custom Theme by Net Elevation
Version: 1.0
Author: Net Elevation
Author URI: http://www.netelevation.com/
*/

@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style : normal;
       src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
       src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
             url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
             url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
             url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
             url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}


.container { width: 95%; margin: auto; max-width: 1400px; padding: 0 20px; }
.row--5 { margin-left: -5px; margin-right: -5px; }
.row--5 .col { padding-left: 5px; padding-right: 5px; }
img { max-width: 100%; }

.wp-post-image { height: auto; margin-top: 15px; }


#post-477 p#breadcrumbs { display: none; }

.with-background-image { background-position: center; background-repeat: no-repeat; background-size: cover; }
.parallax { background-attachment: fixed; }
.text-center { text-align: center; }
.hidden-dekstop { display: none !important; }
.has-orange-lines { border-top: solid 9px #fbd218; border-bottom: solid 9px #fbd218; }
.has-grey-bg { background-color: #f6ede3; }
.section-normal-padding { padding: 60px 0; }

a { color: inherit; }
a:hover { text-decoration: none; }
h2 { font-size: 26px; }
h2 strong { font-weight: normal; }
label { margin-bottom: 0; }

#post-249 p#breadcrumbs { display:none; }
#label_1_40_1 { font-size: 18px; font-weight: bold; }
#label_1_40_1 a { text-decoration: underline; }
input#choice_1_40_1 { margin-top: 0; margin-right: 15px; }
#post-117 .gform_wrapper ul li#field_1_40 div.ginput_container_checkbox { margin-left: 0 !important; }
li#field_1_40 { margin-top: 24px; margin-bottom: 24px; }
label#label_1_33_0, label#label_1_33_1 { font-size: 17px; }
.nopaddingbb .ginput_container { margin-top: 4px !important; }

/* am i covered styles */
.hideradio input[type="radio"] { display:none !important; }
ul#input_1_4 > li, ul#input_1_24 > li, ul#input_1_26 > li, ul#input_1_28 > li, ul#input_6_4 > li { display: inline-block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 25px !important; height: 537px; position: relative; width: 33%; margin-top: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc;  }

.gform_wrapper .gfield_radio li label { max-width: 100% !important; }

/*ul#input_1_4 > li:nth-child(2n-1), ul#input_1_24 > li:nth-child(2n-1), ul#input_1_26 > li:nth-child(2n-1) { border-right: 1px solid #ccc; }*/

ul#input_1_4 img, ul#input_1_24 img, ul#input_1_26 img, ul#input_1_28 img, ul#input_6_4 img  { height: 125px; width: auto;  margin: 10px auto 15px auto; text-align: center; }
ul#input_1_4 li h2, ul#input_1_24 li h2, ul#input_1_26 li h2, ul#input_1_28 li h2, ul#input_6_4 li h2 { font-size: 17px; font-weight: bold; }

ul#input_1_4 li ul, ul#input_1_24 li ul, ul#input_1_26 li ul, ul#input_1_28 li ul, ul#input_6_4 li ul { list-style-type: disc !important; padding-left:0 !important; margin-bottom: 15px; }
ul#input_1_4 li ul li, ul#input_1_24 li ul li, ul#input_1_26 li ul li, ul#input_1_28 li ul li  { display: block; width: 100%; float: none; height: auto; padding: 4px 4px 4px 20px; }

ul#input_1_4 li ul li:nth-child(2n-1), ul#input_1_24 li ul li:nth-child(2n-1), ul#input_1_26 li ul li:nth-child(2n-1), ul#input_1_28 li ul li:nth-child(2n-1), ul#input_6_4 li ul li:nth-child(2n-1) { background-color: #eee; }

ul#input_1_4 p, ul#input_1_24 p, ul#input_1_26 p, ul li li, ul#input_1_28 p, ul li li, ul#input_6_4 p { font-size: 14px; }
ul#input_1_4 a:not([href]), ul#input_1_24 a:not([href]), ul#input_1_26 a:not([href]), ul#input_1_28 a:not([href]), ul#input_6_4 a:not([href]) { color: #fff; font-size: 18px; }
ul#input_1_4 a.btn, ul#input_1_24 a.btn, ul#input_1_26 a.btn, ul#input_1_28 a.btn, ul#input_6_4 a.btn { position: absolute; bottom: 20px; left: 25px; }
.modal-body p, .modal-body li { font-size: 14px; }


/* formula page*/

.formuladisplay.row { margin-left: 0; margin-right: 0; margin-bottom: 40px; }

#post-10 .row, #post-144 .row { margin-left: 0; margin-right: 0; }
#post-10 .col-md-4, #post-144 .col-md-4, .formuladisplay .col-md-4, .brand .col-md-12 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 25px !important; height: 550px; margin-top: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#post-10 .col-md-4 img, #post-144 .col-md-4 img, .formuladisplay .col-md-4 img, .brand .col-md-12 img { height: 125px; width: auto;  margin: 10px auto 15px auto; text-align: center; }

#post-10 h2, #post-12 .gform_wrapper h2.gsection_title, #post-117 .gform_wrapper h2.gsection_title { background-color: #17a6e0; margin-left: -15px; margin-bottom: 0; margin-top: 22px; padding: 7px 0 5px 15px !important; font-style: italic; color: #fff; font-weight: bold; font-size: 24px; }
#post-10 h2, #post-144 h2, .formuladisplay h2 { margin-left: 0; margin-bottom: 15px; }
#post-10 .col-md-4 h2, #post-144 .col-md-4 h2, .formuladisplay .col-md-4 h2, .brand .col-md-12 h2 { font-size: 17px; color: #333; font-weight: bold; background-color: transparent; padding: 0; font-style: normal; margin-bottom: 8px; margin-top: 0; margin-left: -15px; }

#post-10 .col-md-4 ul, #post-144 .col-md-4 ul, .formuladisplay .col-md-4 ul, .brand .col-md-12 ul { list-style-type: disc !important; padding-left:0 !important; margin-bottom: 15px; }
#post-10 .col-md-4 ul li, #post-144 .col-md-4 ul li, .formuladisplay .col-md-4 ul li, .brand .col-md-12 ul li { display: block; width: 100%; float: none; height: auto; padding: 4px 4px 4px 20px; }

#post-10 .col-md-4 ul li:nth-child(2n-1), #post-144 .col-md-4 ul li:nth-child(2n-1), .formuladisplay .col-md-4 ul li:nth-child(2n-1), .brand .col-md-12 ul li:nth-child(2n-1) { background-color: #eee; }

#post-10 .col-md-4 p, #post-10 .col-md-4 ul li, #post-144 .col-md-4 ul li, #post-144 .col-md-4 p, .formuladisplay .col-md-4 ul li, .formuladisplay .col-md-4 p, .brand .col-md-12 ul li, .brand .col-md-12 p { font-size: 14px; }



#post-117 .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; }
#post-117 .gform_wrapper .gsection { margin-right: 0; border-bottom: 0; }
#post-117 .gform_wrapper .top_label li ul.gfield_radio { width: 100%; }

#field_1_30 label { float: left; margin-bottom: 0; }
#field_1_30 .gfield_label { margin-top: 4px; }
#field_1_30 .ginput_container { display: inline-block; }

.gform_wrapper .gf_page_steps { border-bottom:0 !important; }

#field_1_23, #field_1_25, #field_1_27, #field_1_29 { margin-bottom: 0; padding-bottom: 0; }
#field_1_4, #field_1_24, #field_1_26, #field_1_28 { margin-top: 0; }

.gchoice_1_30_1 {
  position: relative;
  display: inline-block;
  /*height: 28px;*/
}
#choice_1_30_1 {
  display: none;
}
#label_1_30_1 {
  display: block;
  width: 48px;
  height: 24px;
  text-indent: -150%;
  clip: rect(0 0 0 0);
  color: transparent;
  user-select: none;
}
#label_1_30_1::before,
#label_1_30_1::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
#label_1_30_1::before {
  width: 100%;
  height: 100%;
  /*left: 2px;
  bottom: 2px;*/
  background-color: #ccc;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
#label_1_30_1::after {
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 1);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#choice_1_30_1:checked + #label_1_30_1::before {
  background-color: #2196F3;
}
#choice_1_30_1:checked + #label_1_30_1::after {
  left: 24px;
}
#post-117 .gform_wrapper ul li.field_description_below div.ginput_container_checkbox { margin-top:0; margin-left: 30px; }

/* these are the homepage select lists */
#gform_2 select, #gform_page_1_1 select, #gform_4 select {display:block;width:100%;padding:10px 20px;font-size:1rem;line-height:1.5;color:#666;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
/*select.form-control:not([size]):not([multiple]) {height: calc(2.25rem + 2px);}
button, select {text-transform: none;}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}*/
#gform_2 select, #gform_page_1_1 select, #gform_4 select {-webkit-appearance:menulist;box-sizing:border-box;align-items:center;white-space:pre;-webkit-rtl-ordering:logical;color:#000;background-color:#fff;cursor:default;border-width:1px;border-style:solid;border-color:initial;border-image:initial; -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
    -o-appearance: none;
      appearance: none; }
#gform_2 input[type=submit], #gform_1 input.gform_next_button, #gform_1 input[type=submit], #gform_6 input.gform_next_button, #gform_6 input[type=submit] {font-family: 'Oswald', sans-serif; font-size: 28px; letter-spacing: -.005em; color: #fff; background-color: #17a6e0; border-radius: 8px; padding: 8px 25px 12px; line-height: 1; min-width: 210px; text-align: center; }
#gform_1 input.gform_previous_button, #gform_6 input.gform_previous_button {font-family: 'Oswald', sans-serif; font-size: 28px; letter-spacing: -.005em; color: #fff; background-color: #ccc; border-radius: 8px; padding: 8px 25px 12px; line-height: 1; min-width: 210px; text-align: center; }



#gform_4 .ginput_container_select, #input_2_3_1_container, #input_2_3_2_container, #input_4_3_2_container, #input_4_3_1_container { position: relative; }
#gform_4 .ginput_container_select:after, #input_2_3_1_container:after, #input_2_3_2_container:after, #input_4_3_1_container:after, #input_4_3_2_container:after {
   font-family: "FontAwesome";
   content: '\f107';
   font-size: 28px;
   position: absolute;
   top: 3px;
   right: 20px;
   color: #333;
   pointer-events: none;
}
#input_2_3_1, #input_2_3_2, #input_4_3_1, #input_4_3_2 { width: 100% !important; }

/* other form pages */

.gform_page_fields { margin-top: 30px; padding: 15px 25px; border-radius: 10px; box-shadow: 0 0 8px #666; }
#gform_page_1_1 .gform_page_fields, #gform_page_6_1 .gform_page_fields { box-shadow:none; padding-left: 0; }

.gform_wrapper .gform_page_footer { border-top: 0 !important; }

#gf_page_steps_1, #gf_page_steps_6 { width: 200px; margin: 0 auto; }
.gform_anchor::before {
    content: "";
    display: block;
    width: 0;
    height: 280px;
    margin: -280px 0 0;
    border: 0;
}
.gform_anchor, #gf_1 { border: 0 !important; }
#gf_1:focus { outline: none; }

.gf_step_number { display: none !important; }
/*
#gf_step_1_1, #gf_step_1_2 { display:none !important; }
*/

.gform_wrapper .gf_step {
  width: 2em !important;
  height: 2em !important;
  text-align: center;
  line-height: 2em !important;
  border-radius: 1em;
  background: lightblue;
  margin: 0 1em 0 0 !important;
  display: inline-block;
  color: white;
  position: relative;
  font-size: 22px !important;
  padding-top: 5px;
  opacity: 1 !important;
  /*padding-right: 5px;*/
}

/*.gf_step::before, .gf_step_completed::before, .gf_step_active::before {
  content: '';
  position: absolute;
  top: .9em;
  left: -4em;
  width: 4em;
  height: .2em;
  background: lightblue;
  z-index: -1;
}*/
.gf_step.gf_step_first::before, .gf_step.gf_step_completed::before { left: 0; width: 0; height: 0; display:none; }

/*.gf_step_completed::before, .gf_step_active::before { background:dodgerblue; }*/
/*.gf_step:first-child::before {
  display: none;
}*/

.gf_step_active, .gf_step_completed {
  background: dodgerblue !important;
}

.gf_step_active ~ div.gf_step {
  background: lightblue;
}

/*.gf_step_active ~ div::before {
  background: dodgerblue;
}*/
div.gf_step_clear::before { background: transparent !important; }


.gform_page_fields input[type=text], #input_1_8 select, #input_1_41 select, select#input_1_14_4, #gform_3 input[type=text], #gform_3 textarea, select#input_1_34 {
display:block;
 width:100%;
 height:calc(1.5em + .75rem + 2px);
 padding:.375rem .75rem;
 font-size:1rem;
 font-weight:400;
 line-height:1.5;
 color:#495057;
 background-color:#fff;
 background-clip:padding-box;
 border:1px solid #ced4da;
 border-radius:.25rem;
 transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#gform_3 textarea { height: auto; }

#gform_4 { max-width: 80%; margin: auto; }
#gform_page_1_2, #gform_page_1_3, #gform_page_6_2, #gform_page_6_3 { max-width: 70%; margin: auto; }


.btn { display: inline-block; }
.btn--blue, .entry a.btn--blue { font-family: 'Oswald', sans-serif; font-size: 28px; letter-spacing: -.005em; color: #fff; background-color: #17a6e0; border-radius: 8px; padding: 8px 25px 12px; line-height: 1; min-width: 210px; text-align: center; text-decoration: none; }
.btn--blue:hover, .gform_next_button:hover, #gform_submit_button_1:hover, #gform_submit_button_2:hover, #gform_submit_button_3:hover, #gform_submit_button_4:hover { background-color: #0e749d !important; color: #fff; }
.btn-sm, .entry a.btn--blue.btn-sm { font-size: 17px; padding: 6px 15px; min-width: 140px; }

.menu-icon { width: 30px; display: none; float: right; margin-top: 2px; }
.menu-icon span { background: #17a6e0; height: 4px; margin: 6px 0; display: block; width: 100%; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
.menu-icon .bar1 { margin-top: 0; }
.menu-icon.open .bar2 { opacity: 0; }
.menu-icon.open .bar1 { -webkit-transform: rotate(-45deg) translate(-7px, 7px); -ms-transform: rotate(-45deg) translate(-7px, 7px); transform: rotate(-45deg) translate(-7px, 7px); }
.menu-icon.open .bar3 { -webkit-transform: rotate(45deg) translate(-7px, -7px); -ms-transform: rotate(45deg) translate(-7px, -7px); transform: rotate(45deg) translate(-7px, -7px); }

.offcanvas-menu { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #4c4c53; position: fixed; top: 0; left: -100%; width: 100%; z-index: 998; padding: 140px 15px 25px; opacity: 0; pointer-events: none; }
.offcanvas-menu.open { left: 0; opacity: 1; pointer-events: auto; }
.offcanvas-menu .nav { max-height: 60vh; overflow: auto; padding-right: 10px; }
.offcanvas-menu .nav li { margin-bottom: 7px; position: relative; width: 100%; }
.offcanvas-menu .nav li a { font-size: 14px; color: #fff; text-transform: uppercase; }
.offcanvas-menu .nav li a:hover { color: #ffb718; }

h1#blogtitle { font-family: 'Handlee', cursive; color: #17a6e0; font-size: 63px; }
.post { padding-bottom: 30px; }
.entry { margin-top: 20px; padding-bottom: 30px; }
.entry a { text-decoration: underline; color: #0e749d; }
#post-66 h1, #post-78 h1 { display:none; }
h1.handlee{ font-family: 'Handlee', cursive; color: #17a6e0; font-size: 43px; }

#post-117 h1.handlee, #post-120 h1.handlee { text-align: center; font-size: 60px; }
#post-12 h1.handlee { padding-left: 10%; margin-bottom: 20px; margin-top: 15px; }

body { font-family: 'open sans', sans-serif; color: #555; font-size: 18px; line-height: 1.5; }
body.menu-open { overflow: hidden; }

header { background-color: #fff; padding: 0 0 20px 0; position: relative; z-index: 999; top: 0; left: 0; width: 100%; position: fixed; box-shadow: 1px 1px #ccc; }
.topbar { background-color: #17a6e0; box-shadow: 0 0 5px 0 rgba(0,0,0,.87); margin-bottom: 20px; border-top: 6px solid #fbd218; }
.topbar .container { display: block; }
.topbar a:hover { color: #eee; }
/*header:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 25px; background-color: #fbd218; box-shadow: 0 0 10px 0 rgba(0,0,0,.87); }
header:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 20px; z-index: 2; background-color: #17a6e0; }*/
header .container { display: flex; justify-content: space-between; align-items: center; }
.header-logo { color: #fff; font-size: 40px; line-height: 1; }
.header-logo:hover { color: #fff; }
.header-menu { /*margin-right: 5%;*/ }
.header-menu .nav li { position: relative; }
.header-menu .nav li:not(:last-child) { margin-right: 70px; }
.header-menu .nav li a { color: #0e749d; font-size: 21px; /*font-family: 'PT Sans', sans-serif;*/ font-family: 'open sans', sans-serif; }
.header-menu .nav li a:hover { color: #17a6e0; }

.header-menu .nav li ul {
   display: none;
   position: absolute;
   width: 260px;
   left: 0;
   top: 100%;
   margin: 0;
   padding: 0 10px;
   border: 1px solid #17a6e0;
}

.header-menu .nav li:hover > ul {
   display: block;
   background-color: #fff;
}
.header-menu .nav li ul li { list-style-type: none; padding: 5px 0; margin-right: 10px !important; }
.header-menu .nav li ul li a { font-size: 16px; font-family: 'open sans'; }

.fa-caret-down { font-size: 14px !important; position: absolute; top: 9px; }

.home-hero { padding: 90px 0 200px; background-position: bottom center; background-image: url(/images/home-hero.jpg); }

@media (max-width: 600px) {
   .home-hero { background-position: bottom left; background-image: url(/images/home-hero-mobile.png);}

}

.home-hero__text { max-width: 540px; }
.home-hero__text p.intro { line-height: 1.2; color: #17a6e0; font-family: 'Handlee', cursive; font-size: 39px; margin-bottom: 10px; }
.home-hero__text h1 span { font-size: 60px; display: block; }
.home-hero__text p { font-size: 21px; color: #555555; line-height: 1.7; }


.starburst {
display: block;
  float: right !important;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  line-height: 19px;
  background: #17a6e0;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #fff;
}

.starburst,
.starburst span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.starburst span {
  width: 100%;
  height: 100%;
  background: inherit;
  transform: rotate(45deg);
}

.starburst:before,
.starburst:after ,
.starburst span:before,
.starburst span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -1;
  transform: rotate(30deg);
}

.starburst:after {
  transform: rotate(-30deg);
}

.starburst span:after {
  transform: rotate(30deg);
}
.starburst span:before {
  transform: rotate(-30deg);
}

.example {
  position: absolute;
  top: 50%;
  margin-top: -1.25em;
  margin-left: -1.25em;
}

#example-1 {
  right: 10px;
}

#example-2 {
  left: 75%;
  transform: rotate(-45deg);
}

main { padding-top: 157px; }

.text-area h1  { color: #17a6e0; font-family: 'Handlee', cursive; font-size: 51px; margin-bottom: 20px; text-align: center; }
.text-area h2 { color: #17a6e0; font-family: 'Handlee', cursive; font-size: 41px; margin-bottom: 20px; }
.text-area h3 { font-weight: bold; font-size: 21px; }
.text-area a { color: #17a6e0; text-decoration: underline; }
.text-area a.btn { color: #fff; text-decoration: none; }
.text-area p, .text-area li { font-size: 21px; color: #555555; line-height: 1.7; }
.text-area--560 { max-width: 560px; }

.hearts-title-start { margin-bottom: 40px; text-align: center; background-image: url(/images/hearts.png); background-position: center; background-repeat: no-repeat; }
.hearts-title-start h2 { padding: 0 15px; color: #17a6e0; font-size: 51px; font-family: 'Handlee', cursive; display: inline-block; background-color: #fff; margin: 0; }
.hearts-title-end { height: 40px; margin-top: 40px; background-image: url(/images/hearts.png); background-position: center; background-repeat: no-repeat; }

.featured-formulas { display: flex; flex-wrap: wrap; align-items: center; }
.featured-formulas > div { flex: 0 0 25%; max-width: 25%; text-align: center; }

footer { padding: 45px 0 15px; position: relative; border-top: solid 36px #17a6e0; color: #838587; font-size: 18px; }
.footer-top { margin-bottom: 35px; }
.footer-widget { max-width: 310px; }
.footer-widget--social { display: flex; align-items: flex-end; }
.footer-widget h3 { color: #0e749d; font-family: 'Handlee', cursive; font-size: 27px; font-weight: 600; }
.footer-widget ul { padding: 0; list-style: none; }
.footer-widget ul li:not(:last-child) { margin-bottom: 4px; }
.footer-widget ul li a { transition: all .3s ease; }
.footer-widget ul li a:hover { color: #17a6e0; }
.footer-widget--social ul { display: flex; align-items: center; margin: 0; }
.footer-widget--social ul li:not(:last-child) { margin-bottom: 0; margin-right: 8px; }
.footer-widget--social ul li a { color: #0e749d; font-size: 27px; }
.footer-widget--social h3 { margin: 0; margin-right: 10px; }
.footer-logos {  }
.footer-logos img:not(:last-child) { margin-right: 8px; }

#gform_3 { width: 65%; }
#post-19 .gform_wrapper form { margin: 0 !important; }
#gform_3 input[type=submit], #gform_4 input[type=submit] { display: inline-block; font-family: 'Oswald', sans-serif; font-size: 28px; letter-spacing: -.005em; color: #fff; background-color: #17a6e0; border-radius: 8px; padding: 8px 25px 12px; line-height: 1; min-width: 210px; text-align: center; }

/*
@media screen and (min-width: 641px) {
   #gform_3 .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label { width: 20% !important; }
}*/


@media (max-width: 500px) {
   #gform_2 select, #gform_4 select { font-size: 13px; }
   #gform_2 input[type=submit], #gform_4 input[type=submit] { font-size: 20px; }
   ul#input_6_4 > li {
    width: 100% !important;
   }
   div#gform_page_6_1 .gform_page_fields {
      padding: 0 !important;
   }
   .gform_legacy_markup_wrapper ul.gfield_checkbox li label, .gform_legacy_markup_wrapper ul.gfield_radio li label {
      width: 100% !important;
   }
}

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


}

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

  .header-menu .nav li a { font-size: 16px; }
  .header-menu .nav li:not(:last-child) { margin-right: 17px; }

  .footer-logo { font-size: 30px; }
  .footer-menu .nav li a { font-size: 16px; }
  .footer-menu .nav li:not(:last-child) { margin-right: 17px; }

  ul#input_1_4 > li, ul#input_1_24 > li, ul#input_1_26 > li, ul#input_1_28 > li { height: 580px; }

}

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

  .visible-tablet { display: block !important; }
  .visible-flex-tablet { display: flex !important; }
  .hidden-tablet { display: none !important; }

  .header-logo img { max-height: 50px; }

  ul#input_1_4 > li, ul#input_1_24 > li, ul#input_1_26 > li, ul#input_1_28 > li { height: 537px; position: relative; width: 50%;  }

}

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

  .visible-mobile { display: block !important; }
  .visible-flex-mobile { display: flex !important; }
  .hidden-mobile { display: none !important; }

  .btn--blue { font-size: 24px; }
  .mb-mobile-40 { margin-bottom: 40px; }

  .home-hero { padding: 60px 0 130px; background-position: bottom left;  }
  .home-hero__text h1 { font-size: 34px; }
  .home-hero__text h1 span { font-size: 47px; }
  .home-hero__text p { font-size: 18px; }

  .hearts-title-start h2 { font-size: 30px; }

  .featured-formulas { margin: 0 -10px -20px; }
  .featured-formulas > div { flex: 0 0 50%; max-width: 50%; padding: 0 10px 20px; }

  .text-area h2 { font-size: 31px; }
  .text-area p { font-size: 18px; }

  .footer-bottom { text-align: center; }
  .footer-logos { margin-bottom: 10px; }
  .footer-widget { max-width: 100%; text-align: center; }
  .footer-widget--social { display: block; }
  .footer-widget--social ul { justify-content: center; }

  #gform_4 { max-width: 100%; }
  #gform_page_1_2, #gform_page_1_3 { max-width: 100%; }
  ul#input_1_4 > li, ul#input_1_24 > li, ul#input_1_26 > li, ul#input_1_28 > li { height: 480px; width: 100%; }

}

@media screen and (max-width: 575px) {
   #post-10 .col-md-4, #post-144 .col-md-4, .formuladisplay .col-md-4, .brand. col-md-12 { height: 590px; }
   ul#input_1_4 > li, ul#input_1_24 > li, ul#input_1_26 > li, ul#input_1_28 > li { height: 600px; }
}
@media (max-width: 500px) {
   #post-10 .col-md-4, #post-144 .col-md-4, .formuladisplay .col-md-4, .brand .col-md-12 { height: 620px; }
}
@media (max-width: 400px) {
   #post-10 .col-md-4, #post-144 .col-md-4, .formuladisplay .col-md-4, .brand .col-md-12 { height: 720px; }
   ul#input_1_4 > li, ul#input_1_24 > li, ul#input_1_26 > li, ul#input_1_28 > li { height: 725px; }
}


button[type=reset] { font-size: 15px !important; fontw-weight: normal; margin-left: 15px; color: #666; }  
        
/* KEEP THIS IN ALL CSS, so that customers can use the alignment features when adding images. */
/* Begin Images */
p img {
   padding: 0;
   max-width: 100%;
   }

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */

img.centered, img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

img.alignright {
   padding: 4px;
   margin: 0 0 2px 30px;
   display: inline;
   }

img.alignleft {
   padding: 4px;
   margin: 0 30px 2px 0;
   display: inline;
   }

.alignright {
   float: right;
   }

.alignleft {
   float: left
   }

@media (max-width: 767px) {
   figure.alignright, figure.alignleft, img.alignright, img.alignleft, img.aligncenter { margin: 0 auto 20px auto !important; height: auto !important; }
}

/* End Images */