@import url('https://fonts.cdnfonts.com/css/avenir-lt-std?styles=15286,15281,15283,15279');


:root {
  --red: #DA2168;
  --darkRed: #bc1554;
}

button:focus, input:focus {outline: none;}
.btn:focus {box-shadow: none;}
body {font-size:14px; background: #000; color: #ffffff; font-family: 'Avenir LT Std', sans-serif;}
h1,h2,h3,h4 {font-family: 'Avenir LT Std', sans-serif; font-weight: 600;}
img {max-width: 100%;}
.wrapper {position: relative; min-height: 100vh;
	/*background: url(../images/main-bg.jpg) no-repeat center / cover;*/
	background:#000;}
.wrapper:before {content:""; background: url(../../images/video-landing-page/pattern-01.png) top left; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;z-index: 2; opacity: 0.7;}
.wrapper:after {content:""; /*background: url(../images/pink-bg.png) top right / cover;*/
	background:linear-gradient(#da2168,#a20742); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;z-index: 2; opacity: 0.1;}
.bgVideo {width: 100%; height: 100vh; position: fixed; left: 0px; top: 0px; opacity: 0.6; z-index: 1; overflow: hidden;}
.bgVideo video {object-fit: cover; width: 100vw; height: 126vh; position: relative; top: -13vh;}
.container-flude {max-width: 1490px; margin: 0px auto; width: calc(100% - 180px); position: relative;z-index: 3;}
.container {max-width:1170px;width: calc(100% - 100px);}




.header {padding: 25px 0px 2px 0px;margin-bottom: 20px; }
.logo {margin: 10px 0px 0px 0px; max-width: 260px;}
.logo a {display: inline-block; max-width: 100%;}


.headerFix {background:#3f3f3f; transition: all .1s linear;padding: 2px 0px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 11;margin-bottom:0px;}
.headerFix .logo img {max-height:30px;}

.header .container-flude {position: relative;z-index: 5;}
.header .col {position: inherit;}
.mainNav {text-align: right;}
.mobileNavBtn:focus {outline: none;box-shadow: none;}
.mobileNavBtn {display: none; border: none; cursor: pointer; margin-top: 3px; float:right; width: 28px; height: 28px;border-radius: 0px; background: none; position: relative; z-index: 99;}
.mobileNavBtn span { width: 100%; left: 0px; top: 9px; height: 3px; background:#ffffff; position: absolute; transition: all 0.3s linear; border-radius: 2px;}
.mobileNavBtn span:nth-child(2) {top: 0px;}
.mobileNavBtn span:nth-child(3) {top: 18px;}
.openNav {overflow: hidden;}
/*.openNav .mobileNavBtn {position: relative; right: 280px;}*/
.openNav .mobileNavBtn span:nth-child(2){display: none;}
.openNav .mobileNavBtn span:nth-child(1){transform:rotate(45deg)}
.openNav .mobileNavBtn span:nth-child(3){transform:rotate(-45deg); top: 9px;}

@media (min-width: 1024px) {
	.navigation {font-size: 16px; font-weight: 300; z-index: 2;}
	.mobileNav {display: none;}
	.navigation>ul {padding: 0px; margin:2px 0px 2px 0px; list-style: none;}
	.navigation>ul>li {display: inline-block; vertical-align: middle; line-height: 1; padding: 0px 10px;}
	.navigation>ul>li>a {color: #ffffff; text-decoration: none; padding: 4px 5px; display: inline-block;position: relative;}
	.navigation>ul>li>a:hover {text-decoration: none; color: #ffffff;}

}
.navBottom {display: none;}
@media (max-width: 1025px) {
	.mobileNavBtn {display: block;}
	.navMain {text-align: right; position: relative;margin: 7px 15px 3px 0px;display: inline-block;width: 100%;}
    .navigation {position: fixed; top: 0px;width:100%;bottom: 0px;background:#0f1016; z-index: 100; max-height: 100%; overflow-y: auto; right: -105%; transition: right 0.3s linear;  max-width: 280px;}
    .openNav .navigation {right: 0px;}	
	.mobileNav {display: block;}
	.desktopNav {display: none;}
    .navigation>ul {margin: 0px; padding:10px 0px 10px 0px; list-style: none; font-size:16px;min-height: calc(100vh - 110px);}
    .navigation>ul>li {display: block;text-align: left;}
    .navigation>ul>li>a {padding:10px 20px; display: block; color: #ffffff; text-decoration: none;}
    .navigation>ul>li.iconNav>a {display:block; opacity:1;}

    .openNav .overLay {display: block; position: fixed; top: 0px; left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1;}

    .navBottom {text-align: center;background:#0f1016; display: block;}
    .navBottom .img { max-width: 60px;}
    .navBottom .text {color: #66676c;padding:10px 30px 30px 30px;line-height: 1.3;font-size: 12px;}
}

.bannerText {padding:60px 0px; min-height: calc(100vh - 370px);max-width: 480px;}
@media(max-width: 1500px) {
	.bannerText {max-width: 400px;}
}
.bannerText .textB {font-size: 16px; padding: 15px 0px 30px 0px; position: relative;}
.bannerText .textC {padding: 15px 0px;}
.bannerText .textC .btnA {box-shadow: 0px 10px 43px 0px rgba(142, 22, 67, 0.6); border-radius: 25px; padding: 16px 65px 16px 45px; color: #ffffff; font-size: 16px; background: var(--red); position: relative; text-decoration: none; margin-right: 30px;}
.bannerText .textD {color:#ff6ca5;}
.bannerText .textC .btnA:before {content: ""; width: 18px; height: 16px; background: url(../../images/video-landing-page/02.png) no-repeat 0px 0px; position: absolute; right: 39px; top: 18px;}
.textC .btnA:hover {background: var(--darkRed);}
.textC .btnB { padding:0px 24px 0px 0px; color:#ffffff; font-size: 16px; position: relative; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px;}
.textC .btnB:before {content: ""; width: 18px; height: 16px; background: url(../../images/video-landing-page/02.png) no-repeat 0px 0px; position: absolute; right:0px; top: 3px; transition:right 0.2s linear}
.textC .btnB:hover {color:#ffffff;}
.textC .btnB:hover:before {right: -4px;}
.mac .bannerText .textC .btnA:before {top: 16px;}
.mac .textC .btnB:before {top:0px;}

.footer {position: relative;}
.footerText {position: relative; padding-top:96px;}
.footerText .textA {font-size: 16px; color: #ffffff; padding:0px 0px 0px 50px; margin-bottom: 20px; position:relative; font-weight: 600; line-height: 1.2;}
.footerText .playBtn{width:32px;cursor: pointer; position: absolute;left:0px; top: 3px;}
.footerText .textB {font-size: 18px; color: #ffffff; padding:0px 0px 0px 12px; border-left:solid 2px var(--red); line-height: 1.2; margin:0px 0px 0px 15px;}
.footerText .textB small {font-size: 14px; font-weight: 300; opacity: 0.6;}
.footerText .textC {font-size: 14px; color: #ffffff; padding:10px 0px 30px 30px; }
.footerText .textC strong {font-weight: 700;}
.footerText .textC a {color: #ffffff; text-decoration: underline; font-weight: 300;}

.galleryTop {position: relative; padding-bottom: 20px;max-width: 730px; margin-left: auto;}
.galleryTop .textA {font-size: 18px;line-height: 1.2;}
.galleryTop .textA strong {font-weight: 700;}
.galleryTop .textA small {font-weight: 300;}
.galleryTop .textA .arrow {position: absolute; left:190px; top:5px;}
.galleryTop .textA .arrow.aa {left: 210px;}
.galleryTop .textA .arrow.bb {left: 320px;}
.galleryTop .textA .arrow.cc {left: 480px; opacity: 0.5;}

.galleryBlock {width: calc(100% + 90px);}
.galleryRow {display: flex; flex-wrap: nowrap;}
.galleryItem {flex:0 0 210px; margin-right: 21px;}
.galleryImg {position: relative;}
.galleryImg .img {border-radius: 5px; box-shadow: 0px 0px 10px rgba(0,0,0.5);}
.galleryImg .icon {position: absolute; bottom: 5px; right:7px; max-width: 34px; max-height:38px;}
.galleryImg .icon2 {position: absolute; top:calc(50% - 10px); left: -34px; width: 46px; z-index: 1;}
.galleryItem h4 {margin: 8px; font-size: 14px;font-weight: 400;}
.galleryItem h4 strong {font-weight: 700; font-size: 16px;}
#gallerySlider {max-width: 820px; margin-left: auto;}
#gallerySlider .active .icon2 {display: none;}
#gallerySlider .active ~ .active .icon2 {display: inline-block;}


@media(min-width: 1700px) {
	.footer {overflow: hidden;}
	.footer .row {flex-wrap: nowrap;}
	.galleryBlock {width: 66.66vw;}
	.galleryTop {max-width: 820px;}
}

















/*.playBtn:after, .playBtn:before{border-color:var(--red);content:'';border:1px solid;border-color:inherit;width:150%;height:150%;border-radius:100px;position:absolute;left:-25%;top:-25%;opacity:1;animation:1s videomodule-anim linear infinite;}
.playBtn{color:var(--red);width:30px;border-radius:50%;text-align:center;line-height:30px;outline:0;cursor:pointer;display:inline-block; transition:.15s ease-in-out; transition-property:color, background, border-color; position: absolute; left:calc(50% - 15px); top: calc(50% - 15px);}
.playBtn:before{animation-delay:.5s;}*/
/*.playBtn{width:20px;line-height:20px; display: inline-block; vertical-align: top; margin:2px 0px 0px 5px; cursor: pointer;}
.mac .playBtn {margin:0px 0px 0px 5px;}*/

#videoPopUp .modal-dialog {max-width: 800px;}
#videoPopUp .modal-body {padding:0px;}
#videoPopUp .modal-content {background: none; border:none; border-radius: 0px;}
#videoPopUp .close {position: absolute; right:1px; top: 1px; background: var(--red); color: #ffffff; z-index: 1; width: 30px; height: 30px;line-height: 28px; z-index: 11;}
#videoPopUp video {height: auto; width: 100%;}
.modal-backdrop.show {opacity: 0.8;}


.visM {display: none;}
@media (max-width: 767px) {
	.visM {display: block;}
	.visD {display: none;}

	.container-flude {width: calc(100% - 50px);}
	.container {width:100%;}

	.header {padding: 15px 0px 15px 0px;margin-bottom: 0px;}
	.logo {margin:5px 5px 0px 0px; max-width:220px;}
	.footerText {margin-left: 2px; padding:45px 0px 10px 0px;}


	.bannerText {padding:40px 0px 0px 0px; min-height: calc(100vh - 460px);}
	.bannerText .textA {max-width: 270px;}
	.bannerText .textB {font-size: 14px; padding: 10px 0px 20px 0px; margin-bottom: 20px;}
	.bannerText .textC {padding:2px 0px 12px 0px;}
	.bannerText .textC .btnA {box-shadow: 0px 5px 23px 0px rgba(142, 22, 67, 0.6); border-radius: 20px; padding: 13px 45px 12px 25px; font-size: 14px; margin-right: 0px;}
	.bannerText .textC .btnA:before {right:20px; top: 12px;}
	/*.bannerText .textD {margin-bottom: 20px;}*/

	.textC .btnB {padding:0px 24px 0px 0px; font-size: 14px;}
	.textC .btnB:before { top:0px;}
	.mac .bannerText .textC .btnA:before {top: 15px;}
	.mac .textC .btnB:before {top:1px;}

	.footerText .textA {font-size: 14px;margin-bottom: 15px;margin-left: -7px;}
	.footerText .textB {font-size: 15px;}
	.footerText .textB small {font-size: 13px;}
	.footerText .textC {font-size: 14px; padding:0px;}
	.footerTextMM {padding: 0px 0px 20px 0px;}

	.playBtn {margin: 0px 0px 0px 4px;}
	.mac .playBtn {margin:-2px 0px 0px 5px;}
	#videoPopUp video {min-height: 320px; object-fit: cover;}


	.galleryBlock {width: calc(100% + 24px); margin-bottom: 10px;}
	.galleryItem {flex:0 0 210px;}
	.galleryTop .textA .arrow.bb, .galleryTop .textA .arrow.cc {display: none;}









}	








 
.eleScroll::-webkit-scrollbar {width: 8px; height: 8px;}
.eleScroll::-webkit-scrollbar-track {background: #f1f1f1; }
.eleScroll::-webkit-scrollbar-thumb {background: #888; }


.modal-dialog {min-height: calc(100vh - 60px); display: flex; flex-direction: column; justify-content: center; overflow: auto; }
@media(max-width: 768px) {
  .modal-dialog {min-height: calc(100vh - 20px); }
}