*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; outline:0;} html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} body{margin:0; padding:0; font-size:16px; line-height:22px; font-family:'Noto Sans', sans-serif; counter-reset:num;} a{cursor:pointer; text-decoration:none;} ul, ol{margin:0; padding:0; list-style:none; list-style-image:none;} img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; max-width:100%;} form{margin:0;} button, input, select, textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;} button, input{line-height:normal; *overflow:visible;} button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button;} input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0;} textarea{vertical-align:top; resize:vertical;} h1{font-size: 46px; font-family:'Noto Sans', sans-serif; font-weight:bold;} h2{font-size:46px; font-family:'Noto Sans', sans-serif; font-weight:bold; margin-top:0; margin-bottom:40px;} h3{font-family:'Noto Sans', sans-serif; font-weight:bold;} .row {margin-right: -10px; margin-left: -10px; clear: both} .row:after, .row:before {content: ""; clear: both} [class*=col-]{position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; float: left} .container{max-width:1200px; width:100%; margin:0 auto; padding:0 10px;} a:hover{text-decoration: none;} a:focus {outline:0; outline-offset:0; text-decoration:none;} ::-moz-selection { background:rgba(247, 148, 29, 0.8); } ::selection { background:rgba(247, 148, 29, 0.8); } ::-moz-selection { color:#000;} ::selection { color:#000; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } /*---------------Forms elements css-------------------*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; } .dropdown{margin-bottom: 15px;} .dropdown .dropdown-toggle{width:100%; max-width: 100%; border-radius: 0; height: 42px; padding-right:34px; font-size: 16px; font-family: 'Noto Sans', sans-serif; text-align:left; background: #ebebeb; color:#000; padding-left:6px; border:none;} .dropdown .dropdown-toggle:after{position:absolute; content:''; right:12px; top:15px; border-width:10px; border-color:#000 transparent transparent; border-style:solid; } .dropdown .dropdown-toggle:active, .dropdown .dropdown-toggle:focus{outline: none; box-shadow: none;} .dropdown .dropdown-menu .dropdown-item{display: inline-block; width: 100%; padding:10px; color:#000;} .dropdown .dropdown-menu .dropdown-item:hover{background:#dedede;} .dropdown .dropdown-menu .dropdown-item + .dropdown-item{border-top:1px solid rgba(0,0,0,.15);} .dropdown .dropdown-menu{width:100%; background: #efefef; padding:0; border-radius: 0; margin: 1px 0 0 0; max-height: 250px; overflow-x: hidden; overflow-y:auto; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;} input::placeholder,textarea::placeholder{font-family:'Noto Sans', sans-serif; color:#000 !important;} input[type=password], .password-field{padding-right:50px} textarea::-webkit-input-placeholder { color: #000; } textarea:-moz-placeholder { /* Firefox 18- */ color: #000; } textarea::-moz-placeholder { /* Firefox 19+ */ color: #000; } textarea:-ms-input-placeholder { color:#000; } .m-t-20{margin-top: 20px !important;} .m-l-20{margin-left: 20px !important;} .clear-left{clear:left;} .m-l-20{margin-left: 20px !important;} .form-control{color:#000;} .form-group input::placeholder{color:#000;} .form-group input,.form-group span.form-control{border-radius: 0; border:none; font-family: 'Noto Sans', sans-serif; font-size: 16px; color:#000; text-align: center; box-shadow: none} .form-group .form-control{height: 42px;} .form-group .showPass{position: absolute; content:''; right:15px; top:35px; cursor: pointer;} .loginsec .form-group .showPass{top:8px;} .form-group .showPass:after{ content:"\f070"; font-family: FontAwesome; font-size: 30px; color:#000; font-style: normal;} .form-group .showPass.showPasson:after{content:"\f06e";} .error{display: none;} .form-check{margin-bottom:20px;} input[type=checkbox]{opacity: 0;} .form-check label{display: inline-block; vertical-align: middle; margin: 0 0 0 -15px; font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size: 20px; color: #cf0083;line-height: 32px; padding: 0 0 0 27px; cursor: pointer;} .form-check label:before {position: absolute;content: ''; top: 4px; left: 0; width: 22px;height: 22px;border: 1px solid #cf0083;} .form-check label:after {position: absolute; content: ''; width: 9px; height: 14px; border: solid #cf0083; border-width: 0 3px 3px 0; position: absolute; left: 7px; top: 15px;margin-top: -10px;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: 0.5s; opacity: 0;} input[type=checkbox]:checked + label:after{opacity: 1;} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:0; outline-offset:0; } form button.btn span{padding:10px 20px;} form button.btn{display: table; max-width: 200px; width:100%; padding:0; margin: 0 auto 40px; background:transparent; white-space: normal;} form .btn:active,form .btn:focus{outline: 0; outline-offset:0; box-shadow:none;} form .form-group textarea{border-radius: 0; font-family: 'Noto Sans', sans-serif; font-size: 16px; color:#000; resize:none;} form .form-group textarea:focus{outline:0; box-shadow: none;} form .form-group textarea.form-control{height:auto;} .btn.disabled, .btn[disabled]{opacity: 1;} .input-error{font-size: 14px;} label{font-family: 'Noto Sans', sans-serif;} .modal{z-index:999999;} .no-border{border:0;} /*---------------Forms elements css-------------------*/ @keyframes zoomanimnew { 0% { transform:translateY(-50%) scale(0.9); -webkit-transform:translateY(-50%) scale(0.9); -moz-transform:translateY(-50%) scale(0.9); -ms-transform:scale(0.9);} 50% { transform:translateY(-50%) scale(1.1); -webkit-transform:translateY(-50%) scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:scale(1.1);} 100% { transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1);} } @-webkit-keyframes zoomanimnew { 0% { transform:translateY(-50%) scale(0.9); -webkit-transform:translateY(-50%) scale(0.9); -moz-transform:translateY(-50%) scale(0.9); -ms-transform:scale(0.9);} 50% { transform:translateY(-50%) scale(1.1); -webkit-transform:translateY(-50%) scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:scale(1.1);} 100% { transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1);} } @-moz-keyframes zoomanimnew { 0% { transform:translateY(-50%) scale(0.9); -webkit-transform:translateY(-50%) scale(0.9); -moz-transform:translateY(-50%) scale(0.9); -ms-transform:scale(0.9);} 50% { transform:translateY(-50%) scale(1.1); -webkit-transform:translateY(-50%) scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:scale(1.1);} 100% { transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1);} } @keyframes zoomanim { 0% { transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9);} 50% { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:scale(1.1);} 100% { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1);} } @-webkit-keyframes zoomanim { 0% { transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9);} 50% { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:scale(1.1);} 100% { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1);} } @-moz-keyframes zoomanim { 0% { transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9);} 50% { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:scale(1.1);} 100% { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1);} } @keyframes zoomanim-modal { 0% { transform:translateY(-50%) scale(0.9); -webkit-transform:translateY(-50%) scale(0.9); -moz-transform:translateY(-50%) scale(0.9); -ms-transform:translateY(-50%) scale(0.9);} 50% { transform:translateY(-50%) scale(1.1); -webkit-transform:translateY(-50%) scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:translateY(-50%) scale(1.1);} 100% { transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1);} } @-webkit-keyframes zoomanim-modal { 0% { transform:translateY(-50%) scale(0.9); -webkit-transform:translateY(-50%) scale(0.9); -moz-transform:translateY(-50%) scale(0.9); -ms-transform:translateY(-50%) scale(0.9);} 50% { transform:translateY(-50%) scale(1.1); -webkit-transform:translateY(-50%) scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:translateY(-50%) scale(1.1);} 100% { transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1);} } @-moz-keyframes zoomanim-modal { 0% { transform:translateY(-50%) scale(0.9); -webkit-transform:translateY(-50%) scale(0.9); -moz-transform:translateY(-50%) scale(0.9); -ms-transform:translateY(-50%) scale(0.9);} 50% { transform:translateY(-50%) scale(1.1); -webkit-transform:translateY(-50%) scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:translateY(-50%) scale(1.1);} 100% { transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1);} } @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } } @-webkit-keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } } @-moz-keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } } /*---------------scroll top button css-------------------*/ .back_to_top{position: fixed; bottom:20px; right:20px; z-index: 99; width: 50px; height: 50px; border: 1px solid #000; background: #fff; border-radius: 50%;} .back_to_top:after{position: absolute; content: ''; width: 20px; height: 20px; border-width: 2px; transform: rotate(45deg); border-color: #d17a19 transparent transparent #d17a19; border-style: solid; left: 15px; top: 20px;} .gototop{cursor: pointer; padding: 24px 0 0 0;} .gototop:before{position: absolute; content: ''; left: 50%; transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); top: 12px; width: 15px; height: 15px; border-style: solid; border-color: #fff transparent transparent #fff; border-width: 2px;} /*---------------End scroll top button css-------------------*/ /*---------------header css-------------------*/ section{border-bottom:1px solid #000;} header{background:#f7941d; width:100%; padding:30px 0; border-top:1px solid #000; border-bottom:1px solid #000;} header nav{display:table; width:100%; text-align:right;} header nav a{float:left;} header nav a span{display:inline-block; min-width:130px; max-width:200px; padding:8px 5px 8px; transition:all ease 0.5s;} header nav a.active span{color:#000;} header nav a.free-stuff span, header nav a.shows-item span{background: #cf0083;} header nav a.free-stuff:before, header nav a.shows-item:before{background: #cf0083;} .jmpBtn span{display:inline-block; width: 100%; padding:10px; text-align:center; border:1px solid #000; border-radius:9px; background:#00aeef; color:#fff; font-family:'Noto Sans', sans-serif; font-weight:bold; font-size:16px; cursor:pointer; text-transform:uppercase; transition:all ease 0.5s;} .bgeffect:before{content:""; position:absolute; width:100%; height:100%; background:#0099c9; border:1px solid #000; left:0px; bottom:-6px; border-radius:9px; transition:all ease 0.5s;} .Videobox{margin:0 0 40px 0;} .Videobox a:first-child{width:100%; height:100%; display:table; margin:0 auto; border:1px solid #000000; min-height:200px;} .Videobox > a:after{background:#333; width:100%; height:100%; position:absolute; left:0; top:0; content:""; opacity:0.5; filter:alpha(opacity=0);} .Videoboxtemp > a:after{background:#333; width:100%; height:100%; position:absolute; left:0; top:0; content:""; opacity:0!important; filter:alpha(opacity=0);} .jmpBtn > span{top:0;} .jmpBtn > span:hover, .subscribe_bx form > div span input:focus{top:6px;} .bgeffect:hover > span{color:#000;} header nav a + a{margin-left:20px} header nav a:nth-child(n+4){float:none; display:inline-block;} .brand_logo{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); margin:10px 0 0 0px; z-index:2;} .brand_logo img{width:120px; transition:0.3s;} .brand_logo:hover img{transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);} .brand_logo_log{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); margin:10px 0 0 0px; z-index:2;} .brand_logo_log img{width:120px; transition:0.3s; top: 10px;} .brand_logo_log:hover img{transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);} header .container:after{position:absolute; content:''; bottom:-47px; left:50.2%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); width:110px; height:100px; border-radius:100%; z-index:-1; background:#f7941d; z-index:1; box-shadow:0 8px 0 -6px #000;} /* .humBurger{background:#0099c9; display:none; position:absolute; right:20px; top:-30px; width:42px; height:42px; padding:6px 9px 0; border:1px solid #000; border-radius:9px; transition:all ease 0.5s; cursor: pointer;} */ .humBurger{background:#0099c9; display:none; position:absolute; right:20px; top:-40px; width:42px; height:42px; padding:6px 9px 0; border:1px solid #000; border-radius:9px; transition:all ease 0.5s; cursor: pointer;} .humBurger:before,.humBurgerInner:before{width:104%; background:#00aeef; bottom:4px; left:-1px;} .humBurger i,.humBurgerInner i{display:table; width:100%; height:3px; background:#fff;} .humBurger i:nth-child(2),.humBurgerInner i:nth-child(2){margin:5px 0;} /*---------------End header css-------------------*/ /*---------------top header strip css-------------------*/ .topHeader{background:#f7941d; text-align: right; padding: 5px 0;} .topHeader a{color:#000; margin:0 10px; transition: 0.5s; text-transform: uppercase;} .topHeader a:hover{color:#fff;} /*---------------End top header strip css-------------------*/ .headerNew{padding:71px 0 33px;} .headerNew .humBurgerNew{display: inline-block; vertical-align: middle; top:6px;} .headerNew .humBurgerNew .humBurgerInner{display: inline-block; font-size:10px;position: relative; right:auto; top:0; width:50px; height:56px; padding:7px 6px 0;} .headerNew .humBurgerNew .humBurgerInner i{height:4px; border-radius: 14px;} .headerNew .humBurgerNew .humBurgerInner i:last-child{margin: 0 0 4px 0;} .headerNew .humBurgerNew .humBurgerInner:hover{top:6px;} .headerNew .brand_logo{padding: 0px 0px 37px 0; left:600px;} .headerNew .container:after{ bottom: -50px; left:602px;} /* .headerLog{padding:71px 0 33px;} */ .headerLog .container:after{ bottom: -50px;} .headerNew nav{float: right; width:80%; margin:16px 0 0 0;} .headerNew nav a {float: left; color: #fff; text-align: center; font-family: 'Noto Sans', sans-serif; font-weight:bold;} .headerNew nav a:nth-child(n+4){float: left;} .headerNew nav a.jmpBtn{width:120px;} .headerNew nav a + a {margin-left:16px;} .headerNew nav a span{min-width: 100%;max-width: 100%; position: relative; padding: 6px 10px; font-size: 13px;} .headerNew nav a span:hover, .headerNew nav a.active span{color:#000; border:1px solid #000;} /* .headerNew nav a span:hover:after{opacity: 1; width:100%;} */ .headerNew .myaccount-menu{max-width: 400px; position: absolute; z-index: 999; top:-50px; right:32px; transition: 0.5s; text-align: center; margin: 0 auto; width: 100%; border-radius: 10px;} .headerNew .myaccount-menu.open{left:0px;} .headerNew .myaccount-menu .ms-bx{width: 100%; padding: 0; border: 0; display: inline-block;max-width: 480px; margin: 0 10px 20px; background: #f7941d; border-radius:10px;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner{border-radius:10px; border: 1px solid #000; background: #fff; height: 100%;} .headerNew .myaccount-menu:after{position: absolute; content:''; top:-10px; left:124px; transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); width:20px; height:20px; border-top:1px solid #000; border-left:1px solid #000; background: #cf0083; z-index:9999; transition: 0.5s;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__topf{display:table ; width:100%; padding:20px 10px; background:#f7941d; border-radius: 8px 8px 0 0; border-bottom:1px solid #000;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__topf button.closeMenu{float: right; padding:3px 13px 4px; opacity: 1; border-radius: 50%;background: #fff200; font-size:22px; line-height: normal; border: 1px solid #000;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__top{margin: 0; background: #cf0083; padding: 12px 10px; z-index: 0; border-radius: 8px 8px 0 0; border-bottom:1px solid #000;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__top button.closeMenu{width: 36px; height:36px; border-radius: 100%; border:1px solid #000; padding:5px; background: #fff200; opacity: 1; position: absolute; top:-8px; right:-8px; margin: 0 !important; z-index: 1000; font-size: 19px;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__top .ms-bx_desc{margin-bottom:0;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__bottom{border-radius: 0 0 8px 8px; background: #ebebeb; padding: 10px 20px 20px;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__bottom ul{width:100%; margin-bottom:15px;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__bottom ul li{width:100%; border-bottom:1px solid #000;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__bottom ul li a{display: inline-block; color:#000; padding:10px 0; font-family: 'Noto Sans', sans-serif; font-weight:bold;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__bottom .logOut{display: table; margin:0 auto;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__bottom .logOut:before{background: #cf0083!important;} .headerNew .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__bottom .logOut span{padding:6px 20px; background: #cf0083!important;} .headerNew .myaccount-menu .ms-bx.skyblue .ms-bx-inner .ms-bx-inner__bottom .logOut:before,.myaccount-menu .ms-bx.skyblue .ms-bx-inner .ms-bx-inner__bottom .logOut span{background: #00aeef;} .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__top h3, .myaccount-menu .ms-bx .ms-bx-inner .ms-bx-inner__top p{margin: 0; color: #fff;} /*---------------end headernew css-------------------*/ /*---------------Top banner css-------------------*/ .Top_banner{background:rgba(221,0,135,1); overflow:hidden;} .Top_banner > span{width:100%; height:100%; display:inline-block; background:url(../images/top_banner-new-1.jpg) top right no-repeat; min-height: 600px; background-size: cover;} .Top_banner > span:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background: -moz-linear-gradient(bottom, rgba(221,0,135,1) 5%, rgba(221,0,135,0) 100%); background: -webkit-linear-gradient(bottom, rgba(221,0,135,1) 5%,rgba(221,0,135,0) 100%); background: linear-gradient(to top, rgba(221,0,135,1) 5%,rgba(221,0,135,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0087', endColorstr='#dd0087',GradientType=1 );} .Top_banner:after{background:url(../images/topbannerbg.png) center no-repeat; background-size:cover; width:100%; height:100%; position:absolute; left:0; top:46%; z-index:2; content:"";} .Top_banner .container{padding:50px 10px; z-index:3; margin-top:-430px;} .Top_banner > img{max-width:100%; position:absolute;} .Top_banner .top-intro{display:table; margin:0px auto 70px; width:100%; max-width:820px;} .Top_banner .top-intro > p, .Top_banner .top-intro > p + h1{margin:0; font-family:'Noto Sans', sans-serif; font-weight:bold; font-size:20px; color:#fff; text-align:center; line-height:100%; text-transform:uppercase;} .Top_banner .top-intro > p + h1{font-size: 46px; margin:15px 0 50px 0;} .Top_banner .top-intro > p + h1 span{color:#fff200; display:inline-block;} .Top_banner .top-intro .top-heading h1{color: #fff; font-size: 46px; text-transform: uppercase; font-family:'Noto Sans', sans-serif; font-weight:bold;} .Top_banner .top-intro .top-heading .sub-heading{font-size:24px;} .subscribe_bx{position: relative; text-align:center; width:100%; padding:36px 20px; border-radius:18px; background:#fff200 url(../images/content_bg2.png) center no-repeat; border:1px solid #000000;} .subscribe_bx:before{bottom:-10px; height:100%; width:100%; background:#dbc203; border-radius:20px; border:1px solid #000000; z-index:-1;} .subscribe_bx h3{font-size:28px; margin:0 0 30px 0;} .subscribe_bx form{display:table; width:100%;} .subscribe_bx form > div, .subscribe_bx form > span{display:table-cell; width:80%; padding:0 10px 0 0;} .subscribe_bx form > div span{display:inline-block; width:100%;} .subscribe_bx form > div span:before{background:#d9d9d9;} .subscribe_bx form div span input{width:100%; height:45px; padding:5px 10px; border-radius:9px; border:1px solid #000; transition:0.5s; top:0px;} .subscribe_bx form div span input::placeholder{font-family: 'Noto Sans', sans-serif; color:#000;} .subscribe_bx style{display:none !important;} .subscribe_bx app-err-msg {position: absolute; bottom: -20px; left: 36px; font-weight: bold;} ._form_9.subscribe_bx [id^=_form_]{width:100% !important; background: transparent !important; margin:0 !important; padding:0 !important;} ._form_9.subscribe_bx [id^=_form_] ._form-title{font-size: 28px !important; margin: 0 0 30px 0 !important; font-family: 'Noto Sans', sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; line-height: 1.1 !important;} ._form_9.subscribe_bx [id^=_form_] ._form-content{width: 100% !important; display:table !important; text-align: center; padding:0 !important; margin: 0 !important;} ._form_9.subscribe_bx [id^=_form_] ._form_element ._form-label{display: none !important;} ._form_9.subscribe_bx [id^=_form_] ._form_element input[type="text"]{width: 100% !important; height: 45px !important; font-size:16px !important; text-transform: uppercase !important; padding: 5px 10px !important; border-radius: 9px !important; border: 1px solid #000 !important; transition: 0.5s !important;top: 0px !important;} ._form_9.subscribe_bx [id^=_form_] ._form_element ._field-wrapper:before{content: ""; position: absolute; width: 100%; height: 100%; background: #d9d9d9; border: 1px solid #000; left: 0px; bottom: -6px;border-radius: 9px; transition: all ease 0.5s;} ._form_9.subscribe_bx [id^=_form_] ._form-content ._form_element:first-child{width: 100%; float: left !important; margin: 0 !important; } ._form_9.subscribe_bx [id^=_form_] ._form-content ._form_element:nth-child(2){float: left !important; width:78% !important; padding-right: 10px !important;} ._form_9.subscribe_bx [id^=_form_] ._form-content ._button-wrapper{float: right !important; width: 22% !important; margin: 0 !important;} ._form_9.subscribe_bx [id^=_form_] ._form-content ._button-wrapper:before{content: "";position: absolute;width: 100%; height: 100%; background: #0099c9; border: 1px solid #000;left: 0px; bottom: -6px; border-radius: 9px;transition: all ease 0.5s;} ._form_9.subscribe_bx [id^=_form_] ._form-content ._button-wrapper button._submit{width: 100% !important; height: 45px !important; padding: 0 !important; text-align: center !important; border: 1px solid #000 !important; border-radius: 9px !important; background: #00aeef !important;color: #fff;font-family: 'Noto Sans', sans-serif !important; font-weight: bold !important; font-size: 16px !important; cursor: pointer !important; text-transform: uppercase !important; transition: 0.5s !important;top: 0px !important;} ._form_9.subscribe_bx [id^=_form_] ._form-content ._button-wrapper button._submit:hover{top:6px !important;} input::placeholder{color:#000;} input::-webkit-input-placeholder{color:#000;} input::-moz-placeholder{color:#000;} input:-ms-input-placeholder{color:#000;} .subscribe_bx form > span{width:20%; padding:0;} .subscribe_bx form > span button{width:100%; height:45px; padding:0; text-align:center; border:1px solid #000; border-radius:9px; background:#00aeef; color:#fff; font-family:'Noto Sans', sans-serif; font-weight:bold; font-size:16px; cursor:pointer; text-transform: uppercase; transition:0.5s; top:0px;} .subscribe_bx form > span:hover button{color:#000; top:6px;} /*---------------End Top banner css-------------------*/ /*---------------Top Video Box css-------------------*/ .VideoboxMain{float: left; margin:0 0 50px} .Videobox{float:left; width:100%; padding:10px; border-radius:15px; border:1px solid #000; text-align:left; background: #f7941d url(../images/content_bg1.png) left top no-repeat} .Videobox:before{bottom:-10px; background:#cf7417; border-radius:18px; z-index:-1;} .Videobox img{display: table; margin:0 auto; width:100%; object-fit: cover;} .Vtitle{display:inline-block; margin:18px 0 0; font-size:18px; text-transform:uppercase; font-family:'Noto Sans', sans-serif; font-weight:bold; color:#000;} .Vplay{position:absolute; height:70px; width:70px; border-radius:100%; left:50%; top:50%; transform:translate(-50%, -50%); box-shadow:0px 4px 0px 0px #009aca; background:#009aca; border:1px solid #000; transition:0.5s; z-index:1;} .Vplay:hover{box-shadow:none;} .Vplay i{position:absolute; width:0; height:0; line-height:0; border:20px dashed #666; border-left-style:solid; border-right:none; border-top:20px solid transparent; border-left:30px solid #000; border-bottom:20px solid transparent; left:55%; top:50%; transform:translate(-50%, -50%);} .Vplay i:after{content:''; position:absolute; width:0; height:0; right:1px; top:-18px; border:20px dashed #666; border-left-style:solid; border-right:none; border-top:18px solid transparent; border-left:28px solid #fef200; border-bottom:18px solid transparent;} .MoreStuff{display:inline-block; width:100%; padding:0 10px; text-align:center;} .MoreStuff a,.MoreStuff a span{display:inline-block; max-width:270px; width: 100%; font-size: 22px;} .MoreStuff a span{padding:20px 20px; width:100%;transition:all ease 0.5s;} /*---------------Top Video Box css-------------------*/ /*---------------Membership section css-------------------*/ .membershipsec{background:#f6ea33 url(../images/membership_bg.png) center no-repeat; padding:50px 0 60px 0;} .membershipsec .container, .testimonial .container{z-index:0;} .membershipsec h2{text-align:center;} .memberbox {float:left; width:100%; padding:20px 20px 20px; border-radius:15px; border:1px solid #000; text-align:center; background:#f7941d url(../images/repeated_stars.png) center no-repeat; margin-top:20px;} .memberbox:before{background:#d17a19; z-index:-1; border-radius:15px; bottom:-10px;} .membertab{float:left; width:100%; background:#fff; border:1px solid #000; margin-bottom:20px; padding:20px 20px 10px;} .membertab h3{color:#ec008c; font-size:32px; font-family:'Noto Sans', sans-serif; font-weight:bold; margin:0; text-transform:uppercase;} .membertab li{font-size:16px; font-family:'Noto Sans', sans-serif; text-align:left; margin:15px 0; padding-left:30px;} .membertab li:before{content: ""; width: 9px; height: 14px; border: solid #ec008c; border-width: 0 3px 3px 0; position: absolute; left: 8px; top: 50%; margin-top: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .memberbox .jmpBtn{margin:10px 0; display:inline-block;} .memberbox .jmpBtn span{display:inline-block; padding:10px 20px; width:100%; } /*---------------end Membership section css-------------------*/ /*---------------why JSJ and MINDFULNESS section css-------------------*/ .whyjump, .mindful, .testimonial,.Our_member{background:#f7941d url(../images/content_bg1.png) left top no-repeat; padding:50px 10px 60px 10px;} .whyjump h2, .mindful h2{text-align:center; text-transform:capitalize;} .whyjump h2{margin-bottom: 60px;} .Imgbox{float:left; width:100%;} .Imgbox:hover .rotatebg:before{transform:rotate(6deg);} .Imgbox:hover .rotatebg:after{transform:rotate(-6deg);} .Imgbox:hover img {transform:rotate(0deg);} .Imgbox i{position:absolute; height:100%; width:100%;} .Imgbox i:before, .Imgbox i:after {position: absolute; content: ""; height: 96%; width:99%; top: 9px; left: 5px; background: #00aeef; transform: rotate(-6deg); border: 1px solid #000; transition:0.5s;} .Imgbox i:after {background:#ec008c; transform:rotate(2deg);} .Imgbox img{border: 1px solid #000; transform:rotate(-2deg); transition:0.5s;} .eventcontent{float:left; width:100%; padding-left:30px;} .eventcontent h3{color:#fff200; font-size:32px; font-family:'Noto Sans', sans-serif; font-weight:bold; margin:0; text-transform:uppercase;} .eventcontent ul{margin-bottom: 40px;} .eventcontent li{font-size:20px; font-family:'Noto Sans', sans-serif; line-height: 30px; text-align:left; margin:15px 0; padding-left:30px; color:#fff;} .eventcontent li:before{content: ""; width: 9px; height: 14px; border: solid #fff200; border-width: 0 3px 3px 0; position: absolute; left: 8px; top:18px; margin-top: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .eventcontent .jmpBtn{margin-bottom:20px; display:inline-block;} .eventcontent .jmpBtn span{display:inline-block; padding:10px 20px;} .mindful{background:#00abea url(../images/content_bg2.png) left top no-repeat;} .mindful .row [class*=col-]:first-child{float:right;} .mindful .eventcontent{padding-left:0; padding-right:30px;} .mindful .eventcontent .jmpBtn span{background:#f7941d;} .mindful .eventcontent .jmpBtn:before{background:#d17a19;} .mindful .Imgbox i:before{background:#fff200;} .mindful .Imgbox i:after {background:#f7941d;} .add-invite {align-content: flex-end;} .add-invite .jmpBtn span{background: #f7941d!important;} .add-invite .jmpBtn:before{background:#d17a19!important;} /*---------------End why JSJ and MINDFULNESS section css-------------------*/ /*---------------testimonial section css-------------------*/ .testimonial{background:#e3d21a url(../images/content_bg3.png) left top repeat;} .testimonialbox .box-content{min-height:160px; margin:20px 0 40px 0; padding:20px; border:1px solid #000; border-radius:8px; background:#fff; } .testimonialbox .box-content:after,.box-title:before{content:''; position:absolute; left:50%; transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); bottom:-13px; width:24px;height:24px; border:1px solid #000; border-radius:0 0 8px 0; background:#fff; border-width:0 1px 1px 0px;} .testimonialbox .box-content p{margin:0; font-family:'Noto Sans', sans-serif;} .testimonialbox .box-title {display:table; vertical-align:middle; margin:0 auto; font-family:'Noto Sans', sans-serif; font-weight:bold; text-transform: capitalize;} .box-title span,.box-title .box-image{width:100%; display:inline-block; vertical-align: middle; text-align: center;} .box-title .box-image img{margin-right:10px; border:1px solid #000; border-radius:100%; object-fit: cover;} .testimonialbox .box-content:before{z-index:-1; background:#d9d9d9; bottom:-10px;} .box-title:before{background:#d9d9d9; top:-44px; bottom:auto; z-index:-1; left:50%; width:26px;height:26px; border-radius:0 0 10px 0;} .testimonial h2{margin-bottom:20px; text-align: center; text-transform: capitalize;} .testimonial .swiper-wrapper1{padding-bottom:60px;} .testimonial .swiper-pagination{bottom:10px;} /*---------------end testimonial section css-------------------*/ /*---------------our member section css-------------------*/ .Our_member{padding:20px 0; text-align:center; background:#e40089 url(../images/content_bg2.png) left top no-repeat;} .Our_member h2{text-transform:capitalize; font-family:'Noto Sans', sans-serif; font-weight:bold; color:#fff; margin-bottom:20px;} /* .Our_member .schoollist span{display:inline-block; padding:10px 15px 10px 28px; line-height:100%; font-size:40px; color:#fff200; -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); -moz-animation: scroll-left 15s linear infinite; -webkit-animation: scroll-left 15s linear infinite; animation: scroll-left 15s linear infinite; white-space: nowrap;} */ .Our_member .schoollist span:before{content:''; position:absolute; left:0; top:22px; width:12px; height:12px; background:#fff200; border-radius:100%;} .schoollist {width: 100%; overflow: hidden; display:-webkit-box;display:-ms-flexbox;display:flex;} .Our_member .schoollist span{display: inline-block; font-family:'Noto Sans', sans-serif; font-weight:bold; line-height:100%; font-size:30px; color:#fff200; padding:10px 15px 10px 26px; text-align:left;} .Our_member .schoollist span:before{content:''; position:absolute; left:0; top:22px; width:12px; height:12px; background:#fff200; border-radius:100%; } .Our_member .schoollist .slick-dots{display: none !important;} .Our_member .schoollist .slick-slide{float:none; display:inline-block; vertical-align: middle;} /* Move it (define the animation) */ @-moz-keyframes scroll-left { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll-left { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes scroll-left { 0% { -moz-transform: translateX(100%); /* Browser bug fix */ -webkit-transform: translateX(100%); /* Browser bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Browser bug fix */ -webkit-transform: translateX(-100%); /* Browser bug fix */ transform: translateX(-100%); } } /*---------------end our member section css-------------------*/ /*---------------Login page css-------------------*/ .loginsec{padding: 50px 0; text-align: center; background:#e3d21a url(../images/content_bg3.png) left top no-repeat} .loginsec .loginsec_lft{border-right:3px dashed #000; padding-right:50px} .loginsec h1{margin:0 0 50px 0; color:#333333;} .loginsec form .form-group{margin-bottom:40px;} .loginsec form .form-group:before{background:#d9d9d9;} .loginsec form .form-group input{border:1px solid #000; border-radius: 9px; transition:0.5s; top:0px; -webkit-transition:0.5s; -moz-transition:0.5s;} .loginsec form .form-group input[type=password], .password-field{padding-right:60px; } .loginsec form .form-group input[type=password], .password-field{padding-left:60px;} .loginsec form .form-group input + .showPass{ transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;} .loginsec form .loginsec_forgot_pass{font-family: 'Noto Sans', sans-serif; font-size: 14px; color:#000; text-decoration: underline;} .loginsec .loginsec_rgt h2{font-size:46px; color:#333333; margin-top: 90px;} .loginsec .loginsec_rgt a{margin-bottom:0;display: table; max-width: 220px;width: 100%; padding: 0; margin: 0 auto 40px; background: transparent; white-space: normal;} .loginsec .loginsec_rgt a span{padding: 10px 20px;} .forgotPass h1 + p{font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size:20px; line-height: 34px; margin-bottom:50px;} .forgotPass form{max-width: 570px; width: 100%; margin: 0 auto;} /*---------------End Login page css-------------------*/ /*---------------Video category page css-------------------*/ .vid-cat{background:#f5f5f5 url(../images/big-cross-bg.jpg) center no-repeat; background-size:cover; text-align:center; padding:0 0 30px 0; border-bottom:none;} .vid-cat div[class*='vid-cat-']{display: inline-block; margin:0 27px;} .vid-cat h1{font-size:46px; color:#333333; margin: 75px 0 60px;} .vid-cat .vid-cat-1 a span:before{background-color:#f7941d;} .vid-cat .vid-cat-2 a span:before{background-color:#fff200;} .vid-cat .vid-cat-4 a span:before{background-color:#30C730;} .vid-cat .vid-cat-6 a span:before{background-color:#4e3131;} .vid-cat div[class*='vid-cat-'] a,.vid-cat div[class*='vid-cat-'] a span{display: inline-block; width:auto; } .vid-cat div[class*='vid-cat-'] a span + span{display:block; margin-top:24px; font-family:'Noto Sans', sans-serif; font-weight:bold; font-size:24px; color:#d60085; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;} .vid-cat div[class*='vid-cat-'] a img{top:0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; width:130px;} .vid-cat div[class*='vid-cat-'] a:hover img{top:6px;} .vid-cat div[class*='vid-cat-'] a:hover span + span{color:#000;} .vid-cat-sec{color:#000;} .vid-cat-sec .vid-cat-head{background: #f7941d;} .vid-cat-sec .vid-cat-head .vid-cat-desc{width: 100%; padding: 30px 0; font-family: 'Noto Sans', sans-serif; font-weight:bold;} .vid-cat-sec .vid-cat-head .vid-cat-desc > span{display:inline-block; vertical-align: middle} .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-title{font-size: 50px; line-height: normal; padding-right:20px; border-right: 2px solid #fff;} .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-text,.vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-title span,.vid-cat-sec .vid-cat-head .vid-cat-desc .vid-count{font-size: 24px;} .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-text{padding-left:20px; line-height:30px; width:50%;} .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-title span{display: block; } .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-count{font-style: normal; } .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-img{width:68px; height:64px; padding:5px; margin-right: 20px; background: #fff; border:1px solid #000; border-radius: 15px;} .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-img:before{position: absolute; content: ""; background:#fff url(../images/jsj_sprite.png) 0 -34px no-repeat; width:37px ;height:50px; left: 50%; top: 50%; transform: translate(-51%,-51%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);} .vid-cat-sec.challenges .vid-cat-head .vid-cat-desc .vid-cat-img:before{background-position: -47px -34px; width:44px; height: 50px;} .vid-cat-sec.chillouts .vid-cat-head .vid-cat-desc .vid-cat-img:before{background-position:0 -153px; width:52px; height:51px;} .vid-cat-sec.FeaturedVideos .vid-cat-head .vid-cat-desc .vid-cat-img:before{background-position: -153px -34px; width:44px; height: 50px;} .vid-cat-sec.challenges .vid-cat-head{background:#fff350;} .vid-cat-sec.chillouts .vid-cat-head{background:#40adf4;} .vid-cat-sec.FeaturedVideos .vid-cat-head{background:#30C730;} .vid-cat-sec.surprise .vid-cat-head{background:#f5f5f5 url(../images/big-cross-bg.jpg) center no-repeat; background-size:cover; min-height: 440px;} .vid-cat-sec.surprise .vid-cat-head .vid-cat-desc{padding-top: 205px ; } .vid-cat-sec.surprise .vid-cat-head .vid-cat-desc .vid-cat-title{margin-bottom: 40px; } .vid-cat-sec.surprise span .bgeffect span{box-shadow: 0 4px #009aca,0 5px #000; } .vid-cat-sec.surprise span .bgeffect:hover span{box-shadow:none } .vid-cat-sec .Videobox a .new_rel_lbl:after{position: absolute; content: ""; height: 100%; border-style: solid; border-width: 10px; border-color: #f7941d transparent #f7941d #f7941d; content: ''; right: -18px; transition: 0.5s;} .vid-cat-sec .Videobox a .new_rel_lbl:before{position: absolute; content: ''; left: -1px; top: 20px; border-style: solid; border-width: 7px; border-color: #e87e00 #e87e00 transparent transparent; z-index: -1; transition: 0.5s;} .vid-cat-sec .vid-cat-cont{background:#fff url(../images/light-bg-with-pink-color.png) left top; background-repeat-y:repeat; z-index: 0; } .vid-cat-sec .vid-cat-cont .row > div:nth-child(3n+1){clear:left;} .vid-cat-sec .vid-cat-cont .Videobox{margin: 20px 0 30px; text-align: left; background-image: none; min-height: 268px;} .Videobox a .new_rel_lbl{position: absolute; top:10px; left: -24px; padding:0 10px 0 30px; font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size: 16px; background:#f7941d; color:#000; z-index: 1; transition: 0.5s;} .Videobox a .new_rel_lbl:after{position: absolute; content: ""; height: 100%; border-style: solid; border-width: 10px; border-color: #f7941d transparent #f7941d #f7941d; content: ''; right: -18px; transition: 0.5s;} .Videobox a .new_rel_lbl:before{position: absolute; content: ''; left: -1px; top: 20px; border-style: solid; border-width: 7px; border-color: #e87e00 #e87e00 transparent transparent; z-index: -1; transition: 0.5s;} .challenges .vid-cat-cont .Videobox a .new_rel_lbl:before{border-color: #e6d400 #e6d400 transparent transparent;} .FeaturedVideos .vid-cat-cont .Videobox a .new_rel_lbl:before{border-color: #30C730 #30C730 transparent transparent;} .chillouts .vid-cat-cont .Videobox a .new_rel_lbl:before{border-color:#009bcd #009bcd transparent transparent;} .surprise .vid-cat-cont {background: transparent !important;} .vid-cat-sec .vid-cat-cont .Videobox .Vtitle{font-size: 16px; display: inline-block; max-width: 280px;} .Wishlst{width: 32px; height: 29px; float: right; margin-top: 16px; background:url(../images/jsj_sprite.png) -339px 0px no-repeat; border:none; /* transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;*/} .Wishlst.selected{background-position: -381px 0} .Wishlst:hover{animation:zoomanim 0.5s infinite; -webkit-animation:zoomanim 0.5s infinite; -moz-animation:zoomanim 0.5s infinite;} .Wishlst:after{display: none;} .vid-cat-sec.challenges .vid-cat-cont{background:#fff url(../images/light-bg-with-pink-color.png) left top; background-repeat-y:repeat; z-index: 0} .challenges .vid-cat-cont .Videobox a .new_rel_lbl, .challenges .Videobox{background: #fff350;} .challenges .Videobox:before{background:#e6d400;} .challenges .vid-cat-cont .Videobox a .new_rel_lbl:after{border-color: #fff350 transparent #fff350 #fff350;} .FeaturedVideos .vid-cat-cont .Videobox a .new_rel_lbl, .FeaturedVideos .Videobox{background: #30C730;} .FeaturedVideos .Videobox:before{background:#30C730;} .FeaturedVideos .vid-cat-cont .Videobox a .new_rel_lbl:after{border-color: #30C730 transparent #30C730 #30C730;} .chillouts .vid-cat-cont .Videobox a .new_rel_lbl, .chillouts .Videobox{background: #40adf4;} .chillouts .Videobox:before{background:#009bcd;} .chillouts .vid-cat-cont .Videobox a .new_rel_lbl:after{border-color: #40adf4 transparent #40adf4 #40adf4;} .jumptopcat{background:#fff url(../images/content_bg2.png) left top no-repeat; z-index: 0; position: static; border-bottom: none !important;} .jumptopcat .container:after{content:''; display: block; clear: both;} .jumptopcat .surpriseVid{position: fixed; right: 0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 999} .jumptopcat .surpriseVid:before{display: none;} .jumptobx{width:110px; text-align: center; position: fixed;bottom:25px; z-index: 999;right: 0px;} .jumptopcat .surpriseVid span{width:auto; padding:10px 14px; text-transform: capitalize; writing-mode: vertical-rl; border-radius: 0;} .jumptopcat .surpriseVid span:hover{top:0 !important;} .jumptBtns{display:none; background: #d60085; border:1px solid #000; border-radius: 100px; text-align: center; padding: 30px 10px; margin-bottom:20px; position: absolute; bottom:39px;} .jumptBtns:before{content: ""; position: absolute; width: 100%;height: 100%; background: #f1e326; border: 1px solid #000; left:-5px; bottom: -5px; border-radius:100px; transition: all ease 0.5s; z-index: -1;} .jumptBtns .jumptitle{display: block; font-family:'Noto Sans', sans-serif; font-weight:bold; font-size:16px; color:#fff200;} .jumptBtns .jumptxt{display: block; font-style:italic; font-size:16px; color: #fff;} .jumptBtns a{display: inline-block; margin:10px 0; height:40px;} .jumptBtns a span{width: 40px; height:40px; padding: 5px; background: #fff; border: 1px solid #000;} .jumptBtns a:before{background:#d9d9d9;} .jumptBtns a span:before{position: absolute; content: ''; width:26px; height:36px; background:url(../images/jsj_sprite.png) -188px 0px no-repeat; left:50% ;top: 50%; transform: translate(-50%,-50%);} .jumptBtns a.cat-2 span:before{background-position:-266px 0; width:30px; height:34px; } .jumptBtns a.cat-3 span:before{background-position:-64px -164px; width:32px; height:32px;} .jumptBtns a.cat-5 span:before{ background: url(../images/vid-cat-5.png) no-repeat; height: 32px; width: 35px; background-size: contain; display: inline-block; vertical-align: middle; } .jumptBtns a.cat-6 span:before{ background: url(../images/vid-cat-6.png) no-repeat; height: 32px; width: 35px; background-size: contain; display: inline-block; vertical-align: middle; } .collaspeBtn{display: inline-block; height: 46px;} .collaspeBtn span{display: flex; justify-content: center; align-items: center; width:46px; height:46px; border: 1px solid #000; border-radius: 8px; background: #d60085;} .collaspeBtn:before{background: #f1e326; left:-4px; bottom:-4px} .collaspeBtn span:hover{top:4px;} .collaspeBtn:hover:before{left:0;} .collaspeBtn span i{display: inline-block; width: 12px; height: 12px; flex:0 0 12px; border: 1px solid #000; background: #f1e326; border-radius: 100%;} .collaspeBtn span i:nth-child(2){margin-left:2px; margin-right:2px} /*---------------End Video category page css-------------------*/ /*---------------Free stuff pagecss-------------------*/ .free_stuff_wrapper{display: flex; justify-content: center;} .free_stuff_wrapper > div {flex:1;} .free_stuff_top{padding:30px 0; background:#d60085 url(../images/content_bg1.png) left top no-repeat;} /* .free_stuff_top .free_stuff{padding-left:40px;} */ .free_stuff_top .free_stuff p:first-child, .free_stuff_top .free_stuff h1{font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size: 20px;color: #fff; line-height:normal;} .free_stuff{text-align: center; padding:0 15px;} .free_stuff_top .free_stuff h1{font-size: 40px; margin: 15px 0;} .free_stuff_top .free_stuff h1 span{color: #fff200; display: inline-block;} .free_stuff_top .free_stuff p{font-size:26px; font-weight: bold; max-width:800px; margin:0 auto; text-align: center; line-height: normal;color: #fff;} .free_stuff_top .free_stuff .sub-heading span{font-size:40px; color: #fff200;} .free_stuff_top .Imgbox i:after{background: #e6d400;} .free_stuff_bottom{padding:50px 0 30px 0; background:#ff0000 url(../images/content_bg3.png) left top no-repeat;} .free_stuff_bottom p{font-size:26px; font-weight: bold; text-align: center; line-height: normal; color: #fff;} .free_stuff_bottom p span{color: #fff200;} .free_stuff_bottom p a{color:#fff200;} .free_stuff_bottom .h-1{font-size:40px; line-height: 1.5;} .vid-filter{background: #fff200; padding:30px 0;} .vid-filter ul{display: block; width: 100%; margin:0 auto; text-align:center;} .vid-filter ul li{display: inline-block; vertical-align:middle;} .vid-filter ul li a{font-family: 'Noto Sans', sans-serif; font-weight:bold; display: inline-block; width:200px; top:0; padding:5px 10px; text-transform: uppercase; background:#00aeef; color:#fff; border:1px solid #000; border-radius: 8px; transition: 0.5s;} .vid-filter ul li a:hover{color:#000; top:6px;} .vid-filter ul li a.active{color:#000;} .vid-filter ul li{margin:5px 10px 10px 10px;} .vid-filter .sub-heading{font-size: 32px; font-weight: bold; text-align: center; margin-bottom:10px; line-height: normal; color: #000;} .free_stuff_wrapper .sub-heading{font-size: 32px; font-weight: bold; text-align: center; margin-bottom:10px !important; line-height: normal; color: #fff;} .filtered-res{padding:30px 0; background:#00aceb url(../images/membership_bg.png) center no-repeat; background-size:cover; z-index: 0;} .filtered-res h2{font-size:46px; text-align: center; color:#fff; margin-bottom:10px;} .filtered-res h3{font-size:36px; color:#fff; text-align: center; margin-bottom:40px; margin-top:40px;} .filtered-res.filtered-vid .row > div:nth-child(3n + 1){clear: left;} .btn-wrapper{text-align: center;} .btn-wrapper .mspln-btn{display: inline-block; margin:20px 8px;} .mspln-btn span{padding:10px} .mspln-btn span{background:#f7941d; } .mspln-btn:before{background: #d17a19;} .filtered-res .btn-wrapper a{width:auto;} .filtered-res .btn-wrapper a span{padding:10px 20px;} .filtered-dl{background:#f7941d url(../images/content_bg1.png) center; background-repeat-y:repeat;} .filtered-dl .mspln-btn span,.filtered-jb .mspln-btn span{background:#00aeef; } .filtered-dl .mspln-btn:before,.filtered-jb .mspln-btn:before{background: #0099c9;} .filtered-jb{background:#e2d126 url(../images/repeated_stars.png) center top; background-repeat-y:repeat;} .filtered-jb h2,.filtered-jb h3{color:#333333;} .filtered-jb .junk-bx{text-align: left; min-height: 250px;} .filtered-jb .top-heading .sub-heading{color:#000;} .filtered-mf{background:#cd0082 url(../images/circle-bg-1.png) center top no-repeat;} /* .dl-sec .row > div:nth-child(3n + 1){clear:left;} */ .dl-bx{display: inline-block;width: 100%; margin-bottom:15px; border:1px solid #000; border-radius:6px; position: relative;} .dl-boxes{margin-top:40px;} .dl-bx .dl-bx-cont{float: left; width:100%; padding:20px 20px 30px; text-align: center;border-radius:0 0 6px 6px; background: #fff; position: static; min-height: 110px;} .dl-bx .dl-bx-cont a.jmpBtn{ display: table; margin: 0 auto;} .dl-bx .dl-bx-cont a.jmpBtn span{padding:10px;} .dl-bx .dl-bx-cont .Wishlst{position: absolute; top:10px; right:10px; margin:0;} .dl-bx .dl-bx-cont .dl-bx-title{font-size: 24px; font-weight: bold; color:#da0086;} .dl-bx .dl-bx-cont p{font-weight:700; margin:15px 0;} .dl-bx.bgeffect:before{background:#dfdddd; z-index: -1;} .dl-bx .dl-bx-img{float:left; width:100%; border-radius:6px 6px 0px 0px; overflow:hidden;} .dl-bx .dl-bx-img img{border-radius:6px 6px 0px 0px;} .junk-bx{float: left; width: 100%; padding:10px; border-radius: 15px; margin-bottom:30px; border: 1px solid #000; text-align: left; background: #f7941d;} .junk-bx .junk-bx-title{font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size: 24px; display: inline-block; margin-bottom:17px; text-transform: uppercase; color: #000;} .junk-bx .Wishlst{margin-top:16px;} .junk-bx:before{bottom: -10px; background: #cf7417; border-radius: 18px; z-index: -1;} .junk-bx audio{width: 100%; height:186px; display: table; margin: 0 auto; border: 1px solid #000000;} .junk-bx audio img{display: table; margin: 0 auto; width: 100%; object-fit: cover;} .junk-bx .Vtitle{margin:16px 0 0; max-width:300px;} .junk-bx div.custom-audio-player{width:100%; height:auto;position: relative;} .junk-bx iframe{width:100%; height: 210px;} /*---------------EndF ree stuff page css-------------------*/ /*---------------Download page css-------------------*/ .dl-sec{padding:30px 0 60px; background:#cd0082 url(../images/circle-bg-1.png) center top no-repeat} .dl-sec h1{color:#fff; text-align: center;} .dl-sec .short-desc{font-size: 32px; font-family: 'Noto Sans', sans-serif; font-weight:bold; text-align: center; margin-bottom:30px; line-height: normal; color:#fff;} /*---------------Download page css End-------------------*/ /*---------------Welcome page css-------------------*/ .wlcm-sec{padding:60px 0 70px; background:#ce0082 url(../images/content_bg1.png) center top no-repeat; z-index: 0;} .wlcm-sec h1{margin-bottom:10px; margin-top:10px;} .wlcm-sec h1,.wlcm-sec .short-desc{color:#fff; font-size:38px; font-family: 'Noto Sans', sans-serif; font-weight:bold; text-align: center; line-height: normal;} .wlcm-sec .short-desc b{color:#fff200;} .wlcm-sec h1 .u-name{color:#fff200;} .wlcm-cat{text-align:center; margin:25px auto 0; display: table;} .wlcm-cat a{display: table-cell; padding:0 20px;} .wlcm-cat a:hover{-webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .wlcm-cat a img{max-width: 300px; width: 100%;} .wlcm-cat .wlcm-cat-bx, .wlcm-cat .wlcm-cat-bx .wlcm-cat-bx-inner{width:250px; height:250px; padding:20px; border:1px solid #000; border-radius: 100%; background:#fff200; } .wlcm-cat-bx{display: inline-block; margin:0 30px} .wlcm-cat .wlcm-cat-bx:before{border-radius: 100%; left:-7px; z-index: -1; background: #fff200} .wlcm-cat .wlcm-cat-bx .wlcm-cat-bx-inner{display:table; width:210px; height:210px; background:#f7941d; transition: 0.5s;} .wlcm-cat .wlcm-cat-bx .wlcm-cat-bx-inner span{display:table-cell; text-align: center; vertical-align: middle; font-size:24px; font-family:'Noto Sans', sans-serif; font-weight:bold; color:#fff; } .wlcm-sec-thanks .short-desc:first-child{color:#fff200; margin:0;} .wlcm-sec-thanks .short-desc:last-child{font-size: 32px;} .wlcm-cat .wlcm-cat-bx:hover .wlcm-cat-bx-inner{transform: scale(1.1) rotate(360deg); -webkit-transform: scale(1.1) rotate(360deg); -ms-transform: scale(1.1) rotate(360deg);} /*---------------Welcome page css End-------------------*/ /*---------------Membership page css------------------*/ .membership-sec{padding:20px 0; background:#efefef; background-size: cover;} .membership-sec .membership-sec_wrap{display: table;width: 100%; margin:40px 0; box-shadow: 0 0 6px 0px #949494; -webkit-box-shadow: 0 0 6px 0px #949494; -moz-box-shadow: 0 0 6px 0px #949494; -ms-box-shadow: 0 0 6px 0px #949494;} .membership-sec .membership-sec_wrap > div{display: table-cell; width: 50%; padding:30px 30px 60px; text-align: left; vertical-align:top; } .membership-sec .membership-sec_wrap .membership-sec_rgt{background:#00aeef url(../images/content_bg3.png) center no-repeat; background-size: cover} .membership-sec .membership-sec_wrap .membership-sec_lft{background:#fff} .membership-sec_img img{display: table; margin:0 auto; border:1px solid #fff;} .membership-sec_title{font-size: 32px; font-family:'Noto Sans', sans-serif; font-weight:bold; color:#fff200 ; line-height: normal; margin:50px 0 18px} .membership-sec .membership-sec_wrap .membership-sec_rgt p{color:#fff; margin-bottom:20px;} .ims-price{font-family:'Noto Sans', sans-serif; font-weight:bold; font-size:30px; padding:20px 0; border-top:1px solid #fff200; border-bottom:1px solid #fff200; color:#fff200; text-align: center; margin-bottom:26px;} .warn-msg{text-align: center; font-family:'Noto Sans', sans-serif; font-weight:bold; font-size:20px;} .membership-sec_rgt ul li{padding-left:30px; margin-bottom:20px; color:#fff;} .membership-sec_rgt ul li:before{content: ""; width: 9px; height: 14px; border: solid #fff200; border-width: 0 3px 3px 0; position: absolute; left: 8px; top: 12px; margin-top: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .lock-img{display: table; margin: 30px auto 40px !important;} .lock-img:before{background:#d9d9d9;} .lock-img span{display: table-cell; vertical-align: middle; text-align: center; width: 42px; height: 42px; border: 1px solid #000; border-radius: 10px; background: #fff; top: 0; transition: 0.5s} .lock-img span:before{position: absolute; content: ''; left:9px; top:4px; background: url(../images/jsj_sprite.png) -306px 0 no-repeat;width: 23px; height: 29px;} .membership-sec .membership-sec_wrap .membership-sec_rgt p:last-child{font-family:'Noto Sans', sans-serif; font-weight:bold; line-height:30px; margin: 0; text-align: center;} .ims-form .ims-form-head{font-family:'Noto Sans', sans-serif; font-weight:bold; font-size: 28px; text-transform: capitalize; display: block; margin-top:20px; margin-bottom:20px; color:#cf0083;line-height: 32px;} .ims-form .ms-select input{opacity: 0; position: absolute;} .ims-form .ms-select .form-group{float: left; width: 50%;} .ims-form .ms-select .form-group label{font-family:'Noto Sans', sans-serif; font-weight:bold; color:#000000; text-align:center; cursor: pointer; transition: 0.5s;} /* .ims-form .ms-select .form-group label:before{content:''; position: absolute; left: 50%; transform: translateX(-50%); top: 10px; width: 70px; height:70px; background: url(../images/teacher-g.png) center no-repeat; background-size:cover;} */ .ims-form .ms-select .form-group label span.img{display: table; margin:0 auto; border:2px solid #cf0083; border-radius: 7px;} .ims-form .ms-select .form-group label span.img img{width:70px; height:70px;} /* .ims-form .ms-select .form-group + .form-group label:before{background: url(../images/parents-g.png) center no-repeat; background-size:contain;} */ .ims-form .ms-select input:checked + label,.ims-form .ms-select input + label:hover{color:#cf0083;} .ims-form .ms-select input:checked + label:before{border:2px solid #cf0083; border-radius:7px;} .ims-form .ms-select input + label span.img:after{position: absolute; opacity: 0; content: '';left: -14px;top:-14px;border-width: 14px; border-color: transparent #cf0083 transparent transparent; border-style: solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transition: 0.5s;} .ims-form .ms-select input:checked + label span.img:after{opacity: 1;} .ims-form .ms-select input + label:hover span.img:after{opacity: 1;} .ims-form .form-group input, .ims-form .form-group span.form-control{text-align: left; background:#ebebeb;} .bill-mg{margin-bottom:20px;} .ims-form .form-group span.form-control{padding-top: 13px;} .ims-form button.btn{max-width: 100%; } .ims-form button.btn span{background: #f7941d;} .ims-form button.btn:before{background:#d17a19;} .ims-form .password-field{padding-left:10px;} .u-msg{display: block; font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size: 16px; color:#cf0083; text-align: center; clear: both;} .school-ms{background: #efefef;} .school-ms .membership-sec_wrap .membership-sec_rgt{background-color: #cf0083;} .school-ms .membership-sec_wrap .membership-sec_rgt .membership-sec_img img{border:1px solid #fff;} .sh-price {font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size: 24px; padding: 20px 0; border-top: 1px solid #fff200; border-bottom: 1px solid #fff200; color: #fff200; text-align: center; margin-bottom: 26px;} .sh-price i{font-style: normal;} .sh-price span{display: inline-block; font-size:30px;} .school-ms .membership-sec_wrap .membership-sec_rgt .warn-msg .lock-img{position: absolute; content:'';top: 50%;left:0; margin: 0 !important; transform: translateY(-50%);} .school-ms .membership-sec_wrap .membership-sec_rgt .warn-msg .lock-img span:before{background:none; content:'i'; color: #000; font-size: 22px; top:9px;} .school-ms .membership-sec_wrap .membership-sec_rgt .warn-msg{margin-bottom:40px; text-align: center;} /* .school-form .ms-select .form-group{width:auto;} */ .school-form .ms-select .form-group label span.price{display: block; position:static;} .ims-form .ms-select .form-group label span.img + span{position:static;} .ims-form .ms-select .form-group label span.img + span:before{position: absolute; content:''; width: 100%; height: 100%; left:0; top: 0;} .school-form .ms-select{text-align: center;} .school-form .ms-select .form-group{width:25%;} .school-form .ms-select .form-group label{font-size: 14px;} .school-form .dpmsg{padding-right:70px;} .school-form .dpmsg .lock-img{position: absolute; right: 0; top: 0; margin: 0 !important;} .school-form .dpmsg .lock-img span:before{background: none; content:'i'; color:#000; top:10px; font-size: 22px;} .school-form .info_msg{position: absolute; right: 0; top:25px; text-align: center; line-height: 18px; color:#cf0083; font-size: 16px; font-weight: bold; } .school-form .ms-select .form-group:nth-child(1) label:before{background: url(../images/small-g.png) center no-repeat; background-size: cover;} .school-form .ms-select .form-group:nth-child(2) label:before{background: url(../images/medium-g.png) center no-repeat; background-size: cover; } .school-form .ms-select .form-group:nth-child(3) label:before{background: url(../images/large-g.png) center no-repeat; background-size: cover; } span.info_msg{display: none;} .ms-testimonial{background: none; border:none;} .ms-testimonial .testimonialbox{max-height:100%;} .ms-testimonial .testimonialbox .box-content{min-height:160px;} .ms-testimonial .swiper-slide{padding:0 80px;} .ms-testimonial .testimonialbox{max-width:100%; margin:0 auto;} .school-ms .ms-select input:checked + label:after{left:-12px;} .school-ms .ms-select .form-group:nth-child(3) input:checked + label:after{left:-11px;} /*---------------Membership page css End-------------------*/ /*---------------contact us page css-------------------*/ .contact-sec{padding: 30px 0 60px; background:#cd0082 url(../images/circle-bg-1.png) center top no-repeat;} .contact-sec a{color: #fff; text-decoration: underline;} .contact-sec .input-error{color:#fff !important;} .contact-sec h1{color: #ffffff; text-align: center; margin-bottom:50px;} .contact-sec .cont-form-head{font-family:'Noto Sans', sans-serif; font-size:18px; display: inline-block; margin-bottom:30px; color:#fff; text-align:left; line-height:28px;} .help-sec .cont-form-head{text-align: center; width:100%;} .contact-sec .form-group input{text-align:left;} .contact-sec button.btn span{background: #00aeef;} .contact-sec button.btn:before{background:#0099c9;} .contact-form .lft{border-right:2px dashed #000; padding-right: 40px;} .contact-form{margin-top:30px;} .contact-form .rgt{padding-left: 40px;} .contact-form .rgt p{font-size:18px; font-family: 'Noto Sans', sans-serif; line-height: 30px; color:#fff; margin:0 0 20px; } .contact-form .lft button.btn{margin:0;} .contact-form .dropdown .dropdown-toggle, .contact-form .dropdown .dropdown-menu{background: #fff;} /*---------------contact us page css End-------------------*/ /*--------------- Myaccount page css-------------------*/ .myaccount-sec{background: #ebebeb; padding:20px 0;} .feild-title{margin-bottom:15px;} .myaccount-sec h1{color:#ec008c; text-align: center; margin-bottom: 40px;} .accbx{display: table; max-width: 700px; width: 100%; margin:0px auto 60px; border:1px solid #000;} .accbx:before{display: none; position: absolute; content: ''; top: 4px;left: -4px; width: 100%;height: 100%; box-shadow: 0px 0px 4px 2px #757575;} .accbx .accbx_head{background: #00aeef; padding:20px 10px; border-bottom:1px solid #000;} .accbx .accbx_head .accbx_title{float: left; color: #fff; font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size: 32px; line-height: normal;} .accbx .accbx_head .accbx_edit{float: right; margin-top: 10px;} .accbx .accbx_head .accbx_edit a{color: #fff; text-decoration: underline;} .accbx .accbx_form{padding:20px; background: #fff;} .accbx .accbx_form .password-field{padding-left:12px;} .accbx .accbx_form .accbx_form__head{width:70px; height:70px; display: table; margin:10px auto 10px;} .accbx .accbx_form .accbx_form__sub{text-align: center; display: block; margin-bottom:20px; } .accbx .accbx_form .accbx_form__sub i{font-style: normal;} .accbx .accbx_form input{background: #ebebeb; text-align:left;} .accbx--adduser{max-width:100%;} .accbx--adduser-title{text-align: right; font-size: 18px; font-family:'Noto Sans', sans-serif; font-weight:bold;} .accbx--adduser .accbx_form{padding:10px;} .accbx--adduser ul li{padding:0 0 0 40px; display: table; width:100%;} .accbx--adduser ul li:before{position: absolute; counter-increment: num; content:counter(num); left:0; top:6px; width:32px; height:32px; padding-top:4px; text-align: center; background: #ec008c; border:1px solid #000; color:#fff; border-radius: 100%; z-index: 1;} .accbx--adduser .accbx__feild{display: table-cell; width:90%; vertical-align: top} .accbx--adduser .accbx_form__edit{display: table-cell; vertical-align: top;padding: 7px 0 0 15px;} .accbx--adduser .accbx_form__edit a{display: inline-block; } .accbx_form__add{border: none; background: transparent; color: #fff; text-decoration: underline;} .myaccount-sec .tab-1{max-width: 570px; margin: 0 auto;} .myaccount-sec .tab-2{max-width: 1000px; margin: 0 auto;} .myaccount-sec .tab-1 .accbx--adduser .accbx__feild{width:60%;} ngx-spinner {z-index: 999999;} .user_update{display: table-cell; vertical-align: top; padding-left:10px; text-align: center;} .user_update a{display: inline-block; margin-top:10px; cursor: pointer;} .user_update a i{font-size: 30px;} .user_update a + a{margin-left:7px;} .user_update a.delete_user i{color:#f10000} .user_update a.edit_user i{color:#31a900;} .user_update a.edit_user i.fa-repeat{color:#00aeef;} .cancel_btn{display: table; margin:0 auto 20px;} .cancel_btn span{padding:10px 20px; background:#f7941d;} .cancel_btn:before{background:#d17a19;} .cancel_btn_blue{display: table; margin:0 auto 20px;} .cancel_btn_blue span{padding:10px 20px; background:#00aeef;} .cancel_btn_blue:before{background:#00aeef;} .modal-jsj .accbx__feild .form-control{background: #ebebeb; text-align: left;} .modal-jsj .modal-dialog{max-width: 750px; top:10%;} .modal-jsj button {margin:10px auto !important; } .modal-jsj a.jmpBtn{display: table; padding:0; margin: 15px auto; background: transparent;} /*.modal-jsj button.jmpBtn.active, .modal-jsj button.jmpBtn.active{background: transparent;}*/ .modal-jsj a.jmpBtn span{padding:8px 10px;} .modal-jsj .form-group input[type=password], .modal-jsj .password-field{padding-left:12px;} /*--------------- Myaccount page css End-------------------*/ /*--------------- membership page css-------------------*/ .ms-sec{background:#dfcb00 url(../images/membership_bg.png) center no-repeat; padding:50px 0; background-size: cover;} .ms-sec h1{text-align:center; margin-bottom:40px; color:#000;} .ms-sec .short-desc{font-size: 18px; font-family: 'Noto Sans', sans-serif; font-weight:bold; text-align: center; margin-bottom:30px; line-height: normal; color:#000000;} .ms-bx-main{display: flex; justify-content: center; width:100%; margin: 0 auto; text-align: center; padding-top:50px; } .ms-bx-main .ms-bx{display: inline-block; width: 50%; max-width: 480px; padding:20px; margin:0 10px 20px; border:1px solid #000; border-radius:10px; background:#f7941d;} .ms-bx-main .ms-bx .ms-bx-inner{border:1px solid #000; background: #fff; height:100%;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__top{background:#cf0083; padding:12px 10px; margin:0 0 10px 0; z-index: 0;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__top h3,.ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__top p{margin:0; color:#fff;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__top .ms-price{font-family:'Noto Sans', sans-serif; font-weight:bold; font-size:24px; display: table; margin:0 auto 10px; padding:10px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; } .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__top .ms-bx_desc{margin:15px 0;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__top:after{display:none; position:absolute; content:''; bottom:-60px; left:0; width:100%; height:100%; background:url(../images/wave.svg) center no-repeat; z-index: -1; background-size:cover;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__bottom{padding:10px 20px 20px;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__bottom .ms-bx_title{font-family:'Noto Sans', sans-serif; font-weight:bold; font-size:24px; color:#cf0083;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__bottom .ms-bx_desc{color:#000;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__bottom .ms-bx-inner__bottom__desc + .ms-bx-inner__bottom__desc{border-top:1px solid #cf0083;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__bottom .signupBtn{display: inline-block; margin:0 8px 25px;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__bottom .signupBtn:before{background: #cf0083;} .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__bottom .signupBtn span{padding:10px 20px; background: #cf0083;} .ms-bx-main .ms-bx.skyblue .ms-bx-inner .ms-bx-inner__bottom .signupBtn:before,.ms-bx-main .ms-bx.skyblue .ms-bx-inner .ms-bx-inner__bottom .signupBtn span{background: #00aeef;} .ms-bx-main .ms-bx.skyblue .ms-bx-inner .ms-bx-inner__top{background: #00aeef} .ms-bx-main .ms-bx.skyblue .ms-bx-inner .ms-bx-inner__top:after{display: none; background:url(../images/wave-skyblue.svg) center no-repeat; background-size: cover;} .ms-bx-main .ms-bx.skyblue .ms-bx-inner .ms-bx-inner__bottom .ms-bx_title{color:#00aeef;} .ms-bx-main .ms-bx.skyblue .ms-bx-inner .ms-bx-inner__bottom .ms-bx-inner__bottom__desc + .ms-bx-inner__bottom__desc{border-color:#00aeef;} .ms-tms{display: block; margin:60px auto 20px; width: 100%; max-width: 700px; text-align: center;} .ms-tms .swiper-container .swiper-slide{padding:0 80px;} .ms-tms .ms-tms-img{display: table; margin:0 auto; border-radius: 100%;} .ms-tms .ms-tms-title{font-size:24px; margin: 10px 0 15px 0; color:#cf0083;} .ms-tms .ms-tms-comment p{line-height: 32px;} /*--------------- membership page css End-------------------*/ /*--------------- wishlist page css-------------------*/ .wishlist-sec{background:#d20084 url(../images/content_bg2.png) center repeat; padding:50px 0; background-size: contain; z-index: 0;} .wishlist-sec h1{text-align: center; color:#fff;} .wishlist{width: 100%; margin:25px 0 0 0;} .wishlist .row > div:nth-child(3n+1){clear:left;} .wishlist .no-video{color:#fff; font-size:24px; text-align:center;} .wl-count{display: table; width: 100%; margin: 0 0 30px 0;} .wl-count span{display: table-cell; vertical-align: middle;} .wl-count .vid-count{width: 64px; height:64px; padding: 0 15px; background: #fff; border:1px solid #000; text-align: center; font-size: 24px; color: #d20084;} .wl-count .wl-title{font-size:36px; width:auto; color:#fff; font-family: 'Noto Sans', sans-serif; font-weight:bold; line-height: 36px; margin: 14px 0 0 0; padding:0 20px 0 20px;} .wl-count .line{width:70%;} .wl-count .line i{display: inline-block; width: 100%; height: 2px; background: #fff;} .wishlist-sec .Videobox{background-image:none;} .wishlist-sec .Videobox, .wishlist-sec .junk-bx{text-align: left; min-height: 268px;} .wishlist-sec .Videobox .Vtitle, .wishlist-sec .junk-bx .Vtitle{font-size: 16px; display: inline-block; max-width:280px; text-align: left;} .challenges.Videobox,.challenges.Videobox a .new_rel_lbl{background: #fff350;} .challenges.Videobox:before{background:#e6d400;} .challenges.Videobox a .new_rel_lbl:before{border-color: #e6d400 #e6d400 transparent transparent;} .challenges.Videobox a .new_rel_lbl:after{border-color: #fff350 transparent #fff350 #fff350;} .chillouts.Videobox,.chillouts.Videobox a .new_rel_lbl{background: #40adf4;} .chillouts.Videobox:before{background: #009bcd;} .chillouts.Videobox a .new_rel_lbl:before{border-color: #009bcd #009bcd transparent transparent;} .chillouts.Videobox a .new_rel_lbl:after{border-color: #40adf4 transparent #40adf4 #40adf4;} /*--------------- wishlist page css End-------------------*/ /*---------------Why JSJ page css -------------------*/ .why-jsj{padding:60px 0; background: #ce0082 url(../images/circle-bg-1.png) center top no-repeat;} .why-jsj .wjt-wrapper h1{color:#fff; margin-top: 0; margin-bottom:50px; line-height: 100%; text-align:center;} .why-jsj .wjt-wrapper .wjt-wrapper_lft p{font-family: 'Noto Sans', sans-serif; font-size:18px; line-height: 28px; color:#fff; text-align: justify;} .why-jsj .wjm-wrapper{margin-top:50px;} .why-jsj .wjm-wrapper h2{text-align:center; color: #fff} .why-jsj .wjm-wrapper h3{text-align:center; color: #000000; text-transform: uppercase;} .why-jsj .wjm-wrapper img{display:table; margin:40px auto;} .wjt-wrapper-rgt{width:100%; display: table;} .wjt-wrapper-rgt .Imgbox{max-width:450px; margin:0 auto; float: none;} .wjt-wrapper-rgt img{width:100%;} .wjt-wrapper-rgt .Imgbox i:after{background: #fff200;} .reasons{padding-bottom: 30px; max-width: 70%; margin: 0 auto;} .reasons ul{list-style: none; padding:0;} .reasons ul li{position: relative; color:#fff; font-size:18px; line-height: 26px; padding:10px 10px 30px 64px;} .reasons ul li:before{position: absolute; position: absolute; counter-increment: num; content:counter(num); left:0; color: #000; z-index: 1; background: #fff200; padding: 6px 10px 10px 10px; height: 40px; width: 40px; text-align: center;} .reasons ul li:after{width: 1px; height: 100%; background: #fff200; position: absolute; content: ''; left: 19px; top: 10px; z-index: 0;} .reasons ul li:last-child:after{display: none;} .ctabox{width:100%; text-align: center;} .ctabox .membership_plan{display: inline-block;} .ctabox .membership_plan.bgeffect:before{background: #d17a19;} .ctabox .membership_plan span{background:#f7941d; padding: 10px 20px; transition: all ease 0.5s;} /*--------------- End Why JSJ page css -------------------*/ /*---------------footer css-------------------*/ .footBx{padding:30px 0; border-bottom:1px solid #000; background:#00aceb url(../images/content_bg1.png) left top no-repeat;} .footBx .container{display: flex; justify-content: space-between; align-items: center;} .footBx .footBx_cont_btn:before{background:#d17a19;} /* .footBx .footBx_cont_btn{float: left; margin-top:19px;} */ .footBx .footBx_cont_btn span{padding:12px 20px; background: #f7941d; font-size:14px;} /* .footBx .socialLinks{text-align:right; float: left; margin:22px 0 0 30px;} */ /* .footBx .footLinks{float: left; margin:35px 0 0 30px;} */ .footBx .footLinks li,.footBx .socialLinks li{display:inline-block;} .footBx .footLinks li + li{margin:0 0 0 30px;} .footBx .socialLinks li + li{margin-left:20px;} .footBx .footLinks li a{color:#fff;text-decoration:none; font-weight:600; font-size:14px;} .footBx .socialLinks a{display:table-cell; vertical-align:middle; text-align:center; width:42px; height:42px; border:1px solid #000; border-radius:10px; background:#fff; top:0; transition:0.5s;} .footBx .socialLinks li:before{background:#d9d9d9; border-radius:10px;} .footBx .socialLinks li:hover a{top:6px;} .footBx .socialLinks a:before{position: absolute; content:''; left:8px; top:9px; background: url(../images/jsj_sprite.png) 0 0 no-repeat; width: 24px; height: 24px;} .footBx .socialLinks a.inst:before{background-position:-30px 0; left: 9px; top: 8px;} .footBx .socialLinks a.fb:before{background-position:-60px 0; left: 9px; top: 8px;} .footBx .socialLinks a.yt:before{content: "\f166"; font-family: FontAwesome; font-size: 28px; color: #00aeef; background:none; left: 8px;} .footBx .footLinks li:before{content:''; position:absolute; width:0; height:2px; bottom:-2px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); opacity:0; transition:0.5s; background:#fff;} .footBx .footLinks li:hover:before{opacity:1; width:100%;} /* .footer-whoopa{float: right;} */ .footer-whoopa img{width:200px;} /*---------------End footer css-------------------*/ /*---------------Video Modal css-------------------*/ .videomodal{padding-left:0 !important;} .videomodal .modal-header{background-color: #f7941d; border-color:#000; padding:18px 65px 19px 65px; text-transform:capitalize;} .videomodal.challenges .modal-header{background-color: #fff350;} .videomodal.chillouts .modal-header{background-color: #40adf4;} .videomodal.featured .modal-header{background-color: #30C730;} .videomodal .modal-header .close{z-index:999; position: absolute; right:20px; padding:3px 13px 4px; opacity: 1; border-radius: 50%;background: #fff200; font-size:22px;line-height: normal; border:1px solid #000; cursor: pointer; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);} .videomodal .modal-header .modal-title{font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size: 30px; color:#000; text-align: center;} .videomodal .modal-header .Wishlst{position: absolute; float: none; left:20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); margin: 0;} .videomodal .modal-header .Wishlst:hover{animation: zoomanim-modal 0.5s infinite !important; -webkit-animation: zoomanim-modal 0.5s infinite !important; -moz-animation: zoomanim-modal 0.5s infinite !important;} .videomodal .modal-content{border-color:#000; border-radius:0; float: left; width:100vw; height:100vh; background: #1f4166;} .videomodal .modal-body{padding:0; float: left; width:100%;margin-bottom: -6px;} .videomodal .modal-body video{float: left; width:100%;} .videomodal .modal-dialog{margin:0;} .modal.fade .modal-dialog {transform: translate3d(0, 100vh, 0);} .modal.in .modal-dialog {transform: translate3d(0, 0, 0);} /*---------------End Video Modal css -------------------*/ /*---------------About us page css -------------------*/ .aboutus{text-align:center; padding: 30px 0 60px; background: #cd0082 url(../images/circle-bg-1.png) center top no-repeat;} .aboutus h1 {color: #fff; text-align: center;} .aboutus img{margin:45px auto 50px; max-width:400px; width:100%;} .aboutus p{font-size:18px; line-height:28px; color:#fff; text-align: justify;} .aboutus p a{color: #fff200;} .aboutus p a:hover{text-decoration: underline;} .aboutus .content{margin:0 auto; max-width: 800px;} /*---------------End About us page css -------------------*/ /*---------------content page css -------------------*/ .content-pages{padding:30px 0; background: #cd0082 center top no-repeat; } .content-pages h1{color: #fff; text-align: center;} .content-pages .content{color:#fff;} .content-pages .content h2{margin:30px 0;} .content-pages .content p a {color: #fff200;} .content-pages .content ul {padding-left:25px;} .content-pages .content ul li{list-style-type: disc; margin-bottom:10px;} .common-content-page p{font-size:18px; text-align: justify;} .common-content-page{text-align:center; padding: 30px 0 60px; background: #cd0082 url(../images/circle-bg-1.png) center top no-repeat;} .common-content-page h1 {color: #fff; text-align: center;} .common-content-page .content{color:#fff; max-width:820px; width:100%; margin:30px auto 0;} .common-content-page .content p a {color: #fff200;} /*---------------End contentpage css -------------------*/ /*---------------alert box css -------------------*/ .bgoverlay{z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%;top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.6; position: fixed;} .alertBx{ position: absolute; left:50%; top:100px; max-width:500px; width:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); border:1px solid #000; padding:20px; text-align: center; color:#000; background:#fff; z-index:1020;} .alertBx .close-alert{float: right; margin:-7px -5px 0 0; padding:8px 12px 6px; opacity: 1;border-radius: 50%; background: #fff200; font-size: 28px; line-height: normal; border: 1px solid #000; cursor: pointer} .alertBx .close-alert .close{opacity: 1;} .alertBx .alert-btn{display:table; margin:20px auto 15px;} .alertBx .alert-content{float: left; width:100%; padding:20px 0 0 0;} .alertBx .alert-btn span{padding:8px 20px; background: #f7941d;} .alertBx .alert-btn:before{background: #d17a19;} .alertBx .alert-title{font-family:'Noto Sans', sans-serif; font-weight:bold; font-size: 30px; margin-bottom:30px;} .alertBx .alertmsg{margin-top: 30px; display: table; font-family: 'Noto Sans', sans-serif; font-weight:bold; line-height: 30px; margin:20px auto 0;} .zoomIn {-webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomIn { 0% {opacity: 0; -webkit-transform:translateX(-50%) scale3d(.3, .3, .3); transform:translateX(-50%) scale3d(.3, .3, .3); } 50% {opacity: 1;} } @keyframes zoomIn { 0% {opacity: 0; -webkit-transform:translateX(-50%) scale3d(.3, .3, .3); transform:translateX(-50%) scale3d(.3, .3, .3); } 50% {opacity: 1;} } .zoomOut {-webkit-animation-name: zoomOut; animation-name: zoomOut; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes zoomOut { 0% {opacity: 1;} 50% {opacity: 0; -webkit-transform:translateX(-50%) scale3d(.3, .3, .3); transform:translateX(-50%) scale3d(.3, .3, .3);} 100% {opacity: 0; display:none;} } @keyframes zoomOut { 0% {opacity: 1;} 50% {opacity: 0; -webkit-transform:translateX(-50%) scale3d(.3, .3, .3); transform:translateX(-50%) scale3d(.3, .3, .3);} 100% {opacity: 0;display:none;} } /*redisgn of alert box*/ .modal-alert .modal-dialog{max-width: 500px; width:100%; top:10%; margin:10px auto;} .modal-alert .modal-content{border-radius: 0; border:1px solid #000;} .modal-alert button.close{width: 36px; height:36px; border-radius: 100%; border:1px solid #000; padding:5px; background: #fff200; opacity: 1; position: absolute; top:-13px; right:-12px; margin: 0 !important;} .modal-alert .modal-header h4{width:100%; font-family: 'Noto Sans', sans-serif; font-weight:bold; text-align: center;} .modal-alert .modal-body{padding:24px} .modal-alert .modal-body form button{margin:20px auto 10px;} .modal-alert .form-group textarea{width: 100%; resize: none;} .center-content .alertmsg{text-align:center; display: inline-block;} /*--------------- end alert box css -------------------*/ /*--------------- Mindfullness page css -------------------*/ .vbx-with-btn{margin-bottom:50px; padding-bottom:50px;} .vbx-btn{display: inline-block; position: absolute; bottom:-21px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); padding: 10px; background: #00aceb; border-radius: 5px; max-width: 280px; width: 100%; border:1px solid #000; text-align: center;} .vbx-btn:after{display:none;} .vbx-btn .Vtitle{margin:0 auto;} .mindfullness-sec {padding: 30px 0 60px; background: #cd0082 url(../images/circle-bg-1.png) center top no-repeat;} .mindfullness-sec h1,.mfsub-sec h1 {color: #fff; text-align: center;} .mfsub-sec h1 {margin-bottom:30px;} .mfsub-sec{padding:30px 0 30px; background:#ce0082} .mfsub-sec .content{color:#fff;} .mindfullness-sec .Wishlst{display:none;} .mfsub-sec .ULlist{text-align: center; margin:20px 0 20px 0 ;} .mfsub-sec .ULlist li{position:relative; display: inline-block; padding-left:15px;} .mfsub-sec .ULlist li + li{margin-top:20px;} .mfsub-sec .ULlist li:before{position: absolute; content:''; left:0; top:7px; width:8px; height:8px; background:#fff200; border-radius: 100%;} .top-content{padding:20px 0; border-bottom:1px solid #fff200;} .top-content > p{text-align: center;} .middle-content{padding:20px 0; border-bottom:1px solid #fff200;} .middle-content h2{text-align: center; } .audio-bx{text-align: center;} .audio-bx audio{width: 100%; max-width: 700px;} .bottom-content .bottom-content-inner{display: table; width:100%;} .bottom-content .bottom-content-inner > div{display: table-cell; vertical-align: top; width:50%; padding:20px;} .bottom-content h2{text-align: center;} .bottom-content ul.ULlist{text-align: left;} .bottom-content .bottom-content-inner .left{border-right:1px solid #fff200;} .tip-bx .bgeffect + .bgeffect{margin-top: 20px;} .tip-bx .tip-data{padding:20px; display: inline-block; width: 100%; border: 1px solid #000; border-radius: 9px; background: #00aeef;} .tip-bx .tip-data h2{text-align: left; margin-bottom:15px;} /*---------------end Mindfullness page css -------------------*/ .video-player{width:100%; border:1px solid #000;} .video-js{background-color: transparent !important;} .vz-audio-wrapper .vz-audio-title-scroll{display: none !important;} /* ---------------cookie styles--------------- */ .Cookie_bar {background:rgb(247, 148, 29); display: inline-block; margin: 15px 0 0;width: 100%; padding: 7px 30px; text-align: center; color: #fff; box-sizing: border-box; position: fixed;left: 0; bottom: 0; z-index:9999;font-size: 13px;} .Cookie_bar a {color: #fff; text-decoration: underline;} .Cookie_bar .Close_icn {background: #fff; background-size: 400px auto; width: 18px; height: 18px;border-radius: 100%;text-align: center; position: absolute; right: 6px;top: 24%;cursor: pointer;} .Cookie_bar .Close_icn:after{position: absolute; content:'×'; color:#000; font-size:19px; left:4px; top:-2px;} /* ---------------cookie styles--------------- */ /* ---------------common design changes--------------- */ .mspln-btn span, .dl-bx .dl-bx-cont a.jmpBtn span{min-width:170px;} .grecaptcha-badge{display: none;} .captcha-msg{color: #fff; margin: 10px 0 20px 0;} .captcha-msg a{color: #fff; text-decoration: underline} .btn.disabled span, .btn[disabled] span{background: #a5a5a5 !important; cursor: not-allowed;} .btn.disabled:before, .btn[disabled]:before{background: #a5a5a5 !important;} .lauch-msg, .notice-msg{padding:10px 15px; background: #ff0000; border-bottom: 1px solid #000;} .lauch-msg p, .notice-msg p{text-align: center; color: #fff; margin: 0;} .lauch-msg p a, .notice-msg p a{color: #fff200; text-decoration:underline; font-weight: bold;} .toast-progress{display: none !important;} .overlay[_ngcontent-c1] {position: fixed; top: 0;left: 0; width: 100%; height: 100%;z-index: 99999!important;} .overlay[_ngcontent-c1] > div[_ngcontent-c1]:not(.loading-text) {top: 50%; left: 50%;margin: 0;position: absolute; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .loading-text[_ngcontent-c1] {position: absolute;top: 60%; left: 50%;-webkit-transform: translate(-50%,-60%);transform: translate(-50%,-60%); z-index: 99999!important;} /*--------------- common design changes end--------------- */ /*--------------------mindfullness page notice popup styling--------------------*/ .notice-msg{position: fixed; bottom: 10px; right: 10px; z-index: 9; max-width: 320px; border: 1px solid #000; border-radius: 5px;} .notice-msg .close-popup{position: relative; color: #fff; z-index: 10; cursor: pointer; float: right; width: 20px; height: 20px; border: 1px solid #fff; border-radius: 100%;} .notice-msg .close-popup:before{content:'X'; position: absolute; font-size: 13px; color: #fff; left:5px; top:-2px;} .notice-msg.removePopup{display: none;} /*--------------------mindfullness page notice popup styling end--------------------*/ @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } /*-----------------------top -header styling-----------------------*/ .top-heading{margin: 20px 0 40px 0; text-align: center;} .top-heading-school-visit{margin: 20px 0 20px 0; text-align: center;} .top-heading h1{margin:0 0 10px 0;} .top-heading .sub-heading{font-size: 32px; font-weight: bold; text-align: center; margin-bottom: 30px; line-height: normal; color: #fff;} .top-heading-school-visit .sub-heading{font-size: 32px; font-weight: bold; text-align: center; margin-bottom: 30px; line-height: normal; color: #fff;} /*-----------------------top -header styling end-----------------------*/ /*-----------------------New design of Why JSJ page-----------------------*/ .why-jsj-landing{float: left; width:100%; margin:40px 0 0 0;} .signpost-problem .signpost-img{width:100%; background-size:contain !important; position: relative; float: none;} .signpost-problem .signpost-img.Imgbox i:after{background:#fff200;} .signpost-problem .signpost-wrap .signpost-content{width: 100%; color: #fff; font-weight: bold; text-transform: uppercase; padding:20px 20px 20px 0px; transition:all 0.5s ease 0s;} .signpost-problem .signpost-wrap .signpost-content .signpost-title{font-size: 24px; line-height: 32px;} .signpost-problem .signpost-wrap .signpost-desc{margin: 40px 0 20px 0;} .signpost-problem .signpost-wrap .signpost-desc h2{font-size: 34px; color: #fff200; border-bottom: 1px solid #fff200; padding-bottom: 16px; margin-bottom:15px;} .signpost-problem .signpost-wrap .signpost-desc p{color: #fff;} /*-----------------------New design of Why JSJ page end-----------------------*/ /*----------------------------custompopup deisng on after login home page----------------------------------*/ .custom-popup{position: fixed; bottom:0px; right:20px; max-width: 320px; z-index: 999;} .custom-popup button{background: #fff200; border-radius: 100%; border: 1px solid #000; width: 30px; height: 30px; z-index: 999; position: absolute; opacity: 1; right:-10px; top:-10px;} .custom-popup button:hover{opacity: 1;} .custom-popup.removePopup{display: none;} .custom-popup .dl-bx .dl-bx-cont{min-height: 1px; padding:10px 20px 20px;} .custom-popup .dl-bx .dl-bx-cont a.jmpBtn span{min-width: 100px; padding:3px; font-size: 12px;} .custom-popup .dl-bx .dl-bx-cont p{line-height: 18px; margin: 8px 0 14px;} /*----------------------------custompopup deisng on after login home page end ----------------------------------*/ /*------------------------renewal date styling on individual account page------------------------------*/ .Lable{text-align:center; display: table; margin: 0 auto 20px;padding: 2px 8px; border-radius: 6px; color: #fff;} .Lable.lightblue{background: #00aeef;} .Lable.danger{background: #ff5252;} /*------------------------renewal date styling on individual account page end------------------------------*/ /*------------------------Home page top subscribe module design------------------------------*/ .subscribe_bx {display: flex; justify-content: center; align-items: center; border: none; border-radius: 0; padding:20px 10px; } .subscribe_bx h3 {font-size: 18px; text-align:left; margin:0;} .subscribe_bx form{display: flex; justify-content: center; align-items: center; width:auto;} .subscribe_bx input{border-radius: 9px; padding: 5px 12px; border: 1px solid #a0a0a0; margin:0 20px; transition:0.5s; width:240px;} .subscribe_bx input:focus{width:300px;} .subscribe_bx form > div{display: inline-block; width:auto; padding:0;} .subscribe_bx form > span{width:auto;} .subscribe_bx form > span button{font-size: 12px; padding:0 10px; height: 30px;} /*------------------------Home page top subscribe module design end------------------------------*/ /*------------------------Free stuff page bottom popup design------------------------------*/ .freestuffbottommodal.modal{display: table; width:340px; transition:0.5s; -webkit-transition:0.5s; left:auto; right:0; height:100%;} .showpopup{opacity: 1;} .freestuffbottommodal.removepopup{opacity: 0;} .freestuffbottommodal.modal img{width: 220px; margin: 0 auto; display: table;} .freestuffbottommodal .modal-dialog{max-width:320px; top:auto; bottom: 0; right: 0; position:fixed; bottom: 10px; right:10px;} .freestuffbottommodal .modal-body{background:#00aceb url(../images/content_bg1.png) center no-repeat; background-size:cover; border-radius: 5px;} .freestuffbottommodal form .form-group input,.freestuffbottommodal form .form-group span.form-control{text-align: left; background: #ebebeb; text-align: center;} .freestuffbottommodal .data h3{font-size: 22px; color: #fff; margin:10px 0 15px; text-align: center;} .freestuffbottommodal form .jmpBtn span{background:#fff200; color:#000;} .freestuffbottommodal form .jmpBtn:before{background:#c7bd01} .freestuffbottommodal button.close{width: 36px; height:36px; border-radius: 100%; border:1px solid #000; padding:5px; background: #fff200; opacity: 1; position: absolute; top:-13px; right:-10px; margin: 0 !important;} .freestuffbottommodal form button.btn{max-width: 105px;} .freestuffbottommodal form button.btn span{padding:6px 20px;} .freestuffbottommodal app-err-msg{display: inline-block; width: 100%;} .freestuffbottommodal app-err-msg .input-error{width: 100%; color: #fff; text-align: center;} /*------------------------Free stuff page bottom popup design end ------------------------------*/ /*------------------------Member ship page FAQs styling------------------------------*/ .faqs_wrapper{background:#fff200 url(../images/repeated_stars.png) center top; padding:50px 0;} .faqs_wrapper h2{text-align: center;} .faqs .accordion{margin:0 auto; max-width: 75%; width: 100%;} .faqs .accordion .ac{margin: 0 0 5px 0;} .faqs .accordion .ac .ac-title{-webkit-transition:0.5s; transition:0.5s; cursor: pointer; width: 100%; position: relative; text-decoration: none; color: #fff; font-size: 20px; font-weight: 600;background: #f9f9f9;line-height: 22px; padding-left:15px; padding-top: 20px; padding-bottom: 20px; padding-right:42px; border-radius: 5px; margin-bottom: 0} .faqs .accordion .ac .ac-title:after{position: absolute; content: "\f078"; font-family: FontAwesome; font-size: 14px; color: inherit; right:15px; top:22px; transition: 0.5s;} .faqs .accordion .ac:nth-child(odd) .ac-title{background-color: #00aeef} .faqs .accordion .ac:nth-child(even) .ac-title{background-color: #cf0083} .faqs .accordion .ac:hover .ac-title, .faqs .accordion .ac.active .ac-title{font-weight:600;} .faqs .accordion .ac.active .ac-title{border-radius:5px 5px 0 0;} .faqs .accordion .ac.active .ac-title:after{transform:rotate(180deg);} .faqs .accordion .ac-text {padding: 10px 15px;background: #fff; border-radius: 0 0 5px 5px; display:none;} .faqs .accordion .ac-text a{color:#cf0083 } .faqs-link{padding:10px 10px; text-align:center; margin-top: -20px;} .faqs-link a{font-size:20px; font-weight: bold; color: #cf0083; transition: 0.5s} .faqs-link a:hover{color: #000;} .goto-ms{text-align: center;} .goto-ms a{margin:30px 8px 0; display: inline-block;} /*------------------------Member ship page FAQs styling end------------------------------*/ /*-----------------------newsletter landing page design -----------------------*/ .newsletter-landing-wrapper{padding: 60px 0 70px; background: #ce0082 url(../images/content_bg1.png) center top no-repeat; z-index:0} .newsletter-landing-wrapper h1{color: #fff; text-align: center;} .newsletterbox-wrapper{margin:30px 0; } .newsletterbox{border-radius: 15px;} .newsletterbox .imagebox{display: inline-block; min-height: 300px; max-height: 300px; height: 100%; overflow: hidden; transform: translate3d(0, 0, 0); background: url(../images/JSJ-halloween.jpg) center top no-repeat; margin-left: auto!important; width: 100%; margin-right: auto!important; background-position: top center; background-size: 100% auto!important; height: 100%; background-repeat: no-repeat;transition-property: background; transition-duration: 5s; border-radius: 9px 9px 0 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #000;} .newsletterbox .imagebox.november-nl{background: url(../images/november-nl.png) center top no-repeat;} .newsletterbox .imagebox.december-nl{background: url(../images/december-nl.png) center top no-repeat;} .newsletterbox .imagebox.january-nl{background: url(../images/january-nl.jpg) center top no-repeat;} .newsletterbox .imagebox.february-nl{background: url(../images/february-nl.jpg) center top no-repeat;} .newsletterbox:hover .imagebox{background-position: bottom center!important;} .newsletterbox{margin:0 0 20px 0; } .nl-content{position: relative; width:100%; padding:20px 15px 30px; text-align: center; border: 1px solid #000; background: #f7941d; border-radius: 0 0 15px 15px; margin: -5px 0 0 0; display: flex; flex-direction: column; justify-content: space-between; position: static} .nl-content:before{bottom: -10px; background: #cf7417; border-radius: 18px; z-index: -1;} .nl-content .title{display: inline-block; width: 100%; font-size:21px; font-weight: bold; color:#fff200;} .nl-content .description{display: inline-block; width: 100%; font-size:18px; margin: 15px 0 20px; color:#000;} .nl-content.bgeffect:hover .title{color:#fff200;} .nl-content.bgeffect:hover .description{color:#000;} .gotonewsletter{display: table; margin:20px auto 0;} .gotonewsletter span{padding:10px; min-width: 170px;} /*-----------------------newsletter landing page design end-----------------------*/ /*-----------------------Trial signup form changes-----------------------*/ .trial-signup{background:#efefef; } .trial-signup .form-group{margin-bottom: 25px;} .trial-signup .trial-signupR label{font-size: 16px;} /* .trial-signup .form-group app-err-msg{position: absolute; bottom:-20px; left: 0; width:100%;} */ .trial-signup-thanks, .common-thanks{background:#dfcb00 url(../images/membership_bg.png) center no-repeat; padding:50px 0; background-size: cover; position: relative;} .trial-signup-thanks .container, .common-thanks .container{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);} .trial-signup-thanks h1, .common-thanks h1{text-align: center; margin: 0;} .trial-signup .input-error, .common-thanks .input-error{color:red !important;} .thanks-msg{display: table; margin:0 auto; padding:0 15px; max-width:768px; width:100%} .thanks-msg p{text-align: center; font-size:20px; margin-top:20px; line-height:30px} .trial-signup-thanks p a, .common-thanks p a{color:#ce0082; } .trial-signup-thanks p a:hover, .common-thanks p a:hover{text-decoration: underline;} .trial-signup h1{margin-bottom:30px; text-align:left;} .trial-signup .trial-days{font-family: 'Noto Sans', sans-serif; font-weight: bold;font-size: 24px;padding: 20px 0; border-top: 1px solid #fff200; border-bottom: 1px solid #fff200; color: #fff200; text-align: center; margin-bottom: 26px;} .trial-signup .ims-form .ms-select .form-group label{color:#fff; font-size: 14px;} .trial-signup .ims-form .ms-select input + label span.img:after{display: none;} .trial-signupBox{display:table; width:100%; margin-top: 30px; box-shadow: 0 0 6px 0px #949494; -webkit-box-shadow: 0 0 6px 0px #949494; -moz-box-shadow: 0 0 6px 0px #949494; -ms-box-shadow: 0 0 6px 0px #949494;} .trial-signupBox > div{display: table-cell; width: 50%; vertical-align:top; padding: 0 20px;} .trial-signupBox input, .trial-signup .trial-signupBox .dropdown .dropdown-toggle{background: #ebebeb;;} .trial-signupR{background: #fff;} .trial-signupL{background:#00aeef;} .trial-signup .ims-form .ms-select .form-group{width:25%; text-align: center;} .trial-signupR{background: #fff;} .trial-signupL{background:#00aeef;} .trial-signup .ims-form .ms-select .form-group{width:25%; text-align: center;} /*-----------------------Trial signup form changes end-----------------------*/ /*-----------------------Upgrade form page styling-----------------------*/ .upgradeform .membership-sec_wrap{margin:40px auto;} .upgradeform.membership-sec .membership-sec_wrap .membership-sec_rgt .custom-testimonial p{color: #000; font-weight: normal; text-align: left;} /*-----------------------Upgrade form page styling end-----------------------*/ .center-content .alertmsg {text-align: center;display: inline-block;} /*---------------------------upgrade option strip styling---------------------------*/ .upgrade-msg{padding:10px 15px; text-align: center; background: #ff0000;} .upgrade-msg p{margin:0; color: #fff;} .upgrade-msg p i{color: #fff200;} .upgrade-box p a{color: #000; background:#fff200; font-size:12px; font-weight: bold; padding:4px 10px; border:1px solid #fff200; border-radius: 4px; text-decoration: none; transition: 0.5s; margin-left:15px;} /* .upgrade-msg p span{display: inline-block; margin:1px 5px 0 5px; padding:8px 8px 6px 8px; text-align: center; position: relative;} .upgrade-msg p span:after{position: absolute;font-family: FontAwesome; font-size: 36px; content: "\f133"; left: 50%; transform: translate(-50%,-50%); top: 42%; color: #fff200; } */ .upgrade-msg p span.timer {display: inline-block; vertical-align: middle;margin: 0 10px;} .upgrade-msg p span.timer span{display: inline-block; vertical-align: top;} .upgrade-msg p span.timer-val {display: inline-block;margin: 0 7px;} .upgrade-msg p span.timer-val i{display: block; font-style: normal; padding: 3px 5px; border: 1px solid #fff200; border-radius: 4px;} .upgrade-msg p span.timer-val .time-dur{font-size: 10px;} /*---------------------------upgrade option strip styling---------------------------*/ /* .upgradeform .membership-sec_wrap{max-width:768px; margin:40px auto;} */ .middle > .trial-signup-thanks, .middle .common-thanks{min-height: 400px;} /*------------------------custom testimonial styling on trial page----------------------*/ .custom-testimonial{display: flex; align-items: flex-start; margin:20px 0 0 0; padding: 15px; background: #fff; border-radius: 4px; border: 1px solid #f7941d;} .custom-testimonial .t-img{flex:0.3;} .custom-testimonial .t-quote{flex:1;} .custom-testimonial .t-quote p{padding:0 0 0 30px;} .custom-testimonial .t-quote p i{position: absolute; top:0; left:8px; color:#f7941d;} /*------------------------custom testimonial styling on trial page----------------------*/ /*-------------------------free stuff page bottom sticky bar design-------------------------*/ .stickybar-freestuff{position: sticky; bottom: 0; left:0; background:#f7941d; z-index:99999; width: 100%; padding:10px 15px 7px 15px; border: 1px solid #000; display: flex; justify-content: center; align-items: center; transition:0.5s;} .stickybar-freestuff form .form-group{display: inline-block; margin:0 30px;} .stickybar-freestuff p{font-weight:bold;} .stickybar-freestuff form{display: flex; align-items:center;} .stickybar-freestuff form .form-group input{text-align:left; border:1px solid #000; min-width: 300px; margin-bottom: 10px;} .stickybar-freestuff form .btn{display: inline-block; max-width: 100px; margin: 0 0 10px 0;} .toggle-sticky{display: none; width:30px; height:30px; border:1px solid #000; position: absolute; right:1px; top:-16px; cursor: pointer; background-color: #f7941d; z-index:99999; border-radius: 100%;} .stickybar-freestuff.hidden{display: none;} .toggle-sticky:before{position: absolute; left:8px; top:2px; content:"\f00d"; font-family: FontAwesome; font-size:14px; color:#fff;} .stickybar-freestuff .jmpBtn span{background: #00aeef !important} .stickybar-freestuff .jmpBtn:before{background:#0099c9 !important} /*-------------------------free stuff page bottom sticky bar design end-------------------------*/ /*------------------------Individual signuppage coupon code feild design----------------------*/ .coupon input{border:1px dashed #000000;} .coupon i.fa-scissors{position: absolute; top: 20px; left: 5px; font-size: 15px; color: #000000;} /*------------------------Individual signuppage coupon code feild design end----------------------*/ /*------------------------New design for individual signup form page ----------------------*/ .individual-form-wrapper{background:#fff;} .membership-sec .individual-form{max-width:800px; margin:60px auto 40px; border-radius: 6px;} .membership-sec .individual-form fieldset{padding:15px; margin: 0 2px; border:4px solid #00aceb; border-radius:6px;} .membership-sec .individual-form fieldset legend{font-size: 32px; font-family: 'Noto Sans', sans-serif; font-weight: bold; color: #00aceb; line-height: normal;border:none; text-align:center; display: table; margin:0 auto; width: auto; padding: 0 15px; margin-bottom:0;} .individual-form fieldset legend + p{display: table; margin:0 auto; font-size:18px; font-family: 'Noto Sans', sans-serif; color: #00aceb; line-height: normal; text-align: center; padding:5px 0;} .coupon-msg-wrapper{padding:0 10px; position: absolute; top: -33px; left: -1px; background: #00aeef; border-radius: 8px 8px 0 0; width: 100.5%; text-align: left; border: 1px solid #000;} .coupon-msg-wrapper .coupon-msg{color:#fff; padding:5px; text-align: center;} .individual-form .coupon-msg{display: table; margin: 26px auto 20px; padding: 20px 10px; border: 2px dashed #cf0083; border-radius: 10px; width:auto; text-align: center; background: #f7941d; color: #fff; font-size: 20px; font-family: 'Noto Sans', sans-serif; font-weight: bold; line-height:26px;} .ms-bx-main .ms-bx.skyblue .ms-bx-inner .coupon-msg{background:#00aeef; border: 2px dashed #f7941d; } .individual-form .fieldwrapper{max-width: 600px; width:100%; display: table; margin:0 auto;} .individual-form .fieldwrapper label{color:#000;;} .individual-form .fieldwrapper input{text-align:left;} .individual-form .fieldwrapper .u-msg{color:#000;} .individual-form .fieldwrapper .u-msg a{color:#cf0083} .individual-form .fieldwrapper .jmpBtn{margin-top: 10px;} .individual-form .fieldwrapper .jmpBtn span i{font-style: normal; margin-left:5px;} .individual-form .ims-form .fieldwrapper .ms-select label{padding:10px 16px 10px 36px; border-radius:4px; color: #00aceb; background: #fff; border: 1px solid #00aceb; min-width:140px; text-align: left;} .individual-form .ims-form .fieldwrapper .ms-select label:before{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 100%; border:1px solid #00aceb; left: 10px; top: 50%;transform: translateY(-50%); transition: 0.5s;} .individual-form .ims-form .fieldwrapper .ms-select input:checked + label:before, .individual-form .ims-form .fieldwrapper .ms-select input + label:hover:before{background:#00aceb;} .individual-form .ims-form .fieldwrapper .ms-select{display: flex; justify-content: center; align-items: center; padding-bottom:20px} .individual-form .ims-form .fieldwrapper .ms-select app-err-msg{position: absolute; bottom:0;} .individual-form .ims-form .fieldwrapper .ms-select .form-group{width: auto; margin:0 10px;} .individual-form .ims-form .fieldwrapper .ms-select input:checked + label, .individual-form .ims-form .fieldwrapper .ms-select input + label:hover{color: #00aceb;} .individual-form .vat-msg{font-size:16px; font-family: 'Noto Sans', sans-serif; font-weight: bold; color: #000; line-height: normal; border: none; text-align: center; display:block; width:100%; padding: 0 15px; margin-bottom:30px;} .individual-form .filter-btns-wraper{margin:20px 0 0 0;} .individual-form .login-msg{display:block; text-align: center; font-weight:bold; margin-top:10px;} .individual-form .login-msg a{color:#cf0083;} .individual-form .cardimg{width: 400px; margin: 0 auto 30px; display: block;} .StripeElement .CardField--ltr .CardBrandIcon-container{ left: 100px; } /*------------------------New design for individual signup form page end----------------------*/ .modal.in.center-popup .modal-dialog {top:50%; transform: translateY(-50%);} /*----------------interactve ul li----------------------*/ .reasons{padding-bottom: 30px; max-width: 70%; margin: 0 auto;} .IBP ul{list-style: none; padding:0;} .IBP ul li{position: relative; color:#fff; font-size:18px; line-height: 26px; padding:10px 10px 30px 64px;} .IBP ul li:before{position: absolute; position: absolute; counter-increment: num; content:counter(num); left:0; color: #000; z-index: 1; background: #fff200; padding: 6px 10px 10px 10px; height: 40px; width: 40px; text-align: center;} .IBP ul li:after{width: 1px; height: 100%; background: #fff200; position: absolute; content: ''; left: 19px; top: 10px; z-index: 0;} .IBP ul li:last-child:after{display: none;} .IBP ul li a{word-break:break-word;} /*----------------interactve ul li----------------------*/ .dmpack-sec .dl-boxes{max-width: 510px; display: table; margin: 40px auto 0;} .dmpack-sec .dl-bx .dl-bx-img img{width: 100%} .jwplayer{width:100% !important;} /*-----------------------------Shows page design-----------------------------*/ .shows-sec{padding: 30px 0 30px; background: #cd0082 url(../images/circle-bg-1.png) center top no-repeat;} .shows-sec .top-heading h1{color:#fff;} .shows-sec .top-heading span{display:inline-block; margin:5px 15px; vertical-align: middle;} .shows-sec .top-heading img{width: 50px; vertical-align: middle} .shows-sec .top-heading .sub-heading{margin-bottom:60px;} .shows-slider{margin-bottom:20px;} .shows-slider .Videobox{max-width:720px; width:100%; padding:0; float:none; margin:0 auto 0; position: relative; overflow: hidden;} .shows-slider .Videobox:before{content:''; position: absolute; width:100%; height:100%; background-image: linear-gradient(180deg, #FFFFFF 0%, #000000 100%); display: block !important;} .shows-slider .Videobox:before{display:none;} .shows-slider .Videobox a:first-child{min-height:1px; border-radius:15px 15px 0 0; border:0;} .shows-slider .Videobox a:first-child:after{border-radius:15px 15px 0 0;} .shows-slider .swiper-slide-active .Videobox a:first-child:after{display:none;} .shows-slider .Videobox img{border-radius:15px 15px 0 0;} .shows-slider .Videobox .content span{margin:0; display: inline-block; color: #fff;} .shows-slider .Videobox .content{width:100%; display:inline-block; text-align: center; padding:15px 15px 15px 15px; border-radius:0 0 15px 15px; position: absolute; bottom:0;} .shows-slider.swiper-container-3d .swiper-slide-shadow-left, .shows-slider.swiper-container-3d .swiper-slide-shadow-right{background-image: none;} .shows-slider .swiper-slide-prev{left:40%;} .shows-slider .swiper-slide-next{right:40%;} .shows-slider .Videobox .content p{margin:0; color:#fff;} .shows-slider .Videobox .content .Wishlst{position: absolute; top:10px;right: 10px; margin: 0;} .swiper-button-next{background-image:url(../images/next.svg)} .swiper-button-prev{background-image:url(../images/prev.svg)} .shows-slider .swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;} .shows-slider .swiper-pagination.disabled {display: none;} /*.gallery-thumbs-container{max-width:900px; width:100%; margin:0 auto;} .gallery-thumbs .swiper-slide > div{max-width:250px; width:100%; height:150px; color:#fff; margin: 0 auto; border-radius: 4px; background-size:cover; background-repeat:no-repeat; background-position:center;} .gallery-thumbs{border: 2px solid #fff; border-radius: 4px; padding:20px 15px; background:rgba(255, 255, 255, 0.5);} .gallery-thumbs .swiper-slide > div{opacity:0.5;} .gallery-thumbs .swiper-slide-thumb-active > div{opacity:1;}*/ .shows-sec-bottom{margin-top:70px;} .shows-sec-bottom .top-heading h2{margin-top: 10px; color:#fff;} .shows-sec-bottom .Videobox{overflow: hidden; transition: 0.5s;} .shows-sec-bottom .top-heading h2{margin-top: 10px; color:#fff;} .shows-sec-bottom .Videobox{overflow: hidden;} .shows-sec-bottom .Videobox .content {width: 100%; padding: 15px 50px 15px 15px; border-radius: 0 0 15px 15px; background: rgba(0,0,0,0.5); transition: 0.5s;} .shows-sec-bottom .Videobox .content span, .shows-sec-bottom .Videobox .content p{color:#fff; margin:0;} .shows-sec-bottom .Videobox .content .Wishlst{position: absolute; top:10px;right: 10px; margin: 0;} .slick-slider .Videobox{max-width:700px; margin:0 auto; float:none;} .slick-slider .slick-slide{cursor:grabbing;} .slick-list.draggable{cursor:grabbing;} .slick-slide:not(.slick-active) .Videobox{transform:scale(0.9); } .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; font-size: 0; background-color: transparent; border: 0; height:50px; width:30px; background-repeat: no-repeat;} .slick-prev{left:10px; background-image:url(../images/prev.svg)} .slick-next{right:10px; background-image:url(../images/next.svg)} /*-----------------------------Shows page design end-----------------------------*/ /*-------------------------County page styling------------------------------*/ .county-page{background: #cd0082 url(../images/membership_bg.png) center no-repeat; padding:50px 0; background-size: cover;} .county-page h1, .county-page .content,.county-page .top-heading .sub-heading{color:#fff;} .county-page .content{margin-bottom:30px; text-align: center;} .county-page .top-heading .sub-heading{font-size: 26px;} .county-page .container{padding:0 15px;} .county-page .content p{font-size: 18px; line-height: 28px;} .county-form-wrapper{background: #fff; border-radius: 6px; box-shadow: 0px 0px 10px 1px #969696; padding: 30px;} .county-form-wrapper .heading{margin-bottom: 25px;} .county-form-wrapper .heading h2{margin-bottom: 15px;} .county_main h2{font-size: 32px; text-align: center;} .county-form-wrapper .step2, .county-form-wrapper .step3{display: none;} .county-form-wrapper .nav-button{display: table; max-width:200px; width:100%; margin:0 auto;} .date_selection_box--wrapper{display: flex; justify-content:flex-start; margin-bottom:20px;margin-left: -10px; margin-right: -10px;} .date_selection_box {padding: 0 10px; flex-basis: 100px;} .county-form-wrapper h3{margin-top: 0; margin-bottom:20px;} .county-form-wrapper input, .county-form-wrapper textarea{background: #ebebeb;} .county-form-wrapper textarea{box-shadow: inherit; border:none;} .county-form-wrapper input[type='radio']{opacity: 0; position: absolute; top:0; left:0;} .date_selection_box label{font-size: 12px; border: 2px solid #00aeef; border-radius: 4px; padding:0 0 5px; text-align:center; cursor: pointer; transition: 0.5s;} .date_selection_box label span{display: inline-block; width:100%; padding:5px 0; transition: 0.5s;} .date_selection_box input:checked + label, .date_selection_box label:hover{border: 2px solid #ec008c;} .date_selection_box input:checked + label span.month, .date_selection_box input + label:hover span.month{border-color:#ec008c;} .date_selection_box input:checked + label span.month{background-color:#ec008c; color: #fff;;} .date_selection_box label span.month{border-bottom: 2px solid #00aeef; padding-bottom: 6px;} .time_selection h3{margin-bottom: 10px;} .time_selection_wrapper{padding:0 10px; display: flex; justify-content: start; margin-left: -10px; margin-right: -10px;} .time_selection_wrapper .form-group{flex-basis: 220px;} .time_selection_wrapper .form-group + .form-group{margin-left: 10px;} .time_selection_wrapper .time-select label{width: 100%; padding: 10px 16px 10px 36px; border-radius: 4px; color: #000; background: #fff; border:2px solid #00aceb; min-width: 140px; text-align: left; cursor: pointer;} .time_selection_wrapper .time-select label:before{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #00aceb; left: 10px; top: 50%; transform: translateY(-50%); transition: 0.5s;} .time_selection_wrapper .time-select input:checked + label:before, .time_selection_wrapper .time-select label:hover:before{background: #ec008c; border: 1px solid #ec008c;} .date_selection_box .booked_label{position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); font-size: 12px; font-weight: 700;} .time_selection_wrapper .time-select label:hover, .time_selection_wrapper .time-select input:checked + label{border:2px solid #ec008c;} .visit_form_wrapper{display: table; max-width: 600px; width:100%; margin: 0 auto;} .visit_form_wrapper button span, .visit_form_wrapper button:before{background: #ec008c;} .county-form-wrapper .form-group .form-control{text-align: left;} .visit_form_wrapper .nav-button-wrap{display: flex; margin-top:15px;} form .visit_form_wrapper button{margin-bottom: 0;} .date_selection_box input[type=radio].disabled, .date_selection_box input[type=radio][disabled]{cursor: not-allowed;} .date_selection_box input[type=radio].disabled + label, .date_selection_box input[type=radio][disabled] + label {filter: grayscale(100%); opacity: 0.5; cursor: not-allowed;} .progress_wrapper{margin-bottom: 20px;} .progress_wrapper--inner{display: flex; justify-content: center;} .progress_wrapper--inner a{font-size:14px; font-weight: 700; color:#000; text-align: center; padding:5px 5px; border: 2px solid #00aceb; border-radius: 2px; background:#fff; min-width: 120px; position: relative; transition: 0.5s;} .progress_wrapper--inner a + a{margin-left: 50px;} .progress_wrapper--inner a:before{content: ''; height: 2px; width: 100%; background: #00aceb; top: 50%; left:100%; transform: translateY(-50%); position: absolute;} .progress_wrapper--inner a:last-child:before{display: none;} .progress_wrapper--inner a.active{background: #ec008c; color: #fff; border-color: #ec008c;} .progress_wrapper--inner a.active:before{background:#ec008c;} .progress_wrapper--inner a.active.disabled, .progress_wrapper--inner a.active:last-child{filter: grayscale(1);} .alertBx.confirmation{position: relative; left:auto; top:auto; display: table; margin:30px auto 0; transform: none; border:2px solid #00aceb; border-radius: 2px;} .alertBx.confirmation .alert-content{padding:0} .county_main{display: flex; align-items: flex-start;} .county_main > div{flex:1;} .county_faqs{padding:0 15px;} .county_faqs h2{color:#fff; margin-bottom: 15px; margin-top:30px;} .county_faqs .accordion{max-width:100%;} .faqs.county_faqs .accordion .ac:nth-child(even) .ac-title{background: #f7941d;} .price_box{display: flex; justify-content: center; margin:10px auto; max-width: 700px; width:100%;} .price_box .price_box-inner{flex:1; padding:15px 10px; margin:0 10px; background: #fff; box-shadow: 0px 0px 10px 1px #969696; border-radius: 4px; color: #000;} .price_box .price_box-inner span{display: inline-block; width:100%;} .price_box .price_box-inner span.title{font-size: 18px; font-weight: 700; border-bottom: 1px solid #cd0082; margin-bottom: 10px; padding-bottom: 10px;;} .price_box .price_box-inner span.info{font-weight: 700;} /*-------------------------County page styling end------------------------------*/ /*-------------------------County page styling------------------------------*/ .county-page .content{margin-bottom:30px; text-align:justify;} .county-page .container{padding:0 15px;} .county-page .content p{font-size: 18px; line-height: 28px;} .county-form-wrapper{background: #fff; border-radius: 6px; box-shadow: 0px 0px 10px 1px #969696; padding: 30px;} .county-form-wrapper .step2, .county-form-wrapper .step3{display: none;} .county-form-wrapper .nav-button{display: table; max-width:200px; width:100%; margin:0 auto;} .date_selection_box--wrapper{display: flex; justify-content:flex-start; margin-bottom:20px;margin-left: -10px; margin-right: -10px;} .date_selection_box {padding: 0 10px; flex-basis: 100px;} .county-form-wrapper h3{margin-top: 0; margin-bottom:20px;} .county-form-wrapper input, .county-form-wrapper textarea{background: #ebebeb;} .county-form-wrapper textarea{box-shadow: inherit; border:none;} .county-form-wrapper input[type='radio']{opacity: 0; position: absolute; top:0; left:0;} .date_selection_box label{font-size: 12px; border: 2px solid #00aeef; border-radius: 4px; padding:0 0 5px; text-align:center; cursor: pointer; transition: 0.5s;} .date_selection_box label span{display: inline-block; width:100%; padding:5px 0; transition: 0.5s;} .date_selection_box input:checked + label, .date_selection_box label:hover{border: 2px solid #ec008c;} .date_selection_box input:checked + label span.month, .date_selection_box input + label:hover span.month{border-color:#ec008c;} .date_selection_box input:checked + label span.month{background-color:#ec008c; color: #fff;;} .date_selection_box label span.month{border-bottom: 2px solid #00aeef; padding-bottom: 6px;} .time_selection h3{margin-bottom: 10px;} .time_selection_wrapper{padding:0 10px; display: flex; justify-content: start; margin-left: -10px; margin-right: -10px;} .time_selection_wrapper .form-group{flex-basis: 220px;} .time_selection_wrapper .form-group + .form-group{margin-left: 10px;} .time_selection_wrapper .time-select label{width: 100%; padding: 10px 16px 10px 36px; border-radius: 4px; color: #000; background: #fff; border:2px solid #00aceb; min-width: 140px; text-align: left; cursor: pointer;} .time_selection_wrapper .time-select label:before{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #00aceb; left: 10px; top: 50%; transform: translateY(-50%); transition: 0.5s;} .time_selection_wrapper .time-select input:checked + label:before, .time_selection_wrapper .time-select label:hover:before{background: #ec008c; border: 1px solid #ec008c;} .date_selection_box .booked_label{position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); font-size: 12px; font-weight: 700;} .time_selection_wrapper .time-select label:hover, .time_selection_wrapper .time-select input:checked + label{border:2px solid #ec008c;} .visit_form_wrapper{display: table; max-width: 600px; width:100%; margin: 0 auto;} .county-form-wrapper .form-group .form-control{text-align: left;} .visit_form_wrapper .nav-button-wrap{display: flex; margin-top:15px;} form .visit_form_wrapper button{margin-bottom: 0;} .date_selection_box input[type=radio].disabled, .date_selection_box input[type=radio][disabled]{cursor: not-allowed;} .date_selection_box input[type=radio].disabled + label, .date_selection_box input[type=radio][disabled] + label {filter: grayscale(100%); opacity: 0.5; cursor: not-allowed;} .progress_wrapper{margin-bottom: 20px;} .progress_wrapper--inner{display: flex; justify-content: center;} .progress_wrapper--inner a{font-size:14px; font-weight: 700; color:#000; text-align: center; padding:5px 5px; border: 2px solid #00aceb; border-radius: 2px; background:#fff; min-width: 120px; position: relative; transition: 0.5s;} .progress_wrapper--inner a + a{margin-left: 50px;} .progress_wrapper--inner a:before{content: ''; height: 2px; width: 100%; background: #00aceb; top: 50%; left:100%; transform: translateY(-50%); position: absolute;} .progress_wrapper--inner a:last-child:before{display: none;} .progress_wrapper--inner a.active{background: #ec008c; color: #fff; border-color: #ec008c;} .progress_wrapper--inner a.active:before{background:#ec008c;} /*-------------------------County page styling end------------------------------*/ /*-------------------------Back to mindfullness page button styling----------------------------*/ .back-to-page a{display:table;} /*-------------------------Back to mindfullness page button styling----------------------------*/ @media only screen and (min-width:992px) and (max-width:1140px){ .shows-slider .swiper-slide-prev{left:30%;} .shows-slider .swiper-slide-next{right:30%;} } @media only screen and (max-width:1170px){ .headerNew .brand_logo, .headerNew .container:after{left:50%;} /* .headerNew .container:after { bottom: -130px; } */ .headerNew nav{width:80%;} .headerLog .brand_logo_log, .headerNew .container:after{left:50%;} .headerLog{padding:71px 0 33px;} .headerLog .container:after{bottom: -60px;} } /*----------------------------Invite teacher page style---------------------------------*/ .invite-teacher{text-align:center;} .invite-teacher .form-group .showPass{top:8px;} /*----------------------------Invite teacher page style end---------------------------------*/ /*----------------------------My account page tab strcture styling---------------------------------*/ .nav-tabs-horizontal{margin-bottom:40px;} .nav-tabs-horizontal .nav-tabs-dropdown{display: none;} .nav-tabs-horizontal .nav-tabs-wrapper { display: block; width: 100%; overflow-x: auto;} .nav-tabs-horizontal ul {display: flex; justify-content: center; text-align: center; border-bottom: 3px solid #00aeef; margin: 0; padding: 0;} .nav-tabs-horizontal ul li{flex:0 1 50%;} .nav-tabs-horizontal ul li a{display: inline-block; width: 100%; margin:0; padding:10px 10px; font-size: 18px; color:#000; font-weight: bold; transition: 0.5s;} .nav-tabs-horizontal ul li.active a{color:#00aeef;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none; color: #00aeef;} .nav-tabs>li>a:hover {border-color: transparent;} .tabs{display: none;} .accbx_form__edit{margin:0 0 40px 0; text-align: center;} .accbx_form__edit button{min-width: 200px; padding:0; margin: 0 auto;} .accbx_form__edit button span{padding:10px 12px;} .accbx__feild--teachercount{text-align: center} .accbx__feild--teachercount input{max-width:100px; width:100%; display: inline-block; margin-left:20px;} .accbx__feild--teacher-data-bx{display:flex; width:100%; margin-bottom:15px; position: relative; padding-right:30px;} .accbx__feild--delete-individual-teacher{position: absolute; right:10px; top:12px; cursor: pointer;} .accbx__feild--delete-individual-teacher i{color:red; font-size:20px; cursor: pointer;} .accbx__feild--teacher-data-bx .form-group{margin-bottom:0;} .accbx__feild--teacher-data-bx label{flex:1;} .modal-alert .modal-dialog.multiple-teacher{max-width: 800px;} .accbx__feild--teacher-data-bx > div{flex:1;} .accbx__feild--teacher-data-bx .teachercount_number{display: inline-block; vertical-align: middle; width: 32px; height: 32px; padding-top: 4px; text-align: center; background: #ec008c; border: 1px solid #000; color: #fff; border-radius: 100%; margin-top:6px;} /*----------------------------My account page tab strcture styling end---------------------------------*/ @media only screen and (max-width:1024px){ .humBurger{display:block;} /* header{padding:70px 0 50px;} header{padding: 0; height: 122px;} .headerNew{height:136px;}*/ header .container{padding:0;} header:after{display:none;} header nav{display:none; position:absolute; top:34px; background:#00aeef; border-bottom:1px solid #000; padding:20px; z-index:4;} .brand_logo{top:-4px; left:20px; transform:none; width:auto; text-align:left; margin:10px 0 0 0;} .brand_logo:hover img{transform:none;} .brand_logo_log{top:-4px; left:20px; transform:none; width:auto; text-align:left; margin:10px 0 0 0;} .brand_logo_log:hover img{transform:none;} header nav a + a,.headerNew nav a + a{margin:0;} header nav a,header nav a:nth-child(n+4){width:100%; float:left;} nav .bgeffect:before{display:none;} nav .jmpBtn span{border:none; width:100%; max-width:100%;} header nav:after{position:absolute;content:''; width:100%; height:16px; border-bottom: 1px solid #000;left: 0; bottom:-17px; background:#0099c9;} .jmpBtn > span:hover, .subscribe_bx form > div span input:focus{top:0;} .Top_banner > span{min-height: 400px;} .subscribe_bx{padding:16px 15px 22px 15px;} .vid-filter ul li{margin:5px 10px 10px 10px} .wlcm-cat .wlcm-cat-bx{width:250px; height:250px;} .wlcm-cat .wlcm-cat-bx .wlcm-cat-bx-inner{width:210px; height:210px;} .wlcm-cat .wlcm-cat-bx .wlcm-cat-bx-inner span{font-size: 20px;} .wlcm-sec h1 .u-name{display: block; width: 100%;} .accbx--adduser .accbx_form__edit a:first-child{margin:0 10px 0 0;} .membership-sec{background-image:none;} /* .brand_logo, */ /* header .container:after, .headerNew .headerNew nav:after{display: none;} */ .school-form span.info_msg{display: block; position: relative; text-align: left; top: auto; right: auto; margin-top:10px} .school-form .dpmsg{padding-right:0;} .school-form a.info_msg{position: relative; top:auto; right:autp; width:100%; text-align: left;} .school-form a.info_msg br{display: none;} /*.headerNew{padding:23px 0 13px;}*/ .headerNew .humBurgerNew{top:0px;} .headerNew .humBurgerNew .humBurgerInner{width: 60px;height: 70px; font-size:14px;} .headerNew .humBurgerNew .humBurgerInner i:last-child{margin:0 0 5px 0;} .headerNew .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__topf .brand_logo{display:block !important; left: 50%; width: 80px; top:-7px; transform: translateX(-50%); -webkit-transform: translateX(-50%);} .headerNew .ms-bx-main .ms-bx .ms-bx-inner .ms-bx-inner__top .brand_logo{display:block !important; left: 50%; width: 80px; top:-7px; transform: translateX(-50%); -webkit-transform: translateX(-50%);} .headerNew .container{padding:0 10px;} .headerNew .ms-bx-main:after{left:9%;} .headerNew .ms-bx-main{top:97px;} .headerNew nav{display: inline-block; vertical-align: middle; float: none; background: transparent; top: 0; margin:0; border: none; padding: 0; position: relative;} .headerNew nav a{width: auto; margin:5px 5px !important;} .headerNew nav{width:90%; margin-left:10px;} .headerNew .bgeffect:before{display: block;} .headerNew nav a span{border:1px solid #000;} .Wishlst:hover{animation:none; -webkit-animation:none; -moz-animation:none;} .dl-bx .dl-bx-cont{/*min-height: 260px;*/} .footBx .container{flex-direction: column;} .socialLinks{margin:30px 0 15px 0;} .footLinks{margin: 15px 0 30px 0} .free_stuff_top .free_stuff h1, .free_stuff_bottom .h-1{font-size:40px;} } @media only screen and (min-width:992px){ .testimonialbox .row > div:nth-child(3n+1){clear: left;} } @media only screen and (max-width:991px){ .shows-slider .swiper-slide-prev{left:auto;} .shows-slider .swiper-slide-next{right:auto;} .county_main{flex-direction: column;} .county_faqs{padding:40px 0 0; width:100%;} } @media only screen and (min-width:768px){ .shows-sec-bottom .Videobox img{height: 220px;} } @media only screen and (max-width:991px){ .vid-cat-sec .vid-cat-cont .row > div:nth-child(3n+1),.wishlist .row > div:nth-child(3n+1){clear:unset;} .vid-cat-sec .vid-cat-cont .row > div:nth-child(2n+1),.wishlist .row > div:nth-child(3n+1){clear:left;} .eventcontent{padding-left:0;} .loginsec h1{font-size:38px;} .loginsec .loginsec_rgt h2{font-size: 32px;} .vid-cat div[class*='vid-cat-']{ margin-bottom:10px;} .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-text{display: none;} .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-title{border-right: none;} .wlcm-cat-bx{margin:0 16px;} .wlcm-cat .wlcm-cat-bx{width:200px; height:200px;} .wlcm-cat .wlcm-cat-bx .wlcm-cat-bx-inner{width:160px; height:160px;} .wlcm-cat .wlcm-cat-bx .wlcm-cat-bx-inner span{font-size:18px;} .contact-form .rgt img{display: table; margin:0 auto;} .testimonialbox .box-content{min-height:auto;} .why-jsj .wjt-wrapper h1{font-size: 32px;} .why-jsj{padding:30px 0;} .accbx--adduser .accbx__feild{width:85%;} .testimonialbox .row > [class^="col-"]:nth-child(2n + 1){clear: left;} .footBx{padding:30px 0;} .footBx .footBx_cont_btn{margin: 0 auto; float: none; max-width: 170px; width: 100%; display: table;} .footBx .footLinks{width: 100%; margin: 40px 0 0 0; text-align: center;} .footer-whoopa{float: none; margin: 30px 0 0 0; display: inline-block; width:100%; text-align: center;} .faqs{margin: 0;} .md-hidden{display: none;} .footBx .socialLinks{margin:45px auto 0; display: table; float: none;} } @media only screen and (max-width:1000px){ .Top_banner .container{margin-top:-250px;} .Videobox,.VideoboxMain{margin:0 0 30px;} .Vtitle{margin:24px auto 0;} .Imgbox{width:auto; margin:0 auto 50px; display:table; float:none;} .MoreStuff .jmpBtn{width:100%; max-width:100%; line-height:normal;} .MoreStuff .jmpBtn span{max-width:100%; font-size:24px;} .ms-bx-main .ms-bx{width:100%; margin:0 0 20px; max-width:700px} .vbx-with-btn{margin-bottom:40px;} .upgrade-msg .msg{display: block; margin:6px 0 0 0;} .ms-bx-main{flex-direction: column; align-items: center;} } @media only screen and (min-width: 768px){ .modal-dialog {width: 100%;margin: 0px auto;} } @media only screen and (max-width:767px){ /*.headerNew{height:122px;}*/ .loginsec .loginsec_lft,.contact-form .lft{border: none;} .contact-form .lft button.btn{margin:0 auto 30px;} .ms-testimonial .swiper-slide{padding:0} .ms-testimonial .swiper-button-prev,.ms-testimonial .swiper-button-next{display: none;} .contact-form .lft{padding-right:10px;} .contact-form .rgt{padding-left:10px;} .loginsec .loginsec_lft{padding-right:10px} .vid-cat div[class*='vid-cat-']{margin: 0 10px;} .vid-cat div[class*='vid-cat-'] a img{width:80px;} .vid-cat div[class*='vid-cat-'] a span + span{font-size:12px; margin-top:10px;} .vid-cat div[class*='vid-cat-'] a span:before{display: none;} .topHeader a{font-size: 15px; font-family:'Noto Sans', sans-serif; font-weight:bold; text-transform: uppercase;} .headerNew nav{width:70%;} .headerNew nav a.jmpBtn{width:auto;} .headerNew nav a.jmpBtn span{background: transparent; text-transform: capitalize;} .headerNew nav a span,.headerNew nav a span:hover, .headerNew nav a.active span{border: none;} .headerNew nav a{margin:0px !important;} .headerNew nav .bgeffect:before{display: none;} .why-jsj .wjt-wrapper .wjt-wrapper_lft{margin-bottom:20px;} .wjt-wrapper-rgt img{display: table; margin: 0 auto;} .mfsub-sec .content .ULlist{text-align: center; margin:10px 0 0 0; text-align: left;} .bottom-content .bottom-content-inner > div{width:100%; display: table; padding:20px 10px;} .bottom-content .bottom-content-inner .left{border-bottom:1px solid #fff200; border-right:none;} .user_update a{display: block;} .user_update{padding-left:10px;} .user_update a + a{margin-left:0;} .testimonial .swiper-pagination{display: none;} .testimonial .swiper-wrapper1{padding-bottom:0;} .dl-bx{display: table; margin: 0 auto 20px; max-width: 580px; width:100%;} .dl-bx .dl-bx-cont{min-height: 1px;} .videomodal .modal-header .modal-title{font-size: 20px;} .ms-testimonial .testimonialbox .box-content{min-height: 1px;} .reasons{max-width:100%;} .school-form .ms-select .form-group{width:50%;} .ms-select{text-align: center;} .wl-count .line{width:60%;} ._form_9.subscribe_bx [id^=_form_] ._form-content ._form_element:nth-child(2), ._form_9.subscribe_bx [id^=_form_] ._form-content ._button-wrapper{width:100% !important;} ._form_9.subscribe_bx [id^=_form_] ._form-content ._button-wrapper{padding:0 !important; margin-top:10px !important;} .trial-signupBox > div{display: table; width:100%; padding:15px;} .trial-signup .ims-form .ms-select .form-group{width:50%;} .faqs .accordion{max-width: 100%;} .trial-signupBox > div{display: table; width:100%; padding:15px;} .trial-signup .ims-form .ms-select .form-group{width:50%;} .faqs .accordion{max-width: 100%;} .trial-signupBox > div{display: table; width:100%; padding:15px;} .trial-signup .ims-form .ms-select .form-group{width:50%;} .faqs .accordion{max-width: 100%;} .upgrade-msg .msg .upgrade-button{display: table; margin:10px auto 0;} .stickybar-freestuff{flex-direction: column; text-align: center; padding:10px 40px 15px;} .toggle-sticky{right:8px; top:3px;} .stickybar-freestuff form .form-group input{min-width: 1px; max-width:300px;} .stickybar-freestuff form {width: 100%;} .stickybar-freestuff form .form-group{display: block; width:100%; margin:0 15px 0 0;} .stickybar-freestuff form .btn{width: 100%;} .free_stuff_wrapper{flex-direction: column;} .gallery-thumbs-container{visibility: hidden; height: 0;} .shows-slider .Videobox .content{text-align: left;} .shows-sec{padding:30px 15px 60px;} .county-form-wrapper{padding:15px;} .date_selection_box--wrapper{flex-wrap: wrap;} .date_selection_box{padding: 0 5px; flex-basis: 90px; margin-bottom: 15px;} .date_selection_box--wrapper{margin-left: -5px; margin-right: -5px;} .accbx__feild--teacher-data-bx{padding:0 10px;} .myaccount-sec .tab-1 .accbx--adduser .accbx__feild{width:100%; display: table;} .myaccount-sec .tab-1 .user_update{display: table; width: 100%; text-align: left;} .myaccount-sec .tab-1 .user_update a{display: inline-block; margin-top: 0;} } @media only screen and (max-width:735px){ .free_stuff_bottom .h-1,h1{font-size:32px;} h2{font-size:28px; margin-bottom:20px;} .Top_banner .container{margin-top:-150px;} .Top_banner .free_stuff > p + h1{font-size:50px;} .subscribe_bx form > div{margin-bottom:15px;} .subscribe_bx h3{/*font-size:28px;*/ margin-bottom:15px; text-align: center;} .subscribe_bx form > div,.subscribe_bx form > span{width:100%; display:inline-block; padding:0;} /*.subscribe_bx form > span button{height:auto; padding:10px 20px; font-size:24px;}*/ .eventcontent h3{font-size:26px;} .Our_member .schoollist span{font-size:30px;} .footBx .footLinks{margin-bottom:20px;} .footBx .footLinks, .footBx .socialLinks{display:table; width:100%; text-align:center;} .loginsec form .form-group{margin-bottom:30px;} .loginsec .loginsec_rgt h2{margin-top:40px;} .vid-cat h1{font-size:32px; margin:45px 0 45px} .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-title{font-size: 26px;} .vid-cat-sec .vid-cat-head .vid-cat-desc .vid-cat-title span,.vid-cat-sec .vid-cat-head .vid-cat-desc .vid-count{font-size: 16px;} .free_stuff_top .free_stuff p:first-child{font-size:18px;} .free_stuff_top .free_stuff h1,.dl-sec h1,.contact-sec h1,.myaccount-sec h1,.ms-sec h1{font-size:32px; } .dl-bx{background: #fff;} .dl-bx .dl-bx-cont{width: 100%; border-left:none; border-radius: 6px; padding-left:10px; padding-right:10px;} .filtered-res h2{font-size:36px} .filtered-res h3{font-size:28px} .dl-sec .short-desc,.ms-sec .short-desc, .top-heading .sub-heading,.top-heading .sub-heading{font-size:20px} .wlcm-sec h1, .wlcm-sec .short-desc{font-size: 32px;} .membership-sec .membership-sec_wrap > div{width:100%; display: table; padding:30px 10px 60px} .form-check label{margin: 0;} .ims-form .ims-form-head{font-size: 24px;} .accbx .accbx_head .accbx_title{margin-bottom:10px;} .accbx .accbx_head .accbx_title,.accbx .accbx_head .accbx_edit{width: 100%; text-align:center;} .accbx--adduser .accbx__feild{display: table; width:100%;} .accbx--adduser .accbx_form__edit{display: table; padding: 7px 0 0 0px;width: 100%;} .accbx--adduser ul li{margin-bottom:20px;} .accbx .accbx_head .accbx_title{font-size: 24px;} .ms-tms .swiper-button-prev,.ms-tms .swiper-button-next{display: none;} .ms-tms .swiper-container .swiper-slide{padding:0 10px;} .headerNew nav a span{font-size:14px; padding:6px 5px;} .Our_member .schoollist span:before{top:18px;} .vid-filter ul li a{width:140px;} .vid-filter ul li{margin:5px 3px 10px 3px} .modal-alert button.close{top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); right:12px; margin:0 !important;} .modal-alert .modal-header{padding-right:58px;} .vid-cat-sec .vid-cat-cont .Videobox{min-height: 1px;} .wl-count .wl-title{font-size:28px;} .subscribe_bx form,.subscribe_bx{flex-direction: column;} .subscribe_bx form > span{max-width: 240px;}stickybar-freestuff .subscribe_bx app-err-msg{position: relative; left:auto; bottom: auto; display: block; margin-left:30px;} .faqs .accordion{width:100%;} .free_stuff_bottom p, .free_stuff_top .free_stuff p{font-size:26px;} .shows-sec .top-heading h1{display: table; margin:0 auto;} .shows-sec .top-heading h1 img, .shows-sec .top-heading h1 span{display: table-cell; vertical-align: middle; font-size:28px;} } @media only screen and (max-width:640px){ .wlcm-cat a{display: table; margin: 0 auto;} .stickybar-freestuff{padding:10px 40px 15px;} .stickybar-freestuff form{flex-direction: column;} .stickybar-freestuff form .form-group{margin:0 0 15px 0;} .stickybar-freestuff form .form-group input{margin: 0 auto;} .toggle-sticky{display: inline-block;} .membership-sec .individual-form fieldset legend{font-size:19px;} .shows-slider .Videobox img{height:230px;} .progress_wrapper--inner{flex-direction: column; } .progress_wrapper--inner a + a{margin-left: 0; margin-top:30px;} .progress_wrapper--inner a:before{left: 50%; bottom: -28px; top: auto; transform: translateX(-50%) rotate(90deg); width: 50px;} .price_box{flex-direction: column;} .price_box .price_box-inner{margin: 5px 10px;} .nav-tabs-horizontal ul li a{font-size:14px;} .modal-alert .modal-body{padding:24px 10px;} .accbx__feild--teacher-data-bx label{font-size:12px;} .headerNew .myaccount-menu{max-width: 100%; right: 10px;} } @media only screen and (max-width:380px){ .headerNew .humBurgerNew{float: left;} .headerNew nav{float: left; width:calc(100% - 70px);} .topHeader .container{display: flex; flex-wrap: wrap;} /* .topHeader a{display: inline-block; margin:0; flex:0 50%; width: 50%; text-align: left;} */ /* .topHeader a{display: inline-block; margin:0; flex:0 50%; width: 50%; text-align: left;} .topHeader a{display: inline-block; margin:0; flex:0 50%; width: 50%; text-align: left;} */ /* .topHeader a:nth-child(2){order:2;} .topHeader a:nth-child(4){order:4;} */ .topHeader a{display: inline-block; margin:0; width:31%; text-align: left; flex:0 31%;} /* .headerNew .container .brand_logo img{display: inline-block; margin:0; flex:0 50%; width: 50%; text-align: left;} top:50%; padding-top: 50%;*/ .headerNew .container .brand_logo{display: inline-block; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); margin:0; flex:0 50%; width: 50%; text-align: center; z-index:2;} .headerNew .container .brand_logo img{display: inline-block; width:120px; transition:0.3s;} .headerNew .container .brand_logo:hover img{display: inline-block; transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); flex:0 50%; text-align: left;} .headerLog .container .brand_logo_log{display: inline-block; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); margin:0; flex:0 50%; width: 50%; text-align: center; z-index:2;} .headerLog .container .brand_logo_log img{display: inline-block; width:120px; transition:0.3s;} .headerLog .container .brand_logo_log:hover img{display: inline-block; transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); flex:0 50%; text-align: left;} /* padding-top: 50%; width: 50%;*/ .headerNew nav{text-align:center;} .headerNew nav a.jmpBtn{display: inline-block;} .Top_banner .free_stuff > p + h1{font-size:46px;} .eventcontent h3{font-size:26px;} .footBx .footLinks li{width:auto; display: table; margin:0 auto} .footBx .footLinks li + li{margin: 10px auto 0 auto;} .wlcm-cat{margin-top:40px;} .wlcm-cat .wlcm-cat-bx{display: table; margin:20px auto 0 ;} .headerNew nav{width:70%;} .vid-cat-sec .vid-cat-cont .Videobox .Vtitle{max-width:230px;} .notice-msg{left: 50%; transform: translateX(-50%); width: 100%; right: auto;} .upgrade-msg p span.timer{display: block; margin-top: 10px;} .individual-form .ims-form .fieldwrapper .ms-select{padding:0 0 20px 0;} .individual-form .ims-form .fieldwrapper .ms-select .form-group{margin: 0 4px;} .individual-form .ims-form .fieldwrapper .ms-select label{min-width:120px; font-size: 12px;} .coupon-msg-wrapper{top:-55px;} .time_selection_wrapper{flex-direction: column;} .time_selection_wrapper .form-group + .form-group{margin-left: 0;} .time_selection_wrapper .form-group{flex-basis: auto;} .visit_form_wrapper .nav-button-wrap{flex-wrap: wrap;} .county-form-wrapper .nav-button{margin-bottom: 10px;} } @media only screen and (min-width:250px){ /* .Videobox a:first-child{min-width: 320px;} */ .headerNew .container .brand_logo{ display: inline-block; position: absolute !important; top: 10px !important; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); margin: 0; flex: 0 50%; text-align: center; z-index: 2; } .headerNew .container .brand_logo img{display: inline-block; width:120px; transition:0.3s;} .headerLog .container .brand_logo_log{ display: inline-block; position: absolute; /* top: -10px; */ left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); margin: 0; flex: 0 50%; text-align: center; z-index: 2; } .headerLog .container .brand_logo_log img{display: inline-block; width:120px; transition:0.3s;} /* .headerNew .container .brand_logo:after { position: absolute; content: ''; top: 30px; left: 50.2%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 85px; height: 80px; border-radius: 100%; z-index: -1; background: #f7941d !important; z-index: 1; box-shadow: 0 8px 0 -6px #000; } */ /* .headerNew .container .brand_logo:hover img{display: inline-block; transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); flex:0 50%; width: 50%; text-align: left;} */ } @media only screen and (max-width:360px){ .headerNew nav a span{font-size: 12px;} } .input-error { color: #FF0035; float: left; } /* NUMBER FORMATTING */ .credit-card-last4 { font-family: "PT Mono", Helvetica, sans-serif; font-size: 24px; } .credit-card-last4:before { content: " **** **** **** "; color: #4f4d4d; font-size: 22px; } .credit-card-expiry { font-family: "PT Mono", Helvetica, sans-serif; font-size: 18px; bottom: 8px; left: 15px; } /* BRAND CUSTOMIZATION */ .credit-card.visa { background: #fff350; color: #000000; } .credit-card.visa .credit-card-last4:before { color: #000311; } input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 50%; width: 25px; height: 25px; border: 2px solid #00aceb; transition: 0.2s all linear #00aceb!important; margin-right: 5px; vertical-align: sub; position: relative; top: 2px; } .school-form1 input:focus { outline: none!important; border-color: #cf0083!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: 8px solid #cf0083; } .individual-form1 input:focus { outline: none!important; border-color: #00aceb!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: 8px solid #00aceb; } .individual-form input:checked { border: 8px solid #00aceb!important; } .school-form input:checked { border: 8px solid #cf0083!important; }