/***
* font-family: 'Roboto', sans-serif;
* font-family: 'Droid Serif', serif;
* font-family: 'Libre Baskerville', serif;
*/


.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media(min-width:1200px){
    #testimonial_wrapper .flex-video{
        padding-bottom:52.5%;
    }
    
    #testimonial_wrapper .flex-video iframe, #testimonial_wrapper .flex-video object, #testimonial_wrapper .flex-video embed{
        height:211px;
    }
}

@media(min-width:1200px){
    #sthanks .flex-video{
        padding-bottom:52.5%;
    }
    
    #sthanks .flex-video iframe, #sthanks .flex-video object, #sthanks .flex-video embed{
        height:407px;
    }
}


    @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video { padding-top: 0; }
} 


 ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}

a{
    text-decoration:none;
    -moz-outline-style: none;
}

select{
    background:#fff;
}

.hideme{
    display:none;
}

:focus,
:active {
  -moz-outline-style: none;
} 

/****** click outline removal ***/
a:active { outline: none; }

a:focus { outline:none; }

button::-moz-focus-inner { border: 0; }

input[type="submit"]::-moz-focus-inner, input[type="radio"]::-moz-focus-inner, input[type="select"]::-moz-focus-inner { border: 0; outline:none; }
/* IE8 */
input[type="submit"]:focus, input[type="radio"]:focus, input[type="select"]:focus { outline: none; }

/******** end click outline removal ***********/


.clr{
    clear:both;
}

.left{
    float:left;
}

.right {
    float:right;
}

.lgright{
    float:right;
}

@media(max-width:991px){
    .lgright{
        float:none;
        display:table;
        margin:0 auto;
    }
    
    .seltext{
        text-align:center;
    }
}

.hidden{
    display:none;
}

.nopadding{
    padding:0 !important;
}        

body{
    font-size:14px;
    color:#333;
    background:#fff;
    font-family: 'Roboto', sans-serif;
}

#header_wrapper{                
    background:transparent url(../images/home-banner-bg.jpg) no-repeat scroll 0 75px;
    width:100%;
}

#header_wrapper.abtsignup{
    background:#1ab87a url(../images/abt-signup-bg.jpg) no-repeat scroll top right;
    min-height:605px;
}

#header_wrapper.acpsignup{
    background:#1ab87a url(../images/acp-signup-bg.jpg) no-repeat scroll top right;
    min-height:605px;
}

#header_wrapper.about{            
    background:transparent url(../images/about-header.jpg) no-repeat scroll 0 75px;
}

#header_wrapper.sample{                     
    background:transparent url(../images/landing-page-bg.jpg) no-repeat scroll 0 75px;
    width:100%;
}

#header_wrapper.abt{                     
    background:transparent url(../images/abt-header.jpg) no-repeat scroll 0 75px;
    width:100%;
    min-height:700px; 
}

@media(max-width:991px){ 
    #header_wrapper{                
        background:transparent url(../images/home-banner-bg.jpg) no-repeat scroll 0 60px;
        width:100%;
    }

    #header_wrapper.about{            
        background:transparent url(../images/about-header.jpg) no-repeat scroll 0 60px;
    }

    #header_wrapper.sample{                     
        background:transparent url(../images/landing-page-bg.jpg) no-repeat scroll 0 60px;
        width:100%;
    }

    #header_wrapper.abt{                     
        background:transparent url(../images/abt-header.jpg) no-repeat scroll 0 60px;
        width:100%;
        min-height:700px; 
    }
}
    
    

.container-full{
    padding:0 20px;
}

a.logo{
    margin-top: 21px;
    margin-bottom: 15px;
    display: block;
}

@media(max-width:991px){   
    a.logo{
        position:absolute;
        margin:0;
        top:14px;
        left:20px;
    }
}

#header_wrapper h1{
    text-align:center;
    color:#fff;
    font-weight:300;
    font-size:50px;
}

#header_wrapper h1.big{    
    font-size:60px;
    font-weight:bold;
}

#header_wrapper h1 sup{
    top:-20px;
}

#header_wrapper h1.cem{
    font-size:40px;
}

#header_wrapper.abt h1{
    color:#01ba82;
    font-size:70px;
    font-weight:bold;
}

#header_wrapper h3{
    text-align:center;
    color:#fff;
    font-weight:300;
    font-size:31px;
    line-height:44px;
    margin:0 auto;
    max-width:1000px;
}

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

    #header_wrapper h3{
        font-size:40px;
        line-height:44px;
    }
    
    #header_wrapper.abt{                                                                       
        background:transparent url(../images/abt-header.jpg) no-repeat -245px -57px fixed;
        background-size:162%;
        min-height:200px;
        width:100%;
    }
    
    .abtpadding{
        padding:50px 0 !important;
    }
    
    .top_padding_100{
        padding-top:0px !important;
    }
    
    .abttext h2{
        margin-top:0 !important;
    }
    
    #eff-container{
        min-height:200px !important;
    }
    
    #header_wrapper.abt h1 {     
        font-size: 48px;      
    }
    
    .textphone{
        margin-top:175px;
    }
    
}

@media(min-width:768px) and (max-width:991px){
    #header_wrapper h1.cem{
        font-size:36px;
    }
    
    #header_wrapper.abt{                                                                       
        background:transparent url(../images/abt-header.jpg) no-repeat -100px 0px scroll;
        background-size:162%;
        min-height:200px;
        width:100%;
    }   
    
    .abtpadding{
        padding:50px 0 0 !important;
    }
    
    .top_padding_100{
        padding-top:0px !important;
    }
    
    .abttext h2{
        margin-top:0 !important;
    }
    
    #eff-container{
        min-height:200px !important;
    }
    
    #header_wrapper.abt h1 {     
        font-size: 53px;      
    }
}

@media(min-width:600px) and (max-width:768px){
    #header_wrapper.abt{                                                                       
        background:transparent url(../images/abt-header.jpg) no-repeat -100px 0px scroll;
        background-size:162%;
        min-height:200px;
        width:100%;
    }
    
    .abtpadding{
        padding:50px 0 0 !important;
    }
    
    .top_padding_100{
        padding-top:0px !important;
    }
    
    .abttext h2{
        margin-top:0 !important;
    }
    
    #eff-container{
        min-height:200px !important;
    }
    
    #header_wrapper.abt h1 {     
        font-size: 53px;      
    }
}


@media(max-width:600px){
    #header_wrapper h1{
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 0px 0;
    }
    
    #header_wrapper h1 sup{
        font-size:13px !important;
    }

    #header_wrapper h1.cem{
        font-size:28px;
        line-height: 30px;
    }
          
    #header_wrapper h1.big{    
        font-size:43px;   
        line-height:45px;
    }
    
    #header_wrapper h3{
        line-height:30px;
        font-size:27px;
    }
    
    #header_wrapper.abt h1{   
        font-size:47px;      
    }
}

@media(max-width:400px){
    #header_wrapper h1{
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 0px 0;
    }
    
    #header_wrapper h1 sup{
        font-size:13px !important;
    }

    #header_wrapper h1.cem{
        font-size:28px;
        line-height: 30px;
    }
          
    #header_wrapper h1.big{    
        font-size:43px;   
        line-height:45px;
    }
    
    #header_wrapper h3{
        line-height:30px;
        font-size:27px;
    }
    
    #header_wrapper.abt h1{   
        font-size:37px;   
        color:#fff;   
        text-align:center !important;
        margin:100px 0 0;
    }
}

@media(max-width:320px){
    #header_wrapper h1{
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 0px 0;
    }
    
    #header_wrapper h1 sup{
        font-size:13px !important;
    }

    #header_wrapper h1.cem{
        font-size:28px;
        line-height: 30px;
    }
    
    #header_wrapper h3{
        line-height:30px;
        font-size:27px;
    }
    
    #header_wrapper.abt h1{   
        font-size:36px;      
    }
}
    
#orange-cost{
    position:absolute;
    top:-26px;
    right:13px;
}

#orange-cost.left{
    left:51px;
    
}

#orange-cost.left img{
    behavior:url(-ms-transform.htc);
    /* Firefox */
    -moz-transform:rotate(-40deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(-40deg);
    /* Opera */
    -o-transform:rotate(-40deg);
    /* IE9 */
    -ms-transform:rotate(-40deg);
}

@media(min-width:768px) and (max-width:991px){
    #orange-cost.left{
        left:20px;
    }
}


p#span-text{
    position:absolute;
    top:225px;
    right:92px;
    font-family:"Times new Roman";
    font-size:18px;
    color:#fff;
    font-style:italic;
}

@media(max-width:500px){
    #orange-cost{
        top:-35px;
        right:-1px;
    }
    
    #orange-cost.left{
        left:-1px;
    }
}


@media(max-width:1199px){
    p#span-text{
        left:16px;
        top:210px;
        color:#f1dc2c;
    }
}

@media(max-width:800px){
    p#span-text{
        left:16px;
        top:150px;
        color:#f1dc2c;
    }
}

@media(max-width:600px){
    p#span-text{
        left:16px;
        top:130px;
        color:#f1dc2c;
    }
}

@media(max-width:500px){
    p#span-text{
        left:16px;
        top:110px;
        color:#f1dc2c;
    }
}


/** iPhone 7 portrait **/
@media(max-width:415px){
    p#span-text{
        left:16px;
        top:85px;
        color:#f1dc2c;
    }
}

/** iPhone 7 **/
@media(max-width:376px){
    p#span-text{
        left:16px;
        top:80px;
        color:#f1dc2c;
    }
}

#inside{
    position:absolute;
    top:211px;
    left:150px;  
}

#inside:hover{
    opacity:.5;
}

@media(min-width:991px) and (max-width:1200px){
    #inside{
        top:211px;
        left:110px;
    }
}

#header_wrapper .header-button{
    background:transparent;
    border:1px solid #fff;
    padding:14px 30px;
    color:#fff;
    font-size:17px;
    text-align:center;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;   
    box-sizing:border-box;
}

#header_wrapper .header-button:hover{
    text-decoration:none;
    background:#fff;
    color:#29A478;
}

#header_wrapper.abt .header-button{
    border:1px solid #20a67d;
    color:#20a67d;
}

#header_wrapper.abt .header-button:hover{
    text-decoration:none;
    background:#29A478;
    color:#fff;
}
    

@media(min-width:768px) and (max-width:991px){
    #header_wrapper .header-button{
        padding:14px 24px;
    }
}

@media(max-width:450px){
    #header_wrapper .header-button{
        padding:14px 24px;
        display:block;
        margin:10px !important;
    }
}

#header_wrapper p.buttontext{
    color:#fff;
    margin:5px auto;
    text-align:center;
    font-size:14px;
}  

@media (min-width:991px){
    .namelabel{
        text-align:right;
        display:block;
        margin-right:10px;
    }                        
    
    .nopad{
        padding:0;
    }
    
    .nopad-right{
        padding-right:0;
    }
    
    .nopad-left{
        padding-left:0;
    }
}

.navbar-collapse{
    padding:0;
    border:none;
}

.navbar-default{
    border:none;
    background:transparent;
    margin:0;
}

.navbar{
    border-radius:0;  
    min-height:47px;  
}

.navbar-default .navbar-toggle{
    border:none;
    background:transparent;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color:transparent;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color:#fff;
}

#header_wrapper .navbar-default .navbar-toggle .icon-bar{
    background-color:#20a67d;
}

#header_wrapper .navbar-default .navbar-toggle{
    background:#fff;
    z-index:9999;
}

 /***
 * make mobile nav show up on tablet...
 */
 @media (max-width: 991px) {
     .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border:none;
     }
 
    .navbar-header {
        float: none;           
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 0px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in { display: block!important; overflow:auto !important;}
}  

#nav{                     
    background:transparent;  
    margin:0 0 0px 0;
}

.navbar-nav{
    float:right;
}

.navbar-toggle{
    margin-right:0;
}

.nav{                    
    background:transparent;         
    margin:20px auto 18px;
    
}

.nav li{
    list-style:none;
    float:left;
}

.navbar-default #nav .navbar-nav li a{
    float:left;
    padding:7px 15px;
    color:#fff;        
    text-align:center;  
    background:transparent;              
    font-size:16px;
    text-transform:uppercase;
    font-weight:500;
}

/** abt page has white bg needs different color icons */
#header_wrapper .navbar-default #nav .navbar-nav li a{
    color:#000;
    text-align:left;
}

.inner #toparea.black .navbar-default #nav .navbar-nav li a:hover{
    color:#fff;
}

.navbar-default #nav .navbar-nav .dropdown-menu li{
    display:block;
    width:100%;
    box-sizing:border-box;
}
    

.navbar-default #nav .navbar-nav .dropdown-menu li a{
    color:#767676;
    text-align:center;
    font-size:16px;
    display:block;
    width:100%;
    box-sizing:border-box;
}

.navbar-default #nav .navbar-nav .dropdown-menu li a:hover,
.navbar-default #nav .navbar-nav .dropdown-menu li a.active{
    color:#28a579;
}


@media (min-width: 979px) {

  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }

    .dropdown-menu .arrow{
        background:transparent url(../images/dropdown-arrow.png) no-repeat scroll top center;
        height:9px;
        width:15px;
        position:absolute;
        top:-9px;
        left:48%;
    }

    .navbar-nav>li>.dropdown-menu{
        border-top-left-radius:4px;
        border-top-right-radius:4px;
    }   
}

@media(max-width:991px){      
    .navbar-nav > li >.dropdown-menu{
        position: static;
        float: none;
        width: auto;
        display:block;
        color:#fff;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    } 
    
    .navbar-default #nav .navbar-nav .dropdown-menu li a{
        color:#fff;
    }
    
    .navbar-default #nav .navbar-nav li a.dropdown-toggle{
        display:none;
    }

    .navbar-default #nav .navbar-nav .dropdown-menu li a:active{
        color:#fff;
    }
}

.navbar-default #nav .navbar-nav li a.round{
    background:#faaf3b;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
}

#header_wrapper .navbar-default #nav .navbar-nav li a.round{
    background:#20a67d;
    color:#fff;
}

.navbar-default #nav .navbar-nav li p{
    float:left;
    padding:15px 38px;
    color:#fff;        
    text-align:center;  
    background:transparent;              
    font-size:16px;
    text-transform:uppercase;
    font-weight:500;
}

.navbar-default #nav .navbar-nav li a.active{
    color:#bafde5;
    text-decoration:none;
}

.navbar-default #nav .navbar-nav li a:hover{
    color:#bafde5;
    text-decoration:none;
}


 @media (max-width: 991px) {
    .navbar-default .navbar-collapse .navbar-nav li{
        float:none;
    }

    .navbar-default .navbar-collapse .navbar-nav li a{
        float:none;
        width:100%;
        padding:15px 33px;
        color:#fff;        
        text-align:center;     
        background:transparent;
        font-family: 'Roboto', sans-serif;
        font-size:15px;
        text-transform:uppercase;
    }

    .navbar-default .navbar-collapse .navbar-nav li p{
        float:none;
        width:100%;
        padding:15px 33px;
        color:#fff;        
        text-align:center;     
        background:transparent;
        font-family: 'Roboto', sans-serif;
        font-size:15px;
        text-transform:uppercase;
    }    
 }
 
 .navbar-collapse.collapse.in{
     border:none;
 }
 
 @media(max-width:414px){
     h1{
         font-size:27px;
         line-height:35px;
     }
 }
 
 @media(max-width:375px){
     h1{
         font-size:24px;
         line-height:30px;
     }
 }
 
 h1.toptitle{
     font-size:60px;
     color:#fff;
     font-weight:600;
     margin:0 0 10px 0;
     text-align:center;
 } 
 
 h4.cemtitle{
     font-size:30px;
     color:#fff;
     font-weight:300;
     margin:0 0 10px 0;
     text-align:center;
     font-family: 'Libre Baskerville', serif;
     font-style:italic;
 } 
 
 h3.cemtitle{
     font-size:35px;
     line-height:45px;
     color:#fff;
     font-weight:300;
     margin:0 0 20px 0;
     padding:0 80px;
     text-align:center;
 }    
 
 h1.toptitle sup{
     font-size:26px;
 }
 
 h4.toptitle{
     font-size:20px;
     color:#fff;
     text-align:center;
     font-weight:300;
     margin:0 0 20px 0;
 }
 
 @media(max-width:600px){
     h1.toptitle{
         font-size:40px;
     }
 
    h4.toptitle{
        font-size:17px;
    }
 }
 
 h3{
     color:#343c47;
     font-size:35px;
     margin-bottom:10px;
 }
 
 h3 span{    
     color:#00a475;
 }
 
 h3.black{            
     text-align:center;
 }  
 
 h4{
     color:#343c47;
     font-size:30px;
     margin:0 0 10px 0;
 }
 
 h4.smaller{
     font-size:24px;
 }
 
 
 @media(max-width:567px){
  h4{
     font-size:20px;
  }
  
  h4.smaller{
      font-size:20px;
  }
 }
 
 h4 span{  
     color:#00a475;
 }
 
 h1.green{
     color:#00a475;
     font-size:50px;
 }
 
 h4.signup{                   
    font-size: 23px;
    line-height: 33px;
    color: #343c47;
    text-align: left;                      
    font-weight: 400;
    margin: 0 0 10px 0;
 }  
 
 h5{
    font-size:22px;
    color:#353b44;
    text-align:left;
    line-height:28px;
 } 
 
 h5 span{  
     color:#00a475;
 }
 
 h5.abt{
     font-size:22px;
     font-weight:300;
     line-height:35px;
     color:#464646;
     margin:10px 20px 40px 0;
 }
 
 h2{
     color:#343c47;
     font-size:48px;    
     text-align:center;
     font-weight:600;
     line-height:41px;
 }
 
 h2 span{  
     color:#00a475;
     font-size:30px;
     font-weight:300;
 }
 
 h5.white,
 h1.white{
     color:white;
 }
 
 h2.white{
     color:white;
 }
 
 h2.white span{
     color:white;
 } 
 
 .green{
     color:#2ea87d;
 }
 
 @media(max-width:500px){
     h2{
         font-size:30px;
         line-height:36px !important;
     }
     
     h2 span{
         font-size:20px;
         line-height:20px !important;
     }
 }
 
 p{
    font-size:16px;
    color:#6b6b6b;
    margin:0 0 10px 0;
 }
 
 p.started{
    font-size:18px;
    font-weight:300;
    margin:0 0 10px 0;
    line-height:28px;
 }
 
 ul.checks li{
     list-style:none;
     background:transparent url(../images/small-check.jpg) no-repeat scroll 0 3px;
     padding-left:25px;
     font-size:16px;
     font-weight:bold;
     color:#6b6b6b;
     margin:0 0 10px 0;
 }
 
 ul.checks2 li{
     list-style:none;
     background:transparent url(../images/check2.jpg) no-repeat scroll 0 0px;
     padding-left:30px;
     font-size:16px; 
     color:#6b6b6b;
     margin:0 0 10px 0;
 }
 
 .line{
     border-bottom:1px solid #ededed;
 }
 
 a.button{              
     background:#ffffff;
     border:2px solid #00a475;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px;
     width:250px;
     text-align:center;
     color:#00a475;                
     font-size:17px;
     padding:0px 25px; 
     font-weight:500;   
     line-height:44px;
     display:inline-block;
     text-transform:uppercase;
 }
 
 @media(max-width:991px){
     a.button{
         width:100%;
     }
 }
 
 a.button:hover{
     background:#00a475;
     color:#fff;
     text-decoration:none;
 }
 
 a.buttonalt{
     background:#07ae7e;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px;
     width:250px;
     text-align:center;
     color:#fff;                
     border:2px solid #00a475;
     font-size:17px;
     padding:0px 25px; 
     font-weight:500;   
     line-height:44px;
     display:inline-block;
     text-transform:uppercase;
 }  
 
 a.buttonalt:hover{
     background:#fff;
     color:#00a475;
     text-decoration:none;
 }  
 
 
 a.buttonalt-new{
     background:#fff;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px;
     width:250px;
     text-align:left;
     color:#00a475;                
     border:2px solid #00a475;
     font-size:17px;
     padding:0px 25px; 
     font-weight:500;   
     line-height:44px;
     display:inline-block;
     text-transform:uppercase;
 }  
 
 a.buttonalt-new i{
     margin-top:12px;
 }
 
 a.buttonalt-new:hover{
     background:#00a475;
     color:#fff;
     text-decoration:none;
 }  
 
 a.button2{              
     background:#00a475;
     border:2px solid #fff;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px;
     width:250px;
     text-align:center;
     color:#fff;                
     font-size:17px;
     padding:0px 25px; 
     font-weight:500;   
     line-height:44px;
     display:inline-block;
     text-transform:uppercase;
 }
 
 a.buttonalt2{
     background:transparent;
     border:2px solid #fff;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px;
     width:250px;
     text-align:center;
     color:#fff;            
     font-size:17px;
     padding:0px 25px; 
     font-weight:500;   
     line-height:44px;
     display:inline-block;
     text-transform:uppercase;
 }    
 
 a.button2:hover{         
     background:#fff;
     color:#3aa385;
     text-decoration:none;
 }
 
 a.buttonalt2:hover{
     background:#fff;   
     color:#00a475;    
     text-decoration:none;
 }
 
 .signup_button{
     display:block;
     padding:8px 10px;
     color:#fff;
     background:transparent;
     border:1px solid #fff;
     -moz-border-radius:4px;
     border-radius:4px;
     -webkit-border-radius:4px;
     font-size:24px;
 }
 
 .signup_button.active{
     background:#fff;
     color:#20a67c;
 }
 
 .signup_button i{
     background:#faaf3b;
     color:#fff;
     padding:5px 6px;
     -moz-border-radius:20px;
     border-radius:20px;
     -webkit-border-radius:20px;
     margin:0 10px;
 }
 
 a.signup_button:hover{
    text-decoration:none;
    color:#fff;
 }
 
 a.signup_button.active:hover,
 a.signup_button.active:focus,
 a.signup_button.active:active{
     text-decoration:none;    
     color:#20a67c;
 }
 
 @media(max-width:400px){
 
    .signup_button{
        font-size:15px;
        margin:0 0 10px 0;
    }
 }
 
 @media(min-width:767px) and (max-width:768px){
 
    .signup_button{
        font-size:15px;        
    }
 }
  
 
 @media(min-width:1023px) and (max-width:1024px){
 
    .signup_button{
        font-size:21px;      
    }
 }
     
 
 .signstep{
     margin-bottom:10px;
 }
 
 .signstep p{
     font-size:18px;
     color:#fff;
     line-height:25px;
     padding-left:8px;
     float:left;
     margin-top:8px;
 }
 
 .signstep .circle{
     color:#fff;
     border:1px solid #fff;
     padding:5px 3px;
     -moz-border-radius:55px;
     border-radius:55px;
     -webkit-border-radius:55px;
     float:left;
     width:45px;
     height:45px;
     text-align:center;
     font-size:25px;
 }
 
 @media(min-width:991px) and (max-width:1200px){
     .signstep p{
         max-width:240px;
     }
 }
 
 .arrow_box {
        position: relative;
        background: #fab03c;
    }
    .arrow_box:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: #fab03c;
        border-left-color: #fab03c;
        border-width: 86px;
        margin-top: -86px;
    }


 .home-step .home-step-left{
     border-right:1px solid #e3e3e3;
 }
 
 .home-step .home-step-left p{
     text-align:center;
     font-size:16px;
     text-transform:uppercase;
     font-weight:500;
     margin:0;
 }
 
 .home-step .home-step-left h4{
     font-size:50px;
     text-align:center;
     margin:0;
 }
 
 .home-step .home-step-right h3{
     font-size:25px;
     margin:0 0 5px 0;
 }
 
 .home-step .home-step-right p{
    color:#000;
    line-height:25px;    
 }
 
 @media (max-width:768px){
     .home-step .home-step-left{
         border-right:none;
     }
     
     .home-step img{
         max-width:100px;
     }
     
     .home-step img.wideimg{
         max-width:100%;
     }
     
     .home-step .home-step-right h3{
         font-size:22px;
         line-height:28px;
     }
 
 }
 
 a.shadow{
     box-shadow:0 0 5px #579580;
 }
 
 .gray-wrapper{
     background:#f3f3f3;
     padding:40px 0;
 }  
 
 .dark-gray-wrapper{
     background:#ececec;
     padding:40px 0;
 }
 
 .new-dark-gray-wrapper{
     background:#eeeeee;
     padding:40px 0;
 }
 
 .dark-line{
     border-top:1px solid #e3e3e3;
     height:1px;
     width:100%;
 }
 
 ul.trial li{
     list-style:none;
     padding:20px 0 20px 65px;
     margin:0 0 5px 0;
 }
 
 ul.trial li.trial1{
     background:transparent url(../images/trial-icon-1.jpg) no-repeat;
 }
 
 ul.trial li.trial2{
     background:transparent url(../images/trial-icon-2.jpg) no-repeat;
 }
 
 ul.trial li.trial3{
     background:transparent url(../images/trial-icon-3.jpg) no-repeat;   
 }
 
 .faqs .faq-item{       
     display:block;    
     margin:0 0 10px 0;
     background:#fff;   
     padding:5px 5px 5px 20px;       
 }
 
.faqs .faq-item.active{   
     border:1px solid #00a475;  
 }
 
 .faqs .faq-left i{
    font-size:23px;   
    color:#d7d7d9;
    font-family: "Glyphicons Halflings";
    font-style:normal;
 }     
 
 .faqs .active .faq-left i{
    color:#00a475;
 }                         
 
 .faqs .active .faq-left i:before{
     content:"\e082";
}                          
 
 .faqs .faq-left i:before{
     content:"\e081";
}
 
 .faqs .faq-left{
     float:left;
     width:50px;
     padding:10px;
 }
 
 .faqs .faq-left a{
     background:transparent;
     text-decoration:none;
 }
 
 .faqs .faq-right{
     float:left;
     width:90%;
 }
 
 @media(max-width:540px){
     .faqs .faq-right{
         width:85%;
     }
 }
 
 @media(max-width:375px){
     .faqs .faq-right{
         width:81%;
     }
 }
     
 .faqs .faq-item .faq-right a.showfaq{
     padding:8px 0px;                   
     font-size:18px;       
     color:#00a475;
     display:block;
     font-weight:500;
     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }
 
 .faqs .active  .faq-right a{
     color:#00a475;
     text-decoration:none;
 }
 
 .faqs .faq-item  .faq-right a:hover{
     text-decoration:none;
     color:#00a475;
 }    
 
 .wood-bg{
     background:transparent url(../images/wood-cards.jpg) repeat-x scroll top center;
     height:347px;
     width:100%;
 }
 
 .green-wrapper{
     background:#00a475;
     padding:30px 0;
 }
 
 .survey_wrapper{
     background:#00a475 url(../images/survey-header.jpg) no-repeat scroll top center;
     width:100%;
     padding:92px 0;
 }
 
 .survey_wrapper h2{
     text-align:center;
     color:#fff;
     font-weight:400;
     font-size:40px;
     margin-top:20px;
 }
 
 h3.white{
     color:#fff;
     font-size:48px;
     margin:20px 0 10px 0;
     text-align:center;
 }
 
 h3.white span{  
     font-size:35px;
     color:#fff;
 }
 
 h4.white{
     color:#fff;
     font-size:28px;
     margin:10px 0 10px 0;
     text-align:center;
 }
 
 @media(max-width:500px){
     h3.white{
        font-size:30px;
        line-height:30px;
     }
     
     h3.white span{
         font-size:20px;
        line-height:20px;
     }
 }
 
 a.white-button{
     background:#00a475;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px;
     width:250px;
     text-align:center;
     color:#fff;               
     font-size:17px;
     padding:0px 25px;  
     font-weight:500;
     border:2px solid #fff;  
     line-height:44px;
     width:90%; 
     display:block; 
 }
 
 a.white-buttonalt{
     background:#fff;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px;
     width:250px;
     text-align:center;
     color:#00a475;
     border:2px solid #00a475;
     text-transform:uppercase;
     font-size:15px;
     padding:12px 25px;  
     font-weight:500;
     border:2px solid #fff;
     line-height:50px;
 }
 
 .dark-gray{
     padding:40px 0;
     background:#373a3e;
     width:100%;
 }
 
.footer p{
    color:#c7c7c7;
    font-size:15px;   
}    

.footer h4{
    color:#fff;
    font-size:19px;
    font-weight:normal;
    margin:0 0 20px 0;
}

.footer ul{
    padding:0;
}


.footer ul li{
    list-style:none;
}

.footer ul li a{
    color:#c7c7c7;
    display:block;
    margin:0 0 10px 0;
}
 
.lower-footer{
    background:#2e3135;
    padding:20px 0;
}

.lower-footer p{
    color:#c7c7c7;
    margin:0;
    vertical-align:middle;  
    font-size:14px;
    text-align:center;
}

.footer a.social{
    margin:0 20px 0 0;
}


.footer a.social i{
    color:#c7c7c7;
    font-size:28px;
}

.footer a.social:hover i{
    color:#009363;
}

.footer h3{
    color:#c7c7c7;
    margin:0;
    padding:0;
    font-size:19px;
}

 .schedule{
    background:#e6e7e9;
    padding:20px 30px 40px 30px;
}

.schedule h3{
    font-size:22px;
    font-family: 'Roboto', sans-serif; 
    text-align:left;
    padding:0;
    font-weight:300;
    margin:15px 0 15px 0;  
}

#inner_main .schedule p{
    font-size:18px;
    font-family:arial;
    font-weight:100;
    color:#6b6b6b;
    font-weight:normal;
    text-align:center;
    padding:0 20px;
}

@media(min-width:991px){
    #samplerequest.cem{
        position:absolute;
        top:-220px;
        padding:25px 35px;
        background:#f8f8f8;
    }
}

@media(min-width:1200px){
    #samplerequest.cem{
        position:absolute;
        top:-260px;
        padding:25px 35px;
        background:#f8f8f8;
    }
}

#signupnew{
    background:#fff;
    padding:40px 30px;
    border:1px solid #d9d9d9;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
}

.signupform label,
#samplerequest label,
#signuptrial label,
#signupnew label{
    font-size:15px;
    font-family:arial;
    color:#6b6b6b;
    margin-top:10px;
    font-weight:300;
}

.signupform label,  
#samplerequest label,  
#signuptrial.new label{  
    font-weight:300;
    color:#000;
}

.signupform label span,
#samplerequest label span,
#signuptrial label span,
#signupnew label span,
#signup label span{
    font-size:12px;
}

.signupform input[type="text"],
#samplerequest input[type="text"],
#signuptrial input[type="text"],
#signuptrial input[type="password"],
#signupnew input[type="text"],
#signupnew input[type="password"],
#signup input[type="text"],
#signup input[type="password"]{
    padding:10px;
    width:100%;
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 10px 0;
}   

.signupform input[type="text"],
#samplerequest input[type="text"],
#signuptrial.new input[type="text"],
#signuptrial.new input[type="password"],
#signupnew.new input[type="text"]{      
    margin:0 0 0px 0;
    border:1px solid #d1d1d1;
} 

.signupform input[type="password"]{      
    padding:10px;
    width:100%;                   
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;    
    margin:0 0 0px 0;
    border:1px solid #d1d1d1;
}   
                       
.signupform select,
#signuptrial select,
#signupnew select,
#signup select{
    padding:10px;
    width:100%;                 
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
}

.signupform select,
#samplerequest select{
    padding:10px;
    width:100%;                
    border:1px solid #d1d1d1;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0; 
}

.signupform select.exsmall,
#samplerequest select.exsmall,
#signuptrial select.exsmall,
#signupnew select.exsmall,
#signup select.exsmall{
    width:42%;     
}

.signupform select.small,
#samplerequest select.small,
#signuptrial select.small,
#signupnew select.small,
#signup select.small{
    width:53%;    
}

.signupform textarea,
#samplerequest textarea,
#signuptrial textarea,
#signupnew textarea,
#signup textarea{
    padding:10px;
    width:100%;
    height:150px;
    resize:none;
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
}
                                       
.signupform input[type="submit"],
#signuptrial input[type="submit"],
#signupnew input[type="submit"],
#signup input[type="submit"]{
    border:1px solid #fab03c;
    color:#fff;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    font-family: 'Montserrat', sans-serif;  
    padding:10px 45px;
    font-size:14px;
    text-align:center;
    background:#fab03c;
    margin-bottom:10px;
}

.signupform input[type="submit"]:hover,
#signuptrial input[type="submit"]:hover,
#signupnew input[type="submit"]:hover,
#signup input[type="submit"]:hover{
    background:#e49820;
    cursor:pointer;
}

.signupform input[type="submit"],
#samplerequest input[type="submit"],
#signuptrial.new button,
#signuptrial.new input[type="submit"]{
    border:1px solid #faaf3b;
    color:#fff;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    font-family: 'Montserrat', sans-serif;  
    padding:12px 65px;
    font-size:16px;
    text-align:center;
    background:#faaf3b;
    margin:0 auto;
    display:table;
    font-weight:600;
    text-transform:uppercase;
}

.signupform input[type="submit"]:hover,
#samplerequest input[type="submit"]:hover,
#signuptrial.new button:hover,
#signuptrial.new input[type="submit"]:hover{
    background:#de8d10;
    cursor:pointer;
}    


.signupform label,
#samplerequest label,
#signuptrial label,
#signupnew label,
#signup label{
    font-size:16px;
    font-family:arial;
    color:#6b6b6b;
    margin-top:0px;
    font-weight:300;
}

label.margintop{
    margin-top:10px !important;
}

#survey_form label{    
    color:#000;
}

#survey_form label span{
    font-size:12px;
}

#survey_form input[type="text"]{
    padding:10px;
    width:100%;
    border:1px solid #dadada;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 0px 0;
}    

#survey_form input[type="password"]{      
    padding:10px;
    width:100%;                   
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;    
    margin:0 0 0px 0;
    border:1px solid #dadada;
}   
                       
#survey_form select{
    padding:10px;
    width:100%;                 
    border:1px solid #dadada;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
}   


#survey_form input[type="submit"]{
    border:1px solid #07af7e;
    color:#fff;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    font-family: 'Montserrat', sans-serif;  
    padding:12px 21px;
    font-size:14px;
    text-align:center;
    background:#07af7e;
    float:right;
    display:table;
    font-weight:600;
    text-transform:uppercase;
}

#survey_form input[type="submit"]:hover{
    background:#fff;
    color:#07af7e;
    cursor:pointer;
} 

#signuptrial.new #loading{
    float:none;
    margin:15px auto;
}  

#samplerequest button,
#signuptrial button,
#signup_trial_type button,
#signupnew button,
#signup button{
    border:none;
    color:#fff;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;                  
    font-family: 'Roboto', sans-serif; 
    padding:14px 70px;
    font-weight:300;
    font-size:17px;
    text-align:center;
    background:#faaf3b;
    width:100%;
}

.signupform .wrong,
#samplerequest .wrong,
#signuptrial .wrong,
#signupnew .wrong,
#signup .wrong{
    border:1px solid red !important;
}

.signupform .good,
#samplerequest .good,
#signuptrial .good,
#signupnew .good,
#signup .good{
    border:1px solid green !important;
}   

#signup-steps .step{
    background:#ffffff;
    padding:11px 10px;
    font-size:15px;
    color:#464646;
    font-weight:500;                       
    font-family: 'Roboto', sans-serif;            
    text-align:center;
    border:1px solid #d9d9d9;
}    

#signup-steps .step.active{
    background:#fab03c;
    color:#fff;
    border:1px solid #fab03c;
}


#signup-steps i{
    margin-right:5px;
    color:#cfcecd;
}

#signup-steps .step.active i{
    color:white;
}

#loading{
    float:right;
    margin-top:5px;
}

#topbutton{
    position:fixed;
    bottom:30px;
    right:30px;
    background:rgba(255,255,255,0.4);
    -moz-border-radius:7px;
    border-radius:7px;
    -webkit-border-radius:7px;
    padding:8px;
}

#topbutton i{
    color:#00a475;
}

 
 @media(max-width:415px){
    a.buttonalt,
    a.white-button,
    a.white-buttonalt,
    a.button{
        display:inline-block;
        padding:5px;
        margin:5px 0 20px; 
    }
     
 }
 
 

.standardform label{
    font-size:15px;
    font-family:arial;
    color:#6b6b6b;
    margin-top:0px;
    font-weight:300;
}

.standardform input[type="text"]{
    padding:10px;
    width:100%;
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
    font-size:16px;
}

.standardform select{
    padding:10px 5px;
    width:100%;
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
    font-size:16px;
}

.standardform textarea{
    padding:10px;
    width:100%;
    height:150px;
    resize:none;
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
}

.standardform input[type="submit"]{  
    color:#fff;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    font-family: 'Montserrat', sans-serif;  
    padding:10px 25px;
    font-size:14px;
    text-align:center;
    background:#00a475;
    float:right;
    border:none;
    margin-right:15px;
}

.standardform .wrong{
    border:1px solid red !important;
}

.standardform .good{
    border:1px solid green !important;
}

.standardform.home input[type="text"]{
    margin-bottom:5px;
    padding:15px 10px;
}

.standardform.home select{
    margin-bottom:5px;
    padding:15px 10px;
}

.standardform.home input[type="submit"]{
    background:#4d9879;
    padding:12px 40px;
    color:#fff;
    font-weight:bold;
    font-size:16px;
    margin:20px auto;  
    font-family: 'Montserrat', sans-serif; 
    float:none;
    display:table;
}  
                      
.easyleft{
    padding-left:5px;   
}

.easyright{     
    padding-right:5px;         
}
    

#error{
    color:red;
}

.serror{
    color:red;            
}

a.link{
    color:#777;
    text-decoration:underline;
    margin:-10px 0;
    display:block;
}

a.linkwhite{
    color:#fff;
    text-decoration:underline;
    margin:-10px 0;
    display:block;
}

a.link:hover,
a.linkwhite:hover{
    text-decoration:none;
}

.sample-wrapper{
    background:#e6e7e9;
    padding:40px 0;
}

.fam-wrapper{
    background:#27a276 url(../images/pricing-bg.jpg) no-repeat scroll top center;
    padding:71px 0;
}   

.fam-wrapper a.orange-button{
  padding:11px 60px;
  background:#faaf3b;
  color:#fff;
  font-size:16px;
  font-weight:500;
  text-align:center;
  -moz-border-radius:2px;
  border-radius:2px;
  -webkit-border-radius:2px;
  display:table;
  margin:0 auto;
  text-transform:uppercase;
}

.fam-wrapper h2{
    font-size:37px;
}

.fam-wrapper h2 span{
    font-size:25px;
}

.sample_button_holder {
    width:515px;
    margin:0 auto;
    display:block;
}

.sample_button_holder a{
    margin:0 5px 10px 0;
}

@media(max-width:600px){
    .sample_button_holder{
        width:260px;
        margin:0 auto;
    }
}

#ccccardModal .modal-dialog,
#cemcardModal .modal-dialog,
#cardModal .modal-dialog{
    width:1000px;
}    

#cemcardModal .modal-content,
#ccccardModal .modal-content,
#cardModal .modal-content{
    background:transparent;
}

#cemcardModal .cardbody,
#ccccardModal .cardbody,
#cardModal .cardbody{
    border:3px solid #27cb9b;
    background:#f0f0f0;
}

#cemcardModal button,
#ccccardModal button,
#cardModal button{
    color:#fff;
    font-size:13px;
    font-weight:normal;
    opacity:1;
    position:absolute;
    top:-26px;
    box-shadow:none;
    right:0;
    padding:3px;
    border:1px solid #fff;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-border-radius:4px;
}

#cemcardModal .nav,
#ccccardModal .nav,
#cardModal .nav{
    margin: 0;
    border:none;
}

#cemcardModal .nav li a,
#ccccardModal .nav li a,
#cardModal .nav li a{
    float:left;
    text-transform:uppercase;
    padding:20px 0px;
    text-align:center;
    width:248px;
    border-right:1px solid #eaebec;
    background:#fff;
    font-weight:bold;
    font-size:18px;
    color:#000;
    margin:0;
}

#cemcardModal .nav li.active a,
#ccccardModal .nav li.active a,
#cardModal .nav li.active a{
    background:#f0f0f0;
    color:#4c9878;
}

#cemcardModal .nav li a:hover,
#ccccardModal .nav li a:hover,
#cardModal .nav li a:hover{
    border-bottom:none;
}

#cemcardModal .nav li a i,
#ccccardModal .nav li a i,
#cardModal .nav li a i{
    height:30px;
    width:30px;
    position:absolute;
}

#cemcardModal .nav li a i.sympathy,
#ccccardModal .nav li a i.sympathy,
#cardModal .nav li a i.sympathy{
    background:transparent url(../images/popup-sprite.png) no-repeat scroll bottom left;
    top:13px;
    left:42px;
}

#cemcardModal .nav li.active a i.sympathy,
#ccccardModal .nav li.active a i.sympathy,
#cardModal .nav li.active a i.sympathy{
    background:transparent url(../images/popup-sprite.png) no-repeat scroll top left;
    top:14px;
    left:42px;
}

#cemcardModal .nav li a i.birthday,
#ccccardModal .nav li a i.birthday,
#cardModal .nav li a i.birthday{
    background:transparent url(../images/popup-sprite.png) no-repeat scroll -30px bottom ;
    top:13px;
    left:50px;
}

#cemcardModal .nav li.active a i.birthday,
#ccccardModal .nav li.active a i.birthday,
#cardModal .nav li.active a i.birthday{
    background:transparent url(../images/popup-sprite.png) no-repeat scroll -30px top;
    top:14px;
    left:50px;
}

#cemcardModal .nav li a i.holiday,
#ccccardModal .nav li a i.holiday,
#cardModal .nav li a i.holiday{
    background:transparent url(../images/popup-sprite.png) no-repeat scroll -60px bottom ;
    top:13px;
    left:48px;
}

#cemcardModal .nav li.active a i.holiday,
#ccccardModal .nav li.active a i.holiday,
#cardModal .nav li.active a i.holiday{
    background:transparent url(../images/popup-sprite.png) no-repeat scroll -60px top;
    top:14px;
    left:48px;
}

#cemcardModal .nav li a i.ann,
#ccccardModal .nav li a i.ann,
#cardModal .nav li a i.ann{
    background:transparent url(../images/popup-sprite.png) no-repeat scroll -103px bottom ;
    top:16px;
    left:28px;
}

#cemcardModal .nav li.active a i.ann,
#ccccardModal .nav li.active a i.ann,
#cardModal .nav li.active a i.ann{
    background:transparent url(../images/popup-sprite.png) no-repeat scroll -103px top;
    top:16px;
    left:28px;
}

#spanish{
    background:transparent url(../images/spanish.png) no-repeat;
    height:150px;
    width:150px;
    position:absolute;
    top:84px;
    right:0;
}

.side-menu{
    border:1px solid #cccccc;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-border-radius:4px;
}


.side-menu li{
    list-style:none;
}

.side-menu li a{
    display:block;
    padding:30px;
    border-bottom:1px solid #cccccc;
    color:#3b3a3f;
    font-size:18px;
    font-weight:bold;
    font-family: 'Roboto', sans-serif;
}

.side-menu li:last-child a{
    border:none;
}

.side-menu li a.active{
    color:#009a64;
}

.side-menu li a i{
    float:right;
}

.text p a{
    color:#009a64;
}

#contact input[type="text"]{
    padding:10px;
    width:100%;
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
}    

#contact textarea{
    padding:10px;
    width:100%;
    height:150px;
    resize:none;
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
}

#contact_submit{
    color:#fff;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    font-family: 'Montserrat', sans-serif;  
    padding:14px 65px;
    font-size:16px;
    text-align:center;
    background:#4d9879;
    border:none;
    font-weight:bold;
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    float:right;
}     

#contact textarea.wrong,
#contact input[type="text"].wrong{
    border:1px solid red;
}

#contact textarea.good,
#contact input[type="text"].good{
    border:1px solid green;
}

#showCards2{
    /* margin-left:110px; */
} 

#testimonial_wrapper{
    padding:40px 0;     
}

#testimonial_wrapper.new{
    background:#f3f3f3;
}

.testi{
    /*background:transparent url(../images/testi-bg.jpg) no-repeat; */
    background-size:101%;
    padding:20px 41px;
    margin:0 0 40px 0;
    border-bottom-left-radius:20%;
    border-bottom-right-radius:20%;
}

.testi.even{
    /*background:transparent url(../images/testi-bg.jpg) no-repeat scroll 0 -21px;*/
    background-size:101%;
}

@media(max-width:567px){
    .testi.even,
    .testi{
        /*background:transparent url(../images/testi-bg.jpg) repeat-y scroll 0 -21px;*/
    }
}

#testimonial_wrapper .carousel{
   min-height:350px;
}  
                            
.carousel-indicators{
    bottom:0;
}

.carousel-indicators li{
    background:#e5e5e5;
}

.carousel-indicators li.active{
    background:#038f66;
    height:10px;
    width:10px;
    margin:1px;
}

#testimonial_wrapper h3{
    font-size:29px;
    line-height:35px;
    color:#575757;
    text-align:center;
    margin:0 0 20px 0;
    font-family:"Times new Roman";
}

#testimonial_wrapper .testi h3{
    font-size:17px;
    font-family: 'Droid Serif', serif;
    line-height:28px;
}

#testimonial_wrapper .testi h3 span{
    background:#faf97d;
    color:#575757;
}

#testimonial_wrapper p{
    font-size:16px;
    color:#343c47;
    font-family:arial;
    text-align:center;
    margin:0 0 30px 0;
}

#testimonial_wrapper .testi p{
    font-family: 'Roboto', sans-serif;
    font-size:17px;
    font-weight:600;
    margin:0;
}

#testimonial_wrapper i{
    font-weight:normal;
    color:#e6e7e9;
    font-size:30px;
    cursor:pointer;
}

#testimonial_wrapper .carouselleft{
    position:absolute;
    top:100px;
    left:0;
}

#testimonial_wrapper .carouselright{
    position:absolute;
    top:100px;
    right:0;
}

.center{
    margin:0 auto;
}

.glyphicon-lock{  
    font-size:30px;   
    color:#38b492;
}



#payment label{
    font-size:15px;
    font-family:arial;
    color:#6b6b6b;
    margin-top:10px;
    font-weight:300;
}

#payment label span{
    font-size:12px;
}

#payment input[type="text"]{
    padding:10px;
    width:100%;
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
}

#payment input[type="text"].bold{
    font-weight:bold;
    color:green;
}

#payment select{
    padding:10px;
    width:100%;
    border:1px solid #d9d9d9;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    margin:0 0 15px 0;
}

#payment select.exsmall{
    width:42%;     
}

#payment select.small{
    width:53%;    
}  

#payment #gonow{
    border:1px solid #00a475;
    color:#00a475;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    font-family: 'Montserrat', sans-serif;  
    padding:10px 45px;
    font-size:14px;
    text-align:center;
    background:#fff;
}

#payment input[type="submit"]:hover{
    background:#d9f3eb;
}   

#payment .wrong{
    border:1px solid red !important;
}

#payment .good{
    border:1px solid green !important;
}

@media(min-width:991px){
    .borderright{
        border-right:1px solid #ededed;
        padding-right:60px;
    }
    
    .padleft{                           
        padding-left:40px;
    }
}

#partnerform input[type="text"]{
    padding:8px;
    border:1px solid #ccc;
    margin:0 0 10px 0;
    width:100%;
}

#partnerform .wrong{
    border:1px solid red !important;
}

#partnerform .good{
    border:1px solid green !important;
}

#partnerform textarea{
    padding:8px;
    border:1px solid #ccc;
    width:100%;
    height:200px;
    resize:none;
    margin-bottom:10px;
}

#partnerform input[type="submit"]{
    width:100%;
    padding:12px 8px;
    border:none;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    background:#00a574;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    text-align:center;
}

#partnerform #error{
    margin:5px 0;
    text-align:center;
}

.highlight{
    background:#faf97d;
    padding:0 3px;
}


.titlet{
    font-size:32px;
    line-height:48px;
    text-align:center;
}

@media(max-width:576px){
    .titlet{
        font-size:26px;
        line-height:33px;
    }
}

h1.testtitle{
    font-size:38px;                      
    text-align:center;
}

@media(max-width:567px){
    h1.testtitle{
        font-size:25px;
    }
}

#testimonial_wrapper p.vidtext{
    font-size:18px;
    font-family: 'Roboto', sans-serif;
    color:#333;
    margin:15px 0 0 0;
    text-align:center;
}

.testline{
    border-bottom:1px solid #e7e7e7;
    display:block;
    height:1px;
}

.cardbg{
    height:720px;
    width:504px;
    display:block;
    margin:0 auto;
    position:relative;
    box-shadow:0 0 5px #333;
}

.cardbg.anniversary{
    background:transparent url(../images/cardbgtest.png) no-repeat;
}

.cardbg.bday{
    background:transparent url(../images/bdaytest.png) no-repeat;
}

.cardbg .cardlogo{
    position:absolute;
    top:150px;
    left:50%;
    margin-left:-100px;
}

.center{
    text-align:center;
}

.cardbg .cardline{
    height:1px;
    border-bottom:1px solid #eaeaea;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
} 

.sample_card_button{
    padding:12px 74px 12px 75px;
    background:#f7f7f7;
    font-size:16px;
    color:#777;
    display:block;  
    float:left;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    line-height:20px;
    text-align:center;
    border-bottom:1px solid #ececec;
    border-right:1px solid #ececec;
    position:relative;
} 

.sample_card_button:hover,
.sample_card_button.active{
    color:#fff;
    background:#00a475;      
    text-decoration:none;
    border-bottom:1px solid #00a475;
}

.sample_card_button:first-of-type{
    border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
}


.sample_card_button:last-of-type{
    margin:0;
    border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    padding:12px 76px 12px 76px;
}

.card_type_button{
    padding:5px 10px 5px 20px;  
    font-size:18px;
    color:#777;
    display:block;
    margin:0 0 5px 0;
    width:100%;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    line-height:31px;
    position:relative;
} 

.card_type_button.approved{
    color:#000000;
}

.card_type_button.notapproved{
    color:#b8b8b8;
}

.card_type_button.notapproved:after {
    font-family: "Glyphicons Halflings";
    content: "\e089";
    font-size:30px;    
    color:#b8b8b8;
    position:absolute;
    top:5px;
    right:10px;
} 

.card_type_button.approved:after {
    font-family: "Glyphicons Halflings";
    content: "\e089";
    font-size:30px;    
    color:#00a475;
    position:absolute;
    top:5px;
    right:10px;
}     

.card_type_button:hover,
.card_type_button.active{      
    text-decoration:none;
}    

.approvetab .white{
    background:#fff;
    padding:20px;
    border-left:1px solid #ddd;
}

.buttonarea{
    float:right;
    margin-right:15px;
}

.cardlist_area a.buttonsmalls,
.buttonarea a.buttonsmalls{
    padding:13px 20px;
    text-align:center;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    display:inline-block;
    margin:0 3px;
    font-weight:500;
    font-size:18px;
}

.cardlist_area a.buttonsmalls i,
.buttonarea a.buttonsmalls i{
    font-size:20px;
    margin-right:5px;
}


.approvedd{
    background:#80d1b8;
    color:#fff;
}

.approvedd:hover{
    background:#80d1b8;
    color:#fff;
    text-decoration:none;
    cursor: default;
}

.approve_pdf{
    border:2px solid #00a46f;
    background:#00a46f;
    color:#fff;
}

.approve_pdf:hover{
    background:#00a46f;
    color:#fff;
    text-decoration:none;
}

.showrevision{
    border:2px solid #f7ae47;
    color:#f7ae47;
}

.showrevision:hover{
    background:#f7ae47;
    color:#fff;
    text-decoration:none;
}

.samples .approvetab.sympathy .white{
    background:#fff url(../images/sample-active-arrow.jpg) no-repeat scroll 95px 0;
}

.samples .approvetab.holiday .white{
    background:#fff url(../images/sample-active-arrow.jpg) no-repeat scroll 321px 0;
}

.samples .approvetab.anniversary .white{
    background:#fff url(../images/sample-active-arrow.jpg) no-repeat scroll 556px 0;
}

.samples .approvetab.birthday .white{
    background:#fff url(../images/sample-active-arrow.jpg) no-repeat scroll 799px 0;
}

.samples .approvetab.survey .white{
    background:#fff url(../images/sample-active-arrow.jpg) no-repeat scroll 1030px 0;
}


.white p.title{
    font-size:19px;
    margin-top:15px;
    color:#414141;
}
 
a.buttonsmall{              
     background:#ffffff;
     border:1px solid #707070;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px; 
     text-align:center;
     color:#707070;                
     font-size:15px;
     padding:0px 25px; 
     font-weight:400;   
     line-height:44px;
     display:inline-block;
     text-transform:uppercase;
 }
 
 a.buttonsmall:hover{
     color:#00a475;    
     border:1px solid #00a475;
     text-decoration:none;
 } 

a.buttonsmall.save_revision{
    color:#fff;
    background:#f7ae47;
    border:none;
}

.cancel_revision{
    color:#666666;
    padding:10px 20px;
}
 
 .cardborder{
    border:1px solid #ccc;
 }
 
 .fold{
     position:absolute;
     top:326px;
     left:16px;
     width:456px;
     border-top:1px solid #ccc;
 }
 
 @media(max-width:1200px){
     .fold{
         top:263px;
         left:16px;
         width:368px;
     }
 }
 
 @media(max-width:991px){
     .fold{
         top:203px;
         left:16px;
         width:272px;
     }
 }
 
 @media(max-width:768px){
     .fold{
         top:496px;
         left:16px;
         width:693px;
     }
 }
 
 @media(max-width:767px){
     .fold{
         display:none;
     }
 }
     
 
 textarea.revision{
     width:100%;
     height:120px;
     border:1px solid #d1d1d1;
     display:block;
     margin:0 0 10px 0;
     padding:10px;
     background:#f8f8f8;
     resize:none;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px; 
 }
 
 p.good{
     color:green;
 }
 
 h4.green{
     text-align:center;
     color:green;
 }
 
 #white_bar{
     background:#fff;
     width:100%;
     padding:14px 40px 9px;
 }
 
 @media(max-width:450px){
     #white_bar{
         padding:0 10px 10px;
     }
 }
 
 #white_bar a.logo{
     margin:0;
 }
 
 #white_bar .nav{
     margin:0;
 }     
 
 #white_bar .navbar-default #nav .navbar-nav li a{
    color:#555555;
 }
 
 #white_bar .navbar-default #nav .navbar-nav li a.active{
    color:#00a475;
 }
 
 #white_bar .navbar-default #nav .navbar-nav li a.round{
     color:#00a374;
     border:1px solid #00a374;
 }
 
 #toparea.cem{
    background:transparent url(../images/cem-header-bg.jpg) no-repeat scroll top center;
 }
 
 .cem-header{
     background:#039168 url(../images/cem-sample-header.jpg) no-repeat scroll top center;
 }
 
 #canadaform{
     max-width:600px;
     margin:0 auto;
 }
 
 #canadaform label{
     font-size:17px;
     margin:10px 0 0 0;
     float:right;
 }
 
 #canadaform input[type="text"]{
     padding:10px;
     width:100%;
     border:1px solid #d1d1d1;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px;
     margin:0 0 10px 0;
 }
 
 
 
 #canadaform input[type="text"].wrong{
     border:1px solid red;
 }
 
 #canadaform textarea{
     padding:10px;
     width:100%;
     height:90px;
     border:1px solid #d1d1d1;
     -moz-border-radius:5px;
     border-radius:5px;
     -webkit-border-radius:5px;
     margin:0 0 10px 0;
     resize:none;
 }
 
 #canadaform button{  
    color:#fff;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    font-family: 'Montserrat', sans-serif;  
    padding:14px 25px;
    font-size:16px;
    text-align:center;
    background:#4d9879;
    border:none;
    font-weight:bold;
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    margin:0 auto;
    display:block;
 }
 
 #survey_landing_wrapper{
     background:#00a475 url(../images/survey-landing-bg.jpg) no-repeat scroll top center;
     padding:100px 0;
     width:100%;
 }
 
  #survey_landing_wrapper h2{
     text-align:center;
     color:#fff;   
     font-weight:300;
     font-size:40px;
     margin-bottom:20px;
  }
  
  #survey_landing_wrapper h4{
       text-align:center;
       color:#fff;
       font-size:20px;
       font-weight:300;
       line-height:26px; 
       margin:0 0 20px 0;  
  }
  
  #survey_landing_wrapper a.orange-button{
      padding:15px 30px;
      background:#e4963a;
      color:#fff;
      font-size:13px;
      font-weight:500;
      text-align:center;
      -moz-border-radius:2px;
      border-radius:2px;
      -webkit-border-radius:2px;
      display:table;
      margin:0 auto;
      text-transform:uppercase;
  }
  
  .survey-box{
      margin:10px;
      padding:15px;
      border:1px solid #dadada;
      min-height:300px;
  }
  
  .survey-box h3{
      font-size:23px;
      text-align:center;
      margin:0 0 20px 0;
  }
  
  .survey-box img{
      text-align:center;
      margin:20px auto;
      display:table;
  }
  
  .survey-box p{
      text-align:center;
      line-height:25px;
  }
  
  #sample_header_top{
      background:transparent url(../images/sample-header-bg.jpg) repeat-x;
      padding:20px 0;
  }
  
  .sampletext p{
      color:#000;
      margin:0 0 20px 0;
      font-size:19px;
  }
  
  #sympathy_envelope{
      background:transparent url(../images/online-sample-sympathy.png) no-repeat;
      height:auto;
      width:auto;
      display:block;
  }
  
  .env-text{
      position:relative;
  }
  
  .env-text p{
      font-size:14px;
      color:#000;
      position:absolute;
  }
      
  p.env_text_1{          
      top:30px;
      left:71px;       
  }
  
  p.env_text_2{            
      top:47px;
      left:71px;      
  }
  
  p.env_text_3{          
      top:63px;
      left:71px;     
  }
  
  p.env_text_4{          
      top:80px;
      left:71px;      
  }
  
  .nav.sample-nav{
      margin-bottom:0;
  }
  
  .sample-nav li a{
      font-size:17px;
      color:#000;
      font-weight:bold;
      text-align:center;
      border:1px solid #e0e0e0;
      padding:15px 53px 15px 54px;
  }
  
  .sample-nav li a.active{
      background:#1aa378;
      color:#fff;
      border:1px solid #1aa378;
  }
  
  
  
  .sample-nav li:last-child a{
      padding:15px 54px;
  }
  
  #lower_green_bg{
      background:#1aa378 url(../images/lower-green-sample-bg.jpg) no-repeat;
      width:100%;
      padding:60px 0 20px;
  }
  
  a.orange-butt{
      padding:15px 30px;
      background:#e4963a;
      color:#fff;
      font-size:13px;
      font-weight:500;
      text-align:center;
      -moz-border-radius:2px;
      border-radius:2px;
      -webkit-border-radius:2px;
      display:table;
      margin:0 auto;
      text-transform:uppercase;
  }
  
  #osamplelogo{
      position:absolute;
      top:11px;
      left:27px;
  }
  
  .card_area{

     border-top:none;
  }
  
  @media(min-width:991px){
    .alogo{
        margin-top:9px;
    }
  }
  
  .mlogo{
      margin-top:-5px;
  }
  
  #logos li{
      list-style:none;
      float:left;
  }
  
 @media(max-width:768px){ 
  .mobile-center{
      margin:0 auto 10px !important;
      float:none !important;
      display:block;
  }
 }
  

    .suga-slider-wrap {
      overflow: hidden;
      margin: 1em;
    }

    .suga-slider-group {
      &:before,
      &:after {
        content: " ";
        display: table;
      }

      &:after {
        clear: both;
      }
    }

    .suga-slide {
      float: left;
      position: relative;
      margin-left: 0;
      padding-right: 8px;
    }
    
    .poptext{
        position:absolute;
        top:450px;
        left:80px;
        width:320px;
        font-size:20px;
        color:#333;
    }
    
    
    
    #popsympathy{
        background:transparent url(../images/popup-sympathy.jpg) no-repeat;
        height:735px;
    }
    
    #popbirthday{
        background:transparent url(../images/popup-birthday.jpg) no-repeat;
        height:735px;
    }
    
    #popholiday{
        background:transparent url(../images/popup-holiday.jpg) no-repeat;
        height:735px;
    }
    
    #popann{
        background:transparent url(../images/popup-anniversary.jpg) no-repeat;
        height:735px;
    }
    
    #cccsympathy{
        background:transparent url(../images/catholicpopup-sympathy.jpg) no-repeat;
        height:735px;
    }
    
    #cccbirthday{
        background:transparent url(../images/catholicpopup-birthday.jpg) no-repeat;
        height:735px;
    }
    
    #cccholiday{
        background:transparent url(../images/catholicpopup-holiday.jpg) no-repeat;
        height:735px;
    }
    
    #cccann{
        background:transparent url(../images/catholicpopup-anniversary.jpg) no-repeat;
        height:735px;
    }
    
    #cemsympathy{
        background:transparent url(../images/cemetery-popup-sympathy.jpg) no-repeat;
        height:735px;
    }
    
    #cembirthday{
        background:transparent url(../images/cemetery-popup-birthday.jpg) no-repeat;
        height:735px;
    }
    
    #cemholiday{
        background:transparent url(../images/cemetery-popup-holiday.jpg) no-repeat;
        height:735px;
    }
    
    #cemann{
        background:transparent url(../images/cemetery-popup-anniversary.jpg) no-repeat;
        height:735px;
    }
    
    
    h3.ccclogo{
        background:transparent url(../images/ccc-logo.jpg) no-repeat;
        text-align:center;
        padding: 79px 0 79px 147px;
        font-size: 29px;
    }
    
    @media(max-width:991px){
        h3.ccclogo{
            background:transparent url(../images/ccc-logo.jpg) no-repeat scroll top center;
            text-align:center;
            padding: 200px 0 0px 0px;
            font-size: 29px;
        }
    }
    
    ul.bluechecks li{
        list-style:none;
        background:transparent url(../images/blue-check.jpg) no-repeat scroll -3px 5px;
        padding-left:40px;
        margin:0 0 20px 0;
    }
    
    ul.bluechecks li h3{
        font-size:26px;
    }
    
    #ccc_form{
        width:85%;
        margin:0 auto;
    }
    
    #ccc_form input[type="text"]{
        padding:8px;
        width:95%;
        border:1px solid #d1d1d1;
        margin:0 0 15px 0;
    }
    
    .ccc_error{
        color:red;
        text-align:center;
    }
    
    #ccc_form input[type="text"].good{
        border:1px solid green;
    }
    
    #ccc_form input[type="text"].wrong{
        border:1px solid red;
    }
    
    #ccc_form label{
        float:left;
        font-weight:normal;
        font-size:14px;
        padding-top:8px;
        padding-right:10px;
    }
    
    #ccc_form input[type="number"]{
        padding:8px;
        width:63%;
        border:1px solid #d1d1d1;
        margin:0 0 15px 0;
        float:left;
    }
    
    #ccc_form textarea{
        width:95%;
        padding:5px;
        border:1px solid #d1d1d1;
        height:145px;
    }
    
    #ccc_form input[type="submit"]{
        padding:10px 65px;
        background:#faaf3b;
        color:#fff;
        text-align:center;
        font-size:14px;
        font-weight:500;
        -moz-border-radius:5px;
        border-radius:5px;
        -webkit-border-radius:5px;
        border:none;
        margin:20px auto;
        display:table;
    }
    
    /*********
    * modal video from home page css!
    */
    @keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}
    
    
    #united_header{
        padding:15px 0;
        width:100%;    
        border-bottom:1px solid #e6e6e6;
    }
    
    #united_header h3{
        color:#064a87;
        font-weight:500;
        font-size:30px;
        margin:10px 0 10px 0;
    }
    
    #united_header h5{
        color:#e01936;
        font-weight:500;
        font-size:30px;
        margin:0 0 0px 0;
    }    
    
    .ulogo{
        margin-left:20px;
    }         
                            
    #unitedline{
        width:1px;
        height:110px;
        background:#cbdbe8;
        float:right;
    }
    
    #united_text{
        padding:20px 0;
    }
    
    #united_text h3{
        text-align:center;
        font-size:24px;
        color:#4b4b4b;
        line-height:35px;
    }
    
    #unitedbutton{
        margin:0 auto;
        border:1px solid #e81734;
        color:#e81734;
        padding:5px 10px;
        -moz-border-radius:3px; 
        border-radius:3px; 
        -webkit-border-radius:3px; 
        display:table;
    }
    
    #show_united{
        color:#e81734;
        margin:0 auto;   
    }
    
    #select_header{
        background:transparent url(../images/select-header-bg.jpg) repeat-x;
        padding:15px 0;
        width:100%;
        height:144px;
    }
    
    #selectline{
        width:1px;
        height:90px;
        background:#d9d9d9;
        float:right;
    }
    
    #select_header h3{
        color:#004990;
        font-weight:500;
        font-size:30px;
        margin:10px 0 10px 0;
    }
    
    #select_header h5{
        color:#a29061;
        font-weight:500;
        font-size:30px;
        margin:0 0 0px 0;
    }
    
    @media(max-width:991px){
        #select_header h3,   
        #select_header h5{
            font-size:20px;
            font-weight:bold;
        }  
    }
    
    @media(max-width:655px){
        #selectline{
            display:none;
        }
    }
    
    @media(max-width:640px){
        #select_header h3,   
        #select_header h5{
            font-size:17px;
            font-weight:bold;
        }  
    }
    
    @media(max-width:767px){
        #select_header{
            background:#fff;
            background-image:none;
            height:100%;
        }
        
        #select_header img{
            margin:0 auto;
            display:table;
        }
        
        #select_header h3,   
        #select_header h5{
            font-size:20px;
            font-weight:bold;
            text-align:center;
        }  
    }    
    
    #ftheader{
        background:transparent url(../images/ftheader.jpg) repeat-x;
        padding:25px 0;
        width:100%;
        height:149px;
    }
    
    #ftlogo{
        margin:20px 20px 0 0;
    }
    
    #ftline{
        width:1px;
        height:90px;
        background:#d9d9d9;
        float:right;
    }
    
    #ftheader h3{
        color:#fff;
        font-weight:500;
        font-size:26px;
        margin:17px 0 0px 0;
    }
    
    #ftheader h5{
        color:#e8dd5f;
        font-weight:500;
        font-size:26px;
        margin:0 0 0px 0;
    }
    
    @media(max-width:991px){
        #ftheader h3,   
        #ftheader h5{
            font-size:20px;
            font-weight:bold;
        }  
    }
    
    @media(max-width:655px){
        #ftline{
            display:none;
        }
    }
    
    @media(max-width:640px){
        #ftheader h3,   
        #ftheader h5{
            font-size:17px;
            font-weight:bold;
        }  
    }
    
    @media(max-width:767px){
        #ftheader{

            height:100%;
        }
        
        #ftheader img{
            margin:0 auto;
            display:table;
        }
        
        #ftheader h3,   
        #ftheader h5{
            font-size:20px;
            font-weight:bold;
            text-align:center;
        }  
    }

#sample_banner{
    background:transparent url(../images/sample-banner-large.jpg) no-repeat scroll top center;          
}

#sample_space{
    height:480px;
    display:block;
}

@media(max-width:991px){
    #sample_banner{
        background:#fff;
        background-image:none;
    }

    #sample_space{
        height:0;
    }
}

#sample_banner_new{
    background:transparent url(../images/sample-banner-bg.jpg) repeat;
    width:100%;
    box-sizing:border-box;
    padding:70px 0 50px;
}

#sample_banner_new h1{
    color:#fff;
    font-size:40px;      
    font-weight:300;
    margin:0px 0 10px 0;
    text-align:center;
}

#sample_banner_new h2{
    color:#fff;
    font-size:38px;     
    font-weight:300;
    margin:60px 0 10px 0;
}

#sample_banner_new h3{
    color:#fff;
    font-size:28px;
    font-weight:300;
}

@media(min-width:991px) and (max-width:1200px){  
    #sample_banner_new{ 
        padding:50px 0 30px;
    }
    
    #sample_banner_new h1{
        font-size:30px;
    }
    
    #sample_banner_new h2{
        font-size:30px;
    }  
}

@media(min-width:500px) and (max-width:991px){  
    #sample_banner_new{ 
        padding:20px 0 20px;
    }
    
    #sample_banner_new h1{
        font-size:30px;
        text-align:center;
    }
    
    #sample_banner_new h2{
        font-size:30px;
        text-align:center;
    }  
}

@media(max-width:500px){  
    #sample_banner_new{ 
        padding:20px 0 20px;
    }
    
    #sample_banner_new h1{
        font-size:22px;
        line-height:25px;
        text-align:center;
    }
    
    #sample_banner_new h2{
        font-size:22px;
        text-align:center;
    }  
}

h4.feedtitle{
    padding:0 200px;
    text-align:center;
    line-height:40px;
}

h5.feedtitle{
    text-align:center;
    font-size:20px;
}

.feedbackform{
    background:#fff;
    box-shadow:0 0 5px #ebebeb;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
}

i.ideaicon{
    background:transparent url(../images/feedback-sprite.jpg) no-repeat scroll top left;
    height:80px;
    width:80px;
    display:block;
    margin:20px auto;
}

i.questionicon{
    background:transparent url(../images/feedback-sprite.jpg) no-repeat scroll -85px -84px;
    height:80px;
    width:80px;
    display:block;
    margin:20px auto;
}

i.problemicon{
    background:transparent url(../images/feedback-sprite.jpg) no-repeat scroll -184px -84px;
    height:80px;
    width:80px;
    display:block;
    margin:20px auto;
}

i.praiseicon{
    background:transparent url(../images/feedback-sprite.jpg) no-repeat scroll -266px -84px;
    height:80px;
    width:80px;
    display:block;
    margin:20px auto;
}

.feedbackform label{
    padding:10px 20px;
    font-weight:300;
    text-align:center;
    width:100%;
}

.feedbackform input[type="text"]{
    padding:8px;
    width:90%;
    border:1px solid #dadada;
}

.feedbackform textarea{
    height:80px;
    width:90%;
    resize:none;
    border:1px solid #dadada;
}

.feedbackform input[type="submit"]{
    background:#faaf3b;
    color:#fff;
    border:none;
    width:90%;
    padding:11px 20px;
    text-align:center;
    cursor:pointer;
    font-size:20px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    margin-top:15px;
}

#f5-container{
    background:#f5f5f5;
    padding:30px 0 15px;
}

#f9-container{
    background:#f9f9f9;
    padding:30px 0 15px;
}



.bocks{
    background:#fff;                  
    padding:25px 10px;
    box-shadow:0 0 5px #dcdcdc;
}

.bocks h5{
    padding:0 40px;
}

.bocks h2{
    font-size:33px;
    color:#00a475;
    margin:0 0 20px 0;
    text-align:center;   
    font-weight:300;
}



.whitenum{
    background:#fff;
    color:#28a57a;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    float:left;
    padding:10px 15px;
    font-size:25px;
    margin-right:10px;
}

.whitet{
    font-size:20px;
    color:#fff;
    line-height:50px;
}

.whitet2{
    font-size:20px;
    color:#fff;
}


#sub_banner{
    background:#28a57a;
    width:100%;
    padding:60px 0;
}                                   

#sub_banner h2{
    font-size:35px;
    color:#fff;
    line-height:49px;
    font-weight:300;
    margin:0 0 10px 0;                      
    text-align:center;
}                          

#sub_banner h2 span{
    font-size:20px;
    font-weight:300;    
    color:#fff;                    
}

#sub_banner h3{
    font-size:40px;
    color:#fff;
    line-height:49px;
    font-weight:300;
    margin:0 0 0px 0;
    text-align:left;
    padding:0 10px;
    text-shadow:0 0 5px #168e68;
    text-align:center;
}

#sub_banner p{
    color:#fff;
    font-size:20px;
    text-align:center;
    margin:0 0 10px 0;
}

#sub_banner .buttons{
    display:table;
    margin:10px auto;
}



.orange-button{
    display:inline-block;
    width:225px;
    padding:11px 0px;
    text-align:center;
    color:#fff;
    font-size:17px;
    font-weight:500;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    background:#faaf3b;
    text-transform:uppercase;
    border:1px solid #faaf3b;
}

.orange-button:hover{
    color:#fff;
    text-decoration:none;
}

.orange-button-alt{
    display:inline-block;
    width:225px;
    padding:11px 0px;
    text-align:center;
    color:#faaf3b;
    border:1px solid #faaf3b;
    font-size:17px;
    font-weight:500;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    background:transparent;
    text-transform:uppercase;
}

.orange-button-alt:hover{
    text-decoration:none;
    color:#faaf3b;
}


.green-button{
    display:inline-block;
    width:200px;
    padding:11px 0px;
    text-align:center;
    color:#fff;
    font-size:17px;
    font-weight:500;
    border:1px solid #fff;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    background:transparent;
    text-transform:uppercase;
}

.green-button:hover,
.orange-button:hover{
    color:#fff;
}

@media(max-width:500px){
    .orange-button{
        margin:10px !important;
        display:block;
    }
    
    .mobile-center{
      margin:0 auto 10px !important;
      float:none !important;
      display:block;
    }

    .orange-button-alt{
        color:#fff;
    }
}



.white-wrapper{
    background:#fff;
    padding:40px 0;
}

.white-wrapper h3{
    font-size:40px;
    font-weight:300;
    margin:0 0 15px 0;
    line-height:48px;
}

.white-wrapper ul li{
    list-style:none;
    background:transparent url(../images/circle-checks.png) no-repeat scroll top left;
    padding:0px 0 0px 35px;
    margin:0 0 20px 0;
    font-size:20px;
}

#signup_10F,              
#signup_trial_type{               
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.hero {
    position:relative;
    background-color:#fff;
    padding:20px 60px;
    box-shadow:0 0 10px #cacaca;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin-top:10px;
}

.hero p{
    line-height:26px;
    margin:0;
}

h5.approve{
    color:#999;
    font-size:20px;
    text-align:center;
    font-weight:normal;
    letter-spacing:2px;
}

select.approve_sel{
    border:none;
    background:#f3f3f3;
    font-size:30px;
    text-align:center;
    margin:0 auto;
}

select.approve_sel:hover{
    cursor:pointer;
}

@media(min-width:1200px){
    .bigpadleft{
        padding-left:90px;
    }
}

h4.appcardtitle{
    margin:10px 0 0 10px;
    float:left;
}

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

@media(max-width:768px){

    .non-mobile-right{
        text-align:left;
    }
}

#how h1.big{
    font-size:50px;
}
  

@media(max-width:500px){  

    #how h1.big{
        font-size:30px;
    }
}
    
.newstep h2{
    font-size:26px;
    text-align:left;
}

.newstep p{
    color:#000;
}

#green_banner_bg{
    background:#28A579;
}

#green_banner_bg h2{
    color:#fff;
    text-align:center;
    font-size:38px;
    margin:50px 0 40px 0;
}

#green_banner_bg h3{
    color:#fff;
    text-align:center;
    font-size:25px;
    margin:0 0 50px 0;
    padding:0 200px;
    font-weight:300;
    line-height:35px;
}

#green_banner_bg #inside-side{
    position:absolute;
    top:160px;
    right:70px;
}

.samplearea h2{
    font-size:48px;
    text-align:center;
    margin:0 0 15px 0;
    color:#000;
    font-weight:300;
}

.samplearea h4{
    text-align:center;
    font-size:20px;
    color:#464646;
    margin:0 0 40px 0;
    font-weight:300;
}

#samplerequest{
    padding:20px;
}

#samplerequest input[type="submit"].sample-submit{
    width:60%;
    display:table;
    padding:20px 20px;
    margin:0 auto;
}

@media(max-width:500px){

    .samplearea h2{
        font-size:30px;
    }

    .samplearea h4{
        line-height:24px;
        margin-bottom:15px;
    }

    #samplerequest input[type="submit"].sample-submit{
        width:100%;    
    }

    #samplerequest{
        padding:5px;
    }
}
    

.benefit h4{
    text-align:center;
    margin:25px 0 15px 0;
    font-size:23px;
}

.benefit p{
    text-align:center;
    font-size:18px;
    line-height:25px;
    padding:0 20px;
}

h2.benefit_title{
    font-weight:300;
    margin:50px 0 80px; 
}

.white-wrapper h4{
    text-align:center;
    font-size:32px;
}

.white-wrapper h5{
    text-align:center;
    font-size:25px;
}

.white-wrapper h5 a{
    color:#28a57a;
}

p#currency_text{       
    float:right; 
}

p#currency_text span{
    float:left;  
    line-height:35px;  
}

#switch_currency.usd:before {
    content: "\f204";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;   
    color:#00a475;
    font-size: 25px;
    
}

#switch_currency.cad:before {
    content: "\f205";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    color:#00a475;
    font-size: 25px;    
}

#switch_currency{
    text-decoration:none; 
    float:left;     
    margin:0 5px;    
}


    
    @media(max-width:500px){
        .trial_left h5{
            text-align:center;
        }
    }      
    
    

#batesville_signup{               
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}


.reg_form label{
    font-size:17px;
    color:#555;
    margin:0 0 5px 0;
    font-weight:normal;
}


.reg_form input[type="text"]{
    padding:15px 10px 10px;
    border:1px solid #dadada;   
    width:100%;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    color:#000;
    margin:0 0 20px 0;
}

.reg_form select{
    padding:10px;
    border:1px solid #dadada;    
    width:100%;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    color:#000;
    margin:0 0 20px 0;
}

.reg_form textarea{       
    padding:15px 10px 10px;
    border:1px solid #dadada;
    width:100%;
    height:140px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    color:#000;
    margin:0 0 0px 0;
    resize:none;
}

.reg_form input.wrong,
.reg_form select.wrong{
    border:1px solid red;
}

.reg_form input.good,
.reg_form select.good{
    border:1px solid green;
}

.reg_form input[type="submit"]{
    border: 1px solid #01af95;
    color: #fff;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: 'Montserrat', sans-serif;
    padding: 12px 65px;
    font-size: 16px;
    text-align: center;
    background: #01af95;
    margin: 0 auto;
    display: table;
    font-weight: 600;
    text-transform: uppercase;
}


#review_submit{
    border: 1px solid #01af95;
    color: #fff;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: 'Montserrat', sans-serif;
    padding: 12px 65px;
    font-size: 16px;
    text-align: center;
    background: #01af95;
    margin: 0 auto;
    display: table;
    font-weight: 600;
    text-transform: uppercase;
}


.abtpadding{
    padding:200px 0;
}

.top_padding_100{
    padding-top:100px;
}

ul.green-check{
    margin:40px 0 20px 0;
}

ul.green-check li{
    list-style:none;
    background:transparent url(../images/green-check.jpg) no-repeat scroll 0 0;
    width:50%;
    float:left;
    padding:0px 0 4px 30px;
    margin:0 0 15px 0;
    font-size:20px;
}

ul.green-dot li{
    list-style:none;
    background:transparent url(../images/green-bullet.jpg) no-repeat scroll 0 7px;
    padding:0px 0 4px 20px;
    margin:0 0 5px 0;
    font-size:18px;
}

#abt-padding-2{
    padding:100px 0 0;
}

.abt-white-wrapper{
    padding:30px 0;
}

.abt-white-wrapper h4{
    font-size:25px;
    margin:0 0 40px 0;
}

.abt-white-wrapper p{
    color:#464646;
    font-size:21px;
    line-height:30px;
}

p.white{
    color:#fff;
}

h3.abtwhite{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:40px;
    color:#fff;
    text-align:center;
    margin:0 0 10px 0;
    font-weight:bold;
}

h5.abttop{
    font-size:31px;
    color:#464646;
    line-height:40px;
}

.abttext p{
    font-size:21px;
    color:#464646;
    margin:0 0 25px 0;
}

.abttext h1{
    font-size:46px;
    line-height:55px;
}

.abttext h2{
    font-size:41px;
    line-height:49px;
    font-family:'Roboto', sans-serif;
    font-weight:300;
    text-align:left;
    margin:150px 0 30px 0;
}

.abttext h2.halfmarg{
    margin-top:100px;
}

.abttext h3.green{
    font-weight:bold;
    font-size:48px;
    color:#01ba82;
}

#hand_phone{
    position:absolute;
    bottom:0;
    left:350px;
    background:transparent url(../images/hand-phone.jpg) no-repeat;
    height:551px;
    width:596px;
}

#eff-container{
    background:#eff7f5;
    position:relative;
    padding:60px 0 0;
    min-height:640px;
    overflow:hidden;
}

/*ipad pro landscape*/
@media(min-width:1365px) and (max-width:1367px){
    #hand_phone{
        left:-100px;
    }
}

@media(min-width:991px) and (max-width:1200px){
    .abttext h1{
        font-size:39px;     
    }

    #hand_phone{
        left:253px;
    }
}
    

@media(max-width:500px){
    .abtpadding{
        padding:40px 0 0;
    }
    
    #header_wrapper.abt{
        background:#fff;
        min-height:200px;
    }
    .top_padding_100{
        padding-top:10px;
    }
    
    h3{
        font-size:25px;
    }
    
    h5.abt{
        font-size:20px;
        line-height:30px;
    }
    
    ul.green-check li{
        float:none;
        font-size:16px;
        width:100%;
    }

    #abt-padding-2{
        padding:10px 0 0;
    }
    
    h5.abttop{
        font-size:27px;     
    }

    .abttext h1{
        font-size:28px;
        line-height:35px;
    }

    .abttext h2{
        font-size:36px;        
        margin:0px 0 30px 0;
    }
    
    #hand_phone{
        display:none;
    }
    
    #eff-container{
        min-height:200px;
        padding-bottom:40px;
    }
    
    h3.abtwhite{
        font-size:27px;
    }
}

@media(max-width:400px){
    .abtpadding{
        padding:40px 0 0;
    }
    
    #header_wrapper.abt{
        background:#01ba82 url(../images/mobile-abt-header-bg.jpg) no-repeat scroll bottom center;
        background-size:100%;
        min-height:200px;
    }
    .top_padding_100{
        padding-top:10px;
    }
    
    h3{
        font-size:25px;
    }
    
    h5.abt{
        font-size:20px;
        line-height:30px;
    }
    
    ul.green-check li{
        float:none;
        font-size:16px;
        width:100%;
    }

    #abt-padding-2{
        padding:10px 0 0;
    }
    
    h5.abttop{
        font-size:29px; 
        line-height:34px;
        text-align:center;
        color:#fff;    
    }

    .abttext h1{
        font-size:28px;
        line-height:35px;
        text-align:center;
    }

    .abttext h2{
        font-size:29px;        
        margin:0px 0 30px 0;
    }

    .abttext p{
        font-size:18px;      
    }
    
    .abt-white-wrapper h4{
        margin-bottom:10px;
    }

    .abt-white-wrapper p{
        font-size:18px;    
        margin:0 0 40px 0;  
    }
    
    
    #hand_phone{
        display:none;
    }
    
    #eff-container{
        min-height:200px;
        padding-bottom:40px;
    }
    
    h3.abtwhite{
        font-size:24px;
        margin:0;
    }
}

@media(max-width:320px){
    .abtpadding{
        padding:40px 0 0;
    }
    
    #header_wrapper.abt{       
        background:#01B47D url(../images/mobile-abt-header-bg.jpg) no-repeat scroll bottom center;
        background-size:100%;
        min-height:200px;
    }
    .top_padding_100{
        padding-top:10px;
    }
    
    h3{
        font-size:25px;
    }
    
    h5.abt{
        font-size:20px;
        line-height:30px;
    }
    
    ul.green-check li{
        float:none;
        font-size:16px;
        width:100%;
    }

    #abt-padding-2{
        padding:10px 0 0;
    }
    
    h5.abttop{
        font-size:23px;
        line-height:29px;     
    }

    .abttext h1{
        font-size:28px;
        line-height:35px;
    }

    .abttext h2{
        font-size:32px;        
        margin:0px 0 30px 0;
    }
    
    #hand_phone{
        display:none;
    }
    
    #eff-container{
        min-height:200px;
        padding-bottom:40px;
    }
    
    h3.abtwhite{
        font-size:24px;
        margin:0;
    }
    
    .orange-button{
        width:250px !important;
    }
}

.whitebg{
    background:#fff;
}

input#loc_count{
    padding:6px;
    width:50px;
}


#myModal .modal-header{
    padding:0;
    border:none;
}

#myModal .modal-header .close{
    position:absolute;
    top:-10px;
    right:-10px;
    padding:1px 6px;
    background:#fff;
    -moz-border-radius:30px;
    border-radius:30px;
    -webkit-border-radius:30px;
    color:#000;
    opacity:1;
    z-index:1000;
}

#myModal .modal-content{
    background:transparent;
}

@media(max-width:768px){
    .modal-body{
        padding:0px;
    }
    
    .modal-dialog{
        width:90%;
        max-height:90%;
        margin-top:20%;
    }
    
    #myModal .flex-video{
        margin-bottom:0;
    }
}

@media(min-width:768px){
    .modal-dialog{
        width:800px;
    }
    
    #myModal .modal-body{
        padding:0px;
    }
    
    #myModal .flex-video{
        margin-bottom:0;
    }
}

@media(min-width:991px){
    #sfl_landing_form{
        margin-left:250px;
    }
}

#sfl_landing_form label{
    display:block;
    font-size:17px;
    font-weight:normal;
    margin:0 0 5px 0;
}

#sfl_landing_form input[type="text"]{
    width:100%;
    padding:8px;
    margin:0 0 15px 0;
    border:1px solid #dddddd;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-border-radius:4px;
}

#sfl_landing_form input[type="submit"]{
    padding:15px;
    background:#faaf3b;
    width:500px;
    margin:0 auto 10px;
    color:#fff;
    border:none;
    font-size:20px;
}

.green-container{
    background:#00bc80;
    padding:50px 0;
}

#symGSModal,
#memGSModal,
#holGSModal,
#annGSModal{
    height:500px;
    width:1170px;
    position:absolute;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    overflow: visible;
}

#symGSModal .close-modal,
#memGSModal .close-modal,
#annGSModal .close-modal,
#holGSModal .close-modal{
    position:absolute;
    top:-10px;
    right:-10px;
    background:#000;
    border:3px solid #fff;
    color:#fff;
    font-weight:bold;
    padding:4px 10px;
    -moz-border-radius:50px;
    border-radius:50px;
    -webkit-border-radius:50px;
    font-size:13px;
}

#symGSModal .close-modal:hover,
#memGSModal .close-modal:hover,
#annGSModal .close-modal:hover,
#holGSModal .close-modal:hover{
    text-decoration:none;
}



.videomodal{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height:500px;
  width:700px;
  overflow:visible;
}

.close-modal{
    background:#000;
    color:#fff;
    border:2px solid white;
    padding:2px 8px;
    positioN:absolute;
    top:0px;
    right:1px;
    -moz-border-radius:20px;
    border-radius:20px;
    -webkit-border-radius:20px;
}

a.app_link{
    display:table;
    width:100%;
    padding:10px;
    moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    background:#fff;
    color:#000;
    text-decoration:none;
    font-size:18px;
    text-align:center;
    margin:10px 0;
}

a.app_link.active{
    background:#c8e4db;
}