@charset "utf-8";

/* CSS Document */

*{margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

a, a:hover{text-decoration:none; -moz-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; transition: all ease-in-out .5s;}

img{max-width:100%;}

body{font-family: 'Lato', sans-serif !important;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b199f3+0,ffd0e1+100 */

background: #b199f3 !important; /* Old browsers */

background: -moz-linear-gradient(left, #b199f3 0%, #ffd0e1 100%)  !important; /* FF3.6-15 */

background: -webkit-linear-gradient(left, #b199f3 0%,#ffd0e1 100%)  !important; /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #b199f3 0%,#ffd0e1 100%)  !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b199f3', endColorstr='#ffd0e1',GradientType=1 )  !important; /* IE6-9 */}

.mainWrapper{width:calc(100% - 40px);  border-radius:16px; box-shadow:0 0 40px rgba(0,0,0,.15); height:calc(100vh - 80px); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d3e7ff+0,e1ccfa+100 */

background: #d3e7ff; /* Old browsers */

background: -moz-linear-gradient(top,  #d3e7ff 0%, #e1ccfa 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #d3e7ff 0%,#e1ccfa 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #d3e7ff 0%,#e1ccfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e7ff', endColorstr='#e1ccfa',GradientType=0 ); /* IE6-9 */ position:relative; margin:40px auto;}

.mainHeader{position:absolute; top:0; left:0; width:100%; border-bottom:1px solid rgba(55,24,114,.1); display:inline-block;}

.logoLeft{width:258px;display:inline-block; float:left;border-right:1px solid rgba(55,24,114,.1); padding:15px 0 10px 30px;}

.logoLeft img{max-height: 45px;}

.menuRight{width:280px; float:right; display:inline-block; margin-bottom:0;}

.menuRight li{display:inline-block;width:18%; float:left; height:68px; text-align:center;}

.menuRight li:last-child{width:28%;}

.menuRight li a{width:40px; height:40px;display:inline-block; font-size:25px;  color:#7c76a6; margin:15px 0;}

.menuRight li a svg, .menuRight li a img{-webkit-filter:drop-shadow(0 7px 16px rgba(0,0,0,.1)); filter:drop-shadow(0 7px 16px rgba(0,0,0,.1));}

.menuRight li:last-child{border-left:1px solid rgba(55,24,114,.1);}

.menuRight li a:hover{opacity:.7;}

.menuIcons{width:140px; display:none; float:right;}

.menuIcons li{width:50%; float:left; display:inline-block;}

.menuIcons li a{width:100%; display:inline-block;font-size:18px; text-shadow:0 0 14px rgba(0,0,0,.1); padding:15.5px 0;color:#7c76a6; text-align:center;}

.menuIcons li a:hover{opacity:.7; text-decoration:none;}

.menuIcons li a i{margin-right:5px;}

.headingMiddle{width:calc(100% - 538px); float:left; padding-left:45px; padding-top:18px;}

.headingMiddle h1{font-size:26px; font-weight:600; margin-bottom:0; color:#7c76a6;}

/*.headingMiddle h1 span{font-weight:300;}*/

.menuSidebar{width:258px; display:inline-block; position:absolute;top:69px; left:0; height:calc(100vh - 159px); overflow-y:auto; padding-bottom:20px; border-right:1px solid rgba(55,24,114,.1);}

.menuSidebar ul, .menuSidebar ul li{width:100%; display:inline-block;}

.menuSidebar ul li{float:left; margin: 4px 0;}

.menuSidebar ul{margin-bottom:0;}

.menuSidebar ul li a{width:100%; display:inline-block; float:left; font-size:14px; padding:5px 10px 5px 20px; color:#59418e; border-left:2px solid transparent; font-weight: 600;font-family: 'Lato', sans-serif !important;}

.menuSidebar ul li a span{display:inline-block; width:21px; height:20px; background:url(../img/sprite.png) no-repeat; float:left; margin-right:10px;}

.menuSidebar ul li a svg{display:inline-block; float: left; margin-right: 10px;}

.menuSidebar ul li:nth-child(1) a span{background-position:-11px -50px;}



.menuSidebar ul li:nth-child(3) a span{background-position:-51px -50px;}

.menuSidebar ul li:nth-child(4) a span{background-position:-91px -50px;}

.menuSidebar ul li:nth-child(5) a span{background-position:-131px -50px;}

.menuSidebar ul li:nth-child(6) a span{background-position:-171px -50px;}

.menuSidebar ul li:nth-child(7) a span{background-position:-211px -50px;}

.menuSidebar ul li:nth-child(9) a span{background-position:-251px -50px;}

.menuSidebar ul li:nth-child(10) a span{background-position:-291px -50px;}

.menuSidebar ul li:nth-child(12) a span{background-position:-251px -50px;}

.menuSidebar ul li:nth-child(13) a span{background-position:-291px -50px;}

.menuSidebar ul li:nth-child(14) a span{background-position:-331px -50px;}

.menuSidebar ul li:nth-child(15) a span{background-position:-331px -50px;}

.menuSidebar ul li a:hover, .menuSidebar ul li a.active{text-decoration:none; opacity:.7;background:#fcfbfa; border-color:#371872;}

.menuSidebar ul li:first-child a{font-size:18px; font-weight:700; color:#371872; padding:10px 10px 5px 20px; text-transform: uppercase;}

.menuSidebar ul li:first-child a svg{margin-top: 6px;}

.menuSidebar ul li:first-child a i, .menuSidebar ul li.headMenu a i{color:#817daa;}

.menuSidebar ul li:first-child{padding:10px 0 0; margin:0;}

.menuSidebar ul li.headMenu a{font-size:18px; font-weight:700; color:#371872;}

.menuSidebar ul li.headMenu{padding-top:5px;}

/* width */

::-webkit-scrollbar {width: 5px;}

/* Track */

::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 30px;}

/* Handle */

::-webkit-scrollbar-thumb {background: #7c76a6;border-radius: 30px;}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {background: #371872;}

.body_container{width:calc(100% - 258px); float:right;height:calc(100vh - 151px); overflow-y:auto; margin-top:69px; padding:30px 35px;}

.noPaddingLeft{padding-left:0 !important;}

.noPaddingRight{padding-right:0 !important;}

.noPadding{padding:0 !important;}

.videoMain{width:100%; display:inline-block; background:rgba(255,255,255,.4); padding:10px; border-radius:6px; -moz-box-shadow:0 0 24px rgba(0,0,0,.1); -webkit-box-shadow:0 0 24px rgba(0,0,0,.1); box-shadow:0 0 24px rgba(0,0,0,.1); text-align:center;}

.videoInner{width:100%; display:inline-block; background:#fff; padding:10px; border-radius:6px; float:left;-moz-box-shadow:0 0 24px rgba(0,0,0,.1); -webkit-box-shadow:0 0 24px rgba(0,0,0,.1); box-shadow:0 0 24px rgba(0,0,0,.1);}

.videoInnerMost{width:100%; display:inline-block;height:calc(100vh - 460px); position:relative; border-radius:6px;-moz-box-shadow:0 0 24px rgba(0,0,0,.1); -webkit-box-shadow:0 0 24px rgba(0,0,0,.1); box-shadow:0 0 24px rgba(0,0,0,.1); float:left;}

.videoInnerMost iframe{width:100%; height:100%; position:absolute; border:none; top:0; left:0; z-index:1;}

.buttonAll{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b71a6+0,a096ce+100 */

background: #7b71a6; /* Old browsers */

background: -moz-linear-gradient(left, #7b71a6 0%, #a096ce 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #7b71a6 0%,#a096ce 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #7b71a6 0%,#a096ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b71a6', endColorstr='#a096ce',GradientType=1 ); /* IE6-9 */ -moz-box-shadow:0 6px 14px rgba(0,0,0,.21); -webkit-box-shadow:0 6px 14px rgba(0,0,0,.21); box-shadow:0 6px 14px rgba(0,0,0,.21); color:#fff;}

.buttonAll:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a096ce+0,7b71a6+100 */
color: #d0e0fa;
background: #a096ce; /* Old browsers */

background: -moz-linear-gradient(left, #a096ce 0%, #7b71a6 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #a096ce 0%,#7b71a6 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #a096ce 0%,#7b71a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a096ce', endColorstr='#7b71a6',GradientType=1 ); /* IE6-9 */-moz-box-shadow:0 6px 14px rgba(0,0,0,.31); -webkit-box-shadow:0 6px 14px rgba(0,0,0,.31); box-shadow:0 6px 14px rgba(0,0,0,.31);}

.videoMain a{font-size:16px; display:inline-block; clear:both; padding:10px 40px; border-radius:3px; margin:15px 0 5px;}

.videoMain a:hover{text-decoration:none; color:#fff;}

.playIcon{width:87px; height:87px; display:inline-block; background:rgba(124, 120, 166, .33); border-radius:50%; color:#fff; position:absolute; top:50%; left:50%; -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.playIcon span{width:67px; height:67px; display:inline-block; border-radius:50%;background:rgba(124, 120, 166, .5); margin:10px 0 0; line-height:67px; }

.playIcon:hover{color:#FFF;background:rgba(124, 120, 166, .5);}

.playIcon:hover span{background:rgba(124, 120, 166, .9); -moz-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; transition: all ease-in-out .5s;}

.factsMain{width:100%; display:inline-block; background:rgba(255,255,255,.4); padding:10px; border-radius:6px; -moz-box-shadow:0 0 24px rgba(0,0,0,.1); -webkit-box-shadow:0 0 24px rgba(0,0,0,.1); box-shadow:0 0 24px rgba(0,0,0,.1); text-align:center; margin-bottom:10px;}

.factsMain:last-child{margin-bottom:0;}

.factsInner{width:100%; display:inline-block; background:url("../img/facts-bg-one.png") no-repeat center #fff; background-size: cover; padding:0px 10px; border-radius:6px; float:left;-moz-box-shadow:0 0 24px rgba(0,0,0,.1); -webkit-box-shadow:0 0 24px rgba(0,0,0,.1); box-shadow:0 0 24px rgba(0,0,0,.1); color:#7c76a6; font-size:22px; height:calc((100vh - 311px)/3); position: relative; max-height:152px;}

.factsMain:nth-child(2) .factsInner{background: url("../img/facts-bg-two.png") no-repeat center #fff; background-size: cover;}

.factsInner > div span{width:40px; height:40px; display:inline-block; background:url(../img/sprite.png) no-repeat;}

.factsMain:nth-child(1) .factsInner > div span{background-position:-200px 0;}

.factsMain:nth-child(2) .factsInner > div span{background-position:-280px 0;}

.factsMain:nth-child(3) .factsInner > div span{background-position:-360px 0;}

.factsInner h2{font-weight:700; margin-bottom:0;font-size:35px; padding-top:3px; text-align: left; padding: 10px 10px 0 10px;}

.factsInner h2 img{margin-right: 10px;}

.factsMain:nth-child(2) .factsInner h2{text-align: right;}

.factsMain:nth-child(2) .factsInner h2 img{margin-right: 0; margin-left: 10px;}

.factsInner p{width: 100%; font-size: 26px; margin-top: 30px; font-weight: 300; text-align: right; padding: 0 20px; position: absolute; left: 0; bottom: 0; margin-bottom: 5px;}

.factsMain:nth-child(2) .factsInner p{text-align: left;}

/* ------ signIn Page ------ */

body.signInPage{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3e7ff+0,e1ccfa+100 */

background: #d3e7ff; /* Old browsers */

background: -moz-linear-gradient(left, #d3e7ff 0%, #e1ccfa 100%); /* FF3.6-15 */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d3e7ff), color-stop(100%,#e1ccfa)); /* Chrome4-9,Safari4-5 */

background: -webkit-linear-gradient(left, #d3e7ff 0%,#e1ccfa 100%); /* Chrome10-25,Safari5.1-6 */

background: -o-linear-gradient(left, #d3e7ff 0%,#e1ccfa 100%); /* Opera 11.10-11.50 */

background: -ms-linear-gradient(left, #d3e7ff 0%,#e1ccfa 100%); /* IE10 preview */

background: linear-gradient(to right, #d3e7ff 0%,#e1ccfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e7ff', endColorstr='#e1ccfa',GradientType=1 ); /* IE6-9 */}

.signInRight{width:64%; float:right; display:inline-block;height:calc(100vh - 90px); background:url(../img/signIn-right.jpg) no-repeat center; background-size:cover; text-align:center;}

.signInRight a{position:relative; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); display:inline-block; max-width:90%;}

body.signInPage .mainWrapper{border-radius:0;}

body.signInPage .mainWrapper:after, body.signInPage .mainWrapper:before{width:35%; height:50%; background:#fff; -moz-box-shadow:0 0 24px rgba(0,0,0,.3); -webkit-box-shadow:0 0 24px rgba(0,0,0,.3); box-shadow:0 0 24px rgba(0,0,0,.3); position:absolute; content:''; z-index:-1;}

body.signInPage .mainWrapper:before{left:-35px; top:-35px;}

body.signInPage .mainWrapper:after{right:-35px; bottom:-35px;}

.signInLeft{width:36%; float:left; display:inline-block; height:calc(100vh - 90px); background:#fff; padding:0 40px;}

.signInLeft > div {position:relative; top:50%; -moz-transform:translateY(-45%); -webkit-transform:translateY(-45%); transform:translateY(-45%); text-align:center;}

.signInLeft form{width:100%; display:inline-block; padding-top:40px;}

.signInLeft form input, .signInLeft form button{width:100%; display:inline-block;}

.signInLeft form input:focus, .signInLeft form button:focus{outline:none;}

.signInLeft form input[type=text], .signInLeft form input[type=password]{ background:#eeeeee; border:none; padding:0 10px; height:60px; margin-bottom:20px; border-radius:3px;}

.signInLeft form ul{width:100%; display:inline-block;}

.signInLeft form ul li{width:50%; float:left; display:inline-block; text-transform:uppercase; font-size:13px;}

.signInLeft form ul li label input{display:none;}

.signInLeft form ul li label{text-align:left; float:left; line-height:16px; color:#281d65; cursor:pointer; font-weight:600;}

.signInLeft form ul li label span{ width:16px; height:16px; background:#fff; border:1px solid #c0c0c0; display:inline-block; float:left; margin-right:5px; border-radius:2px; -moz-box-shadow: inset 0 6px 6px rgba(0,0,0,.08); -webkit-box-shadow: inset 0 6px 6px rgba(0,0,0,.08); box-shadow: inset 0 6px 6px rgba(0,0,0,.08); position:relative;}

.signInLeft form ul li label span:after{position:absolute; top:50%; left:50%; -moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:600; display:none;}

.signInLeft form ul li label input:checked + span:after{display:inline-block;}

.signInLeft form ul li a{color:#5f5f5f; float:right;}

.signInLeft form ul li a:hover{text-decoration:none; opacity:.6;}

.signInLeft form input[type=submit], .signInLeft form input[type=button], .signInLeft form button{border:none; text-transform:uppercase; font-size:16px; padding:10px 0; cursor:pointer; margin-bottom:20px; border-radius:3px;}

.signInLeft > div > a{color:#281d65; font-size:13px; text-transform:uppercase; font-weight:600;}

.signInLeft > div > a:hover{text-decoration:none; opacity:.6;}

/* ------ click bank products ------ */

.searchForm{width:100%; display:inline-block; font-size:16px; color:#371872; position:relative;}

.searchForm i{position:absolute; top:50%; left:10px; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#817daa;}

.searchForm input{width:100%; height:50px; padding:0 10px 0 40px; background:none; border:none;font-size:16px; color:#371872; }

.searchForm input:focus{outline:none; background:rgba(129, 125, 170,.2); border-radius:3px;}

.searchForm input{outline:none; background:rgba(129, 125, 170,.2); border-radius:3px;}

.mainBackCont{width:100%; display:inline-block; background:rgba(255,255,255,.4); padding:10px; border-radius:6px; -moz-box-shadow:0 0 24px rgba(0,0,0,.1); -webkit-box-shadow:0 0 24px rgba(0,0,0,.1); box-shadow:0 0 24px rgba(0,0,0,.1);}

.mainInner{width:100%; display:inline-block; background:#fff; border-radius:6px; -moz-box-shadow:0 0 24px rgba(0,0,0,.1); -webkit-box-shadow:0 0 24px rgba(0,0,0,.1); box-shadow:0 0 24px rgba(0,0,0,.1);float:left;}

.productsMain{width:100%; display:inline-block;}

.productsMain .mainBackCont{margin-top:10px;}

.productsMain .mainInner{padding:10px;}

.vendorMain{ font-size:14px; color:#371872; margin-bottom:0; text-align:right;}

.vendorMain a{color:#7b75a6;}

.vendorMain a:hover{text-decoration:none;}

.prodImg{width:140px; text-align:center; float:left; padding-top:20px;}

.prodImg img{max-width:90%; height:auto;}

.clickBankImg {width: 88px !important;}

.prodCont{width:calc(100% - 140px); float:right; text-align:justify;}

.prodCont h3{font-size:16px; color:#371872; margin-bottom:0;}

.prodCont h3 span{font-size:14px; color:#371872; font-weight:normal;}

.prodCont .prodSubhead{font-size:13px; color:#4a4a4a;}

.prodPrice{font-size:16px; color:#7d78a7; width:100%; display:block;}

.prodPrice strong{color:#ff9600; font-size:18px; font-weight:700;}

.prodPrice strong span{margin-right: 100px;}

.prodCont > p{ font-size:13px; color:#4a4a4a; line-height:26px; margin-bottom:0;}

.prodCont > a{ padding:6px 22px; border-radius:3px; display:block; float:right; font-size:16px;}

.prodCont > a:hover{text-decoration:none; color:#fff;}

.headingAll{font-size:30px; color:#7c76a6; font-weight:600;}

/*.headingAll span{font-weight:300;}*/

.sideBar{width:100%; display:inline-block;margin-top: 15px;}

.sideBar h2{margin-bottom:15px;}

.sideBar .mainInner{padding:0;}

.sideBar .mainInner a{width:100%; display:inline-block; padding:10px 0 10px 25px; text-align:left; font-size:16px; color:#371872;border-radius:6px;}

.sideBar .mainInner a:hover{text-decoration:none; color:#fff;background: #7b71a6; /* Old browsers */

background: -moz-linear-gradient(left, #7b71a6 0%, #a096ce 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #7b71a6 0%,#a096ce 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #7b71a6 0%,#a096ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b71a6', endColorstr='#a096ce',GradientType=1 ); /* IE6-9 */-moz-box-shadow:0 6px 14px rgba(0,0,0,.21); -webkit-box-shadow:0 6px 14px rgba(0,0,0,.21); box-shadow:0 6px 14px rgba(0,0,0,.21); }



.sideBar .mainInner a.active{text-decoration:none; color:#fff;background: #7b71a6; /* Old browsers */		

	background: -moz-linear-gradient(left, #7b71a6 0%, #a096ce 100%); /* FF3.6-15 */		

	background: -webkit-linear-gradient(left, #7b71a6 0%,#a096ce 100%); /* Chrome10-25,Safari5.1-6 */		

	background: linear-gradient(to right, #7b71a6 0%,#a096ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */		

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b71a6', endColorstr='#a096ce',GradientType=1 ); /* IE6-9 */-moz-box-shadow:0 6px 14px rgba(0,0,0,.21); -webkit-box-shadow:0 6px 14px rgba(0,0,0,.21); box-shadow:0 6px 14px rgba(0,0,0,.21); }



/* ------ click bank upcoming launches ------ */

.proLaunchRight{float:right;}

.proLaunchRight span{color:#371872; font-size:16px; text-align:right; display:block; clear:both;}

.proLaunchRight a{display:block; float:right; clear:both; padding:6px 32px; border-radius:3px; margin-top:20px; font-size:16px;}

.proLaunchRight a:hover{color:#fff; text-decoration:none;}

.productsMainLaunches .prodImg{ padding-top:0;}

.prodLaunchCont{width:calc(95% - 250px); float:left; text-align:justify; padding-top:20px;}

.prodLaunchCont p{ color:#371872; font-size:16px; font-weight:600; margin-bottom:0;}

.prodLaunchCont p span{font-weight:normal; font-size:14px;}

.productsMainLaunches .mainBackCont{margin-bottom:10px; float:left;}

.productsMainLaunches .mainInner{padding:10px;}

/* ------ videos ------ */

.videosMain{width:100%; display:inline-block;}

.videosMain a.buttonAll{padding:12px 15px; display:inline-block; float:right; border-radius:3px; font-size:16px; /*margin-top:7px;*/ height: 48px;width: 150px;text-align: center; }

.videosMain a.buttonAll:hover{text-decoration:none; color:#fff;}

.videosMain .searchForm{width:calc(100% - 155px);}

.videosMain .mainBackCont{margin-top:10px;}

.videosTop{width:100%; display:inline-block; border-bottom:1px solid rgba(55,24,114,.1); float:left;}

.videosTop h3{font-size:24px; color:#7c76a6; font-weight:300; padding:15px 10px 15px 20px; margin-bottom:0;}

.videosTop h3 span{font-weight:600;}

.videosContEmpty{width:100%; display:inline-block; float:left; padding:120px 0; text-align:center;}

.videosContEmpty p{font-weight:300; color:#cdcdcd; font-size:22px; margin-bottom:0; padding-top:5px;}



.videosContEmpty span{color:#371872; font-size:16px;}

.videosContEmpty span a{font-weight:600; border-bottom:1px solid rgba(55,24,114,.2);color:#371872;}

.videosContEmpty span a:hover{text-decoration:none;}

/* ------ modal box general ------ */

.modal-content{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1ccfa+0,d3e7ff+100 */

background: #e1ccfa; /* Old browsers */

background: -moz-linear-gradient(left, #e1ccfa 0%, #d3e7ff 100%); /* FF3.6-15 */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e1ccfa), color-stop(100%,#d3e7ff)); /* Chrome4-9,Safari4-5 */

background: -webkit-linear-gradient(left, #e1ccfa 0%,#d3e7ff 100%); /* Chrome10-25,Safari5.1-6 */

background: -o-linear-gradient(left, #e1ccfa 0%,#d3e7ff 100%); /* Opera 11.10-11.50 */

background: -ms-linear-gradient(left, #e1ccfa 0%,#d3e7ff 100%); /* IE10 preview */

background: linear-gradient(to right, #e1ccfa 0%,#d3e7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ccfa', endColorstr='#d3e7ff',GradientType=1 ); /* IE6-9 */ padding:10px;}

.modal-content .modal-header{padding:10px; border:none;}

.modal-header button.close{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a096ce+0,7b71a6+99 */

background: #a096ce; /* Old browsers */

background: -moz-linear-gradient(left, #a096ce 0%, #7b71a6 99%); /* FF3.6-15 */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a096ce), color-stop(99%,#7b71a6)); /* Chrome4-9,Safari4-5 */

background: -webkit-linear-gradient(left, #a096ce 0%,#7b71a6 99%); /* Chrome10-25,Safari5.1-6 */

background: -o-linear-gradient(left, #a096ce 0%,#7b71a6 99%); /* Opera 11.10-11.50 */

background: -ms-linear-gradient(left, #a096ce 0%,#7b71a6 99%); /* IE10 preview */

background: linear-gradient(to right, #a096ce 0%,#7b71a6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a096ce', endColorstr='#7b71a6',GradientType=1 ); /* IE6-9 */border-radius:50%; width:43px; height:43px;border:5px solid #fff; color:#fff; padding:0; opacity:1; font-size:20px; font-weight:300; position:absolute; right:0; top:0; -moz-transform:translate(25%,-25%); -webkit-transform:translate(25%,-25%); transform:translate(25%,-25%); vertical-align:middle; box-shadow:0 0 16px rgba(0,0,0,.1);}

.modal-header button.close:not(:disabled):not(.disabled):hover{color:#fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b71a6+0,a096ce+100 */

background: #7b71a6; /* Old browsers */

background: -moz-linear-gradient(left, #7b71a6 0%, #a096ce 100%); /* FF3.6-15 */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7b71a6), color-stop(100%,#a096ce)); /* Chrome4-9,Safari4-5 */

background: -webkit-linear-gradient(left, #7b71a6 0%,#a096ce 100%); /* Chrome10-25,Safari5.1-6 */

background: -o-linear-gradient(left, #7b71a6 0%,#a096ce 100%); /* Opera 11.10-11.50 */

background: -ms-linear-gradient(left, #7b71a6 0%,#a096ce 100%); /* IE10 preview */

background: linear-gradient(to right, #7b71a6 0%,#a096ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b71a6', endColorstr='#a096ce',GradientType=1 ); /* IE6-9 */ opacity:1;}

.modal-header h4.modal-title{font-size:22px; color:#7c76a6; font-weight:600;}

/*.modal-header h4.modal-title span{font-weight:300;}*/

div.modal-dialog{max-width:850px;width: 100%}

.modal-content .modal-body{background:#fff; border-radius:6px; box-shadow:0 0 24px rgba(0,0,0,.1); border:none;}

.modal-content .modal-body p{color:#4a4a4a; font-size:16px; line-height:25px;}

.modal-content .modal-footer{padding:10px; border:none; width:100%; display:inline-block;}

/* ------ modal box general ------ */

#videoModal .modal-content .modal-body{min-height:300px;}

/*#videoModal div.modal-dialog{max-width:50%;}*/

.videoTerms label{float:left; font-size:16px; color:#534b87; position:relative;}

.videoTerms label a{color:#534b87;border-bottom:1px solid rgba(55,24,114,.2);}

.videoTerms label a:hover{text-decoration:none;}

.videoTerms label input{position:absolute; width:calc(100% - 44px); height:100%; opacity:0; z-index:1; left:0; top:0;}

.videoTerms label span{width:25px; height:25px; display:inline-block; border-radius:3px; box-shadow:0 0 27px rgba(0,0,0,.1); background:#fff; float:left; margin-right:10px !important; position:relative;}

.videoTerms label span:after{position:absolute; top:50%; left:50%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-family:'Font Awesome 5 Free'; content:'\f00c'; font-weight:600; display:none;}

.videoTerms button{float:right;}

.videoTerms label input:checked + span:after{display:inline-block;}

.stepsSlide{width:100%; display:inline-block; text-align:center; position:relative; z-index:1;}

.stepsSlide:after{width:465px; max-width:100%; position:absolute; content:''; height:10px; background:#fff; left:50%; transform:translate(-50%,-50%); top:26px; z-index:-1;}

.stepsSlide li{ display:inline-block; margin-left:10%;}

.stepsSlide li:first-child{margin-left:0;}

.stepsSlide li a{font-size:20px; color:#7c77a6;}

.stepsSlide li a:hover{text-decoration:none;}

.stepsSlide li span{display:inline-block; clear:both;background:rgba(255,255,255,.5); padding:5px; border-radius:3px; -moz-box-shadow: 0 0 16px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 16px rgba(0,0,0,.1); box-shadow: 0 0 16px rgba(0,0,0,.1);}

.stepsSlide li span > span{display:inline-block; padding:7px 18px; background:#fff; }

.stepsSlide li p{ padding-top:10px;}

.stepsSlide li.active span > span{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a096ce+0,7b71a6+99 */

background: #a096ce; /* Old browsers */

background: -moz-linear-gradient(left, #a096ce 0%, #7b71a6 99%); /* FF3.6-15 */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a096ce), color-stop(99%,#7b71a6)); /* Chrome4-9,Safari4-5 */

background: -webkit-linear-gradient(left, #a096ce 0%,#7b71a6 99%); /* Chrome10-25,Safari5.1-6 */

background: -o-linear-gradient(left, #a096ce 0%,#7b71a6 99%); /* Opera 11.10-11.50 */

background: -ms-linear-gradient(left, #a096ce 0%,#7b71a6 99%); /* IE10 preview */

background: linear-gradient(to right, #a096ce 0%,#7b71a6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a096ce', endColorstr='#7b71a6',GradientType=1 ); /* IE6-9 */ color:#fff;}

.setpCont{display:none;}

.setpCont.setpOne{display:inline-block;}

.stepsSlide li.active p{font-weight:600;}

.setpCont label{ color:#b1b1b1; font-size:20px; width:100%; margin-bottom:0}

.setpCont > input, .setpCont > ul > li > input, .setpCont textarea{ background:#e1e7ff; height:60px; padding:0 10px; font-size:18px; border:none; width:100%; border-radius:3px; color:#a096ce;}

.setpCont .btn-group > .btn, .setpCont .btn-group{width:100%; text-align:left; height:60px; color:#a096ce; background:#e1e7ff; position:relative;font-size:18px;}

.setpCont .btn-group .dropdown-menu{top:100% !important; transform:none !important;}

.setpCont .btn-group ul li label{padding:0 10px;}

.setpCont .dropdown-toggle:after{float: right;margin-top: 10px; font-size:20px;}

.setpCont textarea{height:100px; padding:10px;}

.setpOne{width:100%; padding:10px 15px;}

.setpOne label{text-align:center;margin-bottom:20px;}

.multiStepButtons{width:100%; display:inline-block; text-align:center; padding:10px 0;}

.multiStepButtons input{margin-right:10px; padding:.375rem 1.5rem; }

.multiStepButtons input:first-child{background:#fff;}

.multiStepButtons input:first-child, .multiStepButtons input:last-child{display:none;}

.setpCont > ul{width:100%; display:inline-block;}

.setpCont > ul > li{width:49%; float:left; display:inline-block; margin-left:2%;}

.setpCont > ul > li:first-child{margin-left:0;}

.customDrop{width:100%; display:inline-block; position:relative; background:#e1e7ff; border-radius:3px; margin-bottom:1rem;}

	.customDrop.multiSelectCaret:after {display: none;}		

#linkcloackingTable > a:hover {cursor: pointer !important;}		

.w700 {font-weight: 700;}

.customDrop select{width:100%; display:inline-block; padding:0 10px; height:60px;color:#a096ce; background:none; font-size:18px; border:none; -moz-appearance:none;

-webkit-appearance:none; appearance:none; position:relative; z-index:1;}

.customDrop:after{position:absolute; top:50%; right:10px; color:#a096ce; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); content:'\f0d7'; font-family:'Font Awesome 5 Free'; font-weight:600;}

.setpCont label.customFile{display:block; margin:20px auto 20px; width:400px; max-width:90%; background:#e1e7ff; border:1px dashed #7b71a6; font-size:20px; color:#b1b1b1; text-align:center; padding: 30px 10px 0px 10px; cursor:pointer;}

.setpCont label.customFile i{color:#7b71a6; display:block; font-size:25px; margin-bottom:10px;}

.setpCont label.customFile input{display:none;}

button.multiselect.dropdown-toggle.btn.btn-default span {

	overflow: hidden;

	max-width: 90%;

	display: inline-block;

 }

.setpCont > input.error, .setpCont > ul > li > input.error, .customDrop.error, .setpCont textarea.error, .videoTerms label span.error,.videoTerms1 label span.error{outline: 1px solid #ff8383;

    outline-style: auto;}

/* ------ Campaign ------ */

#campaignModal .setpCont.setpOne, #siteModal .setpCont.setpOne, #campaignEditForm .setpCont.setpOne{padding:0; text-align:left;}

#campaignModal .setpOne label, #siteModal .setpOne label, #campaignEditForm .setpOne label{text-align:left; margin-bottom:0;}

#campaignModal .setpCont > ul, #siteModal .setpCont > ul, #campaignEditForm .setpCont > ul{margin-bottom:0;}

.campaignButtons{text-align:center;}

.campaignButtons .buttonAll:first-child{background:#fff; color:#817daa; padding:.375rem 1.5rem;}

/* ------ review Pages ------ */

.reviewPageForm{width:100%; float:left; padding:10px;}

.reviewPageForm > input{width:calc(100% - 245px); float:left; border:none; background:#e1e7ff; padding:0 10px; border-radius:3px; height:60px; font-size:18px; color:#7c77a6;}

.reviewPageForm > div{float:right;}

.reviewPageForm > div > input, .reviewPageForm > div > button{ display:inline-block; padding:18px 35px; border:none; border-radius:3px; text-transform:capitalize; margin-left:10px; float:left; cursor:pointer;}

.reviewPagesTab .nav-tabs {background:none; border:none;}

.reviewPagesTab .nav-tabs .nav-item{width:50%; float:left; border:none; background:none;}

.reviewPagesTab .nav-tabs .nav-item a{border:none; font-size:20px; color:#7c76a6; font-weight:300; background:#e1e7ff; text-align:center; border-radius:0;border-bottom:1px solid #e1e7ff; position:relative;}

.reviewPagesTab .nav-tabs .nav-item:first-child a{border-top-left-radius:6px;}

.reviewPagesTab .nav-tabs .nav-item:last-child a{border-top-right-radius:6px;}

.reviewPagesTab .nav-tabs .nav-item a.active{background:#fff;}

.reviewPagesTab .nav-tabs .nav-item a.active:after{font-family:'Font Awesome 5 Free'; content:'\f0d7'; color:#e1e7ff; top:100%; left:50%; transform:translate(-50%,0); font-weight:600; font-size:25px; position:absolute; line-height:9px;}

.reviewPagesTab .mainInner{padding:10px;}

.reviewProdM{width:100%; display:inline-block; background:#e1e7ff; border-radius:6px; padding:10px; margin-bottom:25px;}

.reviewProdMImg{width:100%; display:inline-block; background:#fff; border-radius:6px; float:left; text-align:center; position:relative; box-shadow:0 6px 27px rgba(0,0,0,.1); overflow:hidden;}

.reviewProdMImg img{width: 100%; height: auto;}

.priceTag{display:inline-block;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b71a6+0,a096ce+100 */

background: #7b71a6; /* Old browsers */

background: -moz-linear-gradient(left, #7b71a6 0%, #a096ce 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #7b71a6 0%,#a096ce 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #7b71a6 0%,#a096ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b71a6', endColorstr='#a096ce',GradientType=1 ); /* IE6-9 */ color:#fff;padding:2px 15px; font-size:18px; font-weight:700; position:absolute; left:0; bottom:10px; border-top-right-radius:3px; border-bottom-right-radius:3px;}

.reviewProdM h5{ font-size:24px; color:#7c76a6; font-weight:300; padding-top:15px; width:100%; display:inline-block; text-align:center;}

.reviewProdM p{ font-size:14px; color:#7c76a6; line-height:20px;}

.reviewProdM ul{width:100%; display:inline-block; text-align:center; margin-bottom:0;}

.reviewProdM ul li{display:inline-block; margin-left:10px;}

.reviewProdM ul li:first-child{margin-left:0;}

.reviewProdM ul li a{width:45px; height:45px; text-align:center;color:#fff; background:#7c78a6; display:inline-block; border-radius:2px; padding:15px 0;}

.reviewProdM > a.buttonAll{display:inline-block; padding:6px 20px; border-radius:3px; margin-bottom:10px;}

.reviewProdM > a.buttonAll:hover{text-decoration:none; color:#fff;}

.reviewPagesTab .tab-content{padding:30px 0;}

/* ------ networks ------ */

.networksHeader{width:100%; display:inline-block; border-bottom:1px solid rgba(55,24,114,.1); float:left; padding:10px;}

.networksHeader h2{ font-size:24px; color:#7c76a6; float:left;}

.networksHeader h2 span{font-weight:300;}

.networksHeader a{padding:6px 10px; font-size:16px; color:#fff; float:right; border-radius:3px;}

.networksHeader a:hover{color:#fff; text-decoration:none;}

.networkBody{width:100%; display:inline-block; float:left; padding:10px; min-height:350px;}

#addSitesModal .setpCont.setpOne, #addSoicalModal .setpCont.setpOne, #addVideoModal .setpCont.setpOne{padding:0;}

#addSitesModal .setpCont.setpOne label, #addSoicalModal .setpCont.setpOne label, #addVideoModal .setpCont.setpOne label{text-align:left; margin-bottom:0;}

/* -------- video alt -------- */

.videosAll{width:100%; display:inline-block; float:left; /*padding:30px 20px;*/ padding:0px 20px;}

.videoAllMain{width:100%; display:inline-block; background:#e1e7ff; padding:10px; border-radius:6px; float:left; margin-bottom:20px;}

.videoImg{background: #fff;width:100%; display:inline-block; float:left; border-radius:6px; position:relative;}

.videoImg video{width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; z-index:-1;}

.videoImg a{width:78px; height:78px; text-align:center; display:inline-block;background:rgba(124,120,166,.33); border-radius:50%; padding-top:9.5px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.videoImg img{
	width: 100%;
    height: 231px;
    object-fit: contain;
    object-position: center center;
}

.videoImg a span{ background:rgba(124,120,166,.5); display:inline-block; width:59px; height:59px; border-radius:50%; color:#fff; text-align:center; line-height:59px;}

.videoAllMain h5{ font-size:18px; color:#7c76a6; font-weight:600; padding-top:15px; display:inline-block; margin-bottom:0; width:100%;white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;}

.videoAllMain p{font-size:16px; color:#565084; margin-bottom:0;}

.videoAllMain ul{width:100%; display:inline-block; margin:10px 0 0; text-align: center;}

.videoAllMain ul li{width:15%; display:inline-block; margin-left:.5%;}

.videoAllMain ul li:first-child{margin-left:0;}

.videoAllMain ul li a{width:100%; display:inline-block;background:#7c78a6; text-align:center; color:#fff; font-size:14px; padding:10px 0; border-radius:3px;}

.videoAllMain ul.videoListUl li{float: left; margin-left: 2%;}

.videoAllMain ul.videoListUl li:nth-child(6n+1){margin-left: 0;}

/* ------- sites alt -------- */

.sitesMain{width:100%; display:inline-block; overflow-x:auto; float:left; padding:20px 10px;}

.dataTables_wrapper select, .dataTables_wrapper input[type=search]{border:1px solid rgba(55,24,114,.1);}

.dataTables_wrapper input[type=search]{padding:0 10px;}

.dataTables_wrapper table.dataTable thead td{ font-size:16px; font-weight:600; color:#371872;border-bottom:1px solid rgba(55,24,114,.1);}

.dataTables_wrapper table.dataTable thead td i{color:#908abc; padding-right:10px;}
#forReportTable .dataTables_wrapper table.dataTable thead td i:before{margin-right:5px;}

.dataTables_wrapper table.dataTable.no-footer{border-bottom:1px solid rgba(55,24,114,.1);}

.dataTables_wrapper table.dataTable tbody tr:nth-child(odd){ background:#f9faff;}

.dataTables_wrapper table.dataTable tbody tr td{ font-size:14px; color:#817daa;}

.dataTables_wrapper table.dataTable tbody tr td a{ font-size:14px; color:#817daa;}

.dataTables_wrapper table.dataTable tbody tr td:last-child, .dataTables_wrapper table.dataTable thead tr td:last-child{text-align:center;}

.dataTables_wrapper table.dataTable tbody tr td:last-child i{margin-right:10px;}

#sitesTable_wrapper.dataTables_wrapper table.dataTable tbody tr td:nth-child(4){text-align:center;}

#campaignTable_wrapper.dataTables_wrapper table.dataTable tbody tr td:nth-child(3), #campaignTable_wrapper.dataTables_wrapper table.dataTable thead tr td:nth-child(3), #socialNetTable_wrapper.dataTables_wrapper table.dataTable tbody tr td:nth-child(3), #socialNetTable_wrapper.dataTables_wrapper table.dataTable thead tr td:nth-child(3), #videoNetTable_wrapper.dataTables_wrapper table.dataTable thead tr td:nth-child(3), #socialNetworkTable_wrapper.dataTables_wrapper table.dataTable thead tr td:nth-child(3), #videoNetTable_wrapper.dataTables_wrapper table.dataTable tbody tr td:nth-child(3), #socialNetworkTable_wrapper.dataTables_wrapper table.dataTable tbody tr td:nth-child(3){text-align:center;}

div.dataTables_wrapper .dataTables_paginate .paginate_button.current, div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ background:none; border:1px solid rgba(55,24,114,.1);}

#socialNetworkTable_wrapper.dataTables_wrapper table.dataTable thead td,

#videoNetTable_wrapper.dataTables_wrapper table.dataTable thead td{font-size:14px;}

.notiFicationTop{width: 100%; display: inline-block; margin-bottom: 20px;}

.notiFicationTop .mainInner{padding: 10px 15px;}

.notiFicationTop .mainInner p{font-size:15px; font-weight: 700; color: #7c76a6; margin-bottom: 0;}

.jvzooProd{width: 100%; float: left;}

.jvzooProd .mainInner{padding: 20px;}

.jvzoProdMain{width: 100%; float: left; background: #e1e7ff; border-radius: 6px; padding: 20px; margin-bottom: 25px;}

.jzvoProdImg{width: 100%; float: left; background: #c8c8d0; border-radius: 6px; position: relative; text-align: center; padding: 40px 0;}

.jzvoProdImg img{ -webkit-filter:drop-shadow(-10px 10px 24px rgba(0,0,0,.5));filter:drop-shadow(-10px 10px 24px rgba(0,0,0,.5)); height: 228px;}

.jzvoProdImg span{position: absolute; bottom:20px; left: 0; display: inline-block; padding: 5px 25px 5px 10px; font-size: 14px; color: #fff; background: #7e7aa7; border-radius: 0 16px 16px 0;}

.jzvoProdImg svg{margin-right: 6px;}

.jvzoProdMain h5{ font-size: 22px; color: #65518d; font-weight: 700; padding-top: 10px; display: inline-block; float: left;width:calc(100% - 100px); min-height:62px;}

.jvzoProdMain .comSpan{float: right; font-size: 16px; color: #7c76a6; padding-top: 10px;}

.jvzoProdMain .priceSpan{float: right; font-size: 16px; color: #7c76a6;}

.vendorJvzo{font-size: 17px; color: #7c76a6; width: 100%; display: inline-block;}

.jvzoProdMain p{font-size: 14px; color:#7c76a6; line-height: 25px; margin-top: 10px;

 }

 .jvzoProdDesc{overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 12;

	height: 310px; margin-bottom: 10px;}

.jvzoBtns{width: 100%; display: inline-block; margin-bottom: 0;}

.jvzoBtns li{width: 49%; float: left; display: inline-block; margin-left: 2%;}

.cbBtns li {width: 100% !important;margin-left: 0;}

.jvzoBtns li:nth-child(2n+1){margin-left: 0; clear: left;}

.jvzoBtns li a{width: 100%; display: inline-block; border-radius: 4px; text-align: center; padding: 10px 0;}

.jvzoBtns li a:hover{text-decoration: none; color: #fff;}

.jvzoBtns li a svg{margin-right: 10px; fill:#fff;}

.jzvoProdImg span.aprovalReq{background: #e35c48;}

.prodDetailTop{width: 100%; float: left;}

.prodDetailTop .mainInner{padding: 30px 0; position: relative;}

.prodDetailImg{width: 300px; float: left;}

.prodDetailCont{width: calc(100% - 300px); float: right; padding-right: 20px; position: relative;}

.prodDetailCont span.jvzooMain{position: absolute; right: 0; top:0; font-size: 16px; color: #fff; background: #7e7aa7; padding: 2px 10px; display: inline-block; border-radius: 16px 0 0 16px; float: right; width: auto;}

.prodDetailCont h1{font-size: 26px; color: #65518d; font-weight: 700; padding-top: 15px;}

.prodDetailCont  span{font-size: 18px; color:#7c76a6; width: 100%; display: inline-block; margin-bottom: 10px;}

.prodDetailCont  span strong{font-size: 22px; font-weight: 700;}

.prodDetailCont p{font-size: 16px; color: #7c76a6; line-height: 25px; margin-top: 10px;}

.prodDetailTab{width: 100%; display: inline-block; margin-top: 20px;}

.prodDetailTab .nav-tabs{border: none;}

.prodDetailTab .mainBackCont > .nav-tabs > li > a{font-size: 16px; color: rgba(124,119,166,.8); font-weight: 700; padding: 10px 20px; border-radius: 6px 6px 0 0; display: inline-block;}

.prodDetailTab .mainBackCont > .nav-tabs > li > a.active{background: #fff;color: rgba(124,119,166,1);}

.prodDetailTab .mainBackCont > .nav-tabs > li > a:hover{text-decoration: none;}

.prodDetailTab .mainBackCont > .tab-content{padding: 25px; background: #fff; border-radius: 0 6px 6px 6px;}

.prodDetailTab .mainBackCont > .tab-content .nav-tabs > li > a{font-size: 16px; color: #8380ac; font-weight: 700; padding: 5px 20px; border-radius: 17.5px; display: inline-block; background: #ececec; margin-right: 10px;}

.prodDetailTab .mainBackCont > .tab-content .nav-tabs > li > a.active, .prodDetailTab .mainBackCont > .tab-content .nav-tabs > li > a:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a096ce+0,7b71a6+100 */

background: #a096ce; /* Old browsers */

background: -moz-linear-gradient(top,  #a096ce 0%, #7b71a6 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #a096ce 0%,#7b71a6 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #a096ce 0%,#7b71a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a096ce', endColorstr='#7b71a6',GradientType=0 ); /* IE6-9 */ color: #fff; box-shadow: 0 7px 16px rgba(0,0,0,.1);}

.prodDetailTab .mainBackCont > .tab-content .nav-tabs > li > a:hover{text-decoration: none;}

.prodDetailTab .mainBackCont > .tab-content #emailSwipes .tab-content{padding: 30px 0;}

.prodDetailTab .mainBackCont > .tab-content #emailSwipes .tab-content p{font-size: 17px; color:#7c76a6; }

.prodDetailTab .mainBackCont > .tab-content #emailSwipes .tab-content h3, .prodDetailTab .mainBackCont > .tab-content #emailSwipes .tab-content h4, .prodDetailTab .mainBackCont > .tab-content #emailSwipes .tab-content h5, .prodDetailTab .mainBackCont > .tab-content #emailSwipes .tab-content h6{font-size:22px; color:#7c76a6;}

.prodDetailTab .nav-tabs .nav-item {margin-bottom: 20px;}

#emailSwipes .tab-content {color: #8380ac;}

#bonuses .tab-content {color: #8380ac;}

.bannerMain{width: 100%;display: inline-block;}

.bannerInner{width: 100%; float: left; padding: 20px; background: #edf1ff; border-radius: 6px; display: inline-block; margin-bottom: 20px;}

.bannerInnerTop{width: 100%; display: inline-block; position: relative;}

.bannerInnerTop a{ font-size: 16px; color: #7e7aa7; font-weight: 600; line-height: 21px; display: inline-block;}

.bannerInnerTop a svg{margin-right: 10px;}

.bannerInnerTop a:hover{text-decoration: none; color:#635f82; font-weight: bold;}

.banerSize{font-size: 16px; font-weight: 700; color: #fff; background: #7e7aa7; padding: 5px 20px; border-radius: 16px 0 0 16px; position: absolute; top:0; right: -20px;}

.bannerImg{width: 100%; display: inline-block; text-align: center; padding: 30px 0; line-height: 350px;}

.bannerImg img{max-height: 350px;}

.copyLink{width: 100%; display: inline-block;}

.copyLink > span{width:calc(100% - 70px); float: left; background: #fff; padding: 10px; border: 1px solid #e1e0f2; border-radius: 4px 0px 0px 4px; font-size: 12px; color: #7e7aa7;-webkit-line-clamp: 3; max-height: 57px;

    -webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;}

.copyLink > a{width:70px; float: right; background: #dde4fc; border-radius: 0px 4px 4px 0; text-align: center; font-size: 12px; font-weight: 700; color: #776da3; height: 57px; text-transform: uppercase; padding: 6px 0;}

.copyLink > a span{display: inline-block; width:100%; padding-top: 5px;}

.copyLink > a:hover{text-decoration: none;color: #776da3;}

.bonusesMain{width: 100%; display: inline-block; padding-top: 50px;}

.bonusIner{width: 100%; display: inline-block; margin-bottom: 20px;}

.bonusImg{width: 280px; float: left; text-align: center; background: #e1e7ff; border-radius: 4px; padding: 20px 0;}

.bonusCont{width: calc(100% - 320px); float: right; padding: 50px 0 0;}

.bonusCont h6{font-size: 25px; color: #7c76a6; font-weight: 700; margin-bottom: 20px;}

.bonusCont p{font-size: 16px; line-height: 25px;color: #7c76a6;}

.fbFeed{width: 100%; display: inline-block; }

.fbFeed iframe{max-width: 100%;}

.artilceMain{width: 100%; display: inline-block;}

.articleInner{width: 100%; display: inline-block; padding-top: 20px;}

.articleInner img{margin-bottom: 20px;}

.articleInner p, .articleInner li{font-size: 17px;

    color: #7c76a6;}

.articleInner h1, .articleInner h2, .articleInner h3, .articleInner h4, .articleInner h5, .articleInner h6{font-size: 22px;color: #7c76a6;}

.articleInner a, .articleInner a:hover{color: #7c76a6; text-decoration: underline;}

.articleInner ul, .articleInner ol{padding-left: 20px;}

.articleInner quote{padding: 15px; font-size: 17px; color: #7c76a6; background: rgba(114,118,166,.1); width: 100%; display: inline-block; border-left: 5px solid rgba(114,118,166,1); border-right: 5px solid rgba(114,118,166,1); margin-bottom: 20px;}

.editorMain{width: 100%; display: inline-block;}		

.section{width: 100%; display: inline-block; float: left;}		

.editorMain .mainBackCont{margin-bottom: 20px;}		

.section:nth-of-type(even){background: #f9f9f9;}		

.section h2{font-size: 20px; color: #fff; text-align: left; padding: 10px 0; background: #655e96;border-radius: 6px; padding-left: 15px; margin-top: 0; margin-bottom: 0; cursor: pointer;}

.section h2.active{border-radius: 6px 6px 0 0;}

#review_page_form .mainBackCont .sectionInner{display: none;}

.section label{font-size: 14px;color:#7c76a6; width: 100%; font-weight: 700;}		

.section input[type=text], .section input[type=email], .section input[type=url]{width: 100%; display: inline-block; height: 35px; border:1px solid rgba(0,0,0,.1); padding: 0 10px; border-radius: 3px; margin-bottom: 15px;color: rgba(0,0,0,.7);}		

.section input[type=text]:focus, .section input[type=email]:focus, .customSelect select:focus, .section input[type=url]:focus, .section input[type=color]:focus, .section input[type=file]:focus{outline: none;}		

.sectionInner{width: 100%; padding: 20px 15px 30px;}		

.editor-img {margin-bottom: 20px; border:1px solid rgba(235,235,235,1); border-radius:3px; padding:10px;}		

.editor-img input[type=file] {margin-bottom: 10px;}		

input[type=file]:focus{outline: none;}		

input[type=file]{max-width: 100%;}		

.customSelect{width: 100%; display: inline-block; border:1px solid rgba(0,0,0,.1); border-radius: 3px; position: relative; margin-bottom: 15px; background: #fff;}		
.customSelect:after{position: absolute; right: 10px; line-height: 35px; top: 0; content: '\f0d7'; font-family: 'Font Awesome 5 Free'; font-weight: 600; color: rgba(0,0,0,.4);}		

.customSelect select{height: 35px; width: 100%; display: inline-block; border: none; -webkit-appearance:none; appearance:none; position: relative; z-index: 1; background: none; padding:0 10px; color: rgba(0,0,0,.7);}		

.colorPicker{margin-top: 32px; width: 35px; height: 35px; border-radius: 4px; overflow: hidden; background: #fff; border:none; border: 1px solid rgba(0,0,0,.1);}		

.cutomCheck{width: 100%; display: inline-block; cursor: pointer; float: left; line-height: 25px; margin-top: 40px;}		
.cutomCheckBtn{width:100%; display:inline-block; float:left; cursor:pointer; margin-top:calc(21px + .5rem); }
.cutomCheck span{width: 25px; height: 25px; border:1px solid rgba(0,0,0,.1); display: inline-block; float: left; margin-right: 10px; border-radius: 3px; position: relative; background: #fff;}		
.cutomCheckBtn span{width:35px; height:35px;border:1px solid rgba(0,0,0,.1);border-radius: 3px; display:inline-block; text-align:center; line-height:35px;}
.cutomCheck span:after{position: absolute;content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 600; color: rgba(0,0,0,.4); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none;}		

.cutomCheck input, .cutomCheckBtn input{display: none;}		

.cutomCheck input:checked + span:after{display: inline-block;}
.cutomCheckBtn input:checked + span{background:linear-gradient(to right, #7b71a6 0%,#a096ce 100%); color:#fff;}

.editorTxt{width: 100%; display: inline-block; margin-bottom: 15px;}		

.colorPickerLabel .colorPicker{margin-top: 0; float: left; margin-right: 10px;}		

.colorPickerLabel{float: left; line-height: 35px; margin-top: 30px;}		

span#fileName {word-break: break-word;}		



.stButton .stLarge {

    height: 64px !important;

    width: 64px !important;

}

.shareBtnTwitterImg {

  background-image: url("../img/twitter.png")!important;

}

.shareBtnFacebookImg {

  background-image: url("../img/facebook.png")!important;

}

.shareBtnLinkedinImg {

  background-image: url("../img/linkedin.png")!important;

}

.shareBtnGoogleplusImg {

    background-image: url("../img/googleplus.png")!important;

}

.shareBtnRedditImg {

    background-image: url("../img/reddit.png")!important;

}

.shareBtnEmailImg {

    background-image: url("../img/email.png")!important;

}

.shareBtnBloggerImg {

    background-image: url("../img/blogger.png")!important;

}

.stButton .stLarge:hover {

    background-position: 0px !important;

}

.modalPopupLayout .mainName.shareBtnsLayout {

    padding: 0 !important;

    text-align: center !important;

    width: 70% !important;

    height: 55px !important;

    margin-left: 15% !important;

}



.sticky_popup_div {

	position:absolute;

	z-index:100; 

	top:0; 

	left:0; 

	width:100%; 

	height: 100%; 

	background: rgba(0,0,0,0.5);

	/*opacity: 0.45;*/

}

.sticky_popup__child {text-align:center;top:50%;left:50%;transform:translate(-50%,-50%); position: absolute;}



#preloader {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(255,255,255,.8);

	z-index: 99;

 }

 #status {

	width: 100px;

	height: 100px;

	position: absolute;

	left: 50%;

	top: 45%;

	background-image: url(../img/loading-bars.gif);

	background-size:100%; 

	background-repeat: no-repeat;

	background-position: center;

	 -webkit-transform:translate(-50%,-50%);

	 -moz-transform:translate(-50%,-50%);

	 transform:translate(-50%,-50%);

 }

div#preloader div.loadingText{text-align: center; margin: 0;

	 -webkit-transform:translate(-50%,-50%);

	 -moz-transform:translate(-50%,-50%);

	 transform:translate(-50%,-50%);left:50%; top:calc(45% + 50px); height:auto !important; }



 .margin-bottom-10{margin-bottom: 10px;}

 .affilate_link_span{color:red;}

.jvzoProdMainN{width: 100%;

    float: left;

    background: #e1e7ff;

    border-radius: 6px;

    padding: 15px;

    /*margin-bottom: 25px;*/}

.jzvoProdImgN{width: 230px; float: left; background: #fff;

    border-radius: 6px; text-align: center;}

.jzvoProdImgN img{height: 180px; max-width: 100%;}

.jzvoProdImgN span{font-size: 18px; color: #7970a5; text-align: center; width: 100%; display: inline-block; line-height: 18px; padding: 15px 0;}

.jzvoProdImgN span svg{height: 18px;}

.jzvoProdImgN a{width: 90%; float: left; margin:15px 5%; text-align: center; border-radius: 6px; padding: 12px 0; font-size: 14px;}

.jzvoProdImgN a svg{    margin-right: 10px;

    fill: #fff;

}

.jzvoProdImgN a:hover{color: #fff; text-decoration: none;}

.jvzoRightImg{float: right; width: 350px;}



.jvzoRightImgDetail {float: inherit !important;}



.jvzoRightImgCont{width: 100%; display: inline-block; float: left;text-align: center;}

.jvzoRightImgCont img{max-width: 100%; height: 199px; border-radius: 6px;}

.jvzoRightImg > a{display: inline-block; font-size: 19px; color: #371872; margin-bottom: 15px;}

.jvzoRightImg > a:hover{color: #371872}

.jvzoRightImg > a img{margin-right: 10px;}

.jvzoRightImg ul{width: 100%; display: inline-block; margin: 19px 0 0;}

.jvzoRightImg ul li{width: 48%; float: left; display: inline-block; margin-left: 4%;}

.jvzoRightImg ul li:nth-child(2n+1){margin-left: 0;}

.jvzoRightImg ul li a{width: 100%; display: inline-block; text-align: center; font-size: 14px; font-weight: 700; padding: 10px 0; color: #fff; border-radius: 6px;}

.jvzoRightImg ul li:nth-child(2) a{background: #fff; color: #371872;box-shadow: 0 12px 27px rgba(0,0,0,.1); }

.jvzoRightImg ul li a:hover{text-decoration: none;}

.jvzoRightImg ul li:nth-child(2) a:hover, .jvzoCont > a:hover{color: #fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a096ce+0,7b71a6+100 */

background: #a096ce; /* Old browsers */

background: -moz-linear-gradient(left, #a096ce 0%, #7b71a6 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #a096ce 0%,#7b71a6 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #a096ce 0%,#7b71a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a096ce', endColorstr='#7b71a6',GradientType=1 ); /* IE6-9 */ text-decoration: none;}

.jvzoCont{float: left; width:calc(100% - 580px); padding: 0 15px; }

.jvzoCont > h5{ font-size: 19px; color: #371872; font-weight: 700; display: -webkit-box;

   -webkit-box-orient: vertical;

   -webkit-line-clamp: 1; overflow: hidden;}

.jvzoCont > span{ font-size: 14px; color: #7c76a6; width: 100%; float: left;}

.jvzoCont > span strong{color: #371872;}

.jvzoCont > p{color: #7c76a6; font-size: 14px; line-height: 26px; margin-top: 10px; width: 100%; display: inline-block; text-align: justify;overflow: hidden;

   text-overflow: ellipsis;

   display: -webkit-box;

   -webkit-box-orient: vertical;

   -webkit-line-clamp: 6; /* number of lines to show */ min-height: 153px; }

.jvzoCont > a{color: #6c5b9b; font-size: 14px; font-weight: 700; text-align: center; padding: 10px 0; background: #fff; border-radius: 6px; width: 125px; display: inline-block; box-shadow: 0 12px 27px rgba(0,0,0,.1); margin-top: 10px;}



 div.modal-dialog-10{max-width:10% !important;}

 div.modal-dialog-20{max-width:20% !important;}

 div.modal-dialog-30{max-width:30% !important;}

 div.modal-dialog-40{max-width:40% !important;}

 div.modal-dialog-50{max-width:50% !important;}

 div.modal-dialog-60{max-width:60% !important;}

 div.modal-dialog-70{max-width:70% !important;}

 div.modal-dialog-80{max-width:80% !important;}

 div.modal-dialog-90{max-width:90% !important;}

 div.modal-dialog-100{max-width:100% !important;}

 .jvzooMeta{width:100%; float: left;}

 .jvzooMeta span{width:auto; margin-right: 8px; font-size:14px; color:#7c76a6;}

 .jvzooMeta span strong{color:#371872;}

.custom-file label {overflow:hidden;white-space:nowrap;}
.factsHomeRight{width:340px; float:right;}
.videoHomeLeft{width:calc(100% - 370px); float:left;}
#videoAddModalSteps{overflow-y:auto;}
.style_btns{display:inline-block; width:100%; margin-bottom:0;}
.style_btns li{display:inline-block; margin-right:10px;}
.style_btns li:last-child{margin-right:0;}
.section input[type=text][name=title].form-control{background:rgba(235,235,235,.8);}
.spanbtn{position:absolute; top:0; right:0; width:115px;}
.spanbtn a{margin-right:10px; color:#fff; padding:10px 5px;}
.spanbtn a i{color:#fff;}
.spanbtn a:last-child{margin-right:0;}
.tabMain{width:100%;display:inline-block; position:relative;}
/* ------ responsive ------ */


@media only screen and (max-width:1500px){
	.row.buttonRow .col-lg-3.col-md-6:nth-child(2){flex:0 0 30%; max-width:30%;}
	.row.buttonRow .col-lg-3.col-md-6:nth-child(3){flex:0 0 20%; max-width:20%;}
	.style_btns li{float:left;}
	.section label.colorPickerLabel{font-size:10px;}
}

@media only screen and (min-width:1366px){

	.stepsSlide:after{

		width:550px;

	}

}

@media only screen and (max-width:1300px){

	.jvzoRightImg{width: 200px;}

	.jzvoProdImgN{width: 180px;}

	.jvzoCont{width: calc(100% - 380px);}

	.jvzoRightImgCont img{height: 114px;}

	.factsInner h2 img{width: 44px;}

	.factsInner h2{font-size: 25px;}
	.section label.colorPickerLabel{font-size:10px;}

}

@media only screen and (max-width:1200px){
	.row.buttonRow .col-lg-6.col-md-12, .row.headingRow .col-lg-7.col-md-12, .row.headingRow .col-lg-5.col-md-12{flex:0 0 100%; max-width:100%;}
	.row.buttonRow .col-lg-3.col-md-6{flex:0 0 50%; max-width:50%;}
	.row.headingRow label.colorPickerLabel, .row.buttonRow label.colorPickerLabel{margin-top:10px !important;}
	label.cutomCheckBtn{margin-top:15px;}
	.row.buttonRow .col-lg-3.col-md-6:nth-child(2){flex:0 0 50%; max-width:50%;}
	.row.buttonRow .col-lg-3.col-md-6:nth-child(3){flex:0 0 50%; max-width:50%;}
	
}
@media only screen and (max-width:1100px){

	.factsInner{font-size:18px;}

	.factsInner p{font-size:16px;}

	.factsInner h2{font-size:20px; padding: 10px 0 0;}

	.factsInner h2 img{margin-right: 5px;}

	.factsMain:nth-child(2) .factsInner h2 img{margin-right: 0; margin-left: 5px;}

	/* ------ signin page ------ */

	.signInLeft{width:40%;}

	.signInRight{width:60%;}

	/* ------ click bank upcoming launches ------ */

	.prodLaunchCont{padding-top:0;}

	/* ------ click bank products ------ */

	.headingAll{font-size:21px;}

	.sideBar .mainInner a{font-size:14px; padding:10px 0 10px 10px;}

	.productsMain .prodCont{width:100%; padding-top:10px;}

	.productsMain .prodImg{width:100%;}

	/* ------ videos ------ */

	.stepsSlide:after{width:70%;}

	.reviewProdM ul li{width:24%; margin-left:1.333%;}

	.reviewProdM ul li a{width:100%;}

	.jvzoBtns li{width: 100%; margin-left: 0; margin-bottom: 10px;}

	.jvzoBtns li:last-child{margin-bottom: 0;}

	.prodDetailImg{width: 200px;}

	.prodDetailCont{width: calc(100% - 200px); padding-left: 20px;}

	.bannerImg{line-height: 250px;}

	.bannerImg img{max-height: 250px;}

	.banerSize{position: relative; float: right; margin-top: 10px;}

	.bonusCont{padding: 0;}

	.bonusImg{width: 200px;}

	.bonusCont{width: calc(100% - 220px);}

	.jzvoProdImgN{width: 100%;}

	.jvzoCont{width: calc(100% - 200px); padding-top: 20px;}

	.jvzoRightImg{padding-top: 20px;}

	.videosAll .row{padding: 0 !important;}
	
.factsHomeRight{width:100%;text-align:center;  }
.videoHomeLeft{width:100%; margin-bottom:40px;}
.factsMain{max-width:340px;}
}

@media only screen and (max-width:991px){

	.headingMiddle{padding-left:15px;}

	.body_container{padding:25px 15px;}

	.menuRight li a{font-size:20px;}

	.menuRight{width:180px;}

	.headingMiddle{width:calc(100% - 438px);}	

	.headingMiddle h1{font-size:22px;}
	.factsInner{font-size:22px;}

	.factsInner p{font-size:18px;}

	.factsInner{ display:inline-block; padding:10px; height: 140px;}

	.videoInnerMost{height:270px;}

	/* ------ signin page ------ */

	.signInLeft{width:50%;}

	.signInRight{width:50%;}

	/* ------ click bank upcoming launches ------ */

	.prodLaunchCont{width:calc(100% - 140px);}

	.proLaunchRight a{margin-top:5px;}

	/* ------ click bank products ------ */

	.sideBar{margin-top:25px;}

	.sideBar h3{margin-bottom:15px;}

	/* ------ videos ------ */

	.stepsSlide li{margin-left:3%;}

	.setpOne{padding:30px 20px;}

	/* ------ review pages ------ */

	.reviewPageForm > div > input, .reviewPageForm > div > button{padding:18px 20px;}

	.reviewPageForm > input{width:calc(100% - 181px);}

	.reviewPagesTab .nav-tabs .nav-item a{font-size:17px;}

	.prodDetailCont{width: 100%;}

	.prodDetailImg{width: 100%; text-align: center;}

	.prodDetailTab .mainBackCont > .tab-content .nav-tabs > li > a{padding: 5px 15px;}

	.bannerImg{line-height: normal;}

	.bonusImg{width: 100%; text-align: center;}

	.bonusCont{width: 100%; padding-top: 15px;}

	.jvzoCont, .jvzoRightImg{width: 100%;}

	.jvzoRightImgCont img{height: 199px;}

	.jvzoCont{padding: 20px 0 0;}

	.section label.colorPickerLabel{margin-top:10px !important;}
	.cutomCheckBtn{margin-top:10px;}
}

@media only screen and (max-width:768px){

	.menuSidebar{height:100%; top:0; left:0; background:#d3e7ff; -moz-transform:translateX(-200%); -webkit-transform:translateX(-200%); transform:translateX(-200%); -moz-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; transition:all ease-in-out .5s; z-index:2; position:fixed;}

	.menuSidebar.active{-moz-transform:translateX(0%); -webkit-transform:translateX(0%); transform:translateX(0%);}

	.body_container, .headingMiddle{width:100%;}

	.mainHeader{position:relative; border-bottom:none;}

	.body_container{margin-top:15px; height:calc(100vh - 246px); padding-top:0;}

	.headingMiddle h1{font-size:25px;}

	.menuRight{position:absolute; right:0; display:none; top:60px; background:#d3e7ff; box-shadow:0 6px 14px rgba(0,0,0,.1); border-radius:3px; width:200px;}

	.menuRight:before{position:absolute; bottom:100%; right:30px; content:'\f0d8';font-family:"Font Awesome 5 Free"; font-weight:600; font-size:20px; line-height:9px; color:#d3e7ff;}

	.menuIcons{display:inline-block; width:100%;}

	.menuIcons li{width:33%; text-align:center;}

	.menuIcons li a{width:auto;}

	.menuIcons li:first-child a{text-align:left; margin-left:15px; float:left;}

	.menuIcons li:last-child a{text-align:right; padding-right:15px; float:right;}

	.logoLeft{border:none; display:none;}

	.menuRight li a{margin:5px; float:left; width:40px;}

	.menuRight li{height:auto;}

	/* ------ signin page ------ */

	.signInLeft, .signInRight{width:100%; height:auto; padding:30px 40px;}

	.signInLeft > div{ -moz-transform:none; -webkit-transform:none;transform:none;}

	.signInRight a{ -moz-transform:none; -webkit-transform:none;transform:none;}

	body.signInPage .mainWrapper:after, body.signInPage .mainWrapper:before{display:none;}

	/* ------ click bank products ------ */

	.prodCont .prodSubhead{padding:10px 0; display:inline-block;}	

	.prodCont h3{text-align:left;}

	.prodCont > p{padding:10px 0; line-height:20px;}

	/* ------ videos ------ */

	#videoModal div.modal-dialog, div.modal-dialog{max-width:90%;}

	.stepsSlide li a{font-size:13px;}

	.stepsSlide:after{width:50%;}

	.modal-content .modal-body{max-height:calc(100vh - 150px); overflow-y: auto; overflow-x: hidden;}

	div#load_html .table {

		margin-top: 0 !important;

	}

	.mainWrapper{margin:15px auto; height:calc(100vh - 30px);}

	.body_container{height:calc(100vh - 175px);}

	.reviewProdM ul li{width:35px; float:none;}

	.headingMiddle{padding-top: 10px;}

	.prodDetailCont h1{padding-top: 35px;}

	.prodDetailTab .mainBackCont > .tab-content .nav-tabs > li > a{margin-bottom: 10px;}
	

}

@media only screen and (max-width:576px){

	.menuIcons li{width:30%;}

	.menuIcons li:nth-child(2){width:50%;}

	.menuIcons li:nth-child(3){width:20%;}

	.menuIcons li a{font-size:17px; padding:0; margin:15.5px 0;}

	.headingMiddle h1{font-size:20px;}

	.videoInnerMost{height:250px;}

	/* ------ signin page ------ */

	.signInLeft, .signInRight{padding:30px 20px;}

	body.signInPage .mainWrapper{height:auto;}

	.signInLeft > div > a > img{max-height:60px;}

	.signInLeft form input[type=text], .signInLeft form input[type=password]{height:50px;}

	.signInRight{display:none;}

	/* ------ click bank upcoming launches ------ */

	.prodImg{width:100%;}

	.prodLaunchCont{width:100%; padding-top:10px;}

	/* ------ videos ------ */

	.videosMain .searchForm{width:100%;}

	.videosContEmpty{padding:20px 0;}

	#videoModal div.modal-dialog, div.modal-dialog{max-width:100%;}

	.modal-header button.close{ -moz-transform:translate(0,0); -webkit-transform:translate(0,0);transform:translate(0,0);width:35px; height:35px; top:18px; right:17px;}

	.stepsSlide li{width:33%; float:left; margin-left:0;}

	.stepsSlide li span > span{padding:5px 10px;}

	.stepsSlide li p{margin:0;}

	.stepsSlide:after{width:70%; top:20px;}

	.setpOne{padding:0;}

	.setpCont > ul > li{ width:100%; margin-left:0;}

	/* ------- review pages ------ */

	.reviewPageForm > input, .reviewPageForm > div{width:100%;}

	.reviewPageForm > div > input, .reviewPageForm > div > button{width:49%; margin-left:2%;padding:10px 0; margin-top:10px;}

	.reviewPageForm > div > input:nth-child(2n+1), .reviewPageForm > div > button:nth-child(2n+1){margin-left:0;}

	.reviewPageForm > input{height:40px;}

	.reviewPagesTab .nav-tabs .nav-item{width:100%;}

	.body_container{ height:calc(100vh - 160px);}

	.headingMiddle{padding-top:10px;}

	.customDrop{margin-bottom:0;}

	.prodCont > a{display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px;}

	
	.row.buttonRow .col-lg-3.col-md-6:nth-child(2){flex:0 0 100%; max-width:100%;}
	.row.buttonRow .col-lg-3.col-md-6:nth-child(3){flex:0 0 100%; max-width:100%;}
	[id^=purchase]{max-width:100%; overflow:hidden;}

}
.btn{
	min-width: 95px !important;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  background: #7c76a6;
    border-radius: 30px; 
}
::-webkit-scrollbar-thumb:hover {
  background: #371872; 
}
.jvzoProdMainN .dataTables_filter {
    display: none;
}
.step {
    background-color: #ECEEFF !important;
    color: #A8A8A8 !important;
    transition: all 0.15s ease-in-out;
}
.step.active, .step:hover {
    background: linear-gradient(270deg, #9F95CD 0%, #7D73A8 100%) !important;
    color: #fff !important;
    box-shadow: 0 16px 26px -10px rgb(125 119 167), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(211 228 254);
}
#myForm .modal-header .step {
    position: relative;
}
#myForm .modal-header .step:after {
    content: "";
    position: absolute;
    left: 100%;
    height: 2px;
    width: 133px;
    background-color: #ECEEFF;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
#myForm .modal-header .step.completed:after {
	background: linear-gradient(270deg, #9F95CD 0%, #7D73A8 100%) !important;
	transition: all 0.5s ease-in-out;
}
#myForm .modal-header .step:last-of-type:after{
    display: none;
}
.flip-card {
  background-color: transparent; 
  perspective: 1000px;  
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 8px 10px 0 rgba(90,90,90,0.2);
}
.flip-card.flipped .flip-card-inner {   
  transform: rotateY(180deg);
}
.flip-card-clickbank, .flip-card-jvzoo {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.flip-card-jvzoo {

  transform: rotateY(180deg);
}
.prodDetailTab{
	margin-top: 0px;
}
.prodDetailTab .btn-flip-action, .products-filter-btns-section .btn-filter-action {
    max-width: 160px;
    width: 100%;
    background-color: #C4CFED;
    height: 45px;
    transition: all 0.15s ease-in-out;
}
.products-filter-btns-section {
   /* display: flex;*/
    justify-content: space-between;
    align-items: center;
}
.products-filter-btns-section .btn-filter-action {
    flex: 0 0 30%;
    max-width: calc(30% - 0.4rem);
}
.prodDetailTab .btn-flip-action:hover, .prodDetailTab .btn-flip-action.active, .products-filter-btns-section .btn-filter-action.active, .products-filter-btns-section .btn-filter-action:hover {
    box-shadow: 0 10px 10px 0px rgb(125 119 167 / 76%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(211 228 254);
    background: linear-gradient(to right, #7b71a6 0%,#a096ce 100%);
    border: none;
}
.prodDetailTab .flip-card {
    height: 100%;
    margin-bottom: 50px;
}
#compaingnmodal .modal-content .modal-header {
    padding: 10px 10px 20px;
}
.videoTerms .previous {
    float: left;
}
#compaingnmodal .setpCont .multiselect-options {
    max-height: 430px;
    height: 430px;
    overflow: hidden auto;
    border: 5px solid #e1e7ff;
    border-radius: 6px;
    padding: 5px 15px;
}
#compaingnmodal .modal-content .modal-footer {
    padding-top: 20px;
    margin-bottom: 0px !important;
    padding-bottom: 5px;
}
.table.dataTable thead th, table.dataTable thead td{
        padding: 0px 10px 7px 10px !important;
    }
 .fa-search{
 	cursor: pointer;
 }
.searchForm i{
	padding: 5px;
}
.searchForm i:hover {
    background: #8076ac;
    padding: 5px;
    box-shadow: 0 6px 14px rgb(0 0 0 / 21%);
    /* left: 8px; */
    color: white;
}

.products-filter-btns-section .btn-filter-action {
    display: inline-grid;
    align-items: center;
    justify-content: center;
}
.searchForm input{
	margin-left: 5px !important;
}
.dataTables_filter {
        visibility: hidden;
    }
    div.dataTables_length {
        float: right !important
    }
    .btn-primary{
            background: linear-gradient(to right, #7b71a6 0%,#a096ce 100%) !important;
            color: white !important;
            border-color: #7c76a6 !important;
    }
    .loadingText{
        width: 100%;
        height: 100px;
        position: absolute;
        left: 48%;
        top: 60%;
        /* background-image: url(../img/loading-bars.gif); */
        /* background-size: 100%; */
        background-repeat: no-repeat;
        background-position: center;
        margin: -100px 0 0 -100px;
        color: #7b71a6 !important;
    }
    .sidespan{
            width: 100%;
            display: inline-block;
            float: left;
            font-size: 18px;
            padding: 5px 10px 5px 20px;
            color: #371872;
            border-left: 2px solid transparent;
            font-weight: 700;
            font-family: 'Lato', sans-serif !important;
            cursor: default;
        }
        table.dataTable thead th, table.dataTable thead td{
            padding: 0px 10px 18px 10px;
        }
        /*.pulseWarningIns{
            background: #c7a7e9;
            background: -moz-linear-gradient(left, #7b71a6 0%, #a096ce 100%);
            background: -webkit-linear-gradient(left, #7b71a6 0%,#a096ce 100%);
            background: linear-gradient(to right, #7b71a6 0%,#a096ce 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b71a6', endColorstr='#a096ce',GradientType=1 );
            -moz-box-shadow: 0 6px 14px rgba(0,0,0,.21);
            -webkit-box-shadow: 0 6px 14px rgb(0 0 0 / 21%);
            box-shadow: 0 6px 14px rgb(0 0 0 / 21%);
            color: #fff;

        }
        .sweet-alert .sa-icon.sa-warning {
            border-color: #c7a7e9 !important;  
        }
        .sweet-alert .sa-icon.sa-error{
            border-color: #c7a7e9 !important;  
        }*/
        .sweet-alert{
             background: #60557f !important;
        }
       /* .sweet-alert .sa-icon.sa-error .sa-line{
            background-color: #c7a7e9 !important;
        }
        .sweet-alert button{
                background-color: rgb(199 167 233) !important
                box-shadow: rgb(199 167 233 / 80%) 0px 0px 2px, rgb(0 0 0 / 5%) 0px 0px 0px 1px inset !important;
        }*/
        .sweet-alert p{
            color: #b0bec5 !important;
        }
        .modal-content label {
            font-size: 16px;
            color: #7c76a6;
            font-weight: 700;
        }
         .NoScriptLayer .message img {
        height: 120px;
    }

    .NoScriptLayer .message .message-label {
        font-size: 18px;
        font-weight: bold;
        color: #ce2035;
    }

    .NoScriptLayer .message .detailNote {
        color: #b7b7b7;
        margin-top: 15px;
    }
    .noscriptimage{
        background-image: url('../assets/noscript.png');
        width: 346px;
        height: 306px;
        position: absolute;
        left: 53%;
        top: 33%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
        border: 1px solid #7e74a8 !important;
        background: linear-gradient(to bottom, #7e74a9 0%, #9b91c9 100%) !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button:active{
        background: linear-gradient(to bottom, #7e74a9 0%, #9b91c9 100%) !important;
        box-shadow: inset 0 0 3px #9e94cc !important;
    }
    .btn-filter-clickbank{
        color: #8058a3;
    }
    .btn-filter-clickbank:hover{
        color: white;
    }
     .cls-1 {

        fill-rule: evenodd;

        filter: url(#filter);

      }
      .Labelerror{
                color: #ff4b6b !important;
                font-size: 14px !important;
                margin: 0px !important;
                padding: 0px !important;
                float: right !important;
                font-weight: 400 !important;
        }
      .has-error{
        border-color: #ff4b6b !important;
      }
      .mandatory-fields{
        color: red !important;
      }
      #preloader {
            z-index: 99999 !important;
        }