html, body 
{
    overflow-x: hidden;
}

body 
{ 
    position: relative; 
    top: 0; 
    left: 0; 
}

.panel
{
    border-radius: 20px;
    padding:5px;
    text-align:left;
    background-color: #F6F6F6;
    padding 1.5%;
}

.panel 
{
    line-height: 1.5;
    font-size: 20px;
    padding: 5%;
    display:none;
}

.flip 
{
    line-height: 1.5;
    font-size: 20px;
    border-radius: 20px;
    padding: 1%;
    text-align:center;
    background-color: #1B4164;
    color: #FFFFFF;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
}

.flip:hover
{	
    cursor: pointer;
    color: #000000;
    background-color: #FFFFFF;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
}

.panel-teal
{
	background: #F2DDC0;
    border-radius: 20px;
    padding:5px;
    text-align:left;
    padding 1.5%;
    line-height: 1.5;
    font-size: 20px;
    padding: 5%;
    display:none;
}

.flip-teal
{
    line-height: 1.5;
    font-size: 20px;
    border-radius: 20px;
    padding: 1%;
    text-align:center;
    background-color: #3EB0B4;
    color: #FFFFFF;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
}

.flip-teal:hover
{	
    cursor: pointer;
    color: #000000;
    background-color: #FFFFFF;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
}

.panel-gold
{
	background: #D1E7F2;
    border-radius: 20px;
    padding:5px;
    text-align:left;
    padding 1.5%;
    line-height: 1.5;
    font-size: 20px;
    padding: 5%;
    display:none;
}

.flip-gold
{
    line-height: 1.5;
    font-size: 20px;
    border-radius: 20px;
    padding: 1%;
    text-align:center;
    background-color: #E4B349;
    color: #FFFFFF;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
}

.flip-gold:hover
{	
    cursor: pointer;
    color: #000000;
    background-color: #FFFFFF;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
}

.spacing-header
{
    display: block;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    font-size: 175%;
}

.spacing
{
    line-height: 1.5;
}

.panel-header
{
    display: block;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
}

.uls
{
    margin: 2% 0% 2% 2%;
}

.lis
{
    margin: 1% 0%;
    line-height: 1.5;
}

.lis span
{
    line-height: 1.5;    
}

.features-benefits
{
    margin: 4% auto;
}

.theader1
{
    background: #1B4164;
    color: #FFF;
    width: 225px;
}

.theader2
{
    background: #E4B359;
    color: #FFF;
}

.theader3
{
    background: #3EB0B4;
    color: #FFF;

}

.theader1 div
{
    line-height: 1.5;
    font-weight: bold;
    font-size: 125%;
    margin-left: 2%;
    font-style: italic;
}

.theader2 div
{
    line-height: 1.5;
    font-weight: bold;
    font-size: 125%;
    margin-left: 2%;
    font-style: italic;
}

.theader3 div
{
    line-height: 1.5;
    font-weight: bold;
    font-size: 125%;
    margin-left: 2%;
    font-style: italic;
}

.imgwrap
{
    display: block;
    margin: auto;
    text-align: center;
    max-width: 500px;
}

.imgmargin
{
    max-width:100%;
    height: auto;
    margin: 4% 0;
}


figcaption
{
    text-align: center;
}

.infobox
{
	max-width: 800px;
	   margin: 4% auto;
	  padding: 3%;
    font-size: 150%;
    text-align: center;
    background-color: #EFE0C3;
    line-height: 1.5;
    border: 4px solid #CCCCCC;
}

.textwrap {
    float: left;
} 


 .ifwrapper {
        text-align: center;
        width: 100%;
    }
    
    iframe {
        max-width: 690px;
        width: 690px;
        height: 388.13px;
    }
    
    @media screen and (max-width: 600px)
    {
        iframe {
            width: 500px;
            height: 281.25px;
        }
    }
    
    @media screen and (max-width: 500px) {
        iframe {
            width: 400px;
            height: 225px; 
        }
    }
    
    @media screen and (max-width: 350px) {
        iframe {
            width: 300px;
            height: 168.75px;
        }
    }
	
	.indent1
    {
        padding-left: 5px;
        line-height: .3em;
    }


    .orange-text
    {
	/*
        padding-left: 5px; 
        line-height: 1.5;
        color: #FF6600;
		*/
		color: #FF6600;
    }
	
	
	  .linkedin-button {
                font-family: 'Roboto', sans-serif;
                display: block;
                background: #d1efff;
                height: 90px;
                width: 700px;  
                text-decoration: none;
                color: #007AB9;
                margin: 2% auto;
                transition: 200ms;
                border: 2px solid #dddddd;
                box-shadow: 3px 2px 4px  #aaaaaa;
            }
        
            .linkedin-button:nth-of-type(4) {
                width: 800px;
            }
            .linkedin-button:hover {
                background: #c9ffc9;
                transition: 500ms;
                border: 2px solid transparent;
            }
            
            .linkedin-icon {
                float: left;
                display: inline-block;
                width: 15%;
            }
            
            h1, h2 {
               // display: block;
             //   width: 90%;
              //  vertical-align: top;
               // padding-left: 3%;
                //padding-top: .5%;
                //margin: .5% 0;
				//text-align: center;
				//font-size: 2.5em !important;
				//font-weight: bold;
				//margin: 25px auto !important;
            }
            
            @media screen and (max-width: 850px) {
                .linkedin-button {
                    font-size: 60%;
                    width: 50%;
                    height: 60px;
                    min-width: 400px;
                }
                
                .linkedin-button:nth-of-type(4) {
                    width: 55%;
                }
                .linkedin-icon {
                    position: relative;
                    top: 7px;
                    width: 10%;
                    min-width: 50px;
                    padding-left: 5px
                }
                
                .button-text-wrangle {
                    font-size: 90%;
                }
            }
            
            
            @media screen and (max-width: 440px) {
                .linkedin-button,
                .linkedin-button:nth-of-type(4) {
                    background: none;
                    border: none;
                    box-shadow: none;
                    height: 150px;
                    text-align: center;
                    width: 100%;
                    min-width: 0;
                }
                
                .linkedin-button:hover {
                    border: none;
                }
                
                .linkedin-icon {
                    display: block;
                    float: none;
                    margin: 2% auto;
                    width: 20%;
                }   
                
                h1, h2 {
                    display: block;
                    width: 100%;
                    padding: 0;
                    margin: 0;
                }
            }
			
/* CLICKSTREAM BOX */

   #clickstream-box {
                                    width: 350px;
                                    background: #16222A;  /* fallback for old browsers */
                                    background: -webkit-linear-gradient(to right, #3A6073, #16222A);  /* Chrome 10-25, Safari 5.1-6 */
                                    background: linear-gradient(to right, #3A6073, #16222A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


                                    position: fixed;
                                    bottom: 0;
                                    right: 0;
                                    z-index: 99999;
                                    text-align: center;
                                    color: white;
                                    border-radius: 15px;
                                    transition: 500ms;
                                }

                                #clickstream-box h2 {
                                    margin-top: 30px;
                                    width: 90%;
                                }

                                #clickstream-image {
                                    display: block;
                                    width: 90%;
                                    max-width: 250px;
                                    margin: 15px auto;
                                    border-radius: 15px;
                                }

                                #clickstream-link {
                                    display: block;
                                    width: 250px;
                                    padding: 10px;
                                    background: white;
                                    margin: 15px auto;
                                    border-radius: 5px;
                                    text-decoration: none;
                                }

                                #clickstream-link:hover {
                                    background: #3c89a0; 
                                    color: white;
                                }

                                #clickstream-box-close-button {
                                    position: absolute;
                                    left: 15px;
                                    top: 10px;
                                    font-size: 1.5em;
                                    color: #a1a1a1;
                                    cursor: pointer;
                                }

                                #clickstream-box-close-button:hover {
                                    color: #ff996b;
                                }

                                .clickstream-close {
                                    bottom: -375px !important;
                                }
                                
                                #clickstream-mobile-link {
                                    display: none;
                                    color: white;
                                    text-decoration: none;
                                    width: 100%;
                                    height: 100%;
                                    margin: 0;
                                    padding: 15px;
                                }
                                
								/*POPUP STUFF */
								
								#clickstream-popup {
                                    text-align: center !important;
                                }
                                
                                #clickstream-popup h2 {
                                    margin: 15px auto;
                                    padding: 0;
                                    width: 75%;
                                    text-align: center !important;;
                                }
                                
                                #clickstream-icon,
                                #clickstream-popup-icon {
                                    display: block;
                                    margin: 15px auto;
                                    max-width: 75px;
                                    margin-bottom: 0;
                                }

                                #clickstream-box .field {
                                    width: 75%;
                                    margin: 5px auto;
                                    color: #333;
                                }

                                #clickstream-box p,
                                #clickstream-popup p {
                                    width: 75%;
                                    min-width: 200px;
                                    margin: 0 auto;
                                }

                                #clickstream-box input.button,
                                #clickstream-popup input.button {
                                    display: block;
                                    background: #d05656;
                                    width: 50%;
                                    min-width: 150px;
                                    margin: 5px auto;
                                    border-radius: 15px;
                                    padding: 10px 5px;
                                    animation: buttonflash 2s infinite ease;
                                    border: 0 !important;
                                    margin-top: 10px;
                                    box-shadow: none !important;
                                }
                                
                                #clickstream-popup input.button {
                                    animation: none;
                                    border: 0 !important;
                                    margin-top: 10px;
                                }
                                
                                #clickstream-popup input.button:hover {
                                    background: #397bac;
                                }



                                @keyframes buttonflash {
                                    0% { background: #d05656; }
                                    50% { background: #ff8b8b; }
                                    100% { background: #d05656; }
                                }

                                #clickstream-box input.button:hover {
                                    background: #397bac;
                                    animation: none;
                                }

                                #clickstream-popup {
                                    position: fixed;
                                    width: 250px;
                                    top: 15%;
                                    left: 0;
                                    right: 0;
                                    margin: auto;
                                    z-index: 9999999;
                                    transition: 300ms;
                                    transform: scale(0);
                                }

                                #clickstream-smokescreen {
                                    position: fixed;
                                    top: -100vh;
                                    left: -100vw;
                                    width: 200vw;
                                    height: 200vh;
                                    background: rgba(0,0,0,.8);
                                    cursor: pointer;
                                }

                                #clickstream-popup-content {
                                    position: relative;
                                    background: #93d5ff;
                                    padding: 15px;
                                    border-radius: 15px;
                                    z-index: 99999999;
                                }
                                
                                #clickstream-mobile-button {
                                    display: none;
                                }
                                
                                .popup-scale {
                                    transform: scale(1) !important;
                                }
								
								
                                @media screen and (max-width: 800px) {
                                    #clickstream-box {
                                        max-width: 300px;
                                        padding: 0;
                                        border-radius: 0;
                                        transition: 500ms;
                                    }
                                    
                                    #clickstream-box:hover {
                                        background: #16222A;  /* fallback for old browsers */
                                        background: -webkit-linear-gradient(to right, #dd9643, #a53207);  /* Chrome 10-25, Safari 5.1-6 */
                                        background: linear-gradient(to right, #dd9643, #a53207); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                                    }
                                    
                                    #clickstream-box h2,
                                    #clickstream-image,
                                    #clickstream-link,
									#clickstream-icon,
									#clickstream-box p, 
									#clickstream-box form {
                                        display: none;
                                    }
                                    
                                    #clickstream-mobile-link {
                                        display: block;
                                    }
									
									
									/* POPUP STUFF */
									
									#clickstream-box {
                                        max-width: 300px;
                                        padding: 0;
                                        border-radius: 0;
                                        transition: 500ms;
                                    }

                                    #clickstream-box:hover {
                                        background: #16222A;  /* fallback for old browsers */
                                        background: -webkit-linear-gradient(to right, #dd9643, #a53207);  /* Chrome 10-25, Safari 5.1-6 */
                                        background: linear-gradient(to right, #dd9643, #a53207); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                                    }

                                    #clickstream-mobile-button {
                                        display: block;
                                        position: absolute;
                                        top: 0;
                                        width: 100%;
                                        height: 100%;
                                        right: 30px;
                                        background: transparent;
                                        z-index: 9999999999999;
                                        cursor: pointer;
                                    }
                                    
                                    #clickstream-box h2,
                                    #clickstream-image,
                                    #clickstream-link,
                                    #clickstream-icon,
                                    #clickstream-box p, 
                                    #clickstream-box form {
                                        display: none;
                                    }

                                    #clickstream-mobile-link {
                                        display: block;
                                    }

                                    #persistent-header {
                                        display: block !important;
                                        margin-bottom: 15px;
                                    }
									
									
                                }
								
								/* END CLICKSTREAM BOX */
								
								/* GODADDY EMAIL COLLECTION FORM */
									 #ema_signup_form {
										text-align: center;
										font-size: 1.5em;
										}

										#ema_signup_form #form-title {
										display: inline-block;
										text-align: center;
										width: 100%;
										margin: 15px auto;
										color: #333;
										}   

										#ema_signup_form #signup_email {
										display: inline-block;
										border-radius: 4px;
										box-shadow: none;
										border: 0;
										border: 1px solid black;
										padding: 5px 10px;
										font-size: 1em;
										}

										#ema_signup_form #signup_email:focus {
										outline: none;
										border: 1px solid #1b4164;
										box-shadow: 0 0 5px #1b4164;
										}

										#ema_signup_form .mimi_field,
										#ema_signup_form .middle-field {
										display: inline-block;
										width:100%
										}

										#ema_signup_form .middle-field {
										width: 0px;
										}

										#ema_signup_form input[type=submit] {
										font-family: "MyriadPro-Regular", sans-serif;
										background: #187e7e;
										border-radius: 4px;
										padding: 10px;
										cursor: pointer;
										font-size: 1em;
										box-shadow: none;
										outline: none;
										border: none;
										color: white;
										position: relative;
										bottom: 5px;
										display: inline-block;
										}

										#ema_signup_form input[type=submit]:hover {
										background: #00de89;
										}
										
										#ema_signup_form .mimi_field.last h2 { 
											padding: 0; 
											margin: 10px 0;
										}
										
										#ema_signup_form .mimi_field.last {
											max-width: 300px;
											line-height: 1.15em;
											font-size: 18px;
										}
									
								
								/* END GODADDY EMAIL COLLECTION FORM */
								
								/* SUBSCRIPT AND SUPERSCRIPT */
								sub, sup { font-size: .75em; }
								sub a, sup a { font-size: inherit !important; }
								sup {
									position: relative;
									top: 0px;
								}
	
	/* GET DETAILS POPUP BOX */
	#get-details-button {
                position: fixed;
                right: -300px;
                top: 30%;
                transform: rotate(90deg);
                background: #2446a2;
                padding: 15px;
				padding-top: 25px;
                font-size: 1.75em;
                color: white;
                letter-spacing: .75px;
                border-radius: 4px;
                cursor: pointer;
                font-family: "MyriadPro-Regular", sans-serif;
                transition: 500ms;
				z-index: 99999999999;
            }

            #get-details-button:hover {
                background: #0bcc5d;
            }

            .get-details-button-appear {
                right: -60px !important;
            }

            #get-details-popup-wrapper {
                position: fixed;
                top: 25%;
                left: 0;
                right: 0;
                width: 75%;
                max-width: 600px;
                min-width: 300px;
                margin: auto;
                transform: scale(0);
                opacity: 0;
                transition: 500ms;
				z-index: 999999999999;
            }

            .get-details-popup-wrapper-appear {
                transform: scale(1) !important;
                opacity: 1 !important;
            }

            #get-details-popup {
                position: relative;

                background: #fc4a1a;  /* fallback for old browsers */
                background: -webkit-linear-gradient(to bottom right, #f7b733, #fc4a1a);  /* Chrome 10-25, Safari 5.1-6 */
                background: linear-gradient(to bottom right, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

                padding: 25px;
                border-radius: 20px;
                text-align: center;
                z-index: 99999;
                overflow: hidden;
            }

            #get-details-popup:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(255,255,255,.3);
            }

            #get-details-popup-content {
                position: relative;
                z-index: 9999;
            }

            #get-details-popup-smokescreen {
                position: absolute;
                width: 200vw;
                height: 200vh;
                top: -100vh;
                left: -100vw;
                background: rgba(0,0,0,.8);
                cursor: pointer;
            }



            .get-details-content-button {
                display: inline-block;
                position: relative;
                z-index: 9999;
                color: white !important;
                margin: 15px;
                font-size: 1.25em;
                text-decoration: none !important;
				font-family: "MyriadPro-Regular", sans-serif;
            }

            .get-details-content-button:hover {
                color: white !important;
                text-decoration: none !important;
            }

            .get-details-content-icon {
                width: 100px;
                height: 100px;
                display: block;
                background-position: center;
                background-size: cover;
                transition: 300ms;
                margin-bottom: 15px;
            }

			#get-details-popup-content-main {
				position: relative;
				left: 0;
				transition: 500ms;
			}
			
			#get-details-popup-content-newsletter {
				position: absolute;
				top: 0;
				left: 150%;
				transition: 500ms;
				text-align: center;
				width: 100%;
			}
			
			#get-newsletter-back-button {
				position: absolute;
				top: 150px;
				font-size: 50px;
				cursor: pointer;
			}
			
			#get-newsletter-back-button:hover {
				filter: brightness(125%);
			}

            .live-chat { background: url("/assets/uploads/editor/icons/icons/live-chat-icon.png"); }
            .live-chat:hover { background: url("/assets/uploads/editor/icons/icons/live-chat-icon-hover.png"); }

            .get-info { background: url("/assets/uploads/editor/icons/icons/get-info-icon.png"); }
            .get-info:hover { background: url("/assets/uploads/editor/icons/icons/get-info-icon-hover.png"); }

			.newsletter { background: url("/assets/uploads/editor/icons/icons/newsletter-icon.png"); }
            .newsletter:hover { background: url("/assets/uploads/editor/icons/icons/newsletter-icon-hover.png"); }

            .live-demo { background: url("/assets/uploads/editor/icons/icons/live-demo-icon.png"); }
            .live-demo:hover { background: url("/assets/uploads/editor/icons/icons/live-demo-icon-hover.png"); }

            .free-trial { background: url("/assets/uploads/editor/icons/icons/free-trial-icon.png"); }
            .free-trial:hover { background: url("/assets/uploads/editor/icons/icons/free-trial-icon-hover.png"); }
			
			.quote-request { background: url("/assets/uploads/editor/icons/icons/quote-request-icon.png"); }
            .quote-request:hover { background: url("/assets/uploads/editor/icons/icons/quote-request-icon-hover.png"); }
			

			#newsletters-link {
				margin-top: 20px;
			}
			
			.newsletter-panel-newsletter {
			   margin: 15px auto;
			}

			@media screen and (max-width: 800px) {
				#get-details-button {
					display: none;
				}
				
				#get-details-popup-wrapper {
					display: none;
				}
			}

			/* REQUEST MORE INFORMATION SECTION LIVE CHAT SUBMIT */
			
			  #reqinfo {
                            position: relative;
                            display: inline-block;
                            width: calc(100%-150px);
                        }

                        #live-chat-button.button {
                            position: relative;
                            display: block;
                            top: 0;
                            right: 0;
                            padding: 10px 20px;
                            background: #2cb5aa;
                            cursor: pointer;
                            border-radius: 4px;
                            float: right;
                            top: 15px;
                            text-align: center;
                            font-size: 1.5em;
                            font-weight: normal;
                            color: #FFF;
                            font-family: "MyriadPro-Regular", sans-serif;
                        }

                        #live-chat-button:hover {
                            background: #00de89;
                            text-decoration: none !important;
                            color: #FFF !important;
                        }

                        .request-info-container .button {
                            background: #328edc;
                            box-shadow: none;
                            padding: 10px 20px;
                            font-family: "MyriadPro-Regular", sans-serif;
                            font-size: 1.5em;
							font-weight: normal;
                        }

                        .request-info-container .button:hover {
                            background: #00de89;
                        }

                        @media screen and (max-width: 500px) {
                            #live-chat-button {
                                display: none;
                            }
                        }
						
						/* HOME PAGE POPUPS */
						
						.solution-shortcut-body a { 
							text-decoration: underline !important;
						}
						
						/* GODADDY EMAIL COLLECTION FORM */
									 #ema_signup_form {
										text-align: center;
										font-size: 1.5em;
										}

										#ema_signup_form #form-title {
										display: inline-block;
										text-align: center;
										width: 100%;
										margin: 15px auto;
										color: #333;
										}   

										#ema_signup_form #signup_email {
										display: inline-block;
										border-radius: 4px;
										box-shadow: none;
										border: 0;
										border: 1px solid black;
										padding: 5px 10px;
										font-size: 1em;
										}

										#ema_signup_form #signup_email:focus {
										outline: none;
										border: 1px solid #1b4164;
										box-shadow: 0 0 5px #1b4164;
										}

										#ema_signup_form .mimi_field,
										#ema_signup_form .middle-field {
										display: inline-block;
										width:100%
										}

										#ema_signup_form .middle-field {
										width: 0px;
										}

										#ema_signup_form input[type=submit] {
										font-family: "MyriadPro-Regular", sans-serif;
										background: #187e7e;
										border-radius: 4px;
										padding: 10px;
										cursor: pointer;
										font-size: 1em;
										box-shadow: none;
										outline: none;
										border: none;
										color: white;
										position: relative;
										bottom: 5px;
										display: inline-block;
										}

										#ema_signup_form input[type=submit]:hover {
										background: #00de89;
										}
										
										#ema_signup_form .mimi_field.last h2 { 
											padding: 0; 
											margin: 10px 0;
										}
										
										#ema_signup_form .mimi_field.last {
											max-width: 300px;
											line-height: 1.15em;
											font-size: 18px;
										}
									
								
								/* END GODADDY EMAIL COLLECTION FORM */
								
								/* HEADER */
								
								#header-search-form {
									display: inline-block;
								}

								#free-trial-header-button,
								#how-to-header-button,
								#live-chat-header-button {
									display: inline-block;
									text-align: center;
									margin: 0 5px;
									padding: 5px 10px;
									color: white;
									font-size: 1.25em;
									background: #ff6363;
									border-radius: 4px;
								}

								#how-to-header-button {
									margin-right: 15px;
									background: #3fbecc;
								}
								
								#live-chat-header-button {
									background: #2cb5aa;
								}

								#free-trial-header-button:hover,
								#how-to-header-button:hover,
								#live-chat-header-button:hover {
									background: #ff6113;
									color: white !important;
								}
								
								/* END HEADER STYLES */