/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@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%;
}

.title,
.title_print {
    display: none;
}

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;
    }
}


/*----------------------------------------------------------------*/

.headerback {
    background-image: none;
    position: absolute;
    width: 100%;
    top: 0;
}

.hero-new {}

.headertext {
    height: 214px;
    background-color: #e20074;
    text-align: center;
}

.headertext h1 {
    font-size: 3.4em;
    padding-top: 1.7em;
}

.headertext h2 {
    font-size: 1.28em;
}

.headwidth {
    position: relative;
}

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

.headerdummy {
    height: 240px;
}

.logo {
    position: absolute;
    top: 20px;
    left: 20px;
}

.claim {
    position: absolute;
    top: 20px;
    right: 20px;
}

.logo,
.claim {
    height: 30px;
}

.sec2 {
    text-align: center;
    padding: 20px 0;
    color: #333;
}

.tab {
    height: 163px;
    background-color: #f3f3f3;
    text-align: center;
}

.tab h2 {
    font-size: 1.3em;
    line-height: 3.0em;
    padding-top: 1em;
}

.tab h3 {
    font-size: 1.15em;
}

.p1 {
    background: url("../img/photo1.jpg");
    background-position: center;
}

.p2 {
    background: url("../img/photo2.jpg");
    background-position: center;
}

.p3 {
    background: url("../img/photo3.jpg");
    background-position: center;
}

.p4 {
    background: url("../img/photo4.jpg");
    background-position: center;
}
.sec4{
	height:430px;
	background-color: #2b2b2b; 
	text-align: center;
	margin:40px 0;
}
.sec4 h2{
font-size: 1.3em;
    line-height: 1em;
    padding-top: 2em;

}
.sec4 h3 {
    font-size: 1.15em;
}
.prof{
height:190px;
    margin-left: 40px;
}
.lab-link{
	font-size:0.85em;
	margin:20px 0;
}
.lab-link a{
	color:white;
text-decoration: underline;
}
.lab-link img{
	height:66px;
}
.sec5{
    background-color: #e20074;
    text-align: center;
    font-size:1.5em;
    padding:30px 0;
    text-transform: uppercase;
}
.shop-ico{
    width: 150px;
    display: block;
    margin: 20px auto;
}
.sec6{
    text-align: center;
    color:#333333;
}
.sec6 h2{
margin-top:25px;
font-size:1.8em;
}
.sec6 h3{
    margin-top:25px;
    font-size:1.9em;
}
.sec6 h4{
    font-size:1.2em;
    }

.bottom-photo{
    background-image: url("../img/photo_xs.jpg");
    background-position: center;
    height:215px;
    background-repeat: no-repeat;
}


@media (min-width: 640px) {
    .headertext h1 {

    padding-top: 2.1em;
}
    .bottom-photo{
        background-image: url("../img/photo.jpg");
    background-position: top left;
    background-size: cover;
height:215px;
    }
    .sec6{
text-align:right;
margin-top:40px;
    font-size: 0.7em;
    }
    .sec6 div{
        padding-right:20px;
    }
    .sec6 h2 {
    font-size: 2.2em;
}
.sec6 h3 {
    margin-top: 10px;
    }

    .shop-ico {
    width:unset;
    height:35px;
    display: inline;
    margin:10px 5px;

}
    .prof {
    height: 270px;
    margin-top: -41px;
    margin-left: 32px;
}
    .sec4 {
    height: 205px;
}
    .sec2 {
    padding: 20px 0 41px;
}
    .right-txt {
        text-align: left;
        padding-left: 20px;
    }
    .left-txt {
        text-align: right;
        padding-right: 20px;
    }

    .p1 {
        background: url("../img/photo1_b.jpg");
background-position: right;
    }
    .p2 {
        background: url("../img/photo2_b.jpg");
        background-position: left;
        float: right !important;
    }
    .p3 {
        background: url("../img/photo3_b.jpg");
        background-position: right;
    }
    .p4 {
        background: url("../img/photo4_b.jpg");
        background-position: left;
        float: right !important;
    }.photo-cell{
    	background-size: cover;
    }
    .headwidth,
    .headertext {
        height: 335px;
        background-color: unset;
    }
    .headerback {
        background-image: url("../img/bg_main_sm.jpg");
        background-position: center top;
        background-repeat: no-repeat;
    }
}

@media (min-width: 960px) {
    .sec6 h2 {
    margin-top: 50px;
}
    .sec6 {
    margin-top: 70px;
    font-size: 1.0em;
}
    .bottom-photo {
    height: 330px;
}
    .shop-ico {
    height: 50px;
    margin: 25px 5px;
}
    .sec5 {
    font-size: 2.2em;
}
    .lab-link {
    font-size: 0.70em;
}
    .sec4 {
    height: 310px;
    margin: 60px 0;
}
    .sec4 h3 {
        font-size: 1.6em;
}
    .sec4 h2 {
    font-size: 2.4em;
 
}
    .lab-link img {
    height: 82px;
}

.prof {
    height: 410px;
    margin-top: -60px;
    margin-left: 25px;

}

    .sec2 {
    font-size: 1.5em;
}
    .logo,
    .claim {
        height: auto;
    }
    .headwidth,
    .headertext {
        height: 494px;
            font-size: 1.55em;
    }
    .headerback {
        background-image: url("../img/bg_main_md.jpg");
    }
}

@media (min-width: 1200px) {

.bottom-photo {

    background-size: inherit;
}
    .sec6 {
  
    font-size: 1.2em;
}
    .bottom-photo {
    height: 400px;
}
    .shop-ico {
    height: unset;
    margin: 30px 5px;
}
    .sec5 {
    font-size: 2.8em;
    height: 250px;
}
    .lab-link img {
    height: unset;
}
    .prof {
    height: unset;
    margin-top: -82px;
    margin-left: 25px;
}
    .sec4 {
    height: 370px;
    margin: 80px 0;
    font-size: 1.25em;
}
    .tab h2 {
    font-size: 2.5em;
    line-height: 2em;
    padding-top: 2em;
}
.tab h3 {
    font-size: 1.5em;
}
    .tab {
    height: 300px;
}
    .container-fluid .container {
        width: 1200px;
    }
    .headwidth,
    .headertext {
        height: 640px;
        font-size: 1.988em;
    }
    .headerback {
        background-image: url("../img/bg_main_lg.jpg");
    }
}