/**
Theme Name: Blistex
Theme URI: http://www.visionfriendly.com/
Description: A custom theme developed for Blistex.com
Version: 1.0
Author: Jamie Larsen
Author URI: http://www.crazylarsens.com/
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
/******************************************************************************************************************
	RESET STYLESHEET
******************************************************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}
/******************************************************************************************************************
	END RESET STYLESHEET
******************************************************************************************************************/
/******************************************************************************************************************
WP STYLESHEET
******************************************************************************************************************/
#centerContent{float:left;width:47%;padding:2% 2% 2% 2.7%;}#fullContent{width:100%;padding:2%;}#sidebar1{clear:left;}#sidebar2{clear:right;}#sidebar-left,#sidebar-right{width:20%;}#sidebar-left{margin-right:0;padding-right:2%;float:left;}#sidebar-right{margin-left:0;padding-left:2%;float:right;}article.post-box[id*=post-]{padding-left:1.3%;padding-right:1.3%;}#sidebar-left .widget{padding-left:2em;color:#000;margin:2em 0;}#sidebar-right .widget{padding-right:2em;color:#000;margin:2em 0;}#sidebar-left .widget a,#sidebar-right .widget a{color:#eee;text-decoration:none;}#sidebar-left .widget a:hover,#sidebar-right .widget a:hover{text-decoration:underline;}#sidebar-left .widget li,#sidebar-right .widget li,#meta.widget aside a{margin-bottom:0;padding:7px 0;}#sidebar-left .widget ul.sub-menu li:last-child,#sidebar-left .widget ul.children li:last-child,#sidebar-right .widget ul.sub-menu li:last-child,#sidebar-right .widget ul.children li:last-child{border-bottom:0;}#sidebar-left .widget-title,#sidebar-right .widget-title{font-family:Arial, Helvetica, sans-serif;font-size:16px;text-transform:uppercase;color:#000;}#rightContent{float:left;width:71%;padding:2% 2% 2% 2.7%;}@media only screen and max-width 2000px{#sidebar-left,#sidebar-right{width:22%;}}
*{word-break:break-word}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}ol#posts>li,ul#sidebar>li{list-style:none}
/******************************************************************************************************************
VFS STYLESHEET
******************************************************************************************************************/

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #666;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
a,
.link {
    /*transition: all 0.2s ease-out 0s;*/
    color: #194f97;
    cursor: pointer;
    text-decoration: underline;
}
a:hover,
.link:hover {
    color: #E43230;
}
sup {
    font-size: 45%;
    vertical-align: super;
}
.clear {
  clear: both;
}
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 14px/22px Arial;
}

.sm {
    font-size: 12px;
}
em {
    font-style: italic;
}

/* ==============
    MOBILE: Main
   ============== */
.site-container {
    width: 100%;
    max-width: 926px;
    box-sizing: border-box;
    margin: 0 auto;
}
.site-header {
    padding: 20px 0 0 0;
}
.site-logo {
    float: left;
    padding-bottom: 10px;
    padding-left: 30px;
}
.site-search {
    float: right;
    padding-top: 8px;
    display: none;
}
input[type="text"] {
    border: 1px solid #dadada;
    color: #666;
    margin: 0;
    padding: 2px 5px;
}
.site-search input[type="submit"] {
    border: 1px solid #dadada;
    color: #999;
    background: #FFF;
    margin: 0;
    padding: 2px 5px;
    font-size: 85%;
    top: -1px;
    position: relative;
}

.navbar-toggle {
    display: block;
    width: 25px;
    text-indent: -1000em;
    position: absolute;
    right: 15px;
    top: -35px;
}
.icon-navbar {
    display: block;
    background: red;
    height: 3px;
    margin: 0 0 3px;
    border-radius: 3px;
}

#menu-primary-navigation {
    display: none;
}
.site-navigation {
    border-top: 1px solid #ccc;
    clear: both;
    position: relative;
}
.nav-menu a {
    text-decoration: none;
}
.nav-menu > li {
    padding: 0;
    position: relative;
    display: inline-block;
}
.site-header .nav-menu > li {
    z-index: 100;
    text-align: center;
    display: block;
}
.nav-menu > li > a {
    text-transform: uppercase;
    color: #9f9f9f;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 6px;
}
.nav-menu > li > a:hover {
    color: #000;
}
.sub-menu {
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    background: #f4f4f4;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
    width: 240px;
    box-sizing: border-box;
    border: 3px solid #f4f4f4;
}
.menu-item-110 > .sub-menu {
    border-right: 0;
}
.sub-menu li {
    display: block;
    text-align: left;
}
.sub-menu a {
    display: block;
    padding: 1px 10px;
    color: #9f9f9f;
    font-weight: normal;
}
.sub-menu a:hover {
    color: #000;
    background: #FFF;
}
.site-header .nav-menu > .current-menu-item > a:after,
.site-header .nav-menu > .current-menu-parent > a:after,
.site-header .nav-menu > .current-page-ancestor > a:after {
    background: url("images/topnav-active-right.png") no-repeat scroll 100% 12px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 17px;
}
.site-header .nav-menu > .current-menu-item > a,
.site-header .nav-menu > .current-menu-parent > a,
.site-header .nav-menu > .current-page-ancestor > a {
    background: url("images/topnav-active-left.png") no-repeat scroll 0 12px;
    color: #333;
    position: relative;
}
.sub-menu .current-menu-item > a,
.sub-menu .current-page-ancestor > a {
    color: #000;
    font-weight: bold;
}
.menu-image-hover-wrapper { 
    position: absolute;
    top: -3px;
    left: 237px;
    background: #FFF;
    border: 3px solid #f4f4f4;
    border-left: 0;
    box-sizing: border-box;
    /*width: 290px;*/
    width: 411px;
    height: 462px;
    text-align: center;
    padding: 70px 20px 20px;
    display: none;
}
.menu-image-hovered:hover .menu-image-hover-wrapper { 
    display: block;
}
.hovered-image {
    margin: 0 !important;
}


/***CONTENT AREA ***/
.content {
    padding: 30px;
    border: 3px solid #DADADA;
}
.home .content {
    padding: 0;
    position: relative;
    overflow: hidden;
}
h1 {
    color: #000;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 42px;
    margin: 0 0 20px;
    padding: 0;
}
h1 span {
    font-size: 10px;
}
h2 {
    color: #000;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 28px;
    margin: 0 0 20px;
    padding: 0;
}
.postTitle {
    margin-bottom: 0;
}
small {
    font-size: 80%;
}
.product-text,
.product-text.box-70 {
    width: 100%;
    float: none;
}
.box-30.product-image,
.product-image {
    width: 100%;
    text-align: left;
    float: none;
    padding-bottom: 45px;
}
.imagewrapper img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.product-cat {
    color: #666;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin: 0 20px 20px 0;
    text-decoration: none;
    width: 147px;
    min-height: 255px;
    height: auto !important;
    height: 255px;
}
.page-id-24 .product-cat {
    margin-right: 15px;
    min-height: 200px;
    height: 200px;
}
.product-cat span {
    display: block;
    padding: 10px 7px 0;
}
.product-cat strong {
    color: #194f97;
    display: block;
    font-size: 14px;
}
.other a {
    display: block;
    padding: 0 0 4px 7px;
}
.right {
    margin: 20px 0;
    display: block;
}

.site-bottom{
    margin-top: 60px;
    border: 1px solid #C4CBD4;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8eff8+0,ffffff+52,e8eff8+100 */
    background: #e8eff8; /* Old browsers */
    background: -moz-linear-gradient(top,  #e8eff8 0%, #ffffff 52%, #e8eff8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8eff8), color-stop(52%,#ffffff), color-stop(100%,#e8eff8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e8eff8 0%,#ffffff 52%,#e8eff8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e8eff8 0%,#ffffff 52%,#e8eff8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e8eff8 0%,#ffffff 52%,#e8eff8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e8eff8 0%,#ffffff 52%,#e8eff8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eff8', endColorstr='#e8eff8',GradientType=0 ); /* IE6-9 */
    display: none;
}
.site-bottom h2 {
    background: #1C5097;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 10px;
    margin: 0;
    display: inline-block;
}
.site-bottom .su-carousel .su-carousel-slide img {
   background: transparent;
   border: 0;
  /* padding: 0;*/
}

/*** FOOTER ***/
.site-footer,
.site-footer .nav-menu > li > a {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
}
.site-footer .nav-menu > li > a {
    padding: 0;
    margin-right: 15px;
}
.site-footer {
    margin-top: 20px;
}
.site-footer .nav-menu > li > a:hover {
    color: #666;
}
.footer-top {
    border-bottom: 1px solid #ccc;
    margin: 0 0 3px;
    padding: 0 0 3px 30px;
}
.footer-bottom {
    padding-left: 30px;
}
.footer-top .nav-menu > li > a {
    font-weight: bold;
}


/*** HOME ***/
.home-shout {
    width: 50%;
}
.home-shout1 {
    float: left;
    
}
.home-shout2 {
    float: right;
}

table.tabulardata {
    width: 100%;
}
table.tabulardata th {
    align: left;
    background: #154E91;
    color: #FFF;
    font-weight: bold;
    padding: 3px 10px;
    border-right: 1px solid #FFF;
}
table.tabulardata td {
    align: left;
    padding: 3px 10px;
    border-bottom: 1px solid #eaeaea;
}

.withborder {
    border: 1px solid #d2d5da;
}
.top {
    display: inline-block;
    float: right;
    position: relative;
}
.top:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #9CBBF2;
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: -12px;
}
.list-bulleted {
    margin-bottom: 20px;
    margin-left: 15px;
}
.list-bulleted li {
    list-style: disc outside none;
    padding: 2px 0 3px;
}
.greenactivities td {
    vertical-align: text-top;
}

form fieldset { display: block; padding: 3px 0; }
form fieldset label { display: inline-block; width: 120px; }
form fieldset input[type="text"] { width: 250px; }
form fieldset select { width: 264px; height: 28px; }
form fieldset textarea { width: 250px; }
form input.button {
    margin: 10px 0 0 173px;
    font-size: 1em;
    font-weight: bold;
    padding: 0.1em 0.2em;
}

.alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #C09853; list-style: none; }
.error { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; }

.contact-right {
    max-width: 271px;
    padding-top: 60px;
}
.box.withborder {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edf2f8+0,ffffff+82 */
    background: #edf2f8; /* Old browsers */
    background: -moz-linear-gradient(top,  #edf2f8 0%, #ffffff 82%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf2f8), color-stop(82%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #edf2f8 0%,#ffffff 82%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #edf2f8 0%,#ffffff 82%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #edf2f8 0%,#ffffff 82%); /* IE10+ */
    background: linear-gradient(to bottom,  #edf2f8 0%,#ffffff 82%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border: 1px solid #d2d5da;
    padding: 0;
    margin: 20px 0 0;
    font-size: 13px;
    line-height: 18px;
    float: none;
    width: 100%;
}
.box.withborder h2 {
    font-weight: bold;
    color: #FFF;
    background: #225398;
    padding: 2px 10px;
    margin: 0;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
}
.box.withborder p {
    padding: 10px;
}

.contactPage.box-65 {
    width: 100%;
    float: none;
}
#contactUs input[type="text"],
#contactUs textarea,
#contactUs select {
    width: 230px;
    border: 1px solid #d2d5da;
    background: #edf2f8;
    color: #666;
    font-size: 13px;
    padding: 3px 5px;
}
#contactUs select.inputbox {
    width: 242px !important;
}
#contactUs label {
    width: 160px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #333;
    font-size: 13px;
    text-align: left;
    margin: 0 10px 5px 0;
}

.category-6 #leftContent {
    width: 100%;
    float: none;
    padding: 0;
}

p {
    padding: 10px 0;
}
.page-id-86 p,
.page-id-565 p {
    clear: both;
}
.page-id-86 strong img,
.page-id-565 strong img {
    float: left;
    margin: 0 15px 10px 0;
}

.page-id-86 strong,
.page-id-565 strong {
    color: #333;
}


.sitemap > ul > li > a {
    font-weight: bold;
    margin: 10px 0 2px;
    display: block;
}

.sitemap ul ul li {
    margin: 0 0 2px 10px;
}
.sitemap .page-item-902,
.sitemap .page-item-790,
.sitemap .page-item-925 {
    display: none;
}

.china {
    color: #666;
    font-size: 11px;;
    line-height: 13px;
}
.china .box-25 {
    padding: 0 30px 45px 0;
}
.china .box-25 strong {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    padding: 6px 0;
}

.site-bottom .su-carousel .su-carousel-prev {
    right: 0;
}
.site-bottom .su-carousel .su-carousel-next {
    left: 0;
}


/*** Landing Page ***/
#ninja_forms_field_18_div_wrap,
#ninja_forms_field_19_div_wrap {
    float: left;
    width: 47%;
    margin-right: 15px;
    box-sizing: border-box;
}
#ninja_forms_field_24_div_wrap {
    clear: both;
}
.col2-wrap ul li {
    width: 50%;
    float: left;
    padding: 0 10px 0 0 !important;
    font-size: 12px;
    line-height: 17px;
}
.col2-wrap ul li input {
    margin-bottom: 10px;
    float: left;
}
.col2-wrap #ninja_forms_field_17_label,
.col2-wrap #ninja_forms_field_18_label,
.col2-wrap #ninja_forms_field_19_label {
    padding: 2px 10px;
    background: #aec0de;
    color: #000;
    font-weight: normal;
}
#ninja_forms_field_17_div_wrap {
    clear: left;
}
#ninja_forms_field_5_div_wrap,
#ninja_forms_field_22_label,
#ninja_forms_field_23_label,
#ninja_forms_field_16_label,
#ninja_forms_field_25_label,
#ninja_forms_field_26_label {
    color: #000;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 28px;
    margin: 20px 0 5px;
    padding: 0;
}
#ninja_forms_form_5_all_fields_wrap select {
    width: auto !important;
}
#ninja_forms_field_21_label {
    font-weight: normal;
}
#ninja_forms_field_21_div_wrap .ninja-forms-field-description {
    display: none;
}
.page-id-745 .site-bottom,
.page-id-790 .site-bottom,
.page-id-902 .site-bottom {
    display: none;
}

.landingPage-video h3 {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.blissflip-banner {
    display: none;
}
    .blissflip-form {
        width: 100%;
    }
    #su_video_player_574702e2a495a_player,
    .jp-jplayer,
    #jp_flash_0,
    #jp_poster_0 {
        width: 300px !important;
        height: 169px !important;
    }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {


    .home-shout {
        min-height: 215px;
        position: absolute;
        z-index: 1;
        width: 30%;
    }
    .home-shout1 {
        top: 0;
        right: 0;
        max-width: 271px;
        float: none;
    }
    .home-shout2 {
        max-width: 271px;
        top: 50%;
        right: 0;
        float: none;
    }

    #contactUs label {
        text-align: right;
    }


}
@media only screen and (min-width: 768px) {
    
    #su_video_player_574702e2a495a_player,
    .jp-jplayer,
    #jp_flash_0,
    #jp_poster_0 {
        width: 645px !important;
        height: 364px !important;
    }
    .site-logo {
        padding-left: 0;
    }
    .site-search {
        display: block;
    }
    .product-text {
        padding-right: 20px;
        width: 70%;
        float: left;
    }
    .box-30.product-image,
    .product-image {
        padding-left: 20px;
        float: right;
        width: 30%;
        text-align: center;
        padding-bottom: 0;
    }

    #menu-primary-navigation > li {
        padding-right: 10px;
    }
    .navbar-toggle {
        display: none;
    }
    #menu-primary-navigation {
        display: block;
    }

    #menu-primary-navigation > li {
        display: inline-block;
    }
    #menu-primary-navigation > li > a {
        text-align: left;
        display: inline-block;
    }
    #menu-primary-navigation > li.menu-item-has-children:hover > a {
        background: #f4f4f4;
        color: #000;
    }
    #menu-primary-navigation > li.menu-item-has-children:hover > a:after {
        display: none;
    }
    .menu-item-has-children:hover > .sub-menu {
        display: block;
    }
    .site-bottom { 
        display: block;
    }

    .footer-top,
    .footer-bottom {
        padding-left: 0;
    }
    .contact-right {
        float: right;
        margin-top: 0;
    }
    .contactPage.box-65 {
        width: 65%;
        float: left;
    }
    .right {
        float: right;
        margin: 0 0 20px 20px;
    }
    .menu-tertiary-navigation-container {
        display: inline-block;
        margin-left: 15px;
    }

/*** GRID ***/
.box,
.box-10,
.box-15,
.box-20,
.box-22,
.box-25,
.box-30,
.box-33,
.box-35,
.box-40,
.box-45,
.box-50,
.box-55,
.box-60,
.box-65,
.box-66,
.box-70,
.box-75,
.box-78,
.box-80,
.box-85 {
  box-sizing: border-box;
  float: left;
}

.box {
  display: block;
  float: none;
}

.box-10 {
  width: 10%;
}

.box-15 {
  width: 15%;
}

.box-20 {
  width: 20%;
}

.box-22 {
  width: 22%;
}

.box-25 {
  width: 25%;
}

.box-30 {
  width: 30%;
}

.box-33 {
  width: 33.33%;
}

.box-35 {
  width: 35%;
}

.box-40 {
  width: 40%;
}

.box-45 {
  width: 45%;
}

.box-50 {
  width: 50%;
}

.box-55 {
  width: 55%;
}

.box-60 {
  width: 60%;
}

.box-65 {
  width: 65%;
}

.box-66 {
  width: 66%;
}

.box-70 {
  width: 70%;
}

.box-75 {
  width: 75%;
}

.box-78 {
  width: 78%;
}

.box-80 {
  width: 80%;
}

.box-85 {
  width: 85%;
}
    .page-id-24 .product-cat {
        margin-right: 24px;
        min-height: 250px;
        height: 250px;
    }

}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */


}


@media only screen and (min-width: 768px) and (max-width:950px) {



}
@media only screen and (min-width: 800px) {

    .blissflip-banner {
        display: block;
    }
    .blissflip-banner-mobile {
        display: none;
    }
    .blissflip-form {
        width: 70%;
        float: left;
    }
    .landingPage-video-wrapper {
        width: 40%;
        position: relative;
    }
    .landingPage-video {
        position: absolute; 
        top: -250px; 
        width: 100%;
    }
}

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

    #ninja_forms_field_18_div_wrap, 
    #ninja_forms_field_19_div_wrap {
        float: none;
        width: 100%;
        margin-right: 0;
        box-sizing: border-box;
    }
    #ninja_forms_field_17_label, 
    #ninja_forms_field_18_label,
    #ninja_forms_field_19_label {
        position: relative;
        cursor: pointer;
    }
    #ninja_forms_field_17_label:after, 
    #ninja_forms_field_18_label:after,
    #ninja_forms_field_19_label:after {
        position: absolute;
        content: '';
        top: 7px;
        right: 10px;
        border-left: 6px solid #000;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
    }
    #ninja_forms_field_17_label.active:after, 
    #ninja_forms_field_18_label.active:after,
    #ninja_forms_field_19_label.active:after {
        position: absolute;
        content: '';
        top: 10px;
        right: 10px;
        border-top: 6px solid #000;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 0;
    } 

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}