@charset "utf-8";
/* CSS Document */

        /* Button used to open the chat form - fixed at the bottom of the page */
        .vivr-popup .open-button {
            background-color: #555;
            color: white;
            padding: 16px 20px;
            border: none;
            cursor: pointer;
            opacity: 0.8;
            position: fixed;
            bottom: 23px;
            right: 28px;
            width: 280px;
        }

    @media only screen and (max-width: 720px) {
        /* The popup chat - hidden by default */
        .vivr-popup .chat-popup {
            display: none;
            position: fixed;
            bottom: 0.5rem;
            right: 0px;
            width: 100%;
            height: 95%;
            max-width: 420px;
            max-height: 900px;
            margin-bottom: 1rem;
            -webkit-box-shadow: 0 70px 40px rgba(0, 0, 0, .16) !important;
            box-shadow: 0 70px 40px rgba(0, 0, 0, .16) !important;
            z-index: 1000000 !important;
            border-radius: 15px;
        }
    }
    @media only screen and (min-width: 720px) {
        /* The popup chat - hidden by default */
        .vivr-popup .chat-popup {
            display: none;
            position: fixed;
            bottom: 0.5rem;
            right: 0px;
            width: 100%;
            height: 95%;
            max-width: 360px;
            max-height: 900px;
            margin-bottom: 1rem;
            -webkit-box-shadow: 0 70px 40px rgba(0, 0, 0, .16) !important;
            box-shadow: 0 70px 40px rgba(0, 0, 0, .16) !important;
            z-index: 1000000 !important;
            border-radius: 15px;
        }
    }

        /* Add styles to the form container */
        .vivr-popup .form-container {
            width: inherit;
            height: 100%;
            background-color: white;
        }

        .vivr-popup iframe {
            width: inherit;
            height: 100%;
            border: none !important;
        }
        .vivr-popup .form-container .btn:hover,
        .vivr-popup .open-button:hover {
            opacity: 1;
        }

        .vivr-popup .slide-in-bottom {
            -webkit-animation: slide-in-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-in-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        @-webkit-keyframes slide-in-bottom {
            0% {
                -webkit-transform: translateY(1000px);
                transform: translateY(1000px);
                opacity: 0;
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes slide-in-bottom {
            0% {
                -webkit-transform: translateY(1000px);
                transform: translateY(1000px);
                opacity: 0;
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }
        }

        .vivr-popup .bounce-out-bottom {
            -webkit-animation: bounce-out-bottom 1.5s both;
            animation: bounce-out-bottom 1.5s both;
        }

        @-webkit-keyframes bounce-out-bottom {
            0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            5% {
                -webkit-transform: translateY(30px);
                transform: translateY(30px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            15% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            25% {
                -webkit-transform: translateY(38px);
                transform: translateY(38px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            38% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            52% {
                -webkit-transform: translateY(75px);
                transform: translateY(75px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            70% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            85% {
                opacity: 1;
            }

            100% {
                -webkit-transform: translateY(800px);
                transform: translateY(800px);
                opacity: 0;
            }
        }

        @keyframes bounce-out-bottom {
            0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            5% {
                -webkit-transform: translateY(30px);
                transform: translateY(30px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            15% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            25% {
                -webkit-transform: translateY(38px);
                transform: translateY(38px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            38% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            52% {
                -webkit-transform: translateY(75px);
                transform: translateY(75px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            70% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            85% {
                opacity: 1;
            }

            100% {
                -webkit-transform: translateY(800px);
                transform: translateY(800px);
                opacity: 0;
            }
        }

        .vivr-popup .slide-in-bottom {
            -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        @-webkit-keyframes slide-in-bottom {
            0% {
                -webkit-transform: translateY(1000px);
                transform: translateY(1000px);
                opacity: 0;
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes slide-in-bottom {
            0% {
                -webkit-transform: translateY(1000px);
                transform: translateY(1000px);
                opacity: 0;
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }
        }


        .vivr-popup #fo-toggle-button {
            position: fixed;
            bottom: 30px;
            border-radius: 50%;
            height: 50px;
            width: 50px;
            cursor: pointer;
            -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            z-index: 1000000 !important;
            transition: 0.3s;
        }

        .vivr-popup #fo-toggle-button .fo-icon {
            height: 50px;
            width: 50px;
            background-size: 50% 50%;
            background-position: 50% 50%;
            background-repeat: no-repeat;
        }

        .vivr-popup #fo-toggle-button .fo-icon.no-animate {
            animation: iconTurnOut 0.3s;
            animation-fill-mode: forwards;
        }

        .vivr-popup #closeFrame {
            cursor: pointer;
            font-family: Arial, Helvetica, sans-serif;
        }

		body {
			//background-image: url('/uc/TH/chat-mobile-masthead-50x856.jpg');//
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: cover;
		}
		#heading {
			font-size: 240%;
			color:white;
			position: fixed;
			left: 40px;
			top: 110px;
		}
		#heading2 {
			font-size: 240%;
			color:white;
			position: fixed;
			left: 40px;
			top: 160px;
		}
		#desc {
			font-size: 100%;
			color:white;
			position: fixed;
			left: 40px;
			width: 280px;
			top: 240px;
		}
		#desc2 {
			font-size: 100%;
			color:white;
			position: fixed;
			left: 40px;
			width: 280px;
			top: 400px;
		}