/* ### Begin Global Properties ### */
html
{
    width:100%;
    min-height:100%;
    height:auto !important;
    height:100%;
    font-size: 10px;
}    

body
{
    width:100%;
    min-height:100%;
    height:auto !important;
    height:100%;
    background-color:#fff;
    
    margin:0px;
    font-family: "proxima-nova", helvetica, arial, Sans-Serif;
    color: #333;
    /*display: none; */
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    
    /* Kinda fixes the Safari/Chrome on Mac Issue when element is animated font-flickers */
    -webkit-font-smoothing: subpixel-antialiased;
}  
    .ie8 body
    {
        min-width: 1002px;
    }

h1, h2, h3, h4, h5, h6
{
    font-weight:normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h1 { font-size: 56px; font-size: 5.6rem; }
h2 { font-size: 48px; font-size: 4.8rem; font-weight: 600; }
h3 { font-size: 36px; font-size: 3.6rem; }
h4 { font-size: 28px; font-size: 2.8rem; }
h1, h2, h3, h4 { font-family: "proxima-nova-condensed", Trebuchet MS, Arial, Sans-Serif; font-weight: normal; }
h1.alt_font, h2.alt_font, h3.alt_font, h4.alt_font { font-family: "proxima-nova", helvetica, arial, Sans-Serif; }

img.render { image-rendering: optimizeQuality; }

a
{
    color: #fff;
    text-decoration:none;
    outline: none;
    border:none;
    
    -webkit-transition: all .4s;
    transition: all .4s;
} 
    a[href^=tel] { color:#0071BC; }
    a img { border:none; }

ul
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

p 
{
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

p a { color: #666; }
p a:hover { color: #999; }

/* BEGIN: Helpers */
    /* misc */
    .clear { clear: both; }
    .hidden { display: none !important; }
    .pointer { cursor: pointer; }
    .round { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
    .no_bg { background-color:transparent !important; }

    /* borders */
    .dotted_link { border-bottom: 1px dotted #fff; }
    
    /* positions */
    .position_absolute { position: absolute !important; }
    .center_align { text-align: center !important; }
    .left_align { text-align: left !important; }
    .right_align { text-align: right !important; }   
    .left_0px { left: 0px !important; } 
    .left_5px { left: 5px !important; }  
    .left_10px { left: 10px !important; }        
    .left_25px { left: 25px !important; }    
    .left_50px { left: 50px !important; } 
    .left_75px { left: 75px !important; }   
    .left_100px { left: 100px !important; } 
    .right_0px { right: 0px !important; } 
    .right_5px { right: 5px !important; }   
    .right_10px { right: 10px !important; }       
    .right_25px { right: 25px !important; }    
    .right_50px { right: 50px !important; } 
    .right_75px { right: 75px !important; }   
    .right_100px { right: 100px !important; } 
    .top_0px { top: 0px !important; } 
    .top_5px { top: 5px !important; }   
    .top_10px { top: 10px !important; }       
    .top_25px { top: 25px !important; }    
    .top_50px { top: 50px !important; } 
    .top_75px { top: 75px !important; }   
    .top_100px { top: 100px !important; }          
    .inline_block { display: inline-block !important; }   
    
    .center_block { margin: 0px auto; }        

    /* colors */
    .color-yellow { color: #fc3 !important; }
    .bg_color-yellow { background-color: #fc3 !important; }
    .color-black { color: #000 !important; }
    .bg_color-black { background-color: #000 !important; } 
    .color-teal { color: #00A99D !important; }
    .bg_color-teal { background-color: #00A99D !important; }   
    .color-grey { color: #ccc !important; }
    .bg_color-grey { background-color: #ccc !important; }  
    .color-md-grey { color: #818181 !important; }
    .bg_color-md-grey { background-color: #818181 !important; }        
    .color-blue { color: #0071bc !important; }
    .bg_color-blue { background-color: #0071bc !important; }    
    .color-white { color: #fff !important; }
    .bg_color-white { background-color: #fff !important; }  
    
    /* borders */
    .no_border { border: 0px solid transparent !important; border-bottom: 0px solid transparent !important; border-top: 0px solid transparent !important; border-right: 0px solid transparent !important;  border-left: 0px solid transparent !important;  }
    .border-md-grey-2px { border: 2px solid #818181; }      
    
    /* font size rem */
    .font_3-0rem { font-size: 3.0rem !important; font-size: 30px !important; }   
    .font_3-5rem { font-size: 3.5rem !important; font-size: 35px !important; }        
    .font_4-2rem { font-size: 4.2rem !important; font-size: 42px !important; }    
    .font_5-2rem { font-size: 5.2rem !important; font-size: 52px !important; }  
    .font_6-2rem { font-size: 6.2rem !important; font-size: 62px !important; }  
    .font_6-8rem { font-size: 6.8rem !important; font-size: 68px !important; }  
    .font_7-2rem { font-size: 7.2rem !important; font-size: 72px !important; }   
    
    /* font size px */
    .font_10px { font-size: 10px !important; } 
    .font_11px { font-size: 11px !important; } 
    .font_12px { font-size: 12px !important; } 
    .font_13px { font-size: 13px !important; } 
    .font_15px { font-size: 15px !important; } 
    .font_17px { font-size: 17px !important; } 
    .font_19px { font-size: 19px !important; } 
    .font_21px { font-size: 21px !important; } 
    .font_23px { font-size: 23px !important; }                                     
    .font_25px { font-size: 25px !important; }     
    .font_27px { font-size: 27px !important; } 
    .font_29px { font-size: 29px !important; }                                     
    .font_31px { font-size: 31px !important; }     
    .font_33px { font-size: 33px !important; }  
    .font_35px { font-size: 35px !important; }     
    .font_37px { font-size: 37px !important; }          
    
    /* font decorations */
    .font_stroke_grey { -moz-text-stroke-color: #ccc; -webkit-text-stroke-color: #666; -moz-text-stroke-width: 1px; -webkit-text-stroke-width: 1px; }
    .font_stroke_c5 { -moz-text-stroke-color: #c5c5c5; -webkit-text-stroke-color: #c5c5c5; -moz-text-stroke-width: 1px; -webkit-text-stroke-width: 1px; }    
    .bold { font-weight: 800; }
    
    /* margins */
    .margin_0 { margin: 0 !important; }
    .margin_10px { margin: 10px !important; }
    .margin_right_10px { margin-right: 10px !important; }     
    .margin_25px { margin: 25px !important; }
    .margin_right_25px { margin-right: 25px !important; }     
    .margin_50px { margin: 50px !important; }     
    .margin_right_50px { margin-right: 50px !important; }            
    
    .margin_top_30px { margin-top: 30px !important; }
    .margin_bottom_30px { margin-bottom: 30px !important; }  
    .margin_right_30px { margin-right: 30px !important; }     
    .margin_top_40px { margin-top: 40px !important; }   
    .margin_bottom_40px { margin-bottom: 40px !important; }   
    .margin_right_40px { margin-right: 40px !important; }    
    .margin_top_50px { margin-top: 50px !important; }   
    .margin_bottom_50px { margin-bottom: 50px !important; }    
    .margin_right_50px { margin-right: 50px !important; }       
    .margin_top_70px { margin-top: 70px !important; }   
    .margin_bottom_70px { margin-bottom: 70px !important; }   
    .margin_right_70px { margin-right: 70px !important; }     
    .margin_top_125px { margin-top: 125px !important; }   
    .margin_bottom_125px { margin-bottom: 125px !important; } 
    .margin_right_125px { margin-right: 125px !important; }               
    
    .margin_side_10px { margin-left: 10px !important; margin-right: 10px !important; }   
    .margin_right_20px { margin-right: 20px !important; }         
    
    .margin_left_neg_200px { margin-left: -200px !important; } 
    
    /* paddings */
    .padding_10px { padding: 10px !important; }    
    .padding_top_10px { padding-top: 10px !important; }     
    .padding_right_10px { padding-right: 10px !important; }        
    .padding_25px { padding: 25px !important; }    
    .padding_top_25px { padding-top: 25px !important; }     
    .padding_right_25px { padding-right: 25px !important; }        
    .padding_50px { padding: 50px !important; }
    .padding_top_50px { padding-top: 50px !important; } 
    .padding_right_50px { padding-right: 50px !important; }      
    .padding_75px { padding: 75px !important; }
    .padding_top_75px { padding-top: 75px !important; } 
    .padding_right_75px { padding-right: 75px !important; }                 
    .padding_100px { padding: 100px !important; }
    .padding_top_100px { padding-top: 100px !important; }  
    .padding_right_100px { padding-right: 100px !important; }                  
    
    /* size */
    .width_inherit { width: inherit !important; }
    .width_500px { width: 500px !important; }
    .width_600px { width: 600px !important; } 
    .width_650px { width: 650px !important; } 
    .width_670px { width: 670px !important; }          
    .width_700px { width: 700px !important; }    
    .width_750px { width: 750px !important; }   
    
    .width_50p { width:50% !important; }
    .width_55p { width:55% !important; }
    
    .max_width_80 { max-width: 80% !important; }     
    .max_width_100 { max-width: 100% !important; }  
    .max_width_150px { max-width: 150px !important; } 
    
    .max_width_750px { max-width: 750px !important; }     
    .max_width_1042px { max-width: 1042px !important; }      

    /* opacity related */
    .dark:after {
        content: '\A';
        position: absolute;
        width: 100%; height:100%;
        top:0; left:0;
        background:rgba(0,0,0,0.6);
        opacity: 0;
        transition: all 1s;
        -webkit-transition: all 1s;
    }

    .opacity_50{ opacity: 0.5; }     
    .opacity_50_roll_100 { opacity: 0.5; pointer: cursor; } 
        .opacity_50_roll_100:hover { opacity: 1.0; } 
        
    /* responsive helpers */
    
    @media only screen and (max-width: 799px)
    {  
        .hide_lt_799 { display: none !important; } 
        .pad_2p_lt_799 { padding: 2%; }  
        .pad_5p_lt_799 { padding: 5%; }         
    }  
    @media only screen and (min-width: 800px)
    {  
        .hide_gt_800 { display: none !important; } 
        .pad_2p_gt_800 { padding: 2%; }        
        .pad_5p_gt_800 { padding: 5%; }            
        .margin_top_gt_800_125px { margin-top: 125px; }  
    }      
    
    @media only screen and (max-width: 699px)
    {  
        .hide_lt_699 { display: none !important; } 
        .pad_2p_lt_699 { padding: 2%; }      
        .pad_5p_gt_800 { padding: 5%; }                
    }
    
    @media only screen and (min-width: 700px)
    {  
        .hide_gt_700 { display: none !important; } 
        .pad_2p_gt_700 { padding: 2%; }
        .pad_5p_gt_800 { padding: 5%; }                      
    }    
    
    @media only screen and (max-width: 599px)
    {  
        .hide_lt_599 { display: none !important; }   
        .pad_2p_lt_599 { padding: 2%; } 
        .pad_5p_gt_800 { padding: 5%; }                   
    }  
    @media only screen and (min-width: 600px)
    {  
        .hide_gt_600 { display: none !important; }  
        .pad_2p_gt_600 { padding: 2%; } 
        .pad_5p_gt_800 { padding: 5%; }                    
    }          
    
/* END: Helpers */

.container
{
    width:100%;
    max-width: 1002px;
    margin: 0px auto;
    position: relative;
}
    .container_1400px { max-width: 1400px; }
    .container_1600px { max-width: 1600px; }
    .container_1800px { max-width: 1800px; }        
    .w_padding {  }

.content_container
{
    width:100%;
    max-width: 1002px;
    margin: 0px auto;
    position: relative;
}

label, input[type="text"], input[type="password"], textarea, select
{
    font-size: 16px;
}

label
{
    font-weight: 600;
}
    label.replaceholder { display: block !important; }
.placeholder
{
  color: #aaa !important; opacity: 1;
}

input[type="text"], input[type="password"]
{
    padding: 2px 4px;    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border: 1px solid #999;
    box-sizing: border-box;
    font-family: "proxima-nova", helvetica, arial, Sans-Serif;
}
    input[type="text"].has_error, select.has_error, textarea.has_error
    { background-color: #FFE4E8; }
    input[type="text"]:disabled, select:disabled, textarea:disabled
    {
        background-color: #EBEBE4 !important;
        opacity: 1 !important;
        color: #545454;
    }

textarea
{
    padding: 2px 1%;    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
    font-family: "proxima-nova", helvetica, arial, Sans-Serif;
}

select
{
    padding: 2px 4px;
    border: 1px solid;  
    box-sizing: border-box;
    -webkit-appearance: menulist;
    -webkit-box-align: center;
    -webkit-rtl-ordering: logical;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: "proxima-nova", helvetica, arial, Sans-Serif;
}

input:focus, textarea:focus, select:focus {
    outline: 0;
}

input.reminder, textarea.reminder, select.reminder { background-color: #FFE5E5; }


input::-webkit-input-placeholder { color: #aaa; opacity: 1; }
input::-moz-placeholder { color: #aaa; opacity: 1; }
input:-ms-input-placeholder { color: #aaa !important; opacity: 1; }
    
.main_button
{
    font-size: 22px;
    font-family: "proxima-nova-condensed", Trebuchet MS, Arial, Sans-Serif;
    color: #fff;
    background-color: #0071BC;
    padding: 3px 22px;
    
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;    
}
    .main_button.alt_font { font-family: "proxima-nova", helvetica, arial, Sans-Serif; }
    .main_button:hover, .main_button:active { background-color: #0B91DB; }
    .main_button.sending { background-color: #0B91DB; cursor:default; }
    
    .main_button.w_shadow
    {
        width: 100%;
        box-sizing: border-box;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 600;
        font-family: "proxima-nova", Arial, Sans-Serif;
        margin: 14px 0px 20px 0px;
        padding: 5px 0px;
        display: block;
        text-align: center;
        text-transform: uppercase;
        box-shadow: 0px 5px 0px #005791;
        -moz-box-shadow: 0px 5px 0px #005791;
        -webkit-box-shadow: 0px 5px 0px #005791;
    }

    
hr.gradient
{
    border: 0;
    height: 3px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.9), rgba(255,255,255,0)); 
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.9), rgba(255,255,255,0)); 
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.9), rgba(255,255,255,0)); 
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.9), rgba(255,255,255,0)); 
}
hr.gradient.gray  
{
    background-image: -webkit-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.9), rgba(153,153,153,0)); 
    background-image:    -moz-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.9), rgba(153,153,153,0)); 
    background-image:     -ms-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.9), rgba(153,153,153,0)); 
    background-image:      -o-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.9), rgba(153,153,153,0)); 
}
    .ie8 hr.gradient, .ie9 hr.gradient { color: #fff; background-color: #fff; }
   
   
/* GLOBAL COLORS */ 
.blue_font { color: #0071bc !important; }
.orange_font { color: #ff640d !important; }

    .blue-color, .blue-color:after { color: #0071BC;}
    .blue-bg { background-color: #0071bc; }
    
    .yellow-color, .yellow-color:after { color: #FFCC33; }
    .yellow-bg { background-color: #ffcc33; }
    
    .green-color, .green-color:after { color: #006837; }
    .green-bg { background-color: #006837; }
    
    .orange-color, .orange-color:after { color: #F15A24; }
    .orange-bg { background-color: #f15a24; }
    
    .purple-color, .purple-color:after { color: #2E2C77; }
    .purple-bg { background-color: #2e2c77; }
    
    .red-color { color: #DC143C; }
    .red-bg { background-color: #DC143C; }
    
    .dark-color { color: #4B4B4B; }
    .dark-bg { background-color: #4B4B4B; }
    
    .gray-color { color: #F4F4F4; }
    .gray-bg { background-color: #F4F4F4; }
    
    .white-color { color: #fff; }
    .white-bg { background-color: #fff; }
        
/* ### End Global Properties ### */   

/* ### Begin Header Properties ### */
.container_header
{
    width:100%;
    max-width: 1048px;
    margin: 0px auto;
    position: relative;
}
    .home_page .container_header { max-width: 1600px; }
    .ie8 .container_header
    {
        min-width: 700px;
    }
.header
{
    position: fixed;
    top: 0px;
    z-index: 9999;
    width: 100%;
    padding: 8px 0px;
    height: 58px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 1px 2px 5px rgba(50, 50, 50, 0.3);
    
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}    
    .header.absolute { position: absolute; }
    /* Hide Olark Class */
    div#habla_window_div.hide_this { display: none !important; }
.logo
{
    position: absolute;
    left: 10px;
    top: 5px;
    
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
    .ie8 .logo 
    {
        position: relative;
        left: auto;
        top: auto;
        float: left;
        margin-left: 10px;
        width: 200px;
    }
    .logo a { display: block; }        
    .logo img {  width: 200px;     -webkit-transition: all .4s ease-in-out;    transition: all .4s ease-in-out; }
        
    #icon_logo
    {
        display: none;
    }
        
    .header .call_us
    {
        display: none;
        color: #999;
        float: right;
        margin: 18px 12px 0px 0px;
    } 
    
    /* Begin: choice of which version to log into on header */
    .choice  
    {
        width: 900px; 
        max-width: 100%;
        margin: 0px auto; 
        background-color: #fff;
        position: fixed; 
        left: 50%; 
        margin-left: -450px; 
        z-index: 9999999999; 
        transition: all 0.5s ease; 
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        z-index: 999999; 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);        
        top: 20%;
        box-sizing: border-box;         
    }
        .choice.show { transform: scale(1.0); -webkit-transform: scale(1.0); }
        .choice .version { width: 40%; float: left; padding: 2%; margin: 2%; cursor: pointer; border:1px solid #ccc; }
            .choice .version img { max-width: 100%; opacity: 0.5; }
                .choice .version img:hover { opacity: 1.0; }
                
        .choice.full { width: 100%; height: 100%; left: 0%; margin-left: 0px; overflow: auto; top: 0px; bottom: 0px; transform: translate(0px,200%); -webkit-transform: translate(0px,200%); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
            .choice.full.show { transform: translate(0px,0%); -webkit-transform: translate(0px,0%); }
             
        .choice .call_us
        {
            display: block;
            color: #999;
            float: right;
            margin: 18px 20px 0px 0px;
        } 
        
    .choice.get_started_choice { background-image: url("https://connect.vocoli.com/images/backgrounds/login_bg_web.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }
                
            
    @media only screen and (max-width: 1050px)
    {            
        .choice { width: 100%; top: 0px; left: 0px; margin-left: 0px; }
    }    
    
    @media only screen and (max-width: 699px)
    {          
        .choice { /* position: absolute; */ } 
            .login_choice .version { width: 90%; margin: 15px; background-color: #eaeaea; }
    }                         
                
    /* End: choice of which version to log into on header */                
        
@media only screen and (max-width: 620px)
{
    .header
    {
        padding: 8px 0px;
        height: 58px;
    }
}
/* ### End Header Properties ### */

/* ### Begin Sign Up Header Properties ### */
.sign_up_header 
{
    position: absolute;
    top: 1px;
    z-index: 0;
    width: auto;
    padding: 0px 0%;
    height: 40px;
    right: 1%;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;    
    transition: all .4s ease-in-out;
}
    .sign_up_header img.sign_up_logo { height: 43px; }
    .sign_up_header .header_form
    {
        margin-top: 2px;
        float:right;
    }
        .sign_up_header .header_form span { margin: 0px 4px 0px 0px;display: inline-block;vertical-align: middle; }
        .ie8 .sign_up_header { display: none !important; }
        .sign_up_header .header_form input
        {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
            font-size: 18px;
            font-size: 1.8rem; 
            font-weight: 300;
            
            margin: 0px 0px 0px 0px;         
            padding: .3em .4em .3em .4em;                     
           
            border: 1px solid #999;
            border-radius: 5px 0px 0px 5px;
            box-sizing: border-box;            
        }
        .sign_up_header .header_form a
        {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: 600;
            
            margin: 0px 0px 0px 0px;
            padding: .3em 0px .3em 0px;
            
            border: 1px solid #0071BC;
            border-radius: 0px 5px 5px 0px;
            text-align:center;
            box-sizing: border-box;
            width:109px;
        }
    .sign_up_header .blog_cta { display: none; }
    
    .blog_home_entry .sign_up_header .header_form { display: none; }
    .blog_home_entry .sign_up_header .blog_cta { display: block; margin: 3px 0px 0px 0px; }
     .blog_home_entry .blog_cta span { margin-right: 10px; }
        .blog_home_entry .sign_up_header .blog_cta a.main_button { font-family: "proxima-nova-condensed", Trebuchet MS, Arial, Sans-Serif; padding: 3px 10px; box-shadow: 0px 5px 0px #005791; }
        
    .pricing_form_page .sign_up_header { display: none !important; }
    
@media only screen and (max-width: 799px) 
{
    .sign_up_header { top: 4px; }
        .sign_up_header .header_form { margin-right: 10px; }
            .sign_up_header .header_form span { font-size: 14px; font-size: 1.4rem; }
            .sign_up_header .header_form input { font-size: 14px; font-size: 1.4rem; }
            .sign_up_header .header_form a { font-size: 14px; font-size: 1.4rem; width: 85px;}
}
@media only screen and (max-width: 700px) { .sign_up_header { display: none; } }
/* ### End Sign Up Header Properties ### */
    
/* ### Begin Menu Properties ### */
.menu
{
    position: absolute;
    top: 0px;
    right: 1%;
    padding: 13px 0px 13px 85px;
    z-index: 9;
    background-color: #FFF;
    
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
    .ie8 .menu { padding: 13px 0px 13px 10px; }
    .menu ul li 
    {
        display: inline-block;
        padding: 0px 0px 0px 15px;
        margin: 0px 0px 0px 0px;
        text-align: left;
    }
        .menu ul li#login
        {
            margin-left:0px;
        }  
            .menu ul li#login a
            {
                /* color:#0071BC;                 */
            }  
        
    .menu ul li a
    {
        font-family: "proxima-nova-condensed", Trebuchet MS, Arial, Sans-Serif;
        font-size: 22px; 
        font-weight: normal;      
        color: #666;
        padding: 1px 0px;
        margin: 0px 10px 0px 10px;
    }
        .menu ul li a:hover, .menu ul li a:active, .menu ul li a.active_menu_link
        {
            color: #0071bc;
        }  
        
        .menu ul li a#contact_us, .menu ul li a.pricing_button
        {
            color: #fff;
            background-color:  #0071bc;
            margin-right:0px;
            padding: 6px 10px 2px 10px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;  
            box-shadow: 0px 3px 0px #005791;
            -moz-box-shadow: 0px 3px 0px #005791;
            -webkit-box-shadow: 0px 3px 0px #005791;
        }          
            .menu ul li a#contact_us:hover, .menu ul li a.pricing_button:hover
            {
                background-color: #0b91db;
            }              
        
    .menu_button
    {
        display: none;
        color: #0071BC;
        font-size: 41px;
        font-size: 4.1rem;
        padding: 6px 10px;
        margin: 0px 0px 0px 0px;
        line-height: 1;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: -7px;
    }
        @media only screen and (max-width: 799px)
        {
            .menu_button.open
            {
                opacity: .75;
            }
        }
        
@media only screen and (min-width: 700px)
{
    .header.slide_up { height: 40px; }
        .header.slide_up .logo { top:2px; }
            .header.slide_up .logo img { width: 150px; }
        .header.slide_up .menu { top: -100px; }
        
    .header.slide_up .sign_up_header { opacity: 1; }
    
    .header.no_slide_up { height: 58px !important; }
        .header.no_slide_up .logo { top:5px !important; }
            .header.no_slide_up .logo img { width: 200px !important; }
        .header.no_slide_up .menu { top: 0px !important; }
        
    .header.no_slide_up .sign_up_header { opacity: 0 !important; }
}
        
@media only screen and (max-width: 999px)
{
    .menu 
    {
        padding: 16px 0px 16px 80px;
    }
        ul#menu_links li
        {
            display: inline-block;
            padding: 0px 10px 0px 2px;
        }        
            ul#menu_links li a
            {
                font-size: 18px;    
            }
}
  
@media only screen and (min-width: 799px)
{
    /* Make Sure Menu is Always shown in Web View */
    ul#menu_links { display: block !important; }
}  
@media only screen and (max-width: 799px)
{
    /* Show menu dropdown button */
    .menu_button { display: block; }      
                      
    .header { height: 40px; }
    
    .logo img { width: 130px; } 
    
    /* Restyle menu */
    .menu
    {
        right: 0px;
        padding:0px;
    }   
        ul#menu_links 
        {
            display: none;
            position: absolute;
            right: 0px;
            top: 49px;
            -moz-box-shadow: -5px 5px 10px -4px #333;
            -webkit-box-shadow: -5px 5px 10px -4px #333;
            box-shadow: -5px 5px 10px -4px #333;
        } 
            ul#menu_links li 
            {
                width: 215px;                
                display: block;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                background-image:none;
                background-color: #fff;
                text-align: center;
                border-top: 1px solid #ccc;
            }
                ul#menu_links li a { width: 215px; display: block; font-size: 26px; padding: 9px 0px; margin: 0px 0px 0px 0px; }   
                    ul#menu_links li a:hover, ul#menu_links li a:active, ul#menu_links li a.active_menu_link
                    {
                        color: #0071BC;
                        background-color: #fff;
                        -moz-border-radius: 0px;
                        -webkit-border-radius: 0px;
                        border-radius: 0px;  
                        border-bottom: 0px;
                    }
                    ul#menu_links li a#contact_us, ul#menu_links li a.pricing_button
                    {
                        color: #fff;
                        background-color: #0071BC;
                        margin-right:0px;
                        padding: 9px 0px;
                        -moz-border-radius: 0px;
                        -webkit-border-radius: 0px;
                        border-radius: 0px;  
                    } 
                    ul#menu_links li a#contact_us:hover, ul#menu_links li a.pricing_button:hover { color: #fff; background-color:  #0b91db; }  
}
    
@media only screen and (max-height: 340px) /* Change size of drop menu on small landscape mobile devices */
{
    ul#menu_links li a
    {
        font-size: 18px;
    }
}
/* ### End Menu Properties ### */

/* ### Begin Home Page Properties ### */
    /* Begin Home Top Properties */
    .home_top, .pricing_home_top
    {
        /*border-bottom: 2px solid #B3B3B3;*/
        color: #0F0D26;
        position: relative;
        margin: 74px 0px 0px 0px;
        min-height: 728px;
        background-color: #fff;
    }            
        .home_top_bg
        {
            background: #333;    
            background-image: url('/images/bg_images/home-top-idea-2-dark.jpg'); 
           /* background-image: url('/images/bg_images/coffee-apple-iphone-laptop-large-angle.jpg');
            background-image: url('/images/bg_images/person_on_laptop.jpg');*/
            background-position: center;      

            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            
            position: absolute;
            width: 100%;
            height: 100%;
            
            opacity: 0;
            -webkit-transition: opacity 1.2s linear;
            transition: opacity 1.2s linear;
            
        }
            .home_top_bg.show
            {
                opacity: 1;
            }
            
        /*.home_top:before { content: "";height: 100%;display: inline-block;vertical-align: middle; }*/
        .home_top .container {  }
        
        
        .ie8 .home_top { min-height: 0px; }
        .pricing_home_top
        {
            /*background-image: url("/media/_images/bg_images/bg_suggestionbox.jpg");*/
            background: #0071bc;
            /*min-height: 495px;*/
            /*min-height: 445px;*/
            min-height: 0px;
            height: 330px;
        }
        
        .home_top .container_inner
        {
            padding: 80px 2% 30px 2%;
            margin: 0px 10px 0px 10px;

            opacity: 0;
            -webkit-transition: opacity 1.2s linear;
            transition: opacity 1.2s linear;
        }
        .ie8 .home_top .container_inner { padding: 40px; }
            .home_top .container_inner.show
            {
                opacity: 1;
            }
        
        .home_top h1
        {
            color: #fff;
            text-transform: uppercase;
            /*font-size: 82px;
            font-size: 8.2rem;*/
            font-size:64px;
            font-size:6.4rem;
            line-height: 1.1;
            text-align: left;
            /* add transition at angle */
            /* transform: rotate(-6deg) scale(1, 1); */
            position: relative;
             /* top:-300px;*/ 
            top: 0px; 
        }
            .home_top h1 span { white-space: nowrap; }
        
        .home_top h2
        {
            color: #fff;
            margin: 0px auto 0px auto;
            padding: 20px 0px 35px 0px;
            width: 670px;
            /* text-align: left;
            font-size: 36px; */
            font-size: 2.5rem;
            font-size: 25px;            
            font-weight: 300;
            position: relative;
            line-height:1.3;
            
             /* top:-300px;*/ 
            top: 0px;
            font-family: "proxima-nova", Helvetica, Arial, Sans-Serif;  
            text-align: left;
        }
        .home_top .text
        {
            font-size: 18px;
            padding: 0px 0px 0px 0%;
            text-align: left;
                        
            margin: 0px 0% 0px 0px;
            /*margin: 0px 56% 0px 0px;*/
            
            /* add transition way down */
            position: relative;              
            
        } 
            .home_top .text p
            {
                /*margin: 0px 0px 20px 0px;*/
                margin: 0px 0px 18px 0px;
                text-align: left;
                font-size: 18px;
                color: #333;
            } 
        
        .home_top a.home_button
        {
            margin: 280px auto 0px auto;
            max-width: 200px;
        } 
        
        /* rotating text for h1 on home */
        
            .home_top h1 div.rotating_text { overflow: hidden; height: 90px; position:relative;  } 
                .home_top h1 div.rotating_text ul { position: absolute; bottom: 0px; width: 100%; } 
                    .home_top h1 div.rotating_text ul li { display: block; -webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; }
                        .home_top h1 div.rotating_text ul li span { color: #fc3; -webkit-transition: color 1.2s ease-in-out; transition: color 1.2s ease-in-out; }
                        .home_top h1 div.rotating_text ul li.slide_down { margin-bottom: -90px; color: #4E4E4E; }
                            .home_top h1 div.rotating_text ul li.slide_down span { color: #4E4E4E; }        
        
        /* end rotating text for h1 on home */
        
        a.scroll_down
        {
            font-size: 22px;
            font-size: 2.2rem;
            padding: 5px 10px;            
            opacity: .8;   
            border: 4px solid #fff;
            border-radius: 50px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;             
            text-align: center;
            display: block;       
            line-height: 1;
            text-transform: uppercase;
         }
        
        a.scroll_down .typcn-arrow-down { font-size: 2.6rem; }
        
        .ie8 .home_top a.home_button { margin-top: 100px; } 
        .home_top a span.play { font-size: 45px; font-size: 4.5rem; margin:0px; }
        .home_top a#video_button span.typcn:before { width: .5em; }
        .ie8 .home_top a span.play { display: none; }
        .home_top a.home_button:hover { opacity: 1; }
    
            .home_top a.home_button img 
            {
                width: 20px;
                display: inline-block;
                vertical-align: 0px;
                margin: 0px 0px 0px 30px;
            }
            
        .container .play_video_section
        {
            width: 100%;
            text-align: center;
            padding: 0px;
        }            
            
            .container .play_video_section a
            {
                display: inline-block;
                vertical-align: middle;
                line-height: normal;
                font-weight: 600;
                font-size: 40px;
                font-size: 4rem;
                margin: 0px;
                padding: 7px 25px;                
                text-align:center;
                border-radius: 6px 6px 6px 6px;
                box-sizing: border-box;
                box-shadow: 0px 5px 0px #000029;
                -moz-box-shadow: 0px 5px 0px #000029;
                -webkit-box-shadow: 0px 5px 0px #000029;
            }            
            
        .home_top .home_signup
        {
            width: 100%;
            text-align: center;
            padding: 30px 0px 0px 0px;
        }
            .home_top .home_signup input
            {
                display: inline-block;
                vertical-align: middle;
                line-height: normal;
                font-weight: 300;
                font-size: 30px;
                font-size: 3rem;
                margin: 0px;
                padding: 10px 10px;
                width: 595px;                
                border: 1px solid #999;
                border-radius: 6px 0px 0px 6px;
                box-sizing: border-box;                

            }
                /*.ie8 .home_top .home_signup input:before { content: "Email Address"; display: block; position: absolute; left: 0px; top:0px; font-size:24px; color: #aaa; }*/
            .home_top .home_signup a
            {
                display: inline-block;
                vertical-align: middle;
                line-height: normal;
                font-weight: 600;
                font-size: 30px;
                font-size: 3rem;
                margin: 0px;
                padding: 10px 0px;                
                border: 1px solid #0071bc;
                text-align:center;
                border-radius: 0px 6px 6px 0px;
                box-sizing: border-box;
                width: 265px;
            }
            
            .home_top .home_signup .success_message
            {
                color: #FFF;
                font-size: 24px;
                font-size: 2.4rem;
                margin: 20px 0px 0px 0px;
                height: 36px;
            }
 
    @media only screen and (max-height: 880px)
    { 
        .home_top { min-height: 495px; }
        .home_top .container_inner { padding: 50px 2% 30px 2%; }
        .home_top a.home_button { margin: 30px auto 0px auto; }
    }   
    @media only screen and (max-width: 1300px)
    {
        .home_top h1 { font-size: 58px; font-size: 5.8rem; }  
        .home_top h2 { max-width: 500px; font-size: 23px; font-size: 2.3rem; padding: 0px 0px 16px 0px; }               
    } 
    @media only screen and (max-width: 1100px)
    {
        .home_top h1 { font-size: 54px; font-size: 5.4rem; }  
        .home_top h2 { font-size: 19px; font-size: 1.9rem; max-width: 450px; }      
    }  
    @media only screen and (max-width: 1030px)
    {
        .home_top h1 { font-size: 52px; font-size: 5.2rem; }        
        .home_top h2 { max-width: 400px;  }          
    }              
    @media only screen and (max-width: 979px)
    {
         .home_top { min-height: 0px; }
            .home_top .container_inner {
                padding: 40px 2% 30px 2%;
            }
             .home_top h1 { font-size: 45px; font-size: 4.5rem; }
                .home_top h1 div.rotating_text { height: 70px; } 
                    .home_top h1 div.rotating_text ul li.slide_down { margin-bottom: -70px; }                             
             .home_top h2 { padding: 0px 0px 16px 0px; } 
             
             .home_top .home_signup input { width: 400px; font-size: 24px; font-size: 2.4rem; }
             .home_top .home_signup a { font-size: 24px; font-size: 2.4rem; width: 227px; }
    }     
    @media only screen and (max-width: 799px)
    {
        .home_top, .pricing_home_top { margin: 56px 0px 0px 0px; }
            .home_top .container_inner { margin: 0px; padding: 40px 2.5% 40px 2.5%; }
            .home_top h1 { font-size: 48px; font-size: 4.8rem; margin-bottom: 10px;  }
                .home_top h1 div.rotating_text { height: 52px; } 
                    .home_top h1 div.rotating_text ul li.slide_down { margin-bottom: -52px; }             
            .home_top h2 { max-width: 325px; padding: 0px 2px 16px 2px;  } 
            .home_top .play_video_section a { font-size: 30px; font-size: 3rem; }
            .home_top a.home_button { margin: 60px auto 0px auto; padding: 5px 0px; font-size: 18px; font-size: 1.8rem; }
            .home_top a span.play { display: none; }
            
            .home_top .home_signup input { width: 280px; font-size: 24px; font-size: 2.4rem; }
            .home_top .home_signup a { font-size: 24px; font-size: 2.4rem; }
            .home_top_bg { background-position: 0px 0px; }
    } 
    @media only screen and (max-width: 560px)
    {
        .home_top h1 { font-size: 41px; font-size: 4.1rem; }
            .home_top h1 div.rotating_text { height: 45px; } 
                .home_top h1 div.rotating_text ul li.slide_down { margin-bottom: -45px; }
        .home_top h2 { /* */ }                          
        .home_top .home_signup input { border-radius: 0px; width:100%; padding: 6px 10px; }
        .home_top .home_signup a { border-radius: 5px; margin: 10px 0px 0px 0px;width:100%; padding: 6px 35px; }
        .home_top .home_signup .success_message { font-size: 16px; font-size: 1.6rem; line-height: 1.3; }
    } 
    @media only screen and (max-width: 422px)
    {
        .home_top h1 { font-size: 35px; font-size: 3.5rem; }
            .home_top h1 div.rotating_text { height: 39px; } 
                .home_top h1 div.rotating_text ul li.slide_down { margin-bottom: -39px; }   
        .home_top h2 { /* */ }                       
    }   
    @media only screen and (max-width: 367px)
    {
        .home_top h1 { font-size: 28px; font-size: 2.8rem; }
            .home_top h1 div.rotating_text { height: 31px; } 
                .home_top h1 div.rotating_text ul li.slide_down { margin-bottom: -31px; }   
        .home_top h2 { font-size: 15px; font-size: 1.5rem;  }  
                             
    }        
    /* End Home Top Properties */

    /* Begin Video Popup */
    .video_popup  
    {
        display: none; 
        position: fixed;
        top:50%;
        left:50%;
        z-index:99999;
        background-color: #000;
        border: 10px solid #000;
        width:952px;
        height:536px;
        margin: -278px 0px 0px -486px;    
    }
        .ie8 .video_popup { width: 850px; height: 478px; margin: -249px 0px 0px -435px; }
        
        .video_popup video.video_player
        {
            width: 100% !important;
            height: 100% !important;
        }
        .video_popup .close_video
        {
            display: block;
            opacity: 0;
            right:5px;
            top:5px;
            position: absolute;
            z-index: 9;
            cursor: pointer;
        
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }
            .ie8 .video_popup .close_video { top: 25px; }
            .video_popup:hover .close_video { opacity: 1; }
            .video_popup .close_video.mobile_always_show { opacity: 1 !important; padding: 8px; top:0px; right: 0px; z-index:99999; }
                
    @media only screen and (max-width: 999px)
    {
        .video_popup  
        {
            width:657px;
            height:369px;
            margin: -194.5px 0px 0px -338.5px;  
        }
    }    
    @media only screen and (max-width: 799px), (max-height: 499px)
    {
        .video_popup  
        {
            width: 440px;
            height: 247px;
            margin: -133.5px 0px 0px -230px;
        }
            .video_popup .close_video img { width: 30px; }
    }
    @media only screen and (max-width: 499px)
    {
        .video_popup  
        {
            width:280px;
            height:157px;
            margin: -88.5px 0px 0px -150px;  
        }    
            .video_popup .close_video img { width: 30px; }
    }  
    
    /* End Video Popup */

    /* Begin First Block Properties (Disenganged Employees) */
    .first_block
    {
        margin: 0px 0px;
        padding: 60px 3% 70px 3%;
        background-color: #00A99D;
    }
        .first_block h3
        {
            font-size: 56px;
            font-size: 5.6rem;
            font-weight: 700;
            text-align: center;
            line-height: 1.2;
            color: #FFF;
            font-family: "proxima-nova", helvetica, arial, Sans-Serif;
            text-transform: uppercase;
        }
        .first_block hr
        {
            margin: 26px 0px 30px 0px;
        }
        .first_block span.fb
        {
            font-size: 25px;
            font-size: 2.5rem;
            font-weight: 300;
            color: #FFF;
            display: block;
            text-align: center;
            margin: 0px 32px 0px 32px;
        }
        .first_block .get_started input
        {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
            font-size: 18px;
            font-size: 1.8rem; 
            font-weight: 300;
            
            margin: 0px 0px 0px 0px;         
            padding: .3em .4em .3em .4em; 
            width: 300px;   
            max-width: 55%;                 
           
            border: 1px solid #fff;
            border-radius: 5px 0px 0px 5px;
            box-sizing: border-box;            
        }
        .first_block .get_started a
        {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: 600;
            
            margin: 0px 0px 0px 0px;
            padding: .3em 25px .3em 25px;
            max-width: 45%;
            
            border: 1px solid #0071BC;
            border-radius: 0px 5px 5px 0px;
            text-align:center;
            box-sizing: border-box;
            /*width:119px;*/
        }        
    @media only screen and (max-width: 979px)
    {
        .first_block h3 { font-size: 44px; font-size: 4.4rem; }
        .first_block span.fb { font-size: 26px; font-size: 2.6rem; }
    }     
    @media only screen and (max-width: 799px)
    {
        .first_block { padding: 40px 2.5% 40px 2.5%; }
            .first_block h3 { font-size: 30px; font-size: 3.0rem; }
            .first_block hr { margin: 24px 0px 24px 0px; }
            .first_block span.fb { font-size: 20px; font-size: 2.0rem; margin: 0px; }
    } 
    /* End First Block Properties */
   
    /* Begin Second Block Properties (How Can Vocoli Help ?) */
    .second_block
    {
        background-color: #fff;
        padding: 50px 2% 100px 2%;
    }
        .second_block h3 
        {
            font-size: 56px;
            font-size: 5.6rem;
            text-align: center;
            margin: 0px 0px 45px 0px;
        }
            .second_block ul { text-align: center; }
                .second_block ul li { display: inline-block; text-align: center; vertical-align: top; width: 20%; }
                    .second_block ul li a { color: #333; display:block; }
                        .second_block ul li a:hover { color: #777;}
                
                        .second_block ul li a div.icon  
                        {
                            position: relative;
                            display: block;
                            width: 130px;
                            height: 130px;
                            margin: 0px auto; 
                            text-align: center; 
                            border-radius: 50%;

                            -webkit-transition: box-shadow 0.2s;
                            transition: box-shadow 0.2s;
                        
                        }
                            .second_block ul li a:hover div.icon { box-shadow: 0px 0px 0px 7px; }
                    
                        .second_block ul li a div.icon:after  
                        {
                            border-radius: 50%; 
                            box-shadow:0px 0px 0px 6px; 
                            content: ""; 
                            box-sizing: border-box; 
                            position: absolute; 
                            height: 100%; 
                            width: 100%; 
                            left: 0px; 
                            top: 0px; 
                        
                            -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
                            transition: transform 0.2s, opacity 0.2s;
                        }                    
                            .second_block ul li a:hover div.icon:after { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); opacity: 0.5; }
                            
                            .second_block ul li a div.icon span { font-size: 70px;-webkit-text-stroke: 1px;line-height: 155px; display: block; margin-top: 0px; font-weight: normal; }
                            .second_block ul li a div.icon.markets span { line-height: 133px;-webkit-text-stroke: inherit;font-weight: 300; }
                    
                            .second_block ul li a div.icon img.all { width: 65px;height: 65px;display: inline-block;margin: 32px 0px 0px 0px; }
                            .second_block ul li a div.icon img.ie8 { display: none; }
                            /*
                            .ie8 .second_block ul li a div.icon img.all { display: none; }
                            .ie8 .second_block ul li a div.icon img.ie8 { width: 130px; height: 130px; display: block; }
                            */
                        
                        
                        .second_block ul li a span { font-size: 18px; font-size: 1.8rem; font-weight: 700; margin-top: 16px; display: block; }
    @media only screen and (max-width: 979px)
    {
        .second_block { padding: 40px 2% 60px 2%; }
            .second_block h3 { font-size: 48px; font-size: 4.8rem; margin: 0px 0px 40px 0px; }
                .second_block ul li a div.icon { width: 80px; height: 80px; }
                .second_block ul li a:hover div.icon { box-shadow: 0px 0px 0px 5px; }
                    .second_block ul li a div.icon:after { box-shadow: 0px 0px 0px 4px; }
                    .second_block ul li a div.icon img.all { width: 40px; height: 40px; margin: 20px 0px 0px 0px; }
                .second_block ul li a span { font-size: 13px; font-size: 1.3rem; }
                
                .second_block ul li a div.icon span { font-size: 40px;line-height: 95px; }
                .second_block ul li a div.icon.markets span { line-height: 83px; }
    }     
    @media only screen and (max-width: 799px)
    {
        .second_block { padding: 40px 2% 25px 2%; }
            .second_block h3 { font-size: 44px; font-size: 4.4rem; margin: 0px 0px 35px 0px; }
            .second_block ul li { width: 33.3333%; padding: 0px 0px 24px 0px; }
            .second_block ul li a div.icon { width: 80px; height: 80px; }
            .second_block ul li a:hover div.icon { box-shadow: 0px 0px 0px 5px; }
                .second_block ul li a div.icon:after { box-shadow: 0px 0px 0px 4px; }
                .second_block ul li a div.icon img.all { width: 40px; height: 40px; margin: 20px 0px 0px 0px; }     
                .second_block ul li a span { font-size: 15px; font-size: 1.5rem; }
    } 
    @media only screen and (max-width: 460px)
    {
        .second_block h3 { font-size: 28px; font-size: 2.8rem; }  
        .second_block ul li { width: 50%; }  
   
    } 
    /* End Second Block Properties */

    /* Begin Third Block (Highlighted Features) */
    .third_block
    {
        padding: 0px 0px 55px 0px;
    }
        .third_block .container
        {
            box-sizing: border-box;
            padding: 0px 2%;
        }
        .third_block div.feature_highlights_contain { background-color: #e8c99a; height: 423px; }
        .third_block div.feature_highlights
        {
            background: url("/images/bg_images/feature_highlights_short.jpg") no-repeat center;
            background-size: auto 465px;
            height: 465px;
            width: 100%;
        }
            .third_block div.feature_highlights img { display: none; }
        .third_block ul.features
        {
            margin: 60px 0px 0px 0px;
        }
            .third_block ul.features li
            {
                display: inline-block;
                width: 28%;
                font-size: 22px;
                font-size: 2.2rem;
                font-weight: 300;
                vertical-align: top;
                text-align: left;
                padding:0px 7% 0px 0px;
                line-height: 2;
            }
                .third_block ul.features li:last-child { padding: 0px; width: 29%; }
                .ie8 .third_block ul.features li.last_child { padding: 0px; width: 29%; }
        
        div.explore_features  
        {
            border-top: 5px solid #F15A24;
            border-bottom: 5px solid #F15A24;
            padding: 8px 0px;
            margin: 40px 0px 0px 0px; 
            text-align: center;
        }
            div.explore_features a { font-size: 32px; font-weight: 700; color: #F15A24;   display: inline-block;
                -webkit-transform: translateX(0px);  
                -ms-transform: translateX(0px);   
                transform: translateX(0px); 
                                              
            }
            div.explore_features a:hover              
            {
                opacity: .8;
            
                -webkit-transform: translateX(10px);  
                -ms-transform: translateX(10px);   
                transform: translateX(10px); 
            
                -webkit-animation-fill-mode: forwards;
                -ms-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
            }
                .third_block div.explore_features a img { display: inline-block; width: 25px; vertical-align: -2px; margin-left: 20px;}
            
    @media only screen and (max-width: 799px)
    {
        .third_block div.feature_highlights { background-position-x:-590px; }
    }     
    @media only screen and (max-width: 799px)
    {
        .third_block div.feature_highlights_contain { height: auto; }
        .third_block div.feature_highlights { background: none; height: auto; }
            .third_block div.feature_highlights img { display: block; width: 100%; }
        .third_block ul.features { margin: 30px 0px 0px 0px; }  
            .third_block ul.features li { font-size: 18px; font-size: 1.8rem; width: 30%; padding: 0px 4% 0px 0px; }
            .third_block ul.features li:last-child { width: 30%; }
    } 
    @media only screen and (max-width: 560px)
    {
        .third_block { padding: 0px 0px 30px 0px; }
            .third_block ul.features { margin: 10px 3% 0px 3%; }
                .third_block ul.features li { width: 100%; padding: 0px 0px 8px 0px;margin: 0px 0px 8px 0px;font-size: 16px;font-size: 1.6rem;border-bottom: 1px solid #CCC; }
                .third_block ul.features li:last-child { width: 100%;border-bottom: 0px;padding: 0px;margin: 0px; }
                .third_block div.explore_features { margin: 20px 0px 0px 0px; }
                    .third_block div.explore_features a { font-size: 20px; font-size: 2.0rem; }
                        .third_block div.explore_features a img { width: 18px; margin-left: 4px; }
    } 
    /* End Third Block */

    /* Begin Fourth Block (Sign Up) */
    .fourth_block 
    {
        background-color: #F4F4F4;
        border-top: 1px solid #eee;
        padding: 35px 2.5%;
        text-align: center;
    }
        .fourth_block a.back_top
        {
            color: #333;
            font-size: 18px;
            font-size: 1.8rem;
            display: inline-block;
            margin: 10px 0px 0px 0px;
            border-bottom: 1px solid #333;
        }
            .fourth_block a.back_top:hover { color: #999; border-bottom: 1px solid #999; }
    /* End Fourth Block */
    
/* ### End Home Page Properties ### */

/* ### Begin Benefits Page Properties ### */
.benefits_page
{
}
    .benefits_top
    {
        background-color: #4E4E4E;
        padding: 52px 2%;
        margin: 74px 0px 0px 0px;
    }
        .benefits_top h1 { font-size: 68px; font-size: 6.8rem; color: #fff; text-align: center; line-height: 1.3; }
            .benefits_top h1 div.rotating_text { overflow: hidden; height: 88px; position:relative; } 
            /*.features_top h1 div.rotating_text { overflow: hidden; height: 84px; width: 600px;position: relative;text-align: center;margin: 0px auto; }*/
                .benefits_top h1 div.rotating_text ul { position: absolute; bottom: 0px; width: 100%; } 
                /*.features_top h1 div.rotating_text ul { position: absolute; bottom: 0px; width: 315px; }*/
                    .benefits_top h1 div.rotating_text ul li { display: block; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
                        .benefits_top h1 div.rotating_text ul li span { color: #ffcc33; -webkit-transition: color .4s ease-in-out; transition: color .4s ease-in-out; }
                        .benefits_top h1 div.rotating_text ul li.slide_down { margin-bottom: -88px; color: #4E4E4E; }
                            .benefits_top h1 div.rotating_text ul li.slide_down span { color: #4E4E4E; }
                /*.features_top h1 div.rotating_text span.stick_word { margin: 0px 0px 0px 330px; }*/
                        
        @media only screen and (max-width: 760px)
        {
            .benefits_top { padding: 42px 2%; } 
            .benefits_top h1 { font-size: 42px; font-size: 4.2rem; line-height: 1.5; }
            .benefits_top h1 div.rotating_text { height: 65px; }
            .benefits_top h1 div.rotating_text ul li.slide_down { margin-bottom: -63px; }
        }
        @media only screen and (max-width: 680px)
        {
            .benefits_top h1 { font-size: 28px; font-size: 2.8rem; }
            .benefits_top h1 div.rotating_text { height: 41px; }
            .benefits_top h1 div.rotating_text ul li.slide_down { margin-bottom: -41px; }
        }
        
    .benefits_second
    {
        background-color: #00a99d;
        padding: 38px 2%;
        text-align: center;
    }
        .benefits_second h2 { font-family: "proxima-nova", helvetica, arial, Sans-Serif; color: #fff; font-weight: normal; font-size: 28px; font-size: 2.8rem; text-transform: uppercase; }
        .benefits_second h3 { color: #fff; font-weight: 300; font-size: 24px; font-size: 2.4rem; }
        .benefits_second hr { margin: 16px 0% 16px 0%; }
            
    .benefits_page ul.benefits
    {
        margin:0px 2.5%;
    }
        .benefits_page ul.benefits a { color:#0071bc; text-decoration:none; font-weight: 600; }
        .benefits_page ul.benefits a:hover { color: #0b91db; }
        .benefits_page ul.benefits li { border-bottom: 1px solid #999; padding: 35px 10% 35px 10%; padding-top: 100px;margin-top: -70px; }
        .benefits_page ul.benefits li:last-child { border-bottom: 0px; }
        
            /*.benefits_page ul.benefits a.anchor:before { content: ""; display:block; height: 120px; margin: -120px 0px 0px 0px; }*/
            .benefits_page ul.benefits a.anchor { display: block;padding-top: 75px;margin-top: -75px; }
        
            .benefits_page ul.benefits li .benefit_icon { }
            .benefits_page ul.benefits li.left_icon .benefit_icon { float: left; margin: 22px 4% 22px 0px; }
            .benefits_page ul.benefits li.right_icon .benefit_icon { float: right; margin: 22px 0px 22px 4%; }
            
                        .benefits_page ul.benefits li .benefit_icon 
                        {
                            position: relative;
                            display: block;
                            width: 130px;
                            height: 130px;
                            margin: 0px auto; 
                            text-align: center; 
                            border-radius: 50%;

                            -webkit-transition: box-shadow 0.4s;
                            transition: box-shadow 0.4s;
                        
                        }
                            .benefits_page ul.benefits li .benefit_icon.in_view { box-shadow: 0px 0px 0px 7px; }
                            /*
                                .benefits_page ul.benefits li .benefit_icon.in_view { -webkit-animation: pulse 1s 3; animation: pulse 1s 3; }
                                @-webkit-keyframes pulse {
                                    0%   {box-shadow: 0px 0px 0px 0px;}
                                    33%  {box-shadow: 0px 0px 0px 7px;}
                                    66%  {box-shadow: 0px 0px 0px 0px;}                                
                                    100% {box-shadow: 0px 0px 0px 7px;}
                                }
                            */
                    
                        .benefits_page ul.benefits li .benefit_icon:after  
                        {
                            border-radius: 50%; 
                            box-shadow:0px 0px 0px 6px; 
                            content: ""; 
                            box-sizing: border-box; 
                            position: absolute; 
                            height: 100%; 
                            width: 100%; 
                            left: 0px; 
                            top: 0px; 
                        
                            -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
                            transition: transform 0.4s, opacity 0.4s;
                        }                    
                            .benefits_page ul.benefits li .benefit_icon.in_view:after { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); opacity: 0.5; }
                                        
                            .benefits_page ul.benefits li .benefit_icon span { font-size: 70px;-webkit-text-stroke: 1px;line-height: 155px; display: block; /*text-shadow: 1px 1px 0px, 0px 0px 0px, 1px 0px 0px, 0px 0px 0px, 0px 0px 0px;*/ }
                            .benefits_page ul.benefits li .benefit_icon.markets span { line-height: 133px;-webkit-text-stroke: inherit;font-weight: 300; }
                            
                            
                            .benefits_page ul.benefits li .benefit_icon img.all { width: 65px;height: 65px;display: inline-block;margin: 32px 0px 0px 0px; }
                            .benefits_page ul.benefits li .benefit_icon img.ie8 { display: none; }
                            /*
                            .ie8 .benefits_page ul.benefits li .benefit_icon img.all { display: none; }
                            .ie8 .benefits_page ul.benefits li .benefit_icon img.ie8 { display: block; width:130px; height:130px; }
                            */
            
            .benefits_page ul.benefits li .benefit_desc {  }
                .benefits_page ul.benefits li .benefit_desc h2 { font-size: 48px; font-size: 4.8rem; font-family: "proxima-nova", arial, sans-serif; }
                .benefits_page ul.benefits li .benefit_desc h3 { font-size: 22px; font-size: 2.2rem; font-weight: 300; font-family: "proxima-nova", arial, sans-serif; line-height: 1.3; }

@media only screen and (max-width: 899px)
{
    .benefits_page ul.benefits
    {
        margin:0px 2.5%;
    }
        .benefits_page ul.benefits li { padding: 100px 0% 35px 0%; }
}
@media only screen and (max-width: 799px)
{    
    .benefits_top 
    {
        margin: 57px 0px 0px 0px;
    }
    .benefits_page ul.benefits a.anchor:before { content: ""; display:block; height: 70px; margin: -70px 0px 0px 0px; }
    .benefits_page ul.benefits li .benefit_desc h2 { font-size: 26px; font-size: 2.6rem; }
    .benefits_page ul.benefits li .benefit_desc h3 { font-size: 18px; font-size: 1.8rem; }
    .benefits_page ul.benefits li.left_icon .benefit_icon { margin: 10px 4% 22px 0px; }
    .benefits_page ul.benefits li.right_icon .benefit_icon { margin: 10px 0px 22px 4%; }
        .benefits_page ul.benefits li .benefit_icon img { width: 65px; }
}
@media only screen and (max-width: 760px) {
    .benefits_top h1 {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 1.5;
    }
}
@media only screen and (max-width: 680px) {
    .benefits_top h1 {
        font-size: 28px;
        font-size: 2.8rem;
    }
    .benefits_second h2 { font-size: 22px; font-size: 2.2rem; }
    .benefits_second h3 { font-size: 22px; font-size: 2.2rem; }
}
@media only screen and (max-width: 399px)
{    
    .benefits_page ul.benefits li .benefit_desc h2 { line-height: 1.2; font-size: 22px; font-size: 2.2rem; margin: 20px 0px 0px 0px; }
    .benefits_page ul.benefits li .benefit_icon {
        margin: 0px auto !important;
        display: block;
        float: none !important;
        text-align: center;
    }
        .benefits_page ul.benefits li .benefit_icon img { width: 65px; }
}
/* ### End Benefits Page Properties ### */        
        
/* ### Begin Features Page Properties ### */ 
.features_page_wrapper
{
    overflow-x:hidden;
}
    .features_top
    {        
        background-color: #fff;
        height: 350px;
        position: relative;
        margin: 74px 0px 0px 0px;
    }
        .features_top .features_top_bg
        {
            background: #333; 
            background-image: url("/images/bg_images/benefits-top_OPT.jpg");
            background-position: center; 
            background-size: cover;
            
            position: absolute;
            width: 100%;
            height: 100%;
            
            opacity: 0;
            -webkit-transition: opacity 1.2s linear;
            transition: opacity 1.2s linear;
        }     
            .features_top .features_top_bg.show
            {
                opacity: 1;
            }

        /* .benefits_top h1 { font-size: 100px; font-size: 10.0rem; color: #fff; text-align: center; padding: 200px 0px 0px 0px; } */
        .features_top h1 { font-size: 80px;font-size: 8rem;line-height: 1.1;color: #FFF;text-align: center;padding: 90px 0px 0px 0px; }       
            .features_top h1 span.web_break { display:block; }
                  
    .features_blocks
    {
    }
        .features_blocks img.devices_image { width: 100%; margin-top: -290px; }
        .features_blocks h2  
        {
            font-size: 48px; 
            font-size: 4.8rem; 
            color: #333; 
            text-align: center; 
            margin-top: -40px; 
            padding: 0px 2% 0px 2%; 
            font-weight: 700;
        }
        .features_blocks h3  
        {
            font-size: 23px;
            font-size: 2.2rem;
            font-weight: normal;
            color: #333;
            text-align: center;
            padding: 0px 4% 0px 4%; 
        }
        
        .features_blocks hr  
        {
            margin: 20px 0% 45px 0%;
            background-image: -webkit-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.9), rgba(153,153,153,0)); 
            background-image:    -moz-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.9), rgba(153,153,153,0)); 
            background-image:     -ms-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.9), rgba(153,153,153,0)); 
            background-image:      -o-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.9), rgba(153,153,153,0)); 
        }
            .ie8 .features_blocks hr, .ie9 .features_blocks hr { color: #777; background-color: #777; height: 1px; }
        
        .features_blocks .feature_block 
        {
            width: 100%;
            margin: 0px 0%;
            padding: 0px 0px 30px 0px;
        }
            .features_blocks .feature_block img.screen_shot { width: 60%; }
            .features_blocks .feature_block .text { padding: 9% 0px 0px 0px; }
            .features_blocks .feature_block .text.taller { padding: 6% 0px 0px 0px; }
            .features_blocks .feature_block .text.even_taller { padding: 5% 0px 0px 0px; }            
            .features_blocks .feature_block .text h4  
            {
                font-size: 40px;
                font-size: 4.0rem;
                font-weight: 600;
                line-height: 1.2;
            }
            .features_blocks .feature_block .text h5 { font-size: 15px; font-size: 1.5rem; margin: 10px 0px 0px 0px; }            
                .features_blocks .feature_block .text a.read_more 
                { 
                    display: block;
                    position: relative;
                    color: #333;
                    font-size: 22px;
                    font-size: 2.2rem;
                    font-weight: 600;
                    margin: 18px 0px 0px 0px;
                    float: left;
                    
                    -webkit-transform: translateX(0px);
                    -ms-transform: translateX(0px);
                    transform: translateX(0px);
                }
                    .features_blocks .feature_block .text a.read_more:hover 
                    {
                        opacity: .8;
            
                        -webkit-transform: translateX(10px);  
                        -ms-transform: translateX(10px);   
                        transform: translateX(10px); 
            
                        -webkit-animation-fill-mode: forwards;
                        -ms-animation-fill-mode: forwards;
                        animation-fill-mode: forwards;
                    }
                    .features_blocks .feature_block .text a.read_more img { display: inline-block; width: 22px; vertical-align: -2px; margin-left: 14px; }
                    .features_blocks .feature_block .text a.read_more span { margin: 0px 0px 0px 10px; vertical-align: -1px; display: inline-block; /*font-weight: bold;*/ }
        
        .features_blocks .feature_block.left_image {  }
            .features_blocks .feature_block.left_image .text { float: right; width: 35%; }
            .features_blocks .feature_block.left_image img.screen_shot { /*margin: 0px 8% 0px -46%;*/margin: 0px 0% 0px 0px; float: left; }
        .features_blocks .feature_block.right_image { }
            .features_blocks .feature_block.right_image .text { float: left; width: 35%; }
            .features_blocks .feature_block.right_image img.screen_shot { /*margin: 0px -46% 0px 8%;*/margin: 0px 0px 0px 0%; float: right; }
            
    .deep_dive_icons
    {
        background-color: #F05A24;
        color: #fff;
        padding: 35px 0px 55px 0px;
        margin: 30px 0px 0px 0px;
    }
        .deep_dive_icons h3 { font-size: 56px; font-size: 5.6rem; text-align: center; margin: 0px 0px 14px 0px; color: #fff; }
        .deep_dive_icons ul { text-align: center; font-size: 0px; }
            .deep_dive_icons ul li { display: inline-block; text-align: center; box-sizing: border-box; width: 20%; }     
            .deep_dive_icons ul li.all_features { display: none; }   
            .deep_dive_icons ul li.hide { display: none; }           
                .deep_dive_icons ul li a { font-size: 24px; display: block; }
                    .deep_dive_icons ul li a img  
                    {
                        width: 135px; 
                        display: block; 
                        margin: 0px auto 14px auto; 
                        border-radius: 50%;
                        
                        -webkit-transition-duration: 0.0s;
                        transition-duration: 0.0s;
     
                        -webkit-transition-property: -webkit-transform;
                        transition-property: transform;
                    }
                        .deep_dive_icons ul li a:hover { color: rgba(255, 255, 255, 0.7); }
                        .deep_dive_icons ul li a:hover img { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background-color: #EB754A; background-webkit-transform:rotate(360deg); transform:rotate(360deg); }
                        .ie8 .deep_dive_icons ul li a:hover img { background-color: transparent; }
                    
    .other_features
    {
        color: #333;
        padding: 28px 0px 40px 0px;
    }
        .other_features h6 
        {
            font-size: 42px;
            font-size: 4.2rem;
            font-weight: 600;
            text-align: center;
            padding: 0px 0px 14px 0px;
        }
        /*
        .other_features ul {  }
            .other_features ul li 
            { 
                display: inline-block; 
                vertical-align: top;
                width: 33.3333%; 
                box-sizing: border-box; 
                font-size: 24px; 
                font-size: 2.4rem; 
                padding: 0px 0% 10px 8%; 
            }
            .other_features ul li.middle {  }
        */
          
        .other_features ul { width: 50%; box-sizing:border-box; }  
        .other_features ul.left { float: left; padding: 0px 1% 0px 4%; }
        .other_features ul.right { float: right; padding: 0px 1% 0px 4%; }
        .other_features ul li 
        { 
            width: 100%; 
            box-sizing: border-box; 
            font-size: 24px; 
            font-size: 2.4rem; 
            padding: 0px 0px 15px 0px;
            
        }
            .other_features ul li span.line-icon-check 
            {
                color: #006837;
                display: block;
                float: left;
                font-size: 20px;
                font-size: 2.0rem;
                line-height: 1;
                margin: 7px 10px 0px 0px;
            }
            
            
    .give_it_try
    {
        background-color: #0071bc;
        text-align: center;
        padding: 40px 0px;
    }
        .give_it_try a   
        {
            display: inline-block; 
            position: relative;
            color: #fff; 
            font-size: 68px; 
            font-size: 6.8rem; 
            font-family: "proxima-nova-condensed", Trebuchet MS, Arial, Sans-Serif;
            margin: 0px 0px 0px 0px; 
            opacity: .9;

            -webkit-transform: translateX(0px);  
            -ms-transform: translateX(0px);   
            transform: translateX(0px); 
        }
            .give_it_try a:hover 
            {
                opacity: 1;
            
                -webkit-transform: translateX(10px);  
                -ms-transform: translateX(10px);   
                transform: translateX(10px); 
            
                -webkit-animation-fill-mode: forwards;
                -ms-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
            }
            .give_it_try a span { display: inline-block; vertical-align: 1px; margin-left: 20px; font-size: 49px; }  
            
@media only screen and (max-width: 940px)
{  
    .deep_dive_icons { padding: 35px 0px 35px 0px; }
        .deep_dive_icons ul li { width: 33.33333%; margin: 10px 0px; }
        
    .other_features ul li { font-size: 18px; font-size: 1.8rem;  }
    .other_features ul li span.check { margin: -2px 10px 10px 0px; }
}
@media only screen and (max-width: 880px)
{    
    .features_blocks .feature_block { padding: 0px 0px 0px 0px; }  
    .features_blocks .feature_block .text {
        margin: 0px 3%;
        padding: 0px 0px 8px 0px;
        width: 94%;
    }
    .features_blocks .feature_block.left_image { }
        .features_blocks .feature_block.left_image .text { float: none;width: auto; }

        .features_blocks .feature_block.left_image img.screen_shot { margin: 0px;float: inherit; width: 100%; }
    .features_blocks .feature_block.right_image { }
        .features_blocks .feature_block.right_image .text { float: none;width: auto; padding: 0px 0px 24px 0px; }
        .features_blocks .feature_block.right_image img.screen_shot { margin: 0px;float: inherit; width: 100%; }  
    
    .features_blocks .feature_block .text a.read_more { float: none; }
}
@media only screen and (max-width: 799px)
{  
    .features_top { margin-top: 56px; height: 300px; }
        /* .benefits_top h1 { padding: 90px 1% 0px 1%;font-size: 52px;font-size:5.2rem; } */
        .features_top h1 { padding: 70px 1% 0px 1%;font-size: 72px;font-size: 7.2rem; } 
        
    .features_blocks img.devices_image { margin-top: -200px; }
}
@media only screen and (max-width: 680px)
{
    .features_top h1 { padding: 100px 1% 0px 1%;font-size: 44px;font-size:4.4rem; }
    
    .features_second h2 { font-size: 22px; font-size: 2.2rem; }
    .features_second h3 { font-size: 22px; font-size: 2.2rem; }
    
    .features_blocks h2 { font-size: 28px; font-size: 2.8rem; }
    .features_blocks h3 { font-size: 22px; font-size: 2.2rem; }
    
    .features_blocks hr { margin: 20px 0% 30px 0%; }    
        .features_blocks .feature_block .text h4 { font-size: 26px; font-size: 2.6rem; }
        .features_blocks .feature_block .text h5 { font-size: 17px; font-size: 1.7rem; }
        .features_blocks .feature_block .text a.read_more { font-size: 20px; font-size: 2.0rem; }
        .features_blocks .feature_block .text a.read_more img { width: 20px; vertical-align: -3px; }
    
    .features_blocks .feature_block .text.taller { padding: 0% 0px 0px 0px; }
    
    .deep_dive_icons { padding: 35px 0px 35px 0px; }
        .deep_dive_icons h3 { font-size: 28px; font-size: 2.8rem; }
        .deep_dive_icons ul li { width: 33.33333%; margin: 10px 0px; }
            .deep_dive_icons ul li a { font-size: 13px; }
                .deep_dive_icons ul li a img { width: 60px; }
        
    .other_features h6 { font-size: 28px; font-size: 2.8rem;  }
    
    .give_it_try { padding: 30px 0px; }
        .give_it_try a { font-size: 28px; font-size: 2.8rem; }
            .give_it_try a img { width: 30px;vertical-align: -4px; }
}
@media only screen and (max-width: 499px) 
{
    .features_blocks img.devices_image { margin-top: -100px; margin-bottom: 15px; }
    .features_blocks h3 { font-size: 18px; font-size: 1.8rem; }
}
@media only screen and (max-width: 479px)
{
    .other_features { padding: 28px 0px 20px 0px; }
    .other_features ul { width: 100%; }
    .other_features ul.left, .other_features ul.right { float: none; padding: 0px 2% 0px 1%; }  
}
@media only screen and (max-width: 399px)
{
    .features_top h1 { font-size: 3.6px;font-size:3.6rem; padding: 110px 1% 0px 1%; }  
}
@media only screen and (max-height: 499px) and (max-width: 699px)
{
    .features_top { height:180px; }
    .features_top h1 { font-size: 40px;font-size: 4rem;padding: 48px 1% 0px 1%; }  
}
/* ### End Features Page Properties ### */ 

/* ### Begin Deep Dive Page ### */
.deep_dive_page
{
}
    .deep_dive_wrapper {  }
    
    .deep_dive_nav
    {
        background-color: #F05A24;
        margin: 120px 0px 0px 0px;
        padding: 34px 1% 45px 1%;
        text-align: center;
    }
        .deep_dive_nav h1 { font-size: 36px; font-size: 3.6rem; }
        .deep_dive_nav ul  
        {
        }
            .deep_dive_nav ul li { width: 32.333333%;display: inline-block;margin: .75% 0px .75% 1.5%;box-sizing: border-box; }
            .deep_dive_nav ul li.left { margin-left: 0px; }
                .deep_dive_nav ul li a   
                {
                    background-color: transparent;
                    box-sizing: border-box;
                    border: 1px solid #FFF;
                    width: 100%;
                    display: block;
                    border-radius: 6px;
                    padding: 8px 0px;
                    color: #FFF;
                    font-size: 18px;
                }
                    .deep_dive_nav ul li a:hover, .deep_dive_nav ul li.active_link a { background-color: #ccc; background-color: #EF8761; }
                    .deep_dive_nav ul li a span.mobile_text { display: none; }
                    
    .deep_dive_title
    {
        background-color: #00a99d;
        padding: 44px 2%;
        text-align: center;
        margin-top: 65px;
    }
        .deep_dive_title h2 { color: #fff; font-weight: normal; font-size: 56px; font-size: 5.6rem; text-transform: uppercase; }
        .deep_dive_title h3 { color: #fff; font-weight: 300; font-size: 30px; font-size: 3.0rem; padding: 0px 4%; }
        
    .feature_slideshow
    {
        
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
        padding: 5px 0px 0px 0px;
        /*
        width: 100%;
        max-width: 920px;
        margin: 0px auto;
        overflow: hidden;
        box-sizing: border-box;
        padding: 50px 60px 40px 60px;
        */
    }
    
    .slideshow_arrows_container { position: relative; }
        .slideshow_arrows_container a  
        {
            font-size: 58px;
            font-size: 5.8rem;
            margin: 0px;
            display: block;
            position: absolute;
            top: 50%;
            margin-top: -35px;
            color: #555;
            z-index: 9;
        }
        .ie8 .slideshow_arrows_container a { border:none; }
            .slideshow_arrows_container a:hover { color: #777; border-color: #777; }
            .slideshow_arrows_container a:before { margin-top: 0px;display: block; }
            .ie8 .slideshow_arrows_container a:before { font-size: 58px; }
        .slideshow_arrows_container a.prev { left: 10px; }
        .slideshow_arrows_container a.next { right: 10px; }
                 
        .feature_slideshow .slideshow_contain 
        {
            width: 100%;
            position: absolute;
            left: 0px;
        }
        
        .feature_slideshow ul.slides
        {
            width: 400%;    
            white-space: nowrap;           
        }
            .feature_slideshow ul.slides li { display: inline-block; width: 25%; /*-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; */}
            .feature_slideshow ul.slides li.slide_left { margin-left: -25%; }
                .feature_slideshow ul.slides li img { width: 100%; margin: 0px auto; display: block; }
                
        .feature_bullets ul
        {
            width: 100%;
            max-width: 800px;
            margin: -18px auto 0px auto;  
            font-size: 0px; 
            position: relative;
        }
            .feature_bullets ul li
            {
                color: #0071bc;
                font-size: 23px;
                font-size: 2.3rem;
                font-weight: 500;
                padding: 0px 2% 0px 2%;
                position: absolute;
                left: 0px;
                right: 0px;
                visibility: hidden;
                
                top: 0px;
                text-align: center;
                min-height: 72px;
                -webkit-transition: all .2s;
                transition: all .2s;
            }  
            .feature_bullets ul li.active_bullet { visibility: visible; }  
            .feature_bullets ul li.longer_text { margin-top: 0px; font-size: 22px; font-size: 2.2rem; }
            .feature_bullets ul li.longer_longer_text { margin-top: 0px; font-size: 20px; font-size: 2.0rem; }
            .feature_bullets ul li.mobile_image { display: none; }            
                .feature_bullets ul li span.bullet
                {
                    position: absolute;
                    left: 0px;
                    font-size: 40px;
                    line-height: .8;
                }
                    .feature_bullets ul li span.bullet:before
                    {
                    }

@media only screen and (min-width: 1023px) 
{
    .feature_slideshow { min-height: 450px; }   
}
@media only screen and (min-width: 899px) 
{    
    .slideshow_arrows_container 
    {
        position: relative;
        width: 70%;
        padding: 45px 0px;
    } 
    .feature_bullets ul 
    {
        position: absolute;
        top: 33%;
        right: 0px;
        width: 30%;
    }
        .feature_bullets ul li { padding: 0px 5% 0px 10%; text-align: left; position: absolute; }
        .feature_bullets ul li.shorter_text { margin-top: 25px; }
        .feature_bullets ul li.longer_text { margin-top: -20px; }
        .feature_bullets ul li.longer_longer_text { margin-top: -40px; }
    
    .deep_dive_nav { margin: 0px 0px 0px 0px; }  
    
}
@media only screen and (max-width: 799px) 
{
    .deep_dive_title { margin-top: 52px; }
    .deep_dive_title h2 { font-size: 28px; font-size: 2.8rem; }
    .deep_dive_title h3 { font-size: 24px; font-size: 2.4rem; }
    .deep_dive_nav ul li a span.web_text { display: none; }
    .deep_dive_nav ul li a span.mobile_text { display: inline-block; }    
}
@media only screen and (max-width: 699px) 
{

    .deep_dive_nav { margin: 20px 0px 0px 0px; }
    .feature_slideshow, .slideshow_arrows_container a { display: none; }
    
    .feature_bullets ul { margin: 20px 2.5% 0px 2.5%; width: 95%; }
        .feature_bullets ul li 
        {
            display: block;
            padding: 0px 0px 20px 0px;
            position: relative;
            visibility: visible;
            text-align: left;
            color: #0071bc;
            font-size: 18px;
            font-size: 1.8rem;
            min-height: 0px;
        }     
        .feature_bullets ul li.longer_text { font-size: 18px; font-size: 1.8rem; }
        .feature_bullets ul li.longer_longer_text { font-size: 18px; font-size: 1.8rem; }   
        .feature_bullets ul li.mobile_image { display: block;padding: 0px 0px 5px 0px; }
            .feature_bullets ul li.mobile_image img { display: block;width: 100%; }
   
}
@media only screen and (max-width: 599px) 
{
    .deep_dive_nav h1 
    {
        font-size: 26px;
        font-size: 2.6rem;
        margin: 0px 0px 10px 0px;
    }
    .deep_dive_nav ul li a    
    {
        height: 72px;
        display: table-cell;
        width: inherit;
        vertical-align: middle; 
        padding: 0px 5px;
        line-height: 1.2;
        font-size: 15px;
        font-size: 1.5rem;
    }
}
/*
@media only screen and (max-width: 699px)
{
    .feature_slideshow, .slideshow_arrows_container a { display: none; }
    .feature_bullets ul li.active_bullet { color: #333; }
    
    .feature_bullets ul { margin:20px auto 0px auto; }
        .feature_bullets ul li.mobile_image { display: block;padding: 0px 0px 5px 0px; }
            .feature_bullets ul li.mobile_image img { display: block;width: 98%;margin: 0px 1%; }
}
@media only screen and (max-width: 679px)
{
    .deep_dive_nav 
    {
        margin: 57px 0px 0px 0px;
        padding: 20px 1.5% 32px 1.5%;
    }
        .deep_dive_nav h1 { font-size: 30px; font-size: 3.0rem; }        
        .deep_dive_nav ul li a { font-size: 12px; font-size: 1.2rem; }
        
    .deep_dive_title h2 { font-size: 28px; font-size: 2.8rem; }
    .deep_dive_title h3 { font-size: 24px; font-size: 2.4rem; }
    
    .feature_bullets ul li { font-size: 18px; font-size: 1.8rem; padding: 0px 2% 24px 2%; }
    .feature_bullets ul li span.bullet { display: none; }
    
    .feature_slideshow { width: 75%; padding: 30px 0px 15px 0px; }
}
@media only screen and (max-width: 500px)
{    
    .slideshow_arrows_container a 
    { 
        margin-top: -15px;
        width: 30px;
        height: 30px;
        border-width: 2px;
        font-size: 28px;
        font-size: 2.8rem; 
    }
        .slideshow_arrows_container a:before { line-height: 1.03; }
        .slideshow_arrows_container a.prev { left: 6px; }
        .slideshow_arrows_container a.next { right: 6px; } 
}
 ### End Deep Dive Page ### */
        
        
/* ### Begin Signup Module ### */
.sign_up_form
{
    max-width: 650px;
}
    .sign_up_form .form_top h5 { font-size: 22px; font-size: 2.2rem; font-family: "proxima-nova", Sans-Serif;text-align: center;margin: 0px 0px 5px 0px; font-weight: 600;}
        .sign_up_form .form_top h5 span.signup_text { display:none; }    
    
    .sign_up_form .form_item { float: left; width: 49%; padding: 8px 0px; }
    .sign_up_form .form_item.right { float: right; width: 49%; }
        .sign_up_form .form_item label { display: none; text-align: left; }
        .sign_up_form .form_item input { width: 100%;padding: 6px 8px;box-sizing: border-box;border: 1px solid #999;font-size: 18px;font-size: 1.8rem; }
            
            /*.sign_up_form a.main_button.disabled { cursor: default; background-color: #0071BC !important; opacity: .6 !important; filter: alpha(opacity=60) !important; }*/
        
    .sign_up_form a.main_button  
    {
        width: 100%; 
        box-sizing: border-box; 
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 600;
        font-family: "proxima-nova", Arial, Sans-Serif;
        margin: 14px 0px 20px 0px; 
        padding: 5px 0px; 
        display: block; 
        text-align: center; 
        text-transform: uppercase; 
        box-shadow: 0px 5px 0px #005791;
        -moz-box-shadow: 0px 5px 0px #005791;
        -webkit-box-shadow: 0px 5px 0px #005791;
    }

    .sign_up_form .form_bottom { text-align: center; }
        .sign_up_form .form_bottom a { color: #777; }
        .sign_up_form .form_bottom a:hover { color: #aaa; }
@media only screen and (max-width: 500px)
{
    .fourth_block { padding: 24px 2.5% 18px 2.5%; }
    .sign_up_form .form_top h5 { font-size: 22px; font-size: 2.2rem; }
    .sign_up_form .form_item { float: none; width: 100%; }
    .sign_up_form .form_item.right { float: none; width: 100%; }
} 
/* ### End Signup Module ### */ 

/* ### Begin eBook Ad Module ### */
a.ebook_ad
{
    display:block;
    width: 100%;
    line-height: 0;
}
    a.ebook_ad img { width: 100%; height: auto; }
/*
.ebook_ad
{
    background: url("/images/bg_images/buyers-blog-ad-bg.png") no-repeat center;
    background-size: cover;   
}
    .ebook_ad .container
    {
        padding: 30px 2.5%;
        width: 100%;
        max-width:770px;
        margin:0px auto;
        box-sizing: border-box;
        position:relative;
    }
    
    .ebook_ad .ebook_cover 
    {
        position: absolute;
        left: 2.5%;
        top: 30px;
    }
        .ebook_ad .ebook_cover img { width: 195px; }
        
    .ebook_ad .ad_right 
    {
        text-align: center;
        min-height: 218px;
        margin: 0px 0px 0px 225px;
        line-height: 1.3;
    }
        .ebook_ad .ad_right h5 
        {
            font-size: 33px;
            font-size: 3.3rem;
            text-align: center;
            font-weight: 300;
        }
            .ebook_ad .ad_right h5 span { color: #0071bc; font-weight: 600; }
        .ebook_ad .ad_right a.main_button   
        {
            padding: 5px 0px;
            width: 100%;
            max-width: 300px;
            display: block;
            margin: 20px auto 0px auto;
            box-shadow: 3px 3px 5px rgba(51, 51, 51, 0.5);
        }
@media only screen and (max-width: 899px)
{
    .ebook_ad .ad_right h5 
    {
        font-size: 26px;
        font-size: 2.6rem;
        text-align: center;
        font-weight: 300;
    }
    .ebook_ad .ebook_cover 
    {
        position: absolute;
        left: 2.5%;
        top: 30px;
    }
}
@media only screen and (max-width: 549px)
{
    .ebook_ad .ad_right h5 { font-size: 22px; font-size: 2.2rem; }
    .ebook_ad .ad_right { margin:0px; }
    .ebook_ad .ad_right a.main_button { margin:0px auto; }
    .ebook_ad .ebook_cover 
    {
        position: relative;
        left: auto;
        top:auto;
        margin: 10px auto;
    }    
}  
*/
/* ### End eBook Ad Module ### */          
    
/* ### Begin Blog Properties ### */
.blog_container
{
    background-color: rgba(255, 255, 255, 0.70);
    border: none;
    margin: 20px 3% 30px 3%;
    position: relative;
    padding: 3px 0px 25px 2px;
}

    /* Begin Blog Home */
    .blog_home_container 
    {
        max-width: 1024px;
        width: 97%;
        padding: 0px 1.5%;
    }    

    body.blog_home_entry .section_body { overflow-x: hidden; }
    .section_body a.return_top
    {
        color: #333;
        margin: 0px 0px 24px 3px;
        display: inline-block;
        border-bottom: 1px solid #333;
        text-transform: uppercase;
        font-size: 18px;
        font-size: 1.8rem;
    }
        .section_body a.return_top:hover { color: #999; }        
        .section_body .blog_block.entry a.return_top { float: right;margin: 12px 0px 0px 0px; }
    
    h4.blog_module_header 
    {
        background-color: #333;
        color: #FFF;
        text-align: center;
        font-size: 24px;
        padding: 5px 0px;
    }
    .blog_module 
    {
        background-color: #fff;
        border: 2px solid #ccc;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 8px 14px 14px 14px;
        margin-bottom: 25px;
    }
        .blog_module.no_padding { padding: 0px; }
              
    .blog_blocks
    {
        width: auto;
        margin: 105px 270px 0px 0px;
    }
        /* .blog_blocks h1 { display: none; } */
        .blog_blocks .blog_block
        {

        }     
            .blog_blocks .blog_block h1,        
            .blog_blocks .blog_block h2
            {
                font-size: 32px;
                font-size: 3.2rem;
                margin: 0px 0px 4px 0px;
                line-height: 1.2;
                color: #333;
            }

                 .blog_blocks .blog_block h2 a { color: #333; }            
                    .blog_blocks .blog_block h2 a:hover
                    {
                        text-decoration: none;
                        color: #555;
                    }
                    
            .blog_blocks .blog_block div.posted            
            {
                font-size: 16px;
                font-size: 1.6rem;
                margin: 8px 0px 8px 0px;
                padding: 5px 0px;
                font-family: "proxima-nova", helvetica, arial, Sans-Serif;
                font-weight: normal !important;
                border-top: 1px solid #CCC;
                border-bottom: 1px solid #CCC;
            }
            .blog_blocks .blog_block h4
            {
                font-family: "proxima-nova", Sans-Serif;
                font-size: 24px;
                font-size: 1.8rem;
                margin-top: -2px;
            }
            .blog_blocks .blog_block h5
            {
                padding: 0px;
                margin: 5px 0px 10px 0px;
                font-size: 20px;
                font-weight: 700;
                font-variant: small-caps;
            }
            
            .blog_blocks .blog_block .blog_tags
            {
                margin: 12px 0px 6px 0px;
                position: relative;
                padding: 5px 0px 5px 24px;
                border-bottom: 1px solid #CCC;
                border-top: 1px solid #CCC;
            }
                .blog_blocks .blog_block .blog_tags img
                {
                    width: 18px;
                    display: inline-block;
                    position: absolute;
                    left: 0px;
                    top: 8px;
                }
                .blog_blocks .blog_block .blog_tags li
                {
                    display: inline-block;
                    color: #555;
                }
                    .blog_blocks .blog_block .blog_tags li a
                    {
                        font-weight: normal;
                        font-size: 16px;
                    }
                .blog_blocks .blog_block .blog_image 
                {
                    width: 100%;
                    margin: 0px 0px 6px 0px;
                }
                    .blog_blocks .blog_block .blog_image img
                    {
                        width: 100%;
                        display: block;
                        margin: 0px auto;   
                        padding: 2px 0px 0px 0px;                   
                    }
            .blog_blocks .blog_block .blog_desc
            {                
                margin: 0px 0px 0px 0px;
            }
                .blog_blocks .blog_block .blog_desc p
                {
                    margin: 0px 0px 0px 0px;
                }
            .blog_blocks .blog_block a.blog_button
            {
                background-color: #0071bc;
                color: #fff;
                display: block;
                float:left;
                margin: 10px 0px 0px 0px;
                padding: 5px 0px;
                text-align: center;
                text-transform: uppercase;
                font-size: 18px;
                font-size: 1.8rem;
                font-family: "proxima-nova", Sans-Serif;
                font-weight: 600;
                width: 160px;
                border-radius: 5px;
                box-shadow: 0px 4px 0px #005791;
                -moz-box-shadow: 0px 4px 0px #005791;
                -webkit-box-shadow: 0px 4px 0px #005791;                
            }
                .blog_blocks .blog_block a.blog_button:hover
                {
                    background-color: #0b91db;
                }
                
                .blog_blocks .blog_block div.share_this { float: right; margin: 18px 0px -10px 0px; }
                .blog_blocks .blog_block.entry div.share_this { float: left; display: block; margin: 8px 0px 0px 0px; }
                    .blog_blocks .blog_block.entry div.share_this.entry_top { margin: 8px 0px -12px 0px; }
                    
                /* Override Share This Properties */
                .stButton 
                {
                    margin-bottom: 10px;
                }   
                .blog_blocks .blog_block.entry div.share_this.entry_top .stButton { margin-right: 6px; }             
                .share_this.bottom .stButton { margin-bottom: 0px; }
                /* End Override Share This Properties */
                    
    /* End Blog Home */
        
    /* Begin Blog Topics, Archives, Etc. */                
    .blog_blocks .mobile_signup
    {
        display:none;
    }
    .blog_blocks .blog_container
    {
        padding: 0px;
        margin:0px;
    }
    .blog_blocks #mc_embed_signup
    {
        padding: 0px;
        margin:0px;
    }
        .blog_blocks #mc_embed_signup h2
        {
            font-size: 30px;
        }

    .blog_right
    {
        position: absolute;
        width: 250px;
        right: 2%;
        top: 0px;        
    }
    .blog_right_modules
    {
        position:absolute; /* switch to fixed for fixed */
        width: 250px;
    }
    
        .blog_right .sign_up
        {
        }
            .blog_right .sign_up .blog_container 
            {
                background-color: transparent;
                border:none;
                margin:0px;
                padding: 0px;
            }
            /*
            .blog_right .sign_up #mc_embed_signup { padding: 0px; }
    
                .blog_right .sign_up #mc_embed_signup h2 
                {
                    display: none;
                }
                .blog_right .sign_up #mc_embed_signup h3
                {
                    font-family: "proxima-nova", Sans-Serif;
                    font-size: 24px;
                    font-size: 2.4rem;
                    line-height: 1.2;
                }
                .blog_home_entry .blog_module #mc_embed_signup label { margin: 5px 0px -10px 0px; color: #333; }
                .blog_right .sign_up #mc_embed_signup input[type="email"] { font-size: 16px; padding: 10px 8px 10px 8px; }
                .blog_right .sign_up #mc_embed_signup input[type="submit"]
                {
                    text-transform: uppercase; 
                    box-shadow: 0px 4px 0px #005791;
                    -moz-box-shadow: 0px 4px 0px #005791;
                    -webkit-box-shadow: 0px 4px 0px #005791;
                }
            */
        .blog_signup 
        {
        }
            .blog_signup h2 { text-align: center;font-size: 30px; }
            .blog_right .blog_signup h2 { display: none; }
            .blog_signup h3
            {
                font-family: "proxima-nova", Sans-Serif;
                font-size: 24px;
                font-size: 2.4rem;
                line-height: 1.2;
                display:block;
                text-align: center;
            }
            .blog_signup label { margin: 5px 0px -10px 0px; color: #333; }
            .blog_signup input.blog_email_address { font-size: 22px;padding: 11px 9px 11px 9px;width: 100%;margin: 10px 0px 0px 0px; }
                .blog_right .blog_signup input.blog_email_address { font-size:16px; }
            .blog_signup a.main_button
            {
                text-transform: uppercase;
                box-shadow: 0px 4px 0px #005791;
                -moz-box-shadow: 0px 4px 0px #005791;
                -webkit-box-shadow: 0px 4px 0px #005791;
                margin: 10px 0px 0px 0px;
                font-weight: 600;
                padding: 4px 0px;
                text-align: center;
                width: 100%;
                color: #FFF;
                font-size: 22px;
                font-size: 2.2rem;
                font-family: "proxima-nova", Sans-Serif;
                width: 100%;
                display: block;
            }
                       
        .blog_right ul.topics_archives
        {
                
        }
        .blog_right ul.topics_archives li { margin: 7px 0px; }
            .blog_right ul.topics_archives li a { color: #333;}
                .blog_right ul.topics_archives li a:hover { color: #999; }
                .blog_right ul.topics_archives li a.active_filter { color: #0071bc !important; font-weight: 600; }
            
        .blog_right .blog_topics
        {
            border-top: 0px;
        }   
            .blog_right .blog_topics .topics_tab { display: none; }    
             
        .blog_right .blog_archive
        {
            border-top: 0px;
        }
        .blog_right .blog_related
        {
            border-top: 0px;
        }
        
        .blog_tags
        {
            margin: 6px 0px 0px 0px;
            color: #555;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            padding: 8px 0px;
        }
            .blog_tags img
            {
                width:15px;
                display:inline;
                vertical-align: middle;
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                 filter: grayscale(100%); 
            }
            .blog_tags ul, .blog_tags ul li
            {
                display:inline;
            }
            .blog_tags a
            {
                color: #555;
            }
                .blog_tags a:hover
                {
                    text-decoration: none;
                    color: #999;
                }
    
    .blog_filters
    {      
        background: #fff;       
        width: 180px;
        padding: 10px 0px 0px 20px;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;        
    }
        .blog_filters h5
        {
            font-size: 22px;
        }
        .blog_filters h6
        {
            font-size: 22px;
            margin-top: 30px;
        }
        .blog_filters a
        {
            font-size: 14px;
            color: #000029;
        }
            .blog_filters a:hover
            {
                text-decoration: underline;
            }
            .blog_filters a:active, .blog_filters_active
            {
                color: #6D6D6D !important;
                text-decoration: none !important;
            }
            .blog_filters .tagname
            {
                display: inline-block;
                width: 75%;
            }
            .blog_filters .tagcount
            {
                display: inline;
            }

    .blog_callout
    {
        position: fixed;
        bottom: 0px;
        left: 0px;
        /*right: 0px;*/
        width: 380px;
        padding: 12px;
        border: 1px solid #808080;
        background-color: #f2f2f2;
        text-align: center;
        box-shadow: 3px 3px 10px #888;
        z-index: 999999;
        display: none;
    }
    .blog_callout a.close_callout
    {
        position: absolute;
        right: 6px;
        top: 6px;
        
    }
        .blog_callout a.close_callout img
        {
            width: 14px;
        }
            .blog_callout a.close_callout img.default { display: block; }
            .blog_callout a.close_callout img.hover { display: none; }
            .blog_callout a.close_callout:hover img.default { display: none; }
            .blog_callout a.close_callout:hover img.hover { display: block; }
        .blog_callout span
        {
            color: #000029;
            font-size: 13px;  
            display: block;  
            text-align: left; 
            margin: 0px 0px 6px 0px;       
        }
        .blog_callout .step
        {
            width: 70px;
            padding: 8px 0px;
            margin: 6px 0px 2px 0px;
            background-color: #333;
            color: #fff;
            font-size: 12px;
            text-align: center;
            display: inline-block;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
            .blog_callout .step img
            {
                width: 46px;
            }
        .blog_callout .dotted_line_arrow
        {
            display: inline-block;
            vertical-align: top;
            margin-top: 35px;
        }
            .blog_callout .dotted_line_arrow img
            {
                width: 51px;
            }
                .blog_callout .dotted_line_arrow img.mobile_arrow
                {
                    display: none;
                }
        .blog_callout a.main_button
        {
            width: 100%;
            display: block;
            padding: 5px 0px;
            margin: 12px 0px 0px 0px;
        }      
        
    .blog_twitter
    {
        padding: 5px 7px 0px 7px;
        padding: 0px;
        border: none;
        background-color: rgba(0, 0, 0, 0);
    }  
    /* End Blog Topics, Archives, Etc. */
    
    /* Begin Blog Entry */
    a.blog_back
    {
        color: #333;
        margin: 4px 0px 14px 0px;
        padding: 0px 1px 5px 0px;
        display: inline-block;
        border-bottom: 1px solid #999;
    }   
        a.blog_back:hover
        {
            color: #999;
        }
        
        a.blog_back img
        {
            width: 10px;
            height: 16px;
            display: inline-block;
            margin: 0px 8px -1px 0px;
        } 
            .blog_entry_desc
            {
                font-size: 16px;
                margin: 15px 0px 10px 0px;
            }
                .blog_blocks .blog_block .blog_entry_desc h4 { font-size: 3.0rem; color: #0071bc; }
                .blog_blocks .blog_block .blog_entry_desc h5 { font-size: 20px; }                
                .blog_blocks .blog_block .blog_entry_desc h6 { font-size: 17px; font-weight:  bold;} 
                .blog_entry_desc .main_image
                {
                    float: left;
                    padding: 4px 0px 10px 0px;
                    /*padding: 4px 10px 2px 10px;*/
                    max-width: 100%;
                }
                .blog_entry_desc .quote
                {
                    padding: 0px 15%;
                    margin: 15px 0px;
                    color: #71788f;
                    font-size: 18px;
                    font-style: italic;
                }
                .blog_entry_desc a
                {
                    font-weight: normal;
                    text-decoration: none;
                    color: #0071bc;
                }
                    .blog_entry_desc a:hover
                    {                       
                        text-decoration: underline;
                        color: #0b91db;
                    }
                .blog_entry_desc p
                {
                    margin: 10px 0px;                    
                }
                .blog_entry_desc img
                {
                    padding: 12px 15px;
                    box-sizing: border-box;
                    width: 100%;
                    max-width: 100% !important;
                }
                .blog_entry_desc ul
                {
                    margin: 0px 0px 0px 8%;
                }
                    .blog_entry_desc ul li
                    {
                        list-style-type: disc;
                    }
            .blog_entry .main_button
            {
                float: left;
                padding: 3px 12px;
                font-size: 20px;
                -moz-box-shadow: 4px 5px 12px -3px #888;
                -webkit-box-shadow: 4px 5px 12px -3px #888;
                box-shadow: 4px 5px 12px -3px #888;  
            }
    
    /* End Blog Entry */  

	/* Begin Blog Infographic Embed */
	a.embed
	{
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		text-decoration: none;
		background-color: #333;
		border-radius: 5px;
		padding: 5px 10px;
	}
	    a.embed:hover 
	    {
		    text-decoration: none;
		    color: #fff;
		    background-color: #555;
	    }
	    .embed_code { display: none; margin-top: 20px; }
	        .embed_code textarea { width: 100% !important; max-width: 540px; }
	/* End Blog Infographic Embed */
    
    /* Begin Blog SignUp Properties */
    #mc_embed_signup
    {
        padding: 10px 16px 0px 16px;
    }
        
        #mc_embed_signup h2 
        {
            text-align: center;
            font-size: 36px;
        }
            
        #mc_embed_signup h3
        {
            font-family: "proxima-nova", helvetica, arial, Sans-Serif;
            text-align: center;
            font-size: 24px;
            font-size:2.4rem;
        }
            
        #mc_embed_signup label
        {
            font-family: "proxima-nova", helvetica, arial, Sans-Serif;
            font-size: 16px;
            padding: 5px 0px;
            margin: 10px 0px -5px 0px ;
            display: none;
            color: #fff;
            text-transform: uppercase;
        }
            
        #mc_embed_signup input[type="email"]
        {
            width: 100%;
            margin: 10px 0px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            padding: 10px;
            font-size: 22px;
            font-family: "proxima-nova", helvetica, arial, Sans-Serif;
            color: #333;
        }
            
        #mc_embed_signup input[type="submit"]
        {
            margin: 0px 0px;
            padding: 5px 0px;
            text-align: center;
            width: 100%;
            background-color: #0071bc;
            color: #fff;
            font-size: 22px;
            font-size: 2.2rem;  
            font-family: "proxima-nova", Sans-Serif;
            font-weight: 600;
            border: 1px solid #0071bc; 
            border-radius: 5px;
            box-shadow: 0px 4px 0px #005791;
            -moz-box-shadow: 0px 4px 0px #005791;
            -webkit-box-shadow: 0px 4px 0px #005791;    
            -webkit-appearance: none;
        }
            
        #mc_embed_signup input[type="submit"]:hover
        {
            background-color: #0b91db;
            border: 1px solid #0b91db;
                
            -webkit-transition: .4s;
            transition: .4s;
        }
    /* End Blog SignUp Properties */
            
    @media only screen and (max-width: 959px) 
    {
        .blog_signup h2  
        {
            text-align: center;
            font-size: 24px;
            line-height: 1.2;
            margin: 2px 0px 8px 0px;
        }
    }     
    @media only screen and (max-width: 799px)
    {
        
        .blog_filters
        {
            width: 150px;
        }
        
        .blog_signup h3 { font-size: 20px; }
        
        .blog_blocks
        {
            margin: 86px 270px 0px 0px;
        }
    }
    
    @media only screen and (max-width: 750px)
    {
        .blog_callout
        {
            display: none !important; /* hide on mobile view */
        }       
    }
    @media only screen and (max-width: 679px)
    {
        a.blog_back 
        {
            /*margin: 72px 0px 0px 3%;*/
        }
        
        .blog_container
        {
            margin-top: 15px;
        }
        
        .blog_filters
        {
            display:none;
        }
        
        .blog_blocks 
        {
            width: auto;
            margin: 78px 0px 0px 0px;
        }
            .blog_blocks h1 
            { 
                display: block;
                font-size: 36px;
                margin: 0px 0px 4px 0px;
                padding: 0px;
                color: #0071bc;
            }       
            
        .blog_right .sign_up, h4.blog_module_header.archive_header, h4.blog_module_header.related_header, .blog_right .blog_archive, .blog_right .blog_related { display: none; }    
        .blog_right 
        { 
            margin-top: 2px;
            right:0px;
            position: absolute;
            z-index: 9;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;                        
            
            -webkit-transform: translate(250px, 0px);  
            -ms-transform: translate(250px, 0px);   
            transform: translate(250px, 0px); 
        }
            .blog_right.slide_open 
            {
                -webkit-transform: translate(2px, 0px);
                -ms-transform: translate(2px, 0px); 
                transform: translate(2px, 0px);                             
            }
        
        .blog_right .blog_topics { border-right: 0px; }
            .blog_right .blog_topics .topics_tab 
            { 
                display: block;
                position: absolute;
                top: 0px;
                left: -42px;
                padding: 10px 8px;
                border: 2px solid #333;
                border-right: 0px;
                background-color: #333;
                border-radius: 5px 0px 0px 5px;
                cursor: pointer;
            } 
                .blog_right .blog_topics .topics_tab img { width: 24px; height: 22px; display: block; }  
                       
        
        .blog_blocks .mobile_signup
        {
            display:block;
        }
            .blog_blocks #mc_embed_signup h2
            {
                text-align: center;
                font-size: 24px;
                line-height: 1.2;
                margin: 2px 0px 8px 0px;
            }
            .blog_blocks #mc_embed_signup h3
            {
                font-size: 17px;
            }
            .blog_blocks #mc_embed_signup input[type="email"]
            {
                font-size: 16px;
            }

        
        .blog_home_entry .footer_block .footer1
        {
            border-bottom: 0px;
            padding:0px;
        }
        .blog_home_entry .footer_block .footer1 .featured_posts
        {
            display: none;
        }
        .blog_home_entry .footer_block .footer2
        {
            border-bottom: none;
        }
    }
    @media only screen and (max-width: 520px)
    {
        .blog_inner .blog_entry h1, .blog_home .blog_entry h2
        {
            font-size: 30px;
        }
        
        .blog_entry_desc h5
        {
            font-size: 18px;
        }  
        .blog_entry_desc h6
        {
            font-size: 15px;
        }          
    }
    @media only screen and (max-width: 500px)
    {
        .blog_blocks .blog_block a.blog_button 
        {
            float: inherit;
        }
        /*
        .blog_blocks .blog_block div.share_this {
            float: left;
            margin: 18px 0px 0px 0px;
            display: block;
            white-space: nowrap;
        }   
        */
    }
    @media only screen and (max-width: 410px)
    {
        .blog_callout
        {
            left: 0px;
            width: auto;
            padding-top: 16px;
        } 
            .blog_callout .dotted_line_arrow
            {
                padding: 0px 4px;
            }  
                .blog_callout .dotted_line_arrow img
                {
                    display: none;
                    width: 10px;
                }  
                    .blog_callout .dotted_line_arrow img.mobile_arrow { display: block; }    
    }
    @media only screen and (max-width: 310px)
    {
        .blog_callout
        {
            left: 0px;
            width: auto;
            padding-top: 16px;
        } 
            .blog_callout .dotted_line_arrow
            {
                display: none;
            }    
            .blog_callout .step
            {
                display: none;
            } 
    }
/* ### End Blog Properties ### */

/* ### Begin eBook Properties ### */
.ebook_overview
{
    padding: 74px 1.5% 41px 1.5%;
    min-height: 724px;
}
    .ebook_overview h1  
    {
        text-align: center;
        font-size: 46px;
        font-size: 4.6rem;
        margin: 40px 0px 5px 0px;
        line-height: 1.3;
        font-weight: 300;
        font-family: "proxima-nova", arial, Sans-Serif; 
    }
    .ebook_overview h2  
    {
        text-align: center;
        font-size: 22px;
        font-size: 2.2rem;
        color: #0071BC;
        font-weight: 300;
        font-family: "proxima-nova", arial, Sans-Serif; 
    } 
        .download_page .ebook_overview h2 { color: #333; }  
    
    .ebook_overview .overview_body { position: relative; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; min-height: 450px; }    
    
    .ebook_overview .description
    {
        margin: 0px 305px 0px 0px;
    }
        .ebook_overview.no_gate .description { margin: 0px 25px 0px 25px; }
        
        .ebook_overview .description p { padding: 6px 0px; font-weight: 300; }
        .ebook_overview .description ul { margin: 5px 0px 5px 10px; font-weight: 300; }
            .ebook_overview .description ul li { list-style-type:disc; margin: 0px 0px 0px 18px; }            
            .ebook_overview .description img 
            { 
                width: 220px;
                float: right;
                padding: 0px;
                margin: 12px 16px 16px 24px;
                box-shadow: 7px 7px 8px rgba(85, 85, 85, 0.4); 
            }
            
            .ebook_overview.no_gate .description .image_download  
            {
                width: 220px;
                float: right;
                padding: 0px;
                margin: 12px 16px 16px 24px;    
            }
                .ebook_overview.no_gate .description .image_download img { margin: 0px; }
                .ebook_overview.no_gate .description .image_download a { width: 100%;padding: 5px 0px;display: block;text-align: center;margin: 12px 0px 0px 0px; }
    
    .ebook_overview .form
    {
        position: absolute;
        width: 290px;
        background-color: #EEE;
        right: 0px;
        top: 8px;
        padding: 5px 12px 13px 12px;
        box-sizing: border-box;
    }
        .ebook_overview .form h3 { font-size: 22px; font-size: 2.2rem; margin: 0px 0px 0px 0px; font-family: "proxima-nova", arial, Sans-Serif;  }
            .ebook_overview .form div.required_message { font-weight: 600; font-size: 14px; font-size: 1.4rem; margin:0px 0px 5px 0px; }
                .ebook_overview .form div.required_message.error { color: #c1272d; }
        .ebook_overview .form input[type="text"]
        {
            width: 100%;
            box-sizing: border-box;
            padding: 7px 6px;
            margin: 0px 0px 12px 0px;
        }
            .ie8 .ebook_overview .form input[type="text"] { margin: 0px 0px 6px 0px; }
        .ebook_overview .form .main_button
        {
            display: block;
            text-align: center;
            font-size: 18px;
            padding: 5px 0px;
            font-weight: 600;
        }
        
    .ebook_overview .download_body
    {
        text-align: center;
    }
        .ebook_overview .download_body img
        {
            display:block;
            margin: 24px auto;
            width: 220px;
        }
        .ebook_overview .download_body .main_button
        {
            font-size: 22px;
            padding: 5px 22px;
        }
@media only screen and (max-width: 899px)
{
    .ebook_overview h1 { font-size: 36px; font-size: 3.6rem; }
    .ebook_overview .description img { width: 190px; } 
    .ebook_overview.no_gate .description img { width: 220px; }
} 
@media only screen and (max-width: 749px)
{
    .ebook_overview 
    {
        padding: 56px 2.5% 55px 2.5%;
        min-height: 0px;
    }
        .ebook_overview h1 { margin: 30px 0px 5px 0px; font-size: 28px; font-size: 2.8rem; }
        .ebook_overview .description { margin: 0px; padding: 425px 0px 0px 0px; }
            .ebook_overview .description img 
            {
                width: 220px;
                float: none;
                padding: 0px;
                margin: 10px auto;
                display: block;
                position:absolute;
                top:0px;
            }
            
        .ebook_overview.no_gate .description { margin: 0px 0px 0px 0px;padding: 0px; }
            .ebook_overview.no_gate .description img { width: 220px;float: right;position: relative;margin: 0px;padding: 0px;top: auto;display: block; }
} 
@media only screen and (max-width: 599px)
{
    .ebook_overview h1 { font-size: 24px; font-size: 2.4rem; margin: 20px 0px 5px 0px; }
    .ebook_overview h2 { font-size: 20px; font-size: 2.0rem; }
    .ebook_overview .overview_body { margin: 12px 0px 0px 0px; }
    .ebook_overview .form { position: relative; width: 100%; }
    .ebook_overview .description { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
        .ebook_overview .description img 
        {
            position: relative;
            margin: 25px auto 12px auto;
        }
        .ebook_overview.no_gate .description img { margin: 0px; }
        
    .ebook_overview .download_body .main_button 
    {
        width: 100%;
        display: block;
        padding: 5px 0px;
        font-size: 18px;
    }
} 
@media only screen and (max-width: 549px)
{
    .ebook_overview.no_gate .description .image_download { float: none;margin: 16px auto 16px auto; }
}

/* ### End eBook Properties ### */

/* ### Begin Demo Sign Up Page ### */
.demo_sign_up
{
}
    .demo_sign_up .ebook_overview { min-height: 660px; }
    .demo_sign_up h1 { font-weight: 600; line-height: 1.1; font-size: 48px; margin-top: 70px; }
    .demo_sign_up h2 { color: #333; font-size: 30px; font-weight: normal; }
    
    .ebook_overview .description { font-size: 18px; margin: 0px 385px 0px 0px; }
    .demo_sign_up .form { width: 350px; border-radius: 10px; padding: 12px; padding-bottom: 15px; }
        .demo_sign_up .form h3 { text-align: center; font-size: 28px; font-weight: 600; margin: 2px 0px 5px 0px; }
        .demo_sign_up .form .main_button  
        {
            color: #333;
            font-size: 24px;
            
            box-shadow: 0px 3px 0px #D8A000;
            -moz-box-shadow: 0px 3px 0px #D8A000;
            -webkit-box-shadow: 0px 3px 0px #D8A000;
        }
            .demo_sign_up .form .main_button:hover { background-color: #F7D661; }
            .demo_sign_up .form .main_button.sending { background-color: #F7D661; }
        
        .demo_sign_up .form div.success_message  
        {
            visibility: hidden;    
            display: block;
            text-align: center;
            -webkit-transition: all .2s;
            transition: all .2s;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -30px;
            font-size: 18px;
        }
        .demo_sign_up .form div.success_message.show { visibility: visible; }
            
@media only screen and (max-width: 749px) 
{
    .demo_sign_up h1 
    {
        margin-top: 35px;
        font-size: 35px;
    }
    .demo_sign_up h2 { font-size: 22px; }
    .demo_sign_up .form 
    {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }   
    .demo_sign_up .ebook_overview .overview_body { margin: 20px 0px 0px 0px; }
        .demo_sign_up .ebook_overview .description
        {
            margin: 0px;
            padding: 0px;            
        }
}         

/* ### End Demo Sign Up Page ### */
    
/* ### Begin Pricing Page Properties ### */
.pricing_home_top .pricing_button 
{
    color: #fff;
    background-color: #006837;
    margin: 0px 0px 0px 0px;
    border-radius: 0px 0px 5px 5px;
    padding: 8px 0px;
    width: 100%;
    display: block;
    font-size: 20px;
    font-size: 2.0rem;
}   
    .pricing_home_top .pricing_button.green { background-color: #006837; box-shadow: 0px 5px 0px #014b28; -moz-box-shadow: 0px 5px 0px #014b28; -webkit-box-shadow: 0px 5px 0px #014b28; }
    .pricing_home_top .pricing_button.green:hover { background-color: #1D8B57; }
    .pricing_home_top .pricing_button.blue { background-color: #2E2C77; box-shadow: 0px 5px 0px #070542; -moz-box-shadow: 0px 5px 0px #070542; -webkit-box-shadow: 0px 5px 0px #070542; }
    .pricing_home_top .pricing_button.blue:hover { background-color: #4C4A92; }
    .pricing_home_top .pricing_button.orange { background-color: #FF640D; box-shadow: 0px 5px 0px #be4602; -moz-box-shadow: 0px 5px 0px #be4602; -webkit-box-shadow: 0px 5px 0px #be4602; }
    .pricing_home_top .pricing_button.orange:hover { background-color: #FF8845; }
    .pricing_home_top .pricing_button.teal { background-color: #5F9EA0; box-shadow: 0px 5px 0px #276c6f; -moz-box-shadow: 0px 5px 0px #276c6f; -webkit-box-shadow: 0px 5px 0px #276c6f; }
    .pricing_home_top .pricing_button.teal:hover { background-color: #65b8bb; }
        
.pricing_home_top .container h2 
{
    font-size: 56px;
    font-size: 5.6rem;
    text-align: center;
    color: #fff;
    padding: 32px 0px 12px 0px;
    text-transform: uppercase;
}
.pricing_home_top .container .pricing_options
{
    margin: 0px 2.5% 0px 2.5%;
}
        
    .pricing_home_top .container .pricing_options .option
    {
        position: relative;
        float: left;
        width: 25%;            
        padding: 0px 14px 6px 14px;
        margin: 12px 0px 12px 0px;
        text-align: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
        .pricing_home_top .container .pricing_options .option.last_option { border: none; }       
        .pricing_home_top .container .pricing_options .option_title { font-size: 24px; font-size: 2.4rem; text-transform: uppercase;margin-top: 0px;padding: 4px 0px;background-color: #333;color: #FFF;  border-radius: 5px 5px 0px 0px; }
        .pricing_home_top .container .pricing_options .option_sub_title { font-size: 18px; border-bottom: 1px solid #ccc; padding: 0px 0px 10px 0px; }
        .pricing_home_top .container .pricing_options .option_price { font-size: 24px; padding: 6px 0px;background-color: #FFF; }
        .pricing_home_top .container .pricing_options .option_setup { position: relative; font-size: 18px; padding: 14px 0px;background-color: #F2F2F2; }
            .pricing_home_top .container .pricing_options .option_setup span { font-size: 15px; display: block; margin: 4px 0px 0px 0px; }
                .pricing_home_top .container .pricing_options span.typcn-arrow-right { display:inline; font-size:18px; color: #0F0D26;}            
            .pricing_home_top .container .pricing_options .option_setup img { position: absolute; left: 50%;top: 10px;width: 120px;margin: 0px 0px 0px -60px; }
            .pricing_home_top .container .pricing_options .option_setup.enterprise div { margin:0px auto; width:89%; text-align:left; font-size:15px; }                     
        .pricing_home_top .container .pricing_options .option_desc { font-size: 15px; padding: 10px 0px 16px 0px; min-height: 63px; line-height: 1.4; }
        .pricing_home_top .container .pricing_options a.hollow_button { }

.pricing_home .sign_up_form .form_top h5 
{
    font-family: "proxima-nova", arial, sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    margin: 16px 0px 0px 0px;
}
    .pricing_home .sign_up_form .form_top h5 span.site_text { display:none; }
    .pricing_home .sign_up_form .form_top h5 span.signup_text { display:block; margin-top:42px; font-size: 20px; font-size:2rem }      
    /*.pricing_home .sign_up_form .form_top h5:before { content: "WANT TO LEARN MORE? "; }*/

.pricing_page h3
{
    text-align: center;
    padding: 0px 2.5%;
    background-color: #F8F8F8;
    font-size: 36px;
    padding: 28px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
    .pricing_page h3 a.hollow_button
    {
        display: inline-block;
        font-size: 36px;
        padding: 0px 10px;
        margin: 0px 0px 0px 6px;
    }
      
.pricing_page h4 
{
    font-family: "proxima-nova", Sans-Serif;
    font-size: 22px;
    text-align: center;
    margin: 22px 2.5% 0px 2.5%;
    padding: 0px 0px 8px 0px;
}  
hr.price_features_divider { border: none;border-top: 1px solid #CCC;width: 95%;max-width: 830px;margin: 2px auto 0px auto; }
ul.price_features
{
    padding: 16px 0px 26px 0px;
    margin: 0px auto;
    width: 95%;
    max-width: 860px;
}
    ul.price_features li
    {
        display: inline-block;
        vertical-align: top;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 50%;
        min-height: 0px;
        margin: 0px 0px 20px 0px;
        padding: 0px 4%;
    }
        ul.price_features li img { width: 50px; position: absolute; }
        ul.price_features li span.check  
        {
            color: #006837;
            display: block;
            float: left;
            font-size: 26px;
            font-size: 2.6rem;
            line-height: 1;
            margin-top: -6px; 
        }
        ul.price_features li h5 { font-size: 18px; margin: 0px 0px 0px 60px; text-transform: uppercase; }
        ul.price_features li h6 { font-size: 15px; margin: 0px 0px 0px 30px; }
    
@media only screen and (max-width: 950px)
{
    .pricing_home_top .container .pricing_options .option_title span { display: none; }
    .pricing_home_top .container .pricing_options .option_desc { display: none; }
} 
@media only screen and (max-width: 900px)
{    
    ul.price_features li { padding: 0px 2%; }
    .pricing_home .sign_up_form .form_top h5 { margin-top: 50px; }
} 
@media only screen and (max-width: 750px)

{
    .pricing_home_top { height: auto; background: none; }
    .pricing_home_top .container .pricing_options 
    {
        border: none;
        background: none;
    }
        
    .pricing_home_top .container h2 
    {
        font-size: 28px;
        margin: 20px 0% 20px 0%;
        color: #FFF;
        background-color: #0071BC;
        padding: 30px 0px 25px 0px;
    }
        
    .pricing_home_top .container .pricing_options .option
    {
        float: inherit;
        width: 100%;
        border-right: none;
        margin: 0px 0px 0px 0px;
        padding: 14px 18px 16px 18px;
        background: none;
        border: none;
    }
    .pricing_home_top .container .pricing_options .option_title span { display: inline; }
    .pricing_home_top .container .pricing_options .option_desc { display: block; min-height: 0px; }
    .pricing_home_top .container .pricing_options .option_price { border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; }
        
    ul.price_features li { padding: 0px 1%; }
    
    .pricing_home .sign_up_form .form_top h5 { margin-top: 16px; }
} 
@media only screen and (max-width: 700px)
{
    ul.price_features li { padding: 0px 8%; width: 100%; }
}
        
/* ### End Pricing Page Properties ### */   
    
/* ### Begin Pricing Form Page ### */
body.pricing_form_page { background-color: #f8f8f8; }
.pricing_form_page .header .menu
{
    display: none;
}
.pricing_form_page .header .call_us
{
    display: block;
}
.pricing_form 
{
    margin: 76px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
    .pricing_form h2
    {
        color: #0071BC;
        font-size: 26px;
        margin: 0px 0px 10px 0px;
        text-transform: uppercase;
    }
    .pricing_form .form_section
    {
        min-height: 300px;
        padding: 24px;
    }
        .pricing_form .form_section.gray_bg { background-color: #F8F8F8; }

        .pricing_form .form_section h3
        {
            text-transform: uppercase;
            font-family: "proxima-nova", helvetica, arial, Sans-Serif;
            font-size: 18px;
            border-bottom: 1px solid #ccc;
            padding: 0px 0px 6px 0px;
            position: relative;
        }
            .pricing_form .form_section h3 img { max-height: 18px; display: inline-block; vertical-align: middle; margin: -3px 6px 0px 0px; }
            .pricing_form .form_section h3 a { color: #999; font-size: 15px; position: absolute; bottom: 6px; right: 0px; text-transform: none; }
                .pricing_form .form_section h3 a#basics_change, .pricing_form .form_section h3 a#credit_card_change { display: none; }
               
        .pricing_form .form_section span.note 
        {
            margin: 10px 0px 0px 0px;
            font-size: 15px;
            display: inline-block;
        }
            .pricing_form .form_section span.red, .pricing_form .form_section div.red { color: #FC2637; }
                
        .pricing_form .form_section .basics_form { margin: 0px 0px 0px 0px; border-bottom: 1px solid #ccc; padding: 0px 0px 12px 0px; }
             
        .pricing_form .form_section label 
        {
            display: none;
            font-size: 15px;
            margin: 0px 0px 3px 0px;
            text-transform: uppercase;
        }
            label.needs_replaceholder { display: none; }
            .pricing_form .form_section label.replaceholder { display: block; }
                
        .pricing_form .form_section input[type="text"]
        {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            border: 1px solid #B3B3B3;
            padding: 6px 8px 6px 8px;
            margin: 0px 0px 0px 0px;
            font-family: Arial;
            font-family: "proxima-nova", helvetica, arial, Sans-Serif;
            font-size: 22px;
            color: #333;
            width: 100%;
        }
            .pricing_form .form_section input[type="text"].submitting
            {
                background-color: rgba(0, 0, 0, 0);
                border: none;
                padding: 0px;
                width: 100% !important;
            }
            .pricing_form .form_section .column
            {
                width: 49%;
                margin: 11px 0px;
            }
                .pricing_form .form_section .column.replaceholder { margin: 7px 0px; }
                    
                .pricing_form .form_section .column.left { float: left; }
                .pricing_form .form_section .column.right { float: right; }
                    
        .pricing_form .form_section select
        {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            border: 1px solid #B3B3B3;
            margin: 0px 0px 18px 0px;
            padding: 6px 8px 6px 8px;
            font-family: Arial;
            font-family: "proxima-nova", helvetica, arial, Sans-Serif;
            font-size: 22px;
            color: #aaa;
        }
            .pricing_form select.chosen { color: #333; }
            select option { color: #333; }
            select option:first-child { color: #aaa; }
                    
            .pricing_form div.error_list
            {
                color: #FC2637;
                display: none;
            }
                    
        .pricing_form .form_section.basics .secure_message 
        { 
            position: relative; 
            padding: 0px 0px 0px 26px;
            margin: 16px 0px 0px 0px;
            color: #999;
            font-size: 15px;
            width: 60%;
            float: left;
        }
            .pricing_form .form_section.basics .secure_message img { position: absolute; left: 0px; width: 18px; top: -2px; }
                
        .pricing_form .form_section .main_button { float: right; padding: 4px 40px; margin: 10px 0px 0px 0px; }
            
        .pricing_form .form_section .form_summary
        {
            display: none;
            margin: 14px 0px 0px 0px;
        }
            .pricing_form .form_section .form_summary label
            {
                font-size: 18px; 
                margin: 0px 0px 4px 0px;
                display: block;
            }
            .pricing_form .form_section .form_summary span
            {
                display: block;
                margin: 0px 0px 5px 0px;
            }
                .pricing_form .form_section .form_summary span.capitalize { text-transform: capitalize; }
            
        .pricing_form .form_section.credit_card
        {
            margin: 0px 0px 0px 0px;
            background-color: #FFF;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            display: none;
        }
            .pricing_form .form_section.credit_card .credit_card_form  
            {
                padding: 16px 0px 12px 0px; 
                border-bottom: 1px solid #ccc;
            }
                .pricing_form .form_section.credit_card .credit_card_form ul.credit_cards
                {
                    display: block;
                    margin: 0px 0px 12px 0px;
                }
                    .pricing_form .form_section.credit_card .credit_card_form ul.credit_cards li
                    {
                        display: inline-block;
                        margin: 0px 8px 0px 0px;
                    }
                        .pricing_form .form_section.credit_card .credit_card_form ul.credit_cards li:last-child { margin: 0px; }
                        .pricing_form .form_section.credit_card .credit_card_form ul.credit_cards li img { width: 54px; }
                            .pricing_form .form_section.credit_card .credit_card_form ul.credit_cards li img.not_card { opacity: .5; filter: alpha(opacity=50); }
                                
                .pricing_form .form_section.credit_card div.cc_note
                {
                    display: none;
                    font-size: 15px;
                    margin: -6px 0px 8px 0px;                        
                }
                    .pricing_form .form_section.credit_card .address_segment div.cc_note { display: inline-block;margin: 2px 0px 10px 0px; }
                
                .pricing_form .form_section.credit_card .credit_card_form input[type="text"] 
                {
                    margin: 0px 0px 18px 0px;
                    width: 100%;
                    max-width: 380px;
                    display:block;
                }   
                    .pricing_form .form_section.credit_card .credit_card_form input[type="text"].replaceholder { margin: 0px 0px 14px 0px; }
                        
                .pricing_form .form_section.credit_card .credit_card_form select
                {
                    margin: 0px 0px 18px 0px;
                    width: 100%;
                    max-width: 380px;
                    display:block;
                } 
                    .pricing_form .form_section.credit_card .credit_card_form select.replaceholder { margin: 0px 0px 14px 0px; }
                    
                .pricing_form .form_section.credit_card .credit_card_form .billing_city
                {
                    width: 49%;
                    max-width: 182px;
                    float: left;
                    margin-right: 1%;
                }
                .pricing_form .form_section.credit_card .credit_card_form .billing_state
                {
                    width: 49%;
                    max-width: 182px;
                    float:right;
                }
                    
                .pricing_form .form_section.credit_card .credit_card_form .address_segment
                {
                    width: 100%;
                    max-width: 380px;
                }
                    
                .pricing_form .form_section.credit_card .credit_card_form hr 
                {
                    border:none;
                    border-top: 1px solid #ccc;
                    margin: 18px 0px;
                    width: 100%;
                    max-width: 380px;
                    text-align: left;
                }
                    
                .pricing_form .form_section.credit_card .credit_card_form .card_number_val
                {
                    margin: 0px 0px 18px 0px;
                    display:block;
                }    
                    .pricing_form .form_section.credit_card .credit_card_form .card_number_val.replaceholder { margin: 0px 0px 14px 0px; }
                        
                    .pricing_form .form_section.credit_card .credit_card_form .card_number_val input[type="text"] 
                    {
                        display: inline-block;
                        margin:0px 0px 0px 0px;
                    }          
                    .pricing_form .form_section.credit_card .credit_card_form .card_number_val span.card_number_note
                    {
                        display: inline-block;
                        font-size: 15px;
                        display: none;
                        font-weight: 600;
                        margin: 5px 0px 0px 5px;
                        color: #666;
                        white-space: nowrap;
                    }         
                
                .pricing_form .form_section.credit_card .credit_card_form .expiration_date_val
                {
                    display: inline-block;
                    vertical-align: top;
                }
                    .pricing_form .form_section.credit_card .credit_card_form .expiration_date_val input[type="text"] 
                    { 
                        display: inline-block; vertical-align: top;
                        width: 54px;
                        box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        text-align: center;
                    }
                    .pricing_form .form_section.credit_card .credit_card_form .expiration_date_val div.exp_date_note
                    { 
                        font-size: 15px;
                        font-weight: 600;
                        margin: -12px 0px 16px 5px;
                        color: #666;
                        display: none;
                    }
                        
                .pricing_form span.slash { font-size: 22px; color: #aaa; display: inline-block; vertical-align: top; margin-top: 8px;}
                    
                .pricing_form .form_section.credit_card img.card_image { width: 56px; display: inline-block; vertical-align: top; }
                    .pricing_form .form_section.credit_card img.card_image.expiration { margin: 0px 6px 0px 2px; }
                    
                .pricing_form .form_section.credit_card .credit_card_form .security_fields { display: inline-block; white-space: nowrap; }

                .pricing_form .form_section.credit_card .credit_card_form .security_code_val 
                {
                    display: inline-block;
                    margin:0px 0px 18px 0px;
                } 
                    .pricing_form .form_section.credit_card .credit_card_form .security_code_val input[type="text"].security_code 
                    { 
                        width: 116px; 
                        display: inline-block; 
                        vertical-align: top; 
                        margin: 0px;
                    }
                    .pricing_form .form_section.credit_card .credit_card_form .security_code_val div.security_code_note
                    {
                        font-size: 15px;
                        font-weight: 600;
                        margin: 5px 0px 0px 5px;
                        color: #666;
                        display: none;
                    } 
                    
                    .pricing_form .form_section.credit_card img.card_image.security { margin: 0px 0px 0px 2px; }
                        .pricing_form .form_section.credit_card img.card_image.security.default { display: inline-block; }
                        .pricing_form .form_section.credit_card img.card_image.security.amex { display: none; }
                            
                    
                .pricing_form .form_section.credit_card .other_country_message
                {
                    display: none;
                    margin-top:-6px;
                }          
             
        .pricing_form .form_section.review
        {
            display:none;
        }       
            .pricing_form .form_section.review .review_text
            {
                font-size: 15px;
                padding: 16px 0px 4px 0px; 
                border-bottom: 1px solid #ccc;                
            }
                .pricing_form .form_section.review .review_text span.highlight_text { font-size: 22px; }
                .pricing_form .form_section.review .review_text p { margin: 0px 0px 20px 0px; }
                
@media only screen and (max-width: 680px)
{
    .pricing_form_page .header .menu
    {
        display: block;
    }
    .pricing_form_page .header .call_us
    {
        display: none;
    }
    .pricing_form 
    {
        margin: 56px 0px 0px 0px;
    }           
        .pricing_form .form_section .column input[type="text"] {
            font-size: 17px;
            padding-top: 9px; padding-bottom: 9px;
        }
            
    .pricing_form .form_section.credit_card .credit_card_form input[type="text"] 
    {
        font-size: 17px;
        padding-top: 9px; padding-bottom: 9px;
    } 
        .pricing_form .form_section.credit_card .credit_card_form .expiration_date_val input[type="text"] 
        {
            font-size: 17px;  
        }
    .pricing_form .form_section select
    {
        font-size: 17px;
    }
}
@media only screen and (max-width: 550px)
{         
    .pricing_form .form_section .column {
        width: 100%;
    }
    .pricing_form h2 {
        font-size: 25px;
        line-height: 1.2;
    }
}
@media only screen and (max-width: 440px)
{
    .pricing_form .form_section h3 span.mobile_hide { display: none; }
    .pricing_form .form_section.basics .secure_message 
    { 
        width: auto;
        font-size: 14px;
    }
        
    .pricing_form .form_section.credit_card .credit_card_form .card_number_val span.card_number_note
    {
        margin: 5px 0px 0px 0px;
        font-size:13px;
    }
    .pricing_form .form_section.credit_card .credit_card_form .expiration_date_val div.exp_date_note,
    .pricing_form .form_section.credit_card .credit_card_form .security_code_val div.security_code_note
    {
        font-size:13px;
    }
}

/* Begin Shared Info Link */    
.info_link
{
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 0px 2px; 
    position: relative;       
}
    .info_link a { display: inline-block; }
        .info_link a img { width: 20px; }
            
    .info_link .info_box 
    {
        display: none;
        position: absolute;
        background-color: #f8f8f8;
        border: 1px solid #ccc;
        width: 222px;
        padding: 6px 6px 8px 6px;
        left: 30px;
        top: -36px;
        white-space: normal;
    }
        .info_link .info_box .arrow { position: absolute; width: 12px;height: 16px;width: 8px;top: 37px;left: -8px; }
        .info_link .info_box span { display: block; color: #999; font-size: 20px; margin: 0px 0px 8px 0px; text-align: center; }
        .info_link .info_box .cards { text-align: center; }
            .info_link .info_box .cards img.card_image.security { margin: 0px; width: 90px; }
            .info_link .info_box .cards b { display: inline-block; margin:20px 0px 0px 0px; }
/* End Shared Info Link */
                
@media only screen and (max-width: 740px)
{
    .pricing_form .info_link .info_box 
    {
        top: 30px;
        left: auto;
        right: -18px;
    }
        .pricing_form .info_link .info_box .arrow 
        { 
            transform:rotate(90deg);
            -ms-transform:rotate(90deg); /* IE 9 */
            -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
            left: auto;
            right: 24px;
            top: -12px;
        }
}
@media only screen and (max-width: 475px)
{
    .pricing_form .info_link .info_box 
    {
        right: -56px;
    }
        .pricing_form .info_link .info_box .arrow 
        { 
            right: 62px;
        }
}                                    
/* ### End Pricing Form Page ### */

/* ### Begin Demo Page ### */
.inner_demo
{
    padding: 74px 0px 0px 0px;
}
    .inner_demo .fourth_block
    {
        background-color: #fff;
        min-height: 530px;
    }
        .inner_demo .fourth_block h1 { margin: 0px 0px 10px 0px; color: #0071bc; }
        .inner_demo .fourth_block h2 { text-transform: uppercase;font-size: 22px;font-size: 2.2rem;font-weight: 600; }
        .inner_demo .fourth_block .sign_up_form
        {
            max-width: 800px;
        }
            .inner_demo .fourth_block .sign_up_form h5 { display: none; }
        .inner_demo .fourth_block .phone 
        {
        }
@media only screen and (max-width: 799px)
{
    .inner_demo .fourth_block h1  
    {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.3;
        margin: 0px 0px 16px 0px; }
    }
/* ### End Demo Page ### */

/* ### Begin Blue Header Page (About Page) ### */
.blue_header .inner_home_container { padding: 0px 2.5%;box-sizing: border-box; }
.blue_header hr { margin: 28px 0px 22px 0px; }
.blue_header h2
{
    background-color: #0071BC;
    color: #FFF;
    font-size: 70px;
    font-size: 7rem;
    padding: 12px 0px 8px 0px;
    margin: 74px 0px 16px 0px;
    display: block;
    text-align: center;
}
    .blue_header h3 
    {
        color: #FF640D;
        font-size: 38px;
        font-size: 3.8rem;
        text-align: center;
    }
    .blue_header h4
    {
        font-size: 28px;
        font-size: 2.8rem;
        text-align: center;
        margin: -6px 0px 16px 0px;
    }
    .blue_header p
    {
        font-size: 20px;
        font-size: 2.0rem;
    }
@media only screen and (max-width: 980px)
{
    .blue_header h2 { font-size: 56px; font-size: 5.6rem; }
}
@media only screen and (max-width: 799px)
{
    .blue_header h2 { margin: 57px 0px 16px 0px; font-size: 46px; font-size: 4.6rem; }
    .blue_header h3 { font-size: 30px; font-size: 3.0rem; line-height: 1.2;margin: 10px 0px; }
    .blue_header h4 { font-size: 22px; font-size: 2.2rem; }
    .blue_header p { font-size: 18px; font-size: 1.8rem; }
}
@media only screen and (max-width: 650px)
{
    .blue_header h2 { font-size: 34px; font-size: 3.4rem; padding: 18px 2% 14px 2%;line-height: 1.1; }
}
/* ### End Blue Header Page (About Page) ### */

/* ### Begin New Landing Page Properties ### */
.landing_page_new
{
}
    .landing_page_new h3, .landing_page_new h4 { font-size: 46px; font-size: 4.6rem; font-weight: 600; line-height: 1.3; margin-bottom: 5px; text-transform: uppercase; }
    
    .landing_page_new .landing_top { padding: 0px 2%; text-align: center; color: #FFF; }
        .landing_page_new .landing_top h1 { font-size: 6.3px; font-size: 6.3rem;padding: 114px 0px 12px 0px;line-height: 1.1; text-transform: uppercase; }
        .landing_page_new .landing_top h2 { font-size: 29px;font-size: 2.9rem;line-height: 1.2; font-weight: 300; width: 100%;max-width: 910px;margin: 0px auto 40px auto; }
        .landing_page_new .landing_top img { width: 100%; max-width: 800px; margin: 0px auto; display: block; }
        
.short_demo_form
{
    font-size: 0px;
    padding: 24px 2% 30px 2%;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
}
    .short_demo_form h3 { font-size: 46px;font-size: 4.6rem;text-align: center; padding: 6px 0px; }
    .short_demo_form input { font-size: 22px;font-size: 2.2rem;padding: 4px 5px;width: 35.5%;margin: 0px 1% 0px 0px; }    
    .short_demo_form a.main_button { display: inline-block; width: 27%; padding: 0px 0px 0px 0px; }
    
.landing_page_new .what_is  
{
    padding: 32px 2% 40px 2%;
    width: 96%;
}
    .landing_page_new .what_is p { font-size: 21px;padding: 10px 0px 0px 0px; font-weight: 300; margin: 0px; }
    
.how_it_works 
{
    padding: 32px 2% 30px 2%;
}
    .how_it_works ul { font-size: 0px;margin: 12px auto 8px auto;width: 100%;max-width: 1020px; }
        .how_it_works ul li { display:inline-block;width: 25%;vertical-align: top; width: 24.5%; }
        .how_it_works ul li.arrow { width: 12.5%;vertical-align: -80px; white-space: nowrap; }
            .how_it_works ul li.arrow span.typcn-minus { font-size:30px; margin-right: -12px; }
            .how_it_works ul li.arrow span.typcn-arrow-right-thick { font-size:30px; }
            .how_it_works ul li.arrow div.mobile_icon { display:none; }
            .how_it_works ul li h5 { font-size: 30px;font-size: 3.0rem; font-weight: 600;}
            .how_it_works ul li p { font-size: 20px;font-size: 2.0rem;line-height: 1.2; margin: 0px; }
            
.explore_3_features { padding: 32px 2% 35px 2%; }
    .explore_3_features div.explore_features { border-top: 5px solid #0071bc;border-bottom: 5px solid #0071bc; margin: 0px auto 0px auto;max-width: 940px; }
        .explore_3_features div.explore_features a { color: #0071bc; }    
    .explore_3_features .deep_dive_icons { background: none; color: #0071bc; margin: 0px 0px 0px 0px;padding: 14px 0px 25px 0px; }
        .explore_3_features .deep_dive_icons ul li { width: 33.3333%;max-width: 290px; }
            .explore_3_features .deep_dive_icons a { color: #0071bc; font-weight: 600;}
            .explore_3_features .deep_dive_icons a:hover { color: #0071bc; }
                .explore_3_features .deep_dive_icons ul li a img { background: none; }

.short_demo_button { padding: 32px 2% 30px 2%; border-top: 1px solid #ccc; }
    .short_demo_button a.main_button { width: 290px;margin: 26px auto 30px auto;font-size: 30px;padding: 5px 0px; }
    
@media only screen and (max-width: 999px)
{
    .landing_page_new .landing_top h1 { font-size: 48px; font-size: 4.8rem; }
    .landing_page_new .landing_top h2 { font-size: 27px; font-size: 2.7rem; }
    
}
@media only screen and (max-width: 799px)
{
    .landing_page_new .landing_top h1 { padding: 96px 0px 12px 0px; }    
}
@media only screen and (max-width: 599px)
{
    .how_it_works ul li { display: block;width: 100%; }
        .how_it_works ul li.arrow { width: 100%;  }
            .how_it_works ul li.arrow span { display: none; }
            .how_it_works ul li.arrow div.mobile_icon { display:block; font-size: 30px; margin: 12px 0px 2px 0px; }
}
@media only screen and (max-width: 499px)
{
    .landing_page_new .landing_top h1 { font-size: 46px; font-size: 4.6rem; }
    .landing_page_new .landing_top h2 { font-size: 24px; font-size: 2.4rem; }
    .short_demo_form h3 { font-size: 36px; font-size: 3.6rem; }
    .landing_page_new h3, .landing_page_new h4 { font-size: 36px; font-size: 3.6rem; }
    
    .short_demo_form input { width: 100%; margin: 5px 0px 4px 0px; }
    .short_demo_form a.main_button { width: 100%; padding: 5px 0px 4px 0px; }
    
    .explore_3_features div.explore_features a { font-size: 26px; font-size: 2.6rem; }
        .explore_3_features div.explore_features a span.mobile_hide { display: none; }
}
/* ### End Landing Page Properties ### */

/* ### Begin Innovation Software List Properties ### */
.software_list 
{
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
    padding: 12px 0px 0px 0px;
}
    .software_list ul { margin: 0px 2.5%; }
        .software_list ul li { /*padding: 10px 0px 10px 0px; */ /*border-bottom: 1px solid #CCC;*/ }
            .software_list ul li div.logo { position: relative;left: auto;top: auto;float: left;margin: 0px 18px 0px 0px; }
                .software_list ul li div.logo a {  }
                .software_list ul li div.logo a:hover { opacity: .8; }
                    .software_list ul li div.logo a img { width: 120px; border-radius: 5px; }                        
            .software_list ul li div.desc { margin: 0px 0px 0px 138px; }
                .software_list ul li div.desc a { color: #0071BC;font-weight: 600;font-size: 18px; }
                    .software_list ul li div.desc a:hover { opacity: .8; }
            .software_list ul li hr   
            {
                border: 0;
                height: 1px;
                margin: 22px 0px 26px 0px;;
                background-image: -webkit-linear-gradient(left, rgba(200, 200, 200, 0), rgba(200, 200, 200, 1), rgba(200, 200, 200, 0));
                background-image: -moz-linear-gradient(left, rgba(200,200,200,0), rgba(200,200,200,1), rgba(200,200,200,0));
                background-image: -ms-linear-gradient(left, rgba(200,200,200,0), rgba(200,200,200,1), rgba(200,200,200,0));
                background-image: -o-linear-gradient(left, rgba(200,200,200,0), rgba(200,200,200,1), rgba(200,200,200,0));    
            }
@media only screen and (max-width: 399px)
{
    .software_list ul li div.logo { margin: 0px 12px 0px 0px; }
        .software_list ul li div.logo a img { width: 100px; }                        
    .software_list ul li div.desc { margin: 0px 0px 0px 112px; }
}    
                
/* ### End Innovation Software List Properties ### */

/* ### Begin Callout Slider ### */
.callout 
{
    display: block;
    width: 300px;
    position: fixed;
    right: 0px;
    top: 25%;
    background-color: #fff;
    color: #333;
    border-radius: 7px 0px 0px 7px;
    box-shadow: -6px 6px 6px 0px rgba(0, 0, 0, 0.4);
    z-index: 999;
    
    -webkit-transition: all .4s ease-in-out;    
    transition: all .4s ease-in-out;
    
    -webkit-transform: translate(320px, 0px);  
    -ms-transform: translate(320px, 0px);   
    transform: translate(320px, 0px); 
    
}
.ie8 .callout { display: none; }

    .callout .head { border-radius: 7px 0px 0px 0px; color: #fff; text-align: center; padding: 7px; }
    .callout .head a.close { float: left; color: #FFF; font-size: 26px; font-weight: bold;  margin: -4px -20px 0px 3px; }
        .callout h3 { font-size: 20px; color: #fff; font-family: "proxima-nova", helvetica, arial, Sans-Serif; font-weight: bold; }
    .callout .body { margin: 10px 20px 0px 20px; }
        .callout .body p { color: #333; padding-bottom: 10px; }
    .callout a.main_button 
    {
        margin: 12px auto 15px auto;
        display: block;
        width: 170px;
        text-align: center;
        padding: 5px 5px;    
    }
        
    .callout .countdown   
    {
        margin: 0px 0px 0px 0px;
        display: block;
        text-align: center;
        font-size: 0px;
    }
        .callout .countdown div.number { display: inline-block;text-align: center; vertical-align: top; min-width: 55px; }
        .callout .countdown div.colon { display: inline-block; margin:0px 0px; text-align: center; font-weight: bold; font-size: 32px; vertical-align: top; }
            .callout .countdown div.number span.digit { font-weight: bold; font-size: 32px; }
            .callout .countdown div.number span.label { color: #999; text-transform: uppercase; display: block; font-size: 16px; }
            
.callout.open 
{
    -webkit-transform: translate(2px, 0px);
    -ms-transform: translate(2px, 0px); 
    transform: translate(2px, 0px);  
}  
.ie8 .callout.open { display: block; }

@media only screen and (max-width: 799px), only screen and (max-height: 499px)
{

    .callout { display: none; }   
}  
    

/* ### End Callout Slider ### */

/* ### Begin Footer Block Properties ### */
.footer_block
{
    background-color: #333;
    padding: 30px 2.5%;
    position: relative;
}        
    /* Begin Big Footer Block */
    .footer_block .footer_section
    {
        padding: 10px 2% 15px 2%;                        
    }
        .footer_block .footer_section .timeline .stream
        {
            height: 400px;
        }
        .footer_block .footer1  
        {
            width: 62.5%;
            float: left;
            border-right: 1px solid #808080;
            padding-bottom: 0px;
        }
        .footer_block .footer2  
        {
            width: 28%; 
            float: right;
            padding: 10px 2% 10px 2%;
            position: relative;
        }
            .footer_block .footer2 iframe
            {
                width: 100%;
            }
        .footer_block .footer3  
        {
            width: 100%;
            display: block;
            margin: 15px 0% 0px 0%;
            padding: 5px 0% 0px 0%;
            text-align: left;
            height: 50px;
            border-top: 1px solid #808080;
        }
            .footer_block .footer3 a
            {
                display: inline-block;
                vertical-align: middle;
                margin: 10px .5% 10px 0%;
                width: 30px;
                height: 30px;
                overflow: hidden;
                            
            }
                .footer_block .footer3 a img
                {
                    width: 30px;
                    height: 30px;
                }
                .footer_block .footer3 a img.icon_default { display: block; }
                .footer_block .footer3 a img.icon_hover { display: none; }
                .footer_block .footer3 a:hover img.icon_default { display: none; }
                .footer_block .footer3 a:hover img.icon_hover { display: block; }
            .footer_block .footer3 span
            {
                vertical-align: middle;
                display: inline-block;
                font-size: 14px;
                color: #FFF;
            }
                .footer_block .footer3 span div.nowrapping
                {
                    display: inline-block;
                    white-space: nowrap;
                }
        .footer_block .footer_section h3
        {
            font-weight: 600;
            color: #fff;
            text-align: left;
            margin-bottom: 5px;
            font-size:26px;
            font-size: 2.6rem;
        }
            .footer_block .footer_section .follow_button
            {
                position: absolute;
                top: 18px;
                right: 2%;
            }
        .footer_block .footer_section .foot_blog_entry
        {        
            width: 30%;
            padding: 0px 1.5%;
            float: left;
        }
            .footer_block .footer_section .foot_blog_entry .thumb
            {
                width: 97%;
                max-width: 373px;                            
            }
                .footer_block .footer_section .foot_blog_entry .thumb a
                {
                    display: inline-block; 
                         
                }
                .footer_block .footer_section .foot_blog_entry .thumb a img
                {
                    width: 99.8%;                            
                }
                    .footer_block .footer_section .foot_blog_entry .thumb a img:hover
                    {
                        opacity: .4;
                    }
        .footer_block .footer_section a.foot_blog_title
        {
            font-weight: 600;
            display: block;
            margin: 5px 0px 5px 0px;
            font-size: 18px;
            color: #B3B3B3;
        }
            .footer_block .footer_section a.foot_blog_title:hover
            {
                color: #ddd;
            }
        .footer_block .footer_section .foot_blog_subtitle
        {
            font-size: 16px;
            color: #fff;
                        
        }
        
    @media only screen and (max-width: 799px)
    {
        .footer_block 
        {
            padding: 0px 0px 70px 0px;
        }
        .footer_block .footer_section
        {
            width: 94%;
            padding: 20px 3%;
        }
        .footer_block .footer1
        {
            border-right: none;
            border-bottom: 1px solid #808080;
        }
        .footer_block .footer2 
        {
            border-left: none;
            margin-bottom: 70px;
            border-bottom: 1px solid #808080;
        }
            .footer_block .footer2 .follow_button
            {
                position: absolute;
                top: 30px;
                right: auto;
                left: 235px;
            }
        .footer_block .footer3 
        {
            margin-top: 0px;
            position: absolute;
            bottom: 0px;
            left:0px;
            border-top: none;
            padding: 0px 0px 10px 0px;
            text-align:center;
        }
            .footer_block .footer3 a 
            {
                margin: 10px .5% 10px 0%;
                width: 50px;
                height: 50px;
            }
                .footer_block .footer3 a img
                {
                    width: 50px;
                    height: 50px;
                }
    }   
        
    @media only screen and (max-width: 599px)
    {
        .footer_block .footer_section .foot_blog_entry
        {                        
            width: 94%;
            padding: 0px 3%;
            margin: 5px 0px 20px 0px;
        }
            .footer_block .footer_section a.foot_blog_title
            {
                margin: 4px 0px;
                display: block;
            } 
                
        .footer_block .footer2 .follow_button
        {
            position: absolute;
            top: 30px;
            right: 3%;
            left: auto;
        }
                 
    }
        /* Begin iPhone/iPad Fixes for Twitter Feed Widget  -- was overflowing off of the screen and causing bottom scroll on iPhone / iPad    */
        @media only screen 
        and (min-device-width : 320px) 
        and (max-device-width : 480px) 
        and (orientation : portrait) 
        { 
            .footer_block .footer2 iframe
            {
                width: 295px;
            }
        }
        @media only screen 
        and (min-device-width : 320px) 
        and (max-device-width : 568px) 
        and (orientation : portrait) 
        {
            .footer_block .footer2 iframe
            {
                width: 295px;
            }  
        }
        @media only screen 
        and (min-device-width : 768px) 
        and (max-device-width : 1024px) 
        and (orientation : landscape)  
        {
            .footer_block .footer2 iframe
            {
                width: 295px;
            } 
        }
        @media only screen 
        and (min-device-width : 768px) 
        and (max-device-width : 1024px) 
        and (orientation : portrait)  
        {
            .footer_block .footer2 iframe
            {
                width: 728px;
            } 
        }
        /* End iPhone/iPad Fixes for Twitter Feed Widget */               
    /* End Big Footer Block */
            
    /* Begin Simple Footer Block */    
    .footer_block .footer_left 
    {
        margin-right: 300px;
    }
        .footer_block .footer_left ul { width: 33.33333%;float: left;max-width: 190px;font-size: 18px;font-size: 1.8rem;color: #FFF; margin: 0px 0px 12px 0px; }
        .footer_block .footer_left ul.wide { width: 50%; max-width: none; }
            .footer_block .footer_left ul li { font-weight: 700; font-size: 16px; font-size: 1.6rem; }
                .footer_block .footer_left ul li a { font-weight: 300; text-transform: uppercase; }
                    .footer_block .footer_left ul li a:hover { color: #33ccff; }
                        
                    .footer_block .footer_left ul li a.twitter:hover { color: #55acee; }
                    .footer_block .footer_left ul li a.facebook:hover { color: #7C91BD; }
                    .footer_block .footer_left ul li a.linkedin:hover { color: #339cd8; }
                    .footer_block .footer_left ul li a.google_plus:hover { color: #dd685e; }
    /*     
    .footer_block .footer_right { float: right;width: 300px;right: 0px;position: absolute;top: -1px; }
        .footer_block .footer_right #mc_embed_signup { padding: 0px; }
            .footer_block .footer_right #mc_embed_signup h5 { color: #FFF;font-size: 18px; font-size: 1.8rem; font-weight: 700;margin: 0px 0px 0px 0px; }
            .footer_block .footer_right #mc_embed_signup input[type="email"] { font-size: 16px;font-size: 1.6rem;padding: 4px 5px;margin: 4px 0px 4px 0px; }
            .footer_block .footer_right #mc_embed_signup input[type="submit"] { font-size: 18px; font-size: 1.8rem; font-family: "proxima-nova",Arial,sans-serif;padding: 6px 0px;font-weight: 600;margin-top: 8px; box-shadow: 0px 3px 0px #005791; -moz-box-shadow: 0px 3px 0px #005791; -webkit-box-shadow: 0px 3px 0px #005791; }      
    */
    .footer_block .footer_right { float: right;width: 300px;right: 0px;position: absolute;top: -1px; }
            .footer_block .footer_right h5 { color: #FFF;font-size: 18px; font-size: 1.8rem; font-weight: 700;margin: 0px 0px 0px 0px; }
            .footer_block .footer_right input[type="text"]  
            {
                font-size: 16px;
                font-size: 1.6rem;
                padding: 5px 6px;
                margin: 4px 0px 4px 0px; 
                width: 100%;
                box-sizing: border-box;
            }
            .footer_block .footer_right a.main_button  
            {
                font-size: 18px; 
                font-size: 1.8rem; 
                font-family: "proxima-nova",Arial,sans-serif;
                padding: 6px 0px;
                font-weight: 600;
                margin-top: 8px; 
                box-shadow: 0px 3px 0px #005791; 
                -moz-box-shadow: 0px 3px 0px #005791; 
                -webkit-box-shadow: 0px 3px 0px #005791; 
                display: block;
                text-align: Center;
            }      
   
    @media only screen and (max-width: 799px)
    {
        .footer_block { padding: 30px 2.5%; }
        .footer_block .footer_left ul li { font-size: 14px; font-size: 1.4rem; }
    }
    @media only screen and (max-width: 799px)
    {
        .footer_block { padding-bottom: 60px; }
        .footer_block .footer_left { margin-right: 0px; }
                .footer_block .footer_left ul li { font-size: 15px; font-size: 1.5rem; line-height: 1.2; margin: 4px 0px 3px 0px;}
        .footer_block .footer_right { float: left; width: 100%; display: block; margin: 24px 0px 0px 0px; position: relative; top: auto; left: auto; }
        
    }
    @media only screen and (max-width: 410px)
    {
        .footer_block .footer_left .mobile_hide { display: none; }
        
        .footer_block .footer_left ul   
        {
            width: 40%;
            float: none;
            max-width: none;
            display: inline-block;
            vertical-align: top;
            box-sizing: border-box;
            margin: 0px 0px 10px 9%;
        }
            
        .footer_block .footer_left ul.wide { width: 91%; }
            .footer_block .footer_left ul.wide li { width: 100%; }
        
    }
    /* End Simple Footer Block */
        
/* ### End Footer Block Properties ### */
    
/* ### Begin Footer Properties ### */
.footer
{
    width: 100%;
    height: 0px;
    font-size: 12px;
    background-image: url("http://cdn-oak.vocoli.com/vocoli/ext/media/115/footer.png");
        
    /*position: absolute;
    bottom: 0px;
    */
}
    .footer_fixed /* Used w JQuery Add class if window doesn't have scroll */
    {
        position: fixed;
        bottom: 0px;
    }
    .footer ul
    {
        text-align: center;
        padding: 7px 0px;
    }
    .footer ul li
    { 
        display: inline-block;  
        padding: 0px 6px 0px 0px;
        background-image: url("http://cdn-oak.vocoli.com/vocoli/ext/media/120/menu_footer_border.png");  
        background-repeat: no-repeat;
        background-position: right;      
    }
    .footer ul li a
    {
            
    }
@media only screen and (max-width: 319px)
{
    .footer
    {
        font-size: 10px;
    }  
}    
/* ### End Footer Properties ### */
        
/* ### Begin Error Bubble Properties -- shared among submit forms ### */
form .error_bubble
{

    width: 94%;
    background-color: #fff;
    padding: 6px 3% 6px 2%;
    margin: 12px 0px 0px 0px;
    border: 1px solid #808080;
    font-size: 13px;
    font-weight: 600;
    color: #c1272d;
    position: relative;
                    
    display: none;
}  
    form .error_bubble img.error_bubble_arrow
    {
        width: 13.5px;
        position: absolute;
        top: -11px;
        left: 20px;
    }              
    form .error_item
    {
        background-color: #ffb8b8;
        border: 1px solid #c1272d !important;
    }
            
.form_error
{
    padding: 12px 12px;
    display: none;
    background-color: #fff;
    border: 1px solid #808080;
    color: #c1272d;
    position: relative;
    margin: 0px 0px 10px 0px;
    font-size: 14px;
}
    .form_error .error_icon
    {
        position: absolute;
        left: -9px;
        top: -7px;
    }
        .form_error .error_icon img
        {
            width: 17px;
        }
/* ### End Error Bubble Properties ### */
    
/* ### Begin Popup Properties ### */

    /* shared opacity for various uses */
    .opaque
    {
        z-index: 9999;
        background-color: #000;
	    /* This works in IE 8 & 9 */
	    /* ... but also 5, 6, 7 */
	    filter: alpha(opacity=60);
	
	    /* Older than Firefox 0.9 */
	    -moz-opacity:0.6;
	
	    /* Safari 1.x (pre WebKit!) */
	    -khtml-opacity: 0.6;
    
	    /* Modern!
	    /* Firefox 0.9+, Safari 2?, Chrome any?
	    /* Opera 9+, IE 9+ */
	    opacity: 0.6;
    }
    /* end shared opacity */
    
    /* Begin Shared Popup Properties */
    #opaque_fade
    {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-color: #000;
	    filter: alpha(opacity=50);
	    opacity: 0.5;
    }
        #opaque_fade.heavy { filter: alpha(opacity=80); opacity: 0.8; }
        #opaque_fade.show { display: block; }
            
    a.close_pop
    {
        position: absolute;
        right: 0px;
        top: 0px;
        color: #555;
        line-height: 1;
        padding: 2px;
        font-size: 28px;        

        -webkit-transition: all .2s;
        transition: all .2s;
    }
        a.close_pop:hover { color: #888; }
                    
        a.pop_submit
        {
            background-color: #9f9f9f;
            color: #000029;
            float:right;
            padding: 2px 16px;
            margin-top: 2px;
            font-size: 18px;
        }
            a.pop_submit:hover
            {
                background-color: #fdd55a;
                color: #000029;
            }
            
    .site_popup
    {
        display: none;
        
        position: fixed;
        
        top: 20%; 
        left: 50%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 500px;
        margin: 0px 0px 0px -250px;
        padding: 20px 18px 30px 18px;
        z-index: 999999;
        background-color: #f2f2f2;
        border: 1px solid #534741;
        color: #1a1a1a;
    }
        .site_popup h5 
        { 
            color: #0071BC;
            font-size: 22px;
            text-align: center;
            display: block;
            margin: 0px 0px 15px 0px; 
        }
        .site_popup p { margin: 0px 0px 0px 0px; font-size: 14px; text-align: center; }
        
    @media only screen and (max-width: 680px)
    {
        .site_popup
        {
            width: 95%;
            margin: 0px 2.5%;
            left: auto;
        }
    }
    /* End Shared Popup Properties */
    
    /* Begin Contact Popup Properties */
    .contact_popup
    {
        display: none;
        
        position: fixed;
        
        top: 50%;
        left: 50%;
        width: 550px;
        margin: -238px 0px 0px -275px; 
        padding: 12px 18px 12px 18px;
        box-sizing: border-box;
        z-index: 999999;
        background-color: #f2f2f2;
        border: 1px solid #534741;
        color: #1a1a1a; 
    }
        .ie8 .contact_popup 
        {
            position: absolute !important;
            top: 50px;
            margin-top: auto;
        }  
        .contact_popup .popup_content { display: block; }
        .contact_popup h5
        {
            color: #0071bc;
            font-size: 36px;
            font-size: 3.6rem;  
            margin: -4px 0px 0px 0px;
            line-height: 1.2;
            font-weight: 600;
        }        
        .contact_popup p
        {
            margin:0px 0px 10px 0px;
            font-size: 14px;
        }        
        .contact_popup span.sending_message
        {
            margin: 5px 0px 0px 0px;
            text-align: center;
            display: block;
        }        
        .contact_popup .form_top
        {
            margin: 0px 0px 10px 0px;
            border-bottom: 1px solid #808080;
        }        
        .contact_popup .form_bottom
        {
            margin: 8px 0px 0px 0px;
            padding: 10px 0px 0px 0px;
            border-top: 1px solid #808080;
            font-size: 14px;
        }  
        .contact_popup .form_item
        {
            float: left;
            margin: 0px 0px 12px 0px;
            width: 48%;
        }
            .contact_popup .form_item_L { margin-right: 4%; }
            .contact_popup .form_item_text { width: 100%; }
            
        .contact_popup label { font-size: 13px; }
        .contact_popup input[type="text"]
        {
            width: 100%;
            box-sizing: border-box;
            font-size: 16px;
            font-size: 1.6rem;
            padding: 6px 6px;
            border: 1px solid #999999;
        }
        .contact_popup select
        {
            width: 95.5%;
            font-size: 16px;
            font-size: 1.6rem;
            padding: 2px 2%;
            border: 1px solid #999999;
        }
        .contact_popup textarea
        {
            font-family: "proxima-nova", helvetica, arial, Sans-Serif;
            width: 100%;
            height: 120px;
            font-size: 16px;
            font-size: 1.6rem;
            padding: 6px 6px;
            border: 1px solid #999999;
        }
            .contact_popup a#contact_submit
            {
                margin: -5px 0px 0px 0px;
                padding: 5px 0px;
                text-align: center;
                width: 100%;
                background-color: #0071bc;
                color: #fff;
                font-size: 20px;
                font-size: 2.0rem;
                box-shadow: 0px 4px 0px #005791;
                -moz-box-shadow: 0px 4px 0px #005791;
                -webkit-box-shadow: 0px 4px 0px #005791;    
            }
                .contact_popup a#contact_submit:hover { background-color: #0b91db; }
                .contact_popup a.submit_clicked
                {
                    background-color: #9f9f9f !important;
                    color: #000029 !important;
                    cursor: default;
                }
    
    .contact_popup .message_sent, .contact_popup .message_sending
    {
        display: none;
        padding: 30px 0px;
    }
        .contact_popup .message_sent span.message_header, .contact_popup .message_sending span.message_header
        {
            color: #0071BC;
            font-size: 22px;
            text-align: center;
            display: block;
            margin: 0px 0px 15px 0px;
        }  
        .contact_popup .message_sending .loading_icon
        {
            text-align: center;
            padding: 0px 0px 15px 0px;
        }   
            .contact_popup .message_sending .loading_icon img
            {
                width: 60px;
            }     
    /* Class for Message Sent Position */
    .popup_position
    {
        position: fixed !important;
        top: 50% !important;
        margin-top: -108px !important;
    }
       
    @media only screen and (max-width: 680px)
    {
        .contact_popup
        {            
            width: auto;
            left: 4%;
            right: 4%;
            margin-left: inherit;
            margin-right: inherit;
            margin-top: 0px;
            top: 60px;
            bottom: auto;
            position: absolute;            
        }
            .popup_position
            {
                position: absolute !important;
                top: 60px !important;
                margin-top: 0px !important;
                bottom: auto !important;
            }
            .contact_popup h5 { font-size: 24px; }
            .contact_popup span { display: none; }           
            .contact_popup .message_box { display: none; }
            .contact_popup .form_item, .contact_popup .form_item_L { margin: 8px 0px 0px 0px; width: 100%; }
            .contact_popup label { font-size: 14px; }
            .contact_popup textarea { width: 100%; height: 120px; }
                .contact_popup a#contact_submit { margin-top: 14px; margin-right: 2%; float: left; }
                .contact_popup span#phone_mobile { display:inherit; float: right; font-size: 18px; margin-top: 16px; }
                
        .contact_popup .mobile_contact_error { display:block; }
        .contact_popup a[href^=tel] { color: #000033; }
    }
    @media only screen and (max-width: 359px)
    {
        .contact_popup h5 { font-size: 20px; }
    }
    @media only screen and (max-height: 570px)
    {
        .contact_popup .alert_message { top: 0px; }
    }
    /* End Sign Up Popup Properties */
    
    /* Begin App Popup (looks like popup on app) */
    .app_pop 
    {
        display: none;
        position: fixed;
        top: 20%;
        left: 50%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 400px;
        margin: 0px 0px 0px -200px;
        padding: 20px 18px 20px 18px;
        z-index: 999999;
        background-color: #fff;
        color: #333;
        border-radius: 17px 17px 8px 8px;
        box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.5);
    }
        .app_pop h5 
        {
            position: absolute;
            left: 0px;
            top: 0px;
            right: 0px;
            border-radius: 8px 8px 0px 0px;
            color: #fff;
            text-align: center;
            font-size: 28px;
            font-weight: 600;
            padding: 2px 0px;
        }
        .app_pop h5 a.close_pop { color: #fff; }
        .app_pop h5 a.close_pop:hover { opacity: .8; }
        .app_pop p { margin: 45px 0px 25px 0px; font-size: 16px; text-align: left; }
        .app_pop a.main_button  
        {
            color: #333; 
            font-size: 24px; 
            box-shadow: 0px 3px 0px #D8A000; 
            -moz-box-shadow: 0px 3px 0px #D8A000; 
            -webkit-box-shadow: 0px 3px 0px #D8A000; 
            display: block;
            box-sizing: border-box;
            text-align: center;
            font-weight: 600;
        }
        .app_pop a.main_button:hover { background-color: #F7D661; }
    
    @media only screen and (max-width: 469px)
    {
        .app_pop { width: 96%; margin:0px 2%; left: auto; }
        .app_pop p { font-size: 15px; }
    }
    /* End App Popup */

/* ### End Popup Properties ### */

/* ### Start Section Properties ### */
.section_header
{
    background: url("http://cdn-oak.vocoli.com/vocoli/ext/media/155/bg_opaque_yellow.png");
    border-bottom: 2px solid #ffcc33;
}
    .section_header h1
    {
        font-size: 46px;
        padding: 5px 0px 10px 3%;
    }  
/* ### End Section Properties ### */

/* ### Begin Login Page Properties ### */

    /* Start Login Top */
    .login_top
    {
        background-color: rgba(255, 255, 255, 0.70);
        margin-top: 15%;
        padding: 30px 0px;   
    }
        .login_left
        {
            width: 470px;
            margin-left: 2.5%;
            float: left;
        }
            .login_left h1
            {
                color: #000033;
                font-size: 50px;
                padding: 0px 0px 10px 0px;
            }
            .login_left p
            {
                color: #000000;
                font-size: 18px;
                margin: 0px 0px 20px 0px;
            }
                .login_left p.600
                {
                    font-weight: 600;
                    font-size: 20px;
                }
        
        .login_form
        {
            background-color: #fff;
            color: #000;
            border: 3px solid #b3b3b3;
            width:420px;
            float: right;
            margin-right: 2.5%;
            padding: 10px 20px 14px 20px;
            font-size: 14px;
        }
            .login_form h2
            {
                color: #000029;
                font-size: 36px;
                margin-top: -5px;
            }
            .login_form span
            {
                font-size: 14px;
            }
            .login_form .form_item
            {
                width: auto;
                margin-top: 6px;
            }
                .login_form .form_item input[type="text"], .login_form .form_item input[type="password"]
                {
                    width: 96%;
                    padding: 2px 2%;
                    font-size: 16px;
                }
                .login_form a.forgot
                {
                    float: right;
                    color: #000029;
                    font-size: 13px;
                }
            .login_form a#login_button
            {
                float: right;
                background-color: #000029;
                color: #fff;     
                padding: 2px 20px;
            }
                .login_form a#login_button:hover
                {
                    background-color: #9f9f9f;  
                    color: #000029;
                }
                .login_form .forgot_pass
                {
                    color: #777;
                    font-size: 13px;
                }
            .learn_more
            {
                background-color: #000033;
                background-color: rgba(0, 0, 51, 0.8);
                color: #fff;
                font-size: 34px;
                text-align: center;
                width: 96%;
                padding: 10px 2%;
                margin-top: 10px;
            }
                .learn_more a
                {
                    color: #ffcc33;    
                    white-space: nowrap;                
                }
                    .learn_more a:hover
                    {
                        color: #9f9f9f;                    
                    }
    @media only screen and (max-width: 999px)
    {
        .login_left
        {
            width: 420px;
            margin-left: 2.5%;
            float: left;
        }
        .login_form
        {
            width:45%;
            max-width: 440px;
            float: right;
            margin-right: 2.5%;
            padding: 10px 20px;
        }  
    }
    
    @media only screen and (max-width: 930px)
    {
        .login_left
        {
            width: 420px;
            margin-left: 2.5%;
            float: left;
        }
        .login_form
        {
            width:35%;
            max-width: 370px;
            float: right;
            margin-right: 2.5%;
            padding: 10px 20px;
        } 
            .login_form h2
            {
                font-size: 28px;
            } 
            .login_form span
            {
                font-size: 13px;
            } 
            .login_form a#login_button
            {   
                padding: 1px 20px;
                font-size: 16px;
            }
    }
    
    @media only screen and (max-width: 799px)
    {
        .login_form
        {
            width:32%;
        } 
    }
    
    @media only screen and (max-width: 740px)
    {
        .login_left
        {
            width: 350px;
            margin-left: 2.5%;
            float: left;
        }
            .login_left h1
            {
                font-size: 30px;
            }
            .login_left p
            {
                color: #000000;
                font-size: 14px;
                margin: 0px 0px 20px 0px;
            }
                .login_left p.600
                {
                    font-weight: 600;
                    font-size: 16px;
                }
        .login_form span
        {
            display: none;
        } 
        .learn_more
        {
            font-size: 24px;
        }
    }
    
    @media only screen and (max-width: 640px)
    {
        .login_left
        {
            width: 310px;
            margin-left: 2.5%;
            float: left;
        }
    }
    
    @media only screen and (max-width: 680px)
    {
        .login_top
        {
            margin-top: 56px;
        }
    }
    
    @media only screen and (max-width: 575px)
    {
        .login_top
        {
            padding: 20px 0px;
        }
        .login_left
        {
            width: 92%;
            margin-left: 4%;
            float: none;
        }
            .login_left h1
            {
                font-size: 30px;
            }
            .login_left p
            {
                color: #000000;
                font-size: 14px;
                margin: 0px 0px 20px 0px;
            }
                .login_left p.600
                {
                    font-weight: 600;
                    font-size: 16px;
                }
        .login_form
        {
            width:82%;
            max-width: inherit;
            float: inherit;
            margin-right: 4%;
            margin-left: 4%;
            padding: 10px 5% 20px 5%;
        } 
            .login_form h2
            {
                font-size: 28px;
            } 
            .login_form span
            {
                display:block;
                font-size: 13px;
            } 
            .login_form a#login_button
            {   
                padding: 1px 20px;
                font-size: 16px;
            }
    }
    /* End Login Top */
    
    /* Start Login Top */
    .login_bottom
    {
        color: #000029;
        width: 90%;
        max-width: 800px;
        margin: 0px auto;
        padding: 20px 5% 30px 5%;
    }
        .login_bottom h3
        {
            font-size: 40px;
        }
        .login_bottom span
        {
            font-size: 14px;
            margin: 6px 0px 18px 0px;
            display: block;
        }
        .login_bottom .form_item
        {
            float: left;
            margin: 0px 0px 14px 0px;
            width: 47%;
        }
            .login_bottom .form_item_L
            {
                margin-right: 32px;
            }
        .login_bottom .form_item input[type="text"], .login_bottom .form_item select
        {
            width: 96%;
            padding: 2px 2%;
        }
            .login_bottom a#login_submit
            {
                float: right;
                margin: 5px 1.5% 0px 0px;
            }
        
    @media only screen and (max-width: 599px)
    {
        .login_bottom h3
        {
            font-size: 28px;
            line-height: 100%;
            margin-bottom: 18px;
        }
        .login_bottom .form_item
        {
            float: left;
            margin: 0px 2% 12px 2%;
            width: 96%;
        }    
    }
    /* End Login Top */
    
/* ### End Login Properties ### */

/* ### Begin Landing Page Properties ### */
.landing_page
{
    margin: 95px auto 25px auto;
    padding: 0px 3%;
    max-width: 800px;
    color: #333;
}
    .landing_page p
    {
    }
    .landing_page .landing_header
    {
        border-bottom: 1px solid #b3b3b3;
        padding-bottom: 14px;
    }
        .landing_page .landing_header h1
        {
            font-size: 55px;
            color: #000033;
            text-align: center;
        }
        .landing_page .landing_header p
        {
            font-size: 15px;                
        }
    .landing_page .landing_left
    {
        float: left;
        width: 170px;
        margin: 16px 22px 0px 0px;
        padding: 0px 22px 0px 0px;
        border-right: 1px solid #b3b3b3;
        text-align: left;
    }
        .landing_page .landing_left .landing_benefit
        {
            padding: 0px 0px 12px 0px;
            margin: 0px 0px 14px 0px;
            border-bottom: 2px solid #b3b3b3;
        }
            .landing_page .landing_left .last_benefit
            {
                border-bottom: none;
                margin: 0px 0px;
            }
            .landing_page .landing_left .landing_benefit img
            {
                width: 80.5px;   
                display: block;       
                margin: 0px auto;          
            }
            .landing_page .landing_left .landing_benefit img.hover_icon
            {
                width: 81px;   
                display: none;       
                margin: 0px auto; 
            }
            .landing_page .landing_left .landing_benefit span
            {
                font-size: 22px;
            }
            .landing_page .landing_left .landing_benefit p
            {
                font-size: 13px;
            }
              
    .landing_page .landing_form
    {
        margin: 16px 0px 0px 0px;
        width: 73%;
        float: left;
    }  
        .landing_page .landing_form .form_title
        {
            font-size: 30px;
            color: #000033;
        }
        .landing_page .landing_form p
        {
            font-size: 15px;
            margin-bottom: 12px;
        }
        .landing_page .landing_form .form_item
        {
            float:left;
            width: 98.2%;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 12px 0px;
        }      
            .landing_page .landing_form .error_bubble
            {

                width: 94%;
                background-color: #fff;
                padding: 6px 3% 6px 2%;
                margin: 12px 0px 0px 0px;
                border: 1px solid #808080;
                font-size: 13px;
                font-weight: 600;
                color: #c1272d;
                position: relative;
                    
                display: none;
            }  
                .landing_page .landing_form .error_bubble img.error_bubble_arrow
                {
                    width: 13.5px;
                    position: absolute;
                    top: -11px;
                    left: 20px;
                }  
            .landing_page .landing_form .form_item label
            {
                display:block;
            }
            .landing_page .landing_form .form_item input[type=text]
            {
                width: 95%;
                font-size: 16px;
                border: 1px solid #999;
            }
            .landing_page .landing_form .form_item select
            {
                width: 95.6%;
                font-size: 16px;
                border: 1px solid #999;
            }
            .landing_page .landing_form .form_item textarea
            {
                width: 98%;
                height:120px;
                font-size: 16px;
                border: 1px solid #999;
            }
                
        .landing_page .landing_form .form_item_column
        {
            width:48%;
            margin: 0px 3% 0px 0px;
        }
        .landing_page .landing_form .form_item_R
        {
            margin: 0px 0px;
        }
            
        .landing_page .landing_form a.home_button
        {
            font-size: 24px;
            padding: 5px 0px;
            margin: 0px 1% 0px 0%;
            width: 47%;
            text-align: center;
            display: inline-block;
            border: 4px solid #000029;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px; 
        
        } 
            .landing_page .landing_form a.button_left { background-color: transparent; color: #000029; }
                .landing_page .landing_form a.button_left:hover { color: #232369; border-color: #232369; }
            .landing_page .landing_form a.button_right { margin-right: 0px; }
                .landing_page .landing_form a.button_right:hover { background-color: #232369; border-color: #232369; color: #fff; /*color: #000029;*/ }
                    
        .landing_page span.sending_message
        {
            display:block;
            text-align: center;
            margin: 12px 0px;
        }
            
    /* Begin Landing Page Popup for Sent Message Success */
    #landing_opaque_fade
    {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        background-color: #000;
	    /* This works in IE 8 & 9 */
	    /* ... but also 5, 6, 7 */
	    filter: alpha(opacity=60);
	
	    /* Older than Firefox 0.9 */
	    -moz-opacity:0.6;
	
	    /* Safari 1.x (pre WebKit!) */
	    -khtml-opacity: 0.6;
    
	    /* Modern!
	    /* Firefox 0.9+, Safari 2?, Chrome any?
	    /* Opera 9+, IE 9+ */
	    opacity: 0.6;
    }
    .landing_page .message_sent
    {
        display: none;
            
        position: fixed;
        top: 50%;
        
        left: 50%;
        width: 532px;
        margin: -7% 0px 0px -265px;
        padding: 20px 18px 15px 18px;
        z-index: 999999;
        background-color: #f2f2f2;
        border: 1px solid #534741;
        color: #1a1a1a;
    }
        .landing_page .message_sent span
        {
            color: #0071BC;
            font-size: 22px;
            text-align: center;
            display: block;
            margin: 0px 0px 15px 0px;
        } 
        .landing_page .message_sent p
        {
            margin: 0px 0px 15px 0px;
            font-size: 16px;
        } 
    @media only screen and (max-width: 680px)
    {
        .landing_page .message_sent
        {    
            width: auto;
            left: 4%;
            right: 4%;
            margin-left: inherit;
            margin-right: inherit;
            margin-top: 0px;
            top: auto;
            bottom: -1px;            
        }
        .landing_page .message_sent span
        {
            font-size: 20px;
        } 
        .landing_page .message_sent p
        {
            font-size: 13px;
        } 
    }
    /* End Landing Page Popup for Sent Message Success */
    
@media only screen and (max-width: 865px)
{
    .landing_page .landing_form
    {
        width: 70%;
    }  
}
@media only screen and (max-width: 799px)
{
    .landing_page .landing_form
    {
        width: 69%;
    }  
}
@media only screen and (max-width: 799px)
{
    .landing_page .landing_form
    {
        width: 69%;
    }  
    .landing_page .landing_left .landing_benefit img
    {
        display: none;         
    }
    .landing_page .landing_left .landing_benefit img.hover_icon
    {
        display: block;
    }
}
@media only screen and (max-width: 765px)
{
    .landing_page .landing_header h1 
    {
        font-size: 45px;
    }
    .landing_page .landing_form 
    {
        margin: 16px 0px 0px 0px;
        width: 60%;
        float: left;
    }
    .landing_page .landing_form .form_item_column
    {
        width:100%;
        margin: 0px 0% 0px 0px;
    }
}
@media only screen and (max-width: 680px)
{
    .landing_page 
    {
        margin: 70px auto 0px auto;
    }
        .landing_page .landing_header h1 
        {
            font-size: 24px;
        }
    .landing_page .landing_left 
    {
        float: left;
        width: 100%;
        margin: 0px 0px 12px 0px;
        padding: 20px 0px;
        border-right: none;
        border-bottom: 1px solid #b3b3b3;
        text-align: left;
    }
    .landing_page .landing_left .landing_benefit 
    {
        padding: 0px 0px 0px 0px;
        margin: 0px 1.5% 0px 1.5%;
        border-bottom: none;
        float: left;
        width: 30.3%;
        text-align: center;
    }
    .landing_page .landing_left .landing_benefit span 
    {
        font-size: 22px;
        line-height: 1.1;
        margin-top: 3px;
        display: block;
    }
    .landing_page .landing_left .landing_benefit p
    {
        display: none;
    }
    .landing_page .landing_form 
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 24px 0px;
        width: 100%;
        float: left;
    }
        .landing_page .landing_form .form_item input[type=text]
        {
            width: 95%;
        }
        .landing_page .landing_form .form_item select
        {
            width: 94%;
        }
        .landing_page .landing_form .form_title 
        {
            line-height: 1.2;
            font-size: 24px;
            margin-bottom: 6px;
        }
    .landing_page .landing_form a.home_button 
        {
            width: 45%;
        }
}              
/* ### End Landing Page Properties ### */

/* ### Begin 404 Page Properties ### */
.error_page
{
    text-align: center; 
    margin: 40px 0px;
}

    .error_page h3 
    { 
        font-family: 'proxima-nova', Trebuchet MS, Sans-Serif; 
        font-weight: 500; 
        font-size: 4.2rem;
        font-size: 42px; 
    }
    
    .error_page img { padding: 20px 0px; }
    
    .error_page p { font-size: 1.8rem; font-size: 18px; }
    .error_page a { color: #0091bc; }
    .error_page a:hover { color: #0b91db; }

/* ### End 404 Page Properties ### */

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */