﻿.logo .right{background-color:#ffffffe0;border:0;color:#ed008c;height:calc(100% - 2px);border-left:0;flex:55%}
.touch .logo .right{border:1px solid #2e0144;color:#2e0144}
.shelem .logo .right{border:1px solid #005073;color:#005073}
.logo .right a{color:#ed008c;text-decoration:none}
.touch .logo .right a{color:#2e0144}
.shelem .logo .right a{color:#005073}
.downArrow{position:absolute;bottom:40px}
.frm{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;align-items:center;justify-content:center;background-color:#fff;height:100%;min-height:800px;position:relative}
#frm1{text-align:center}
.touch .brandLogo{max-width:40%;transform:translateY(-10%)}
.brandLogo img{width:100%}
#frm1 div{position:fixed;z-index:0}
#frm2{height:747px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}
.rachshei #frm2{background-image:url(images/brands/br_R_Banner1.jpg)}
.rachshei #frm7{padding-top:90px}
.rachshei #frm8{padding-top:80px}
.touch #frm2{background-image:url(images/brands/tc_T_Banner1.jpg)}
.shelem #frm2{background-image:url(images/brands/sh_S_Banner1.jpg)}
.frmBeforeAfter{background-color:rgba(255,255,255,0.90);height:100%;min-height:800px;position:relative;align-items:center;justify-content:space-between;flex-direction:row-reverse}
#frm3{min-height:900px}
#frm3 .frameText{flex:15%;margin:0 15% 0 7%}
#frm3 .mainVis{flex:40%}
#frm3 .mainVis img{max-width:80%}
#frm4{height:100%;align-items:center;justify-content:center;flex-direction:row-reverse;min-height:800px;height:747px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:contain}
.rachshei #frm4{background-image:url(images/brands/br_R_Img1.jpg)}
.touch #frm4{background-image:url(images/brands/tc_T_Img1.jpg)}
.shelem #frm4{background-image:url(images/brands/sh_S_Img1.jpg)}
.shelem #frm6{margin-top:40px}
.shelem #frm6 h3{margin-bottom:50px}
#frm5{align-items:flex-start;justify-content:flex-start;flex-direction:row-reverse;background-color:#e0f4ff;padding-bottom:100px;flex-grow:0;background:#fff;background:-moz-linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(203,246,255,1) 100%);background:-webkit-linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(203,246,255,1) 100%);background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(203,246,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cbf6ff",GradientType=1)}
#frm5 .frameText{flex:10%;margin:0 28% 0 10%;padding-top:25%}
.touch #frm5{background:#ececec;background:-moz-linear-gradient(180deg,rgba(255,255,255,1) 0%,#ececec 100%);background:-webkit-linear-gradient(180deg,rgba(255,255,255,1) 0%,#ececec 100%);background:linear-gradient(180deg,rgba(255,255,255,1) 0%,#ececec 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cbf6ff",GradientType=1)}
.shelem #frm5{background:#ececec;background:-moz-linear-gradient(180deg,rgba(255,255,255,1) 0%,#d8e6e8 100%);background:-webkit-linear-gradient(180deg,rgba(255,255,255,1) 0%,#d8e6e8 100%);background:linear-gradient(180deg,rgba(255,255,255,1) 0%,#d8e6e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cbf6ff",GradientType=1)}
#fonts{margin:800px 20px 0 90px}
#colors{margin:400px 0 0 35%;z-index:200;flex:15%}
#colors img{width:100%}
#baloon{position:absolute;width:330px;height:930px;top:100px;left:23%;z-index:0}
.frameText{font-family:'Heebo',sans-serif;font-size:1.5vw;line-height:40px;color:#7d7b7b;font-weight:300}
.ms-caption{font-family:'Heebo',sans-serif;font-size:1.7vw;line-height:40px;color:#fff;padding:0 20%;background-color:#ed008c;font-weight:500}
.frameText span{font-weight:500}
.portMain .headerImg{padding-top:0}
#frm6{padding-top:150px;background-color:rgba(255,255,255,0.85);width:100%}
.touch #frm6{min-height:800px}
#frm7{padding-top:70px;background-color:rgba(255,255,255,0.85);width:100%}
.touch #frm7{display:flex;flex-direction:column}
#frm8{padding-top:0;background-color:rgba(255,255,255,0.85);width:100%}
.touch #frm8{padding-top:130px}
#frm9{padding-top:0;background-color:rgba(255,255,255,0.85);width:100%;text-align:center}
#frm10{padding-top:0;background-color:rgba(255,255,255,0.85);width:100%}
#frm11{padding-top:0;background-color:rgba(255,255,255,0.85);width:100%;text-align:center}
.ms-info h3.frameText{font-size:1.5vw;text-align:center;margin-bottom:0}
.ms-info p.frameText{font-size:1vw;text-align:center;margin-top:0;font-weight:500;color:#269cc0}
.seperator{text-align:center;padding:70px 0;background-color:rgba(255,255,255,0.85);position:relative}
.rachshei .brandLogo{max-width:35%}
.frmBeforeAfter h3{font-family:'Heebo',sans-serif;font-size:20px;line-height:180%;text-align:center;font-weight:500;color:#056a97;margin:0}

@media (min-width: 1200px) {
    .logo .right:hover{background-color:#f4c5eb}
    .logo{width:25%!important;zoom:.7;top:3%!important}
    .logo .right{flex:30%;border:1px solid #ed008c}
    .rachshei .brandLogo{max-width:13%}
}
@media (max-width: 700px) {
    .logo .left{display:none}
    .rachshei #frm2{background:url(images/brands/br_R_Banner1_V.jpg);background-size:cover}
    .frm{flex-direction:column}
    #frm3 .mainVis{flex:unset;text-align:center;margin:120px 0 80px}
    .frameText{font-size:18px;line-height:35px}
    .rachshei #frm4{background-image:url(images/brands/br_R_Img1_V.jpg);height:300px;min-height:300px}
    .rachshei #frm3{min-height:700px}
    .rachshei #frm5{flex-direction:row;align-items:center;min-height:600px}
    .rachshei #frm7{background-color:#fff;padding-top:20px}
    .rachshei #frm7 #masterslider2{height:260px}
    #frm5 .frameText{flex:40%;margin:0 10%}
    #baloon{left:40%;top:30px}
    #colors{margin:0 0 0 50px;z-index:200;flex:40%}
    .imgBoxDiv{position:relative;text-align:center}
    .imgBoxDiv img{width:95%;margin:auto}
    .imgBoxDiv h4{font-size:15px;color:#fff;background-color:#ed008c;font-family:'Heebo',sans-serif;position:absolute;top:0;right:3%;padding:3px 13px}
    .frmBeforeAfter .slideInfo{padding:10%;color:#636363;padding-top:30px;font-family:'Heebo',sans-serif;font-size:16px;line-height:180%;text-align:center}
    .frmBeforeAfter .slideInfo h3{font-size:20px;font-weight:600;color:#ed008c;margin-bottom:0}
    .frmBeforeAfter .frameText{font-size:14px!important}
    .frmBeforeAfter{min-height:200px}
    .frmBeforeAfter h3{font-size:16px}
    .ms-skin-light-3 .ms-nav-next,.ms-skin-light-3 .ms-nav-prev{zoom:.7}
    .seperator{margin-top:0;background-color:rgba(255,255,255,0.85);z-index:900;position:relative}
    .seperator img{width:40%}
    .frmBeforeAfter img{max-width:100%}
    .shelem .logo .right{border:0}
    .shelem #frm4{background-image:url(images/brands/sh_S_Img1_V.jpg)}
    .shelem #frm5,.touch #frm5{flex-direction:row;min-height:500px;align-items:center}
    .shelem #frm5 #colors,.touch #frm5 #colors{margin:80px 0 0 60px;flex:30%}
    .shelem #frm5 .frameText,.touch #frm5 .frameText{margin-right:0}
    .shelem #frm6 h3,.touch #frm6 h3{margin-bottom:20px}
    .touch .logo .right{border:0}
    .touch #frm4{background-image:url(images/brands/tc_T_Img1_V.jpg)}
    .touch #frm6{min-height:200px}
    .touch #frm7,.touch #frm8{padding-top:0}
    }