body{font-family: 'Didot-HTF-L16-Light-Ital'; color: #081f2d;}
.passionLandingPage .videoSection{height: 700px; overflow: hidden; position: relative;}
.passionLandingPage .videohome{object-fit:cover; width: 100%; height: 100%;  position: relative;  z-index: -1;  transition: 1s; opacity:0;}
.passionLandingPage .videoSection img{height: 100%; object-fit: cover;}
.passionLandingPage .videoSection .playVideo{position: absolute; top: 0; left: 0; height: 100%; transition: 1s; width: 100%;}
.passionLandingPage .videoSection.hidevideo .videohome { opacity: 1;  z-index: 9;}
.passionLandingPage .logo {position: absolute; right:5%; top:5%;  width: auto; height: auto;}
.passionLandingPage .playIcon {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: auto; height: auto;}
.passionLandingPage  .videoSection span img{width: auto; height: auto; object-fit: inherit;}
.passionLandingPage{overflow: hidden;}
@media(min-width:980px){
 .container{max-width: 1600px;}
 }
.passionLandingPage .heroSection{position: relative;}
.passionLandingPage .heroSection .contentBlock{position: absolute; right:5%; top:8%; width: 595px; text-align: center;}
.passionLandingPage .heroSection .contentBlock .whiteBlock{width: 100%; padding: 25px 90px 60px; background: rgba(255, 255, 255, 0.6); font-size: 24px; position: relative;}
.passionLandingPage .heroSection .contentBlock p{margin-top: 15px; margin-bottom: 0;}
.passionLandingPage .heroSection .contentBlock .ringImg{margin-top: -45px; position: relative;}
.passionLandingPage .heroSection .contentBlock .whiteBlock:before{content: '';  position: absolute; left:25px; right:25px; top:-25px; bottom: -25px; border:2px solid #cadce9;}
.passionLandingPage .blueBg{background: #101f2d; color: #fff; font-size: 28px; padding: 40px 0;}
.passionLandingPage .diamondSection{background: #e4edf4; padding: 0 5%;}
.passionLandingPage .diamondSection .contentBlock{background: #d7e4ee; padding:120px 60px; height: 100%; font-size: 20px; }
.passionLandingPage .diamondSection .imgBlock{ padding:50px; }
.passionLandingPage .diamondSection .smallLogo{ margin-bottom: 30px; }
.passionLandingPage .diamondSection .imgBlock img{ max-width: 100%; }
img{max-width: 100%;}
.passionLandingPage .surpriseSixBlock { padding: 50px 0; }
.passionLandingPage .surpriseSixBlock .imgBlock { position: relative; }
.passionLandingPage .surpriseSixBlock .block1{display: inline-block; position: relative;}
.passionLandingPage .surpriseSixBlock .block1:before{content: '';  position: absolute; left:0px; right:-50px; top:25px; bottom: 25px;  border:2px solid #cadce9; border-left:none;}
.passionLandingPage .surpriseSixBlock .ring2{ max-width: 36%; position: absolute; right:10px; bottom:-50px; }
.passionLandingPage .surpriseSixBlock .contentBlock{ color: #313e4d; padding: 20px 80px 20px 0px; font-size: 24px; }
.title{font-size: 35px; text-transform: uppercase;  font-family: 'VisbyCF-Medium'; margin-bottom: 15px; letter-spacing: 1px;}
.passionLandingPage  .lightPerformance .contentBlock{font-size: 20px; padding: 0 50px;}
.passionLandingPage  .lightPerformance {border:2px solid #cadce9; padding: 40px 20px;}
.passionLandingPage  .secondHeroBlock.newBlock .contentBlock .whiteBlock{background: none; padding: 10px 60px 60px;}
.passionLandingPage .secondHeroBlock.newBlock .contentBlock{top:14%}
.passionLandingPage .promiseSection .contentBlueBg{ background: #101f2d; color: #fff; padding: 80px 40px; text-align: center;}
.passionLandingPage .promiseSection .contentBlueBg .title{ color: #fff; font-size: 29px; margin-bottom: 25px;}
.passionLandingPage .promiseSection .contentBlueBg p{font-size: 20px;}
.passionLandingPage .promiseSection .blueContent {background: #cadce9; color: #000; font-size: 24px; padding: 50px 50px 50px 80px; margin-left: -70px;}
.passionLandingPage .promiseSection .imgBlok{position: relative; z-index: 1;}
.passionLandingPage .promiseSection .leftBlock{padding:30px 50px 30px 100px;}
.passionLandingPage .homeProductSection .row{margin: 0 -11px;}
.passionLandingPage .homeProductSection .col-md-6{padding: 0 11px;}
.passionLandingPage .homeProductSection{background: #e4edf4; padding: 50px 80px;}
.passionLandingPage .homeProductSection .title{font-family: 'VisbyCF-Regular'; font-size: 46px; margin-bottom: 40px; letter-spacing: 1px; margin-top: -52px;}
.passionLandingPage .homeProductSection .productListing{border:2px solid #2b3946; padding: 25px; }
.passionLandingPage .homeProductSection .productListing .productBlock{position: relative; margin-bottom: 11px; overflow: hidden;}
.passionLandingPage .homeProductSection .title span{background: #e4edf4; position: relative;  display: inline-block; padding: 0 15px;}
.passionLandingPage .homeProductSection .productListing .productBlock span{opacity:1; position: absolute; bottom: -50px; left:50%; border:1px solid #fff; font-size: 24px; font-family: 'VisbyCF-Regular';display: inline-block; transition:all .6s ease-in-out 0s; transform: translate(-50%, -50%); letter-spacing: 1px; color: #fff; padding: 12px 60px; text-transform: uppercase;}
.passionLandingPage .homeProductSection .productListing .productBlock  a:before{opacity:0; background: rgba(16, 31, 45, .7); transition:all .3s ease-in-out 0s; position: absolute; top:0; bottom: 0; right:0; left:0; content: '';}
.secondHeroBlock{overflow: hidden;}
.passionLandingPage .homeProductSection .productListing .productBlock:hover  a:before{opacity:1;}
.passionLandingPage .homeProductSection .productListing .productBlock:hover span{opacity:1; bottom: 0;}
.passionLandingPage .homeForm {position: relative;}
.passionLandingPage .homeForm .contentBlock{position:absolute; top:50%; left:0; transform: translateY(-50%); width: 100%; max-width: 700px; background: rgba(255,255,255,.5); background: rgba(255,255,255,.5);}
.passionLandingPage .homeForm .contentBlock:before{content: '';  position: absolute; left:0; right:25px; top:-25px; bottom: -25px; border:2px solid #cadce9; border-left:0;}
.passionLandingPage .homeForm .whtieBg{position: relative; width: 100%; padding: 40px 80px 40px 250px;}
.passionLandingPage .homeForm .whtieBg p{ font-size: 24px; color: #313e4d; margin: 20px 0;}
.passionLandingPage .homeForm .whtieBg .input{ width: 100%; display: block; background: #fff; padding: 0 15px; font-size: 20px; height: 70px; line-height: 70px; border:1px solid #7e848b; color: #a5a7aa; font-family: 'VisbyCF-Regular';}
.passionLandingPage .homeForm .whtieBg .btn{background: #101f2d; color: #fff; font-size: 20px; padding: 10px 25px; border-radius:0; font-family: 'VisbyCF-Regular'; text-transform: uppercase; letter-spacing: 1px;}
.passionLandingPage .homeForm .whtieBg .btn:hover{background: #000;}
.homeForm .imgtop{position: absolute; left:20px; top:50%; transform: translateY(-50%);}
.landingSevenBlock{position: relative; }
.landingSevenBlock .grownForm{position:absolute; top:10%;}
.landingSevenBlock .contentBlock{font-size: 24px; padding: 50px;}
.passionLandingPage .lastBlock{position: relative;}
.passionLandingPage .lastBlock .contentBlock{position:absolute; right:5%; padding: 0 50px; color: #fff; top:50%; font-size: 20px; width: 500px;text-align: center;  transform: translateY(-50%);}
.passionLandingPage .lastBlock .contentBlock p{margin: 40px 0;}

@media(max-width:1100px){
    .passionLandingPage .videoSection{height: 550px;}
    .passionLandingPage .heroSection .contentBlock .whiteBlock{font-size: 20px; padding: 15px 40px 50px;}
    .passionLandingPage .diamondSection .contentBlock{padding: 50px;}
    .passionLandingPage .diamondSection .contentBlock, .passionLandingPage .promiseSection .blueContent, .passionLandingPage .homeForm .whtieBg p, .passionLandingPage .lastBlock .contentBlock{font-size: 18px;}
    .passionLandingPage .surpriseSixBlock .block1{width: 80%;}
    .passionLandingPage .lightPerformance .contentBlock, .passionLandingPage .promiseSection .leftBlock{padding: 0;}
    .passionLandingPage .promiseSection .contentBlueBg{padding: 30px;}
    .passionLandingPage .homeForm .whtieBg{padding-right: 30px; position: relative;}
    .passionLandingPage .homeForm .whtieBg .input{height: 50px; line-height: 50px;}
    .passionLandingPage .homeForm .whtieBg img, .bottomLogo{max-width: 40%;}
    .landingSevenBlock .contentBlock{font-size: 20px;}
    .landingSevenBlock .grownForm{top:6%}
    .landingSevenBlock .imgBlock img{max-width: 80%;}
}
@media(max-width:1000px){
    .container{width: 100%; max-width: 100%;}
    .passionLandingPage .videoSection .logo img{max-width: 60%;}
    .passionLandingPage .logo{text-align: right;}
    .passionLandingPage .heroSection .contentBlock .ringImg{max-width: 30%;}
    .passionLandingPage .secondHeroBlock .whiteBlock img{max-width: 30%;}
    .passionLandingPage .heroSection .contentBlock{left:50%; right:inherit; top:50%; transform: translate(-50%, -50%);}
    .passionLandingPage .diamondSection .contentBlock{padding: 15px;}
    .passionLandingPage .surpriseSixBlock .contentBlock{padding: 20px; font-size: 18px;}
    .passionLandingPage .lightPerformance .contentBlock, .passionLandingPage .promiseSection .contentBlueBg p{font-size: 18px;}
    .title, .passionLandingPage .promiseSection .contentBlueBg .title{font-size: 24px;}
    .passionLandingPage .secondHeroBlock.newBlock .contentBlock{top:50%;}
    .passionLandingPage .homeProductSection .productListing .productBlock span{font-size: 16px;}
    .homeForm .imgtop{max-width: 20%;}
    .passionLandingPage .homeForm .whtieBg{padding-left: 200px;}
    .passionLandingPage .homeForm .whtieBg img, .bottomLogo{max-width: 30%;}
    .passionLandingPage .homeProductSection .productListing .productBlock span{display: none;}
    .passionLandingPage .homeForm .whtieBg p{margin: 10px 0;}
    .passionLandingPage .homeForm .whtieBg .input{height: 45px; line-height: 45px;}
    .landingSevenBlock .contentBlock{padding: 25px;}
    .passionLandingPage .lastBlock .contentBlock{text-align: center; width: 100%; right:inherit}
    .passionLandingPage .lastBlock .bottomImg{max-width: 30%;}
    
}
@media(max-width:766px){
    .passionLandingPage .videoSection{height: auto;}
    .passionLandingPage .videoSection .logo img{max-width: 54%;}
    .passionLandingPage .heroSection .contentBlock{max-width: 332px; left: inherit; right: 5%; transform:inherit; top:10%;}
    .passionLandingPage .heroSection .contentBlock .ringImg{max-width: 100%;}
    .passionLandingPage .secondHeroBlock .whiteBlock img{max-width: 80%;}
    .passionLandingPage .heroSection .contentBlock .whiteBlock{font-size: 21px;}
    .secondHeroBlock{margin-top: -8px;}
    .passionLandingPage .blueBg{font-size: 32px; padding: 40px 15px;}
    .passionLandingPage .diamondSection{padding-top: 40px; padding-bottom: 15px;}
    .passionLandingPage .diamondSection .imgBlock{padding: 25px 0;}
    .passionLandingPage .surpriseSixBlock{padding: 0;}
    .passionLandingPage .surpriseSixBlock .block1{width:100%;}
    .passionLandingPage .surpriseSixBlock .contentBlock{display: flex; padding-left: 0; padding-bottom: 0; align-items: center; font-size: 20px;}
    .passionLandingPage .surpriseSixBlock .ring2{position: static; max-width: 60%; margin-left: -135px;}
    .passionLandingPage .lightPerformance .contentBlock{padding: 20px 0;}
    .title, .passionLandingPage .promiseSection .contentBlueBg .title{font-size: 31px;}
    .passionLandingPage .surpriseSixBlock .block1 img{width: 100%;}
    .passionLandingPage .surpriseSixBlock .block1:before{content: '';  position: absolute; left:25px; right:25px; top:25px; bottom: 25px;  border:2px solid #cadce9 !important; }
    .passionLandingPage .secondHeroBlock.newBlock .contentBlock{margin-top: 40px; position: relative; width: 84%; max-width: 100%; transform: translateX(-50%);left: 50%;}
    .passionLandingPage .secondHeroBlock.newBlock .contentBlock .whiteBlock{  border:2px solid #cadce9; padding-left: 30px; padding-right: 30px;}
    .passionLandingPage .secondHeroBlock.newBlock .heroSection .contentBlock .whiteBlock:before{display: none;}
    
    .passionLandingPage .promiseSection .imgBlok{padding: 0 10%; text-align: center;}
    .passionLandingPage .promiseSection .blueContent{width: 45%; margin: 0 auto; margin-top: -80px; padding-top: 120px; padding-left: 15px; padding-right: 20px; text-align: center !important;}
    .passionLandingPage .promiseSection .leftBlock{margin-bottom: 50px;}
    .passionLandingPage .homeProductSection{padding: 50px 15px;}
    .passionLandingPage .homeProductSection .title{font-size: 40px;}
    .passionLandingPage .homeProductSection .productListing{padding: 25px 15px;}
    .passionLandingPage .homeForm .contentBlock, .passionLandingPage .landingSevenBlock .grownForm{position: static; transform:inherit; padding: 15px; margin-top: 25px; }
        .passionLandingPage .homeForm .contentBlock:before{display: none;}
        .passionLandingPage .landingSevenBlock .grownForm{margin-top: 0;}
    .passionLandingPage .homeForm .whtieBg{padding:25px; border:2px solid #cadce9;}
    .passionLandingPage .homeForm .whtieBg img, .bottomLogo, .landingSevenBlock .imgBlock img{max-width: 100%;}
    .passionLandingPage .homeForm .contentBlock p{font-size: 26px;}
    .passionLandingPage .homeForm .whtieBg .input{height: 70px; line-height: 70px;}
    .landingSevenBlock .imgBlock{padding: 0 20px;}
    .passionLandingPage .lastBlock .contentBlock{padding-left: 150px;}
    .passionLandingPage .lastBlock .contentBlock p{margin: 20px 0;}
    img.bottomLogo, .passionLandingPage .lastBlock .bottomImg{max-width: 80%;}
    .passionLandingPage .heroSection{font-size: 26px;}
    
}
@media(max-width:450px){
    .passionLandingPage .heroSection .contentBlock .ringImg{max-width: 80%;}
     .passionLandingPage .lastBlock .contentBlock{padding-left: 70px;}
    .passionLandingPage .diamondSection .smallLogo{max-width: 70%;}
    .passionLandingPage .surpriseSixBlock .ring2{max-width: 50%; margin-left: -80px;}
     .passionLandingPage .promiseSection .blueContent{width: 68%;}
      .passionLandingPage .homeForm .contentBlock p{font-size: 20px;}
     .passionLandingPage .homeProductSection .title{font-size: 24px; margin-top: -44px;}
      img.bottomLogo, .passionLandingPage .lastBlock .bottomImg{max-width: 80%;}
}