@font-face {
                font-family: 'tele-groteskfetregular';
                src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.eot');
                src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.svg#tele-groteskfetregular') format('svg');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
                font-family: 'tele-groteskhalregular';
                src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.eot');
                src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.svg#tele-groteskhalregular') format('svg');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
                font-family: 'telegrotesk_headlineregular';
                src: url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.eot');
                src: url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.svg#telegrotesk_headlineregular') format('svg');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
                font-family: 'telegrotesk_headline_ultraRg';
                src: url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.eot');
                src: url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.svg#telegrotesk_headline_ultraRg') format('svg');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
                font-family: 'tele-grotesknorregular';
                src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.eot');
                src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.svg#tele-grotesknorregular') format('svg');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
                font-family: 'tele-groteskultregular';
                src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.eot');
                src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.svg#tele-groteskultregular') format('svg');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
                font-family: 'telelogoregular';
                src: url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.eot');
                src: url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.svg#telelogoregular') format('svg');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
                font-family: 'Glyphicons Halflings';
                src: url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.eot');
                src: url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
            }

            html {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            *,
            *:before,
            *:after {
                -webkit-box-sizing: inherit;
                -moz-box-sizing: inherit;
                box-sizing: inherit;
                outline: none;
            }

             :root {
                font-size: 16px;
                line-height: 20px;
            }

            body,
            html {
                background: #FFFFFF;
            }

            .area {
                width: 100%;
            }



            p,
            a,
            h1,
            h2,
            h3,
            span,
            hr {
                padding: 0;
                margin: 0;
                font-weight: normal;
            }

            a:hover,
            a:focus,
            a:active {
                text-decoration: none;
            }

            .top-bar {
                background: #FFFFFF;
            }

            .logo-box {
                padding: 15px;
            }

            .logo-box .logo {
                width: 63px;
                height: 30.95px;
                float: left;
            }

            .logo-box .lifs {
                width: 107px;
                height: 8.22px;
                float: right;
                margin-top: 13px;
            }

            .strikethrough {
                position: relative;
            }

            .strikethrough:before {
                position: absolute;
                content: "";
                left: 0;
                top: 50%;
                right: 0;
                border-top: 1px solid;
                border-color: inherit;
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                -o-transform: rotate(-10deg);
                transform: rotate(-10deg);
            }

            .magenta {
                color: #e20074;
            }

            .black {
                color: #000;
            }

            .white {
                color: #fff;
            }

            .nor {
                font-family: tele-grotesknorregular;
            }

            .fet {
                font-family: tele-groteskfetregular;
            }

            .ultra {
                font-family: tele-groteskultregular;
            }

            @media (max-width: 640px) {
                .container-fluid .container {
                    width: 320px;
                }
            }
            /*----------------------------------------------------------------*/

            .videobox {
                width: 100%;
                height: 675px;
                margin: 0 auto;
            }

            .mainCon {
                padding: 20px 0;
            }

            .mainCon a.logo1 {
                display: inline-block;
                float: left;
                margin: 0 auto;
                height: 35px;
                width: 120px;
                background: url(../img/logo-tm.svg) 20px center no-repeat;
            }

            .mainCon a.logo2 {
                display: inline-block;
                width: 160px;
                float: right;
                margin: 0 auto;
                height: 35px;
                margin-right: 20px;
                background: url(../img/lifs.svg) right center no-repeat;
            }

            .hero-new {
                background-image: url("../img/bg_main_xs.jpg");
                height: 735px;
                background-position: center;
            }

            .hero-new .container {}

            h1 {
                margin-top: 50px;
                font-size: 1.779em;
                line-height: 0.7em;
                font-family: 'tele-groteskultregular';
            }

            h1 span {
                margin: 0.05em 0;
                display: inline-block;
                padding: 0.2em 0.2em;
            }

            h1 span.magi {
                background: #e20074;
                color: white;
            }

            h1 span.blacki {
                background: black;
                color: white;
            }

            .btn {
                background: #e20074;
                border: 1px solid #E20074;
                color: white;
                font-family: 'tele-groteskultregular';
                font-size: 2.0em;
                height: auto;
                letter-spacing: -0.5px;
                line-height: auto;
                padding: 0.2em 1.6em 0.2em 1.6em;
                text-align: center;
                text-decoration: none !important;
                white-space: nowrap;
                display: inline-block;
                margin: 0 auto;
                position: relative;
                border-radius: 0;
            }

            .btn {

                font-size: 25px;
                margin-top: 25px;
            }

            .magbtn {
                font-family: 'tele-grotesknorregular';
                width: 270px;
            }

            .greybtn {
                font-family: 'tele-grotesknorregular';
                background-color: #333;
                border-color: #333;
                width: 270px;
            }

            .greybtn:hover {
                color: #e20074;
            }

            .title {
                color: #e20074;
                font-family: 'tele-groteskfetregular';
                font-size: 2.5em;
                padding: 1em 0;
                line-height: 1em;
            }

            .txt {

                font-family: 'tele-groteskfetregular';
                font-size: 1.4em;
            }

            .arrow {
                margin: 0 auto;
                left: 0;
                right: 0;
                bottom: 10px;
                position: absolute;
                width: 91px;
            }

            .sec1,
            .temp,
            .sec2,
            .sec3,
            .sec4,
            .sec5 {
                text-align: center;
                background-position: top center;
                position: relative;
                background-repeat: no-repeat;
            }

            .sec4 .container,
            .hero-new {
                position: relative;
            }

            .sec1 {
                background-image: url("../img/sec1_xs.jpg");

                height: 727px;
            }

            .temp {
                height: 870px;
                background-color: #fff;
            }

            .exmor {
                margin-top: 2em;
            }

            .sec2 {
                background-image: url("../img/sec2_xs.jpg");
                background-position: bottom center;
                height: 820px;
            }

            .sec3 {
                background-image: url("../img/sec3_xs.jpg");
                height: 600px;
            }

            .sec4 {
                background-image: url("../img/sec4_xs.jpg");
                height: 700px;
            }

            .sec5 {}

            .sec6 {
                text-align: center;
                color: #333333;
            }

            .videobox {
                height: 180px;
            }

            .phones {
                width: 100%;
                margin-top: 20px;
            }


            @media (min-width: 640px) {
                .mainCon a.logo1 {
                    height: 75px;
                }

                .mainCon a.logo2 {
                    height: 75px;
                }

                .hero-new {
                    background-image: url("../img/bg_main_sm.jpg");
                    background-position: center;
                    background-repeat: no-repeat;
                    height: 735px;
                }

                h1 {
                    font-size: 3em;
                    margin-top: 160px;
                }

                .btn {
                    font-size: 0.6em;
                    margin-top: 4em;
                }

                .btn2 {
                    font-size: 25px;
                    margin-top: 25px;
                }

                .txt {
                    max-width: 325px;
                    margin: 0 auto;
                }
                .temp {
                    height: 880px;
                }
                .phones {
                    width: 50%;
                    margin-top: 40px;
                }
                .sec1 {
                    background-image: url("../img/sec1_sm.jpg");
                    background-position: center;

                    height: 909px;
                }

                .sec2 {
                    background-image: url("../img/sec2_sm.jpg");

                    height: 840px;
                }

                .sec3 {
                    background-image: url("../img/sec3_sm.jpg");
                    background-position: center;

                    height: 800px;
                }

                .sec4 {
                    background-image: url("../img/sec4_sm.jpg");
                    background-position: center;

                    height: 880px;
                }
                .videobox {
                    height: 360px;
                }
            }

            @media (min-width: 960px) {
                .temp {
                    height: 580px;
                    text-align: left;
                }
                .phones {
                    width: 80%;
                    margin-top: 40px;
                }
                .temp .title {
                    margin-top: 100px;
                }
                .temp .txt {
                    max-width: inherit;
                }
                .sec1,
                .sec2,
                .sec3 {
                    text-align: left;
                }

                .title,
                .txt {
                    max-width: 420px;
                    margin: 0;
                }

                .exmor {
                    margin-top: 10em;
                }

                .btnbox {
                    position: absolute;
                    top: 100px;
                    right: 50px;
                }

                .hero-new {
                    background-image: url("../img/bg_main_md.jpg");
                    height: 840px;
                    background-position: center;
                }

                .sec1 {
                    background-image: url("../img/sec1_md.jpg");
                    height: 650px;
                }

                .sec2 {
                    background-image: url("../img/sec2_md.jpg");
                    height: 650px;
                }

                .sec3 {
                    background-image: url("../img/sec3_md.jpg");
                    height: 650px;
                }
                .sec2 .title {
                    margin-top: 160px;
                }
                .sec2 .title,
                .sec2 .txt,
                .sec2 .btn {
                    color: #fff;
                    margin-left: 50px;
                }
                .sec3 .title {
                    margin-top: 160px;
                }
                .sec4 {
                    background-image: url("../img/sec4_md.jpg");
                    height: 650px;
                }

                .videobox {
                    height: 540px;
                }
                h1 {
                    font-size: 4.2em;
                    margin-top: 170px;
                }
            }

            @media (min-width: 1200px) {
                .container-fluid .container {
                    width: 1200px;
                }

                .hero-new {
                    background-image: url("../img/bg_main_lg.jpg");
                    height: 840px;
                    background-position: center;
                }
                .temp {
                    height: 730px;
                }
                .temp .title {
                    margin-top: 150px;
                }
                .sec1 {
                    background-image: url("../img/sec1_lg.jpg");
                    height: 724px;
                }

                .sec2 {
                    background-image: url("../img/sec2_lg.jpg");
                    height: 717px;
                }
                .sec2 .title,
                .sec2 .txt,
                .sec2 .btn {

                    margin-left: inherit;
                }
                .sec3 {
                    background-image: url("../img/sec3_lg.jpg");
                    height: 725px;
                }
                .sec3 .title {
                    margin-top: 160px;
                }
                .sec4 {
                    background-image: url("../img/sec4_lg.jpg");
                    height: 740px;
                }
                .videobox {
                    height: 675px;
                }
                h1 {

                    margin-top: 90px;
                }
            }